@import url("//fonts.googleapis.com/css2?family=Cabin:wght@400;500;700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;500;700&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,700&display=swap");
.body_area {
  font-size: 14px;
  padding-top: 5px; }
  .body_area *, .body_area *:before, .body_area *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .body_area h5 {
    color: #005277;
    font-size: 16px;
    font-weight: bold; }
  .body_area h6 {
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    margin: .35em 0 .5em .35em;
    padding: 0 5px;
    border-bottom: solid 1px #005277; }
  .body_area .profile {
    margin-bottom: 35px; }
    .body_area .profile article {
      max-width: 520px;
      width: 67%; }
      .body_area .profile article p {
        text-indent: 1em;
        margin-bottom: .5em !important; }
    .body_area .profile img {
      display: block;
      max-width: 240px;
      width: 31%;
      height: auto;
      width: auto; }
  .body_area .history {
    padding-bottom: 35px; }
    .body_area .history dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      line-height: 1.4;
      margin-bottom: .75em;
      padding-bottom: 2px;
      border-bottom: 1px dotted #aaa; }
    .body_area .history dt {
      width: 80px;
      text-align: right; }
      .body_area .history dt span {
        display: inline-block;
        width: 30px; }
    .body_area .history dd {
      width: calc(100% - 95px);
      text-align: left; }

.message .text {
  max-width: 550px;
  width: 71%; }
  .message .text p {
    text-indent: 1em;
    margin-bottom: .75em !important; }

.message .photo {
  max-width: 200px;
  width: 27%;
  text-align: center; }
  .message .photo img {
    width: calc(100% - 2px);
    margin-bottom: 10px;
    border: solid 1px white;
    -webkit-box-shadow: rgba(149, 157, 165, 0.4) 0px 6px 20px;
            box-shadow: rgba(149, 157, 165, 0.4) 0px 6px 20px; }
  .message .photo .small {
    line-height: 1.5; }

.page1 .message {
  margin-bottom: 35px; }

.page1 p {
  margin: 0 0 .75em .5em !important; }

.page2 .body_area {
  padding-top: 10px; }
  .page2 .body_area p {
    font-size: 15px;
    margin-bottom: .75em !important; }

.page3 .message {
  margin-bottom: 35px; }

div#content div#main div.report-main h5 {
  font-size: 13px;
  font-weight: bold;
  margin: 1em 0 .35em .35em; }

div#content div#main div.report-main p {
  margin-bottom: .5em; }

div#content div#main div.report-main img.imaging {
  margin: 0 0 1em 1em; }

div#content div#main div.report-main img.imaging2 {
  float: left;
  margin: 0 1em 1em 0; }

div#content div#main div.report .access p {
  margin-bottom: .5em; }

div#content div#main div.report-main img.main_photo {
  display: block;
  margin: 1em auto 1.5em; }

div#content div#main div.report-main dl {
  overflow: hidden; }
  div#content div#main div.report-main dl dt {
    clear: both;
    float: left;
    width: 4.5em;
    text-align: right;
    margin: 0 0 .25em;
    padding: 0 8px 1px 8px;
    border-bottom: 3px solid #ddd; }
    div#content div#main div.report-main dl dt.line2 {
      line-height: 3.2; }
  div#content div#main div.report-main dl dd {
    margin: 0 0 .25em;
    padding: 0 8px 3px 7em;
    border-bottom: 1px dotted #aaa; }

div#content div#main div.report-main ol {
  margin: -.25em 0 .75em 1em;
  padding: 0 0 0 .75em; }
  div#content div#main div.report-main ol li {
    list-style-type: decimal; }

div#content div#main div.report table.t_gaiyo {
  width: 730px;
  margin: 0 auto 40px; }
  div#content div#main div.report table.t_gaiyo th {
    border-bottom: solid 1px #ccc;
    padding: 3px;
    vertical-align: top; }
  div#content div#main div.report table.t_gaiyo td {
    border-bottom: solid 1px #ccc;
    padding: 3px; }

table.hospital_about_table {
  width: 100%;
  border-top: solid #CCC 1px;
  border-left: solid #CCC 1px; }
  table.hospital_about_table th {
    background: #e1f6fe;
    border-right: solid #CCC 1px;
    border-bottom: solid #CCC 1px;
    padding: 10px; }
  table.hospital_about_table td {
    border-right: solid #CCC 1px;
    border-bottom: solid #CCC 1px;
    padding: 10px; }

.access dl {
  overflow: hidden; }
  .access dl dt {
    float: left;
    width: 13em;
    font-weight: bold;
    text-align: right;
    margin-right: 1em; }
  .access dl dd {
    overflow: auto;
    margin-bottom: 1em; }

div#content div#main .access table {
  width: calc(100% - 1em);
  margin: 1em .5em 2em; }
  div#content div#main .access table th, div#content div#main .access table td {
    padding: 5px 1em;
    border-bottom: solid 1px #aaa; }
  div#content div#main .access table th {
    font-weight: bold;
    border-right: dotted 1px #aaa; }
    div#content div#main .access table th span {
      font-weight: normal;
      margin-left: 1em; }
  div#content div#main .access table td {
    vertical-align: middle; }

#dr-profil ul {
  margin: 3px 0 0 10px; }
  #dr-profil ul li {
    clear: both;
    margin: 0;
    border-bottom: dotted 1px #999; }
    #dr-profil ul li span {
      float: left;
      width: 10.5em;
      margin: 0 1em .25em 0; }

.map_canvas {
  margin-top: 1em; }

#hospital {
  font-family: "Crimson Pro", "Noto Serif JP", serif; }
  #hospital bold {
    font-weight: 500 !important; }
  #hospital #h-title h3 span {
    display: block;
    font-weight: 300 !important;
    padding-left: .75em; }
  #hospital div#page h4 {
    clear: both;
    width: 100%;
    height: auto;
    font-size: 16px;
    padding: .5em 1em .35em;
    margin-bottom: 1em;
    background: none;
    line-height: 1;
    text-indent: 0;
    color: white;
    background-color: #005277;
    border-radius: 2px; }
  #hospital .mainImage {
    margin-bottom: 15px; }
  #hospital .responsive {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto; }
  #hospital .dating {
    font-size: 14px; }
  #hospital #backnumber_downword {
    font-size: 13px; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.row_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.vertical_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.space_between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media screen and (max-width: 768px) {
  .body_area {
    padding: 0 1%; }
    .body_area .profile {
      margin-bottom: 75px;
      font-size: 16px; }
      .body_area .profile article {
        max-width: 100%;
        width: 100%;
        margin-bottom: 35px; }
      .body_area .profile img {
        margin: auto; } }

@media screen and (max-width: 768px) and (min-width: 641px) {
  #hospital div#page h4 {
    clear: both;
    width: 100%;
    height: auto;
    font-size: 18px;
    padding: .5em 1em .35em;
    margin-bottom: 1em;
    background: none;
    line-height: 1;
    text-indent: 0;
    color: white;
    background-color: #005277;
    border: none;
    border-radius: 2px; } }

@media screen and (max-width: 640px) {
  #hospital div#page h4 {
    font-size: 18px;
    border: none; }
  #hospital .report-back {
    width: 94%;
    margin-bottom: 35px;
    padding: 0 3%; }
  .body_area {
    padding: 0 2%; }
    .body_area .history dd {
      display: block;
      width: 100%;
      padding: .25em 0 .25em 1.5em; }
  .message {
    margin-bottom: 50px; }
    .message .text {
      max-width: 100%;
      width: 100%; }
    .message .photo {
      display: block;
      max-width: 285px;
      width: 80%;
      margin: 0 auto 25px; } }