@charset "UTF-8";
/* Scss Document */
.greenfont {
  color: #359971; }

a.greenfont {
  color: #359971; }

.greenfont2 {
  color: #69B995; }

.greenfont2b {
  color: #69B995;
  font-weight: bold; }

@media (max-width: 680px) {
  　 　#contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 0;
    position: relative; }

  .basearea1 {
    width: 100%;
    background-attachment: fixed;
    height: auto;
    padding-top: 100px; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  article.mainvisual {
    width: 100%;
    background-size: cover;
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../images/mainvisual_hi_s.jpg");
    z-index: 799;
    background-size: 110%; }

  article.mainvisual:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: url("../images/mainvisual_hi_s.jpg") center no-repeat;
    background-size: cover;
    background-position: center;
    background-size: 110%; }

  .mainvisual img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1; }

  .img01 {
    background-image: url(../images/mainvisual.jpg); }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    　　font-size: 1.10em;
    　　line-height: 2.5em;
    color: #778180; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  /*病院概要*/
  .medttitle {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .medttitle img {
      width: 100%; }

  .aboutarea1 {
    width: 92%;
    padding: 0;
    margin: 0 auto 30px;
    text-align: left; }
    .aboutarea1 p {
      padding-top: 15px;
      padding-bottom: 15px; }
    .aboutarea1 h4 {
      padding-top: 20px;
      padding-bottom: 20px; }

  .aboutarea2 {
    width: 92%;
    padding: 0;
    margin: 0 auto;
    text-align: left; }
    .aboutarea2 .map {
      padding: 0 0 20px; }
    .aboutarea2 img {
      width: 100%; }
    .aboutarea2 .carmap {
      padding: 20px 0; }
    .aboutarea2 img {
      width: 100%;
      max-width: initial; }

  h1 {
    width: 100%; }
    h1 img {
      width: 100%;
      max-width: 577px; }

  h2 {
    width: 100%;
    font-size: 1.625em;
    line-height: 2.4375em;
    color: black; }

  h3 {
    width: 100%;
    font-size: 1.0em;
    line-height: 2.72em;
    padding-top: 20px;
    padding-bottom: 20px; }

  .detailsarea1 {
    width: 100%;
    font-size: 0.95em;
    line-height: 2.5em; }

  .detailsarea2 {
    width: 100%;
    font-size: 0.9em;
    line-height: 1.8em;
    margin-bottom: 20px; }
    .detailsarea2 p {
      margin-bottom: 20px;
      line-height: 1.8em; }
    .detailsarea2 div {
      margin-bottom: 20px;
      line-height: 1.8em; }

  .detailshospital {
    width: 100%;
    line-height: 1.7em;
    padding: 5px 0; }
    .detailshospital p {
      padding: 0;
      margin: 0;
      line-height: initial; }
    .detailshospital .detailsharea1_1 {
      width: 100%; }
    .detailshospital .detailsharea1_2 {
      width: 100%; }

  .detailshospital2 {
    width: 100%;
    padding-bottom: 15px;
    line-height: 1.7em; }
    .detailshospital2 p {
      padding: 0;
      margin: 0;
      line-height: initial; }
    .detailshospital2 .detailsharea1_1 {
      width: 100%; }
    .detailshospital2 .detailsharea1_2 {
      width: 100%; }

  .detailsarea2_1 {
    width: 100%;
    display: flex;
    line-height: 1.8em; }

  .detailsarea2_2 {
    width: 100%;
    display: flex;
    line-height: 1.8em;
    margin-bottom: 20px; }

  .detailsarea3 {
    width: 100%;
    font-size: 0.95em;
    line-height: 2.5em;
    padding-top: 20px; }

  .detailsarea4 {
    width: 100%;
    font-size: 1.05em;
    line-height: 2.5em; }

  .detailsarea4_2 {
    width: 100%;
    font-size: 0.95em;
    line-height: 2.5em;
    padding-top: 10px; }

  .detailsarea4_3 {
    width: 100%;
    line-height: 2.0em;
    padding-bottom: 20px; }

  .detailsarea5 {
    width: 100%;
    font-size: 0.95em;
    line-height: 1.8em;
    padding-top: 20px;
    display: flex; }

  .index_hospitaldetails {
    width: 100%;
    margin-top: 30px;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #F2F2F2; }
    .index_hospitaldetails p {
      padding-top: initial !important;
      padding-bottom: initial !important; }
    .index_hospitaldetails .detailstitle {
      padding-bottom: 20px;
      line-height: 3.0rem; }
    .index_hospitaldetails .details_banner_bt {
      width: 345px;
      line-height: 200%;
      color: #69B995;
      text-align: left;
      font-weight: bold;
      margin-top: 10px; }
      .index_hospitaldetails .details_banner_bt a {
        width: 100%;
        height: inherit;
        display: block; }
        .index_hospitaldetails .details_banner_bt a img {
          width: 75%; }

  /*グループ病院*/
  .grouparea {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    font-size: 1.2em; }

  .grouptitle {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .groupdetails {
    width: 100%;
    padding-top: 20px;
    text-align: left; }

  .box_con {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px; }

  .text_box_con {
    padding-top: 5px;
    line-height: 1.8em; }

  /*提携病院*/
  .partnership_area {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    font-size: 1.2em;
    line-height: 2.5em; }

  .partnership_title {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .partnership_details {
    width: 100%;
    padding-top: 20px;
    line-height: 1.8em;
    text-align: left;
    margin: 0 auto; }
    .partnership_details p {
      display: inline-block;
      vertical-align: top; }

  .detailsborder {
    width: 100%;
    border-bottom: 1px solid #778180;
    margin: 20px auto; }

  /**philosophy**/
  #contents3 {
    width: 100%;
    margin: 0 auto;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 999; }

  .contents_base3 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #A8B5B1; }

  .area3title {
    width: 90%;
    padding: 10px 0 20px;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.3em; }

  .con_area3 {
    width: 90%;
    padding: 10px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    line-height: 2.8em; }

  .con_area3_2 {
    width: 90%;
    padding: 30px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center; }

  .category {
    font-size: 1.3125em;
    line-height: 1.25em; }

  .dr_name {
    font-size: 2.1875em;
    line-height: 1.25em;
    padding: 20px 0; }

  .sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*staff*/
  #contents4 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base4 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area4 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .con_area4_2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .stafftitle {
    width: 209px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .stafftitle img {
      width: 100%; }

  .profilearea1 {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    font-size: 1.75em;
    line-height: 2.5em; }
    .profilearea1 img {
      width: 100%; }

  .profilearea2 {
    width: 90%;
    padding: 2px 0 0 0;
    margin: 0 auto;
    text-align: left;
    font-size: 1.10em;
    line-height: 2.5em; }

  .staff_category {
    line-height: 0em; }

  .staff_name {
    font-size: 1.55em;
    padding: 20px 0; }

  .staff_sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*facility&skill*/
  #contents5 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899; }

  .contents_base5 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #E6E6E6; }

  .con_area5 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .con_area5_2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #778180; }

  .fs_title {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .fs_title img {
      width: 100%; }

  .fs_area1 {
    width: 96%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area1 img {
      width: 100%; }

  .fs_area2 {
    width: 96%;
    margin: -20px auto 30px;
    padding: 30px 0;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area3 {
    width: 96%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area4 {
    width: 96%;
    margin: -20px auto 0;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area4 img {
      width: 100%; }

  .fs_title2 {
    width: 95%;
    padding: 10px 0 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.15em;
    line-height: 2.0em;
    color: #FFF; }

  .fs_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.125em;
    color: #FFF; }

  .fs_text1 {
    width: 85%;
    padding: 15px 0 0;
    margin: 0 auto;
    font-size: 1.0em;
    line-height: 2.75em;
    color: #FFF; }

  .fs_text2 {
    width: 85%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.0em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text3 {
    width: 85%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.0em;
    line-height: 2.75em;
    color: #FFF; }

  .fs_text4 {
    width: 85%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.0em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text5 {
    width: 85%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.0em;
    line-height: 1.8em;
    display: flex;
    color: #FFF; }

  .font_mark {
    width: 10%;
    max-width: 17px;
    padding-top: 4px;
    padding-right: 5px;
    text-align: right; }
    .font_mark img {
      width: 17px; }

  .font_textarea {
    width: 86%;
    padding-right: 5px;
    text-align: left; }

  a.fs_morebt {
    display: block;
    width: 110px;
    padding: 25px 0 5px;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.125em;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    text-align: center; }

  .con_area6 {
    width: 100%;
    padding: 30px 0 50px;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #FFF; }

  /*facility写真*/
  .con_base6 {
    width: 100%;
    padding: 50px 0 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }

  .facility_photo {
    width: 98%;
    padding: 30px 0 30px;
    margin: 0 auto;
    color: #FFF;
    text-align: center; }
    .facility_photo div {
      display: inline-block;
      width: 44%;
      margin: 30px 1%;
      text-align: left;
      position: relative; }
    .facility_photo .facilityimgtitle {
      width: 100%;
      position: absolute;
      bottom: 4%;
      left: 0;
      z-index: 10;
      background-color: rgba(0, 105, 66, 0.5);
      color: #FFF;
      font-weight: 100;
      padding: 0 10px;
      font-size: 0.95em;
      line-height: 2.2em; }
    .facility_photo img {
      width: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      object-fit: cover;
      padding: 0; }

  .detailsarea5_2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    .detailsarea5_2 a {
      text-decoration-line: underline; }
    .detailsarea5_2 a:hover {
      text-decoration-line: underline; }
    .detailsarea5_2 img {
      width: 90%;
      display: block;
      padding-bottom: 10px; } }
@media screen and (min-width: 681px) and (max-width: 1200px) {
  　 　#contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 0;
    position: relative; }

  .basearea1 {
    width: 100%;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  article.mainvisual {
    width: 100%;
    background-size: cover;
    padding-top: 40%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../images/mainvisual_hi.jpg");
    z-index: 799; }

  article.mainvisual:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: url("../images/mainvisual_hi.jpg") center no-repeat;
    background-size: cover;
    background-position: center; }

  .mainvisual img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1; }

  .img01 {
    background-image: url(../images/mainvisual_hi.png); }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    　　font-size: 1.05em;
    　　line-height: 2.5em; }

  .contents_base {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  /*病院概要*/
  .medttitle {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .medttitle img {
      width: 100%; }

  .aboutarea1 {
    width: 42%;
    min-width: 350px;
    padding: 0 1% 0 0;
    margin: 2% auto 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0.90em; }
    .aboutarea1 p {
      padding-top: 15px;
      padding-bottom: 15px; }
    .aboutarea1 h4 {
      padding-top: 20px;
      padding-bottom: 20px; }

  .aboutarea2 {
    width: 48%;
    min-width: 350px;
    padding: 0 0 0 2%;
    margin: 2% auto 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0.90em; }
    .aboutarea2 .map {
      padding: 25px 0 20px;
      line-height: 2.2em; }
    .aboutarea2 img {
      width: 100%; }
    .aboutarea2 .carmap {
      padding: 20px 0; }
    .aboutarea2 img {
      width: 100%;
      max-width: initial; }

  h1 {
    width: 100%; }
    h1 img {
      width: 100%;
      max-width: 577px; }

  h2 {
    width: 100%;
    font-size: 1.625em;
    line-height: 2.4375em;
    color: black; }

  h3 {
    width: 100%;
    line-height: 2.72em;
    padding-top: 20px;
    padding-bottom: 20px; }

  .detailsarea1 {
    width: 100%;
    padding-bottom: 0;
    line-height: 2.2em; }

  .detailsarea2 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    line-height: 2.2em; }
    .detailsarea2 p {
      padding-bottom: 10px;
      line-height: 2.0em; }
    .detailsarea2 div {
      padding-bottom: 10px;
      line-height: 2.0em; }

  .detailshospital {
    width: 100%;
    line-height: 2.0em;
    padding: 8px 0; }
    .detailshospital p {
      padding-top: initial;
      padding-bottom: initial;
      margin-top: initial;
      margin-bottom: initial;
      line-height: initial; }
    .detailshospital .detailsharea1_1 {
      width: 100%; }
    .detailshospital .detailsharea1_2 {
      width: 100%; }

  .detailshospital2 {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 10px;
    line-height: 2.0em; }
    .detailshospital2 p {
      padding-top: initial;
      padding-bottom: initial;
      margin-top: initial;
      margin-bottom: initial;
      line-height: initial; }
    .detailshospital2 .detailsharea1_1 {
      width: 100%; }
    .detailshospital2 .detailsharea1_2 {
      width: 100%; }

  .detailsarea2_1 {
    width: 100%;
    display: flex;
    line-height: 2.0em; }

  .detailsarea2_2 {
    width: 100%;
    display: flex;
    line-height: 2.0em;
    padding-bottom: 10px; }

  .detailsarea3 {
    width: 100%;
    padding-top: 20px; }

  .detailsarea4 {
    width: 100%;
    padding-top: 0;
    line-height: 2.6em; }

  .detailsarea4_2 {
    width: 100%;
    padding-top: 10px; }

  .detailsarea4_3 {
    width: 100%;
    line-height: 2.0em;
    padding-bottom: 20px; }

  .detailsarea5 {
    width: 100%;
    padding-top: 10px;
    display: flex;
    line-height: 2.0em; }

  .index_hospitaldetails {
    width: 100%;
    margin-top: 30px;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #F2F2F2; }
    .index_hospitaldetails p {
      padding-top: initial !important;
      padding-bottom: initial !important; }
    .index_hospitaldetails .detailstitle {
      padding-bottom: 10px; }
    .index_hospitaldetails .details_banner_bt {
      width: 345px;
      line-height: 200%;
      color: #69B995;
      text-align: left;
      font-weight: bold;
      margin-top: 10px; }
      .index_hospitaldetails .details_banner_bt a {
        width: 100%;
        height: inherit;
        display: block; }
        .index_hospitaldetails .details_banner_bt a img {
          width: 75%; }

  /*グループ病院*/
  .grouparea {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto; }

  .grouptitle {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .groupdetails {
    width: 100%;
    padding-top: 20px;
    text-align: left;
    display: inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex; }

  .box_con {
    width: 48%;
    margin-right: 2%; }

  .text_box_con {
    padding-top: 5px;
    line-height: 1.8em; }

  /*提携病院*/
  .partnership_area {
    width: 90%;
    padding-top: 40px;
    margin: 0 auto; }

  .partnership_title {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .partnership_details {
    width: 100%;
    padding-top: 20px;
    line-height: 1.8em;
    text-align: left;
    margin: 0 auto; }
    .partnership_details p {
      display: inline-block;
      vertical-align: top; }

  .detailsborder {
    width: 100%;
    border-bottom: 1px solid #778180;
    margin: 20px auto; }

  .detailsborder {
    width: 100%;
    border-bottom: 1px solid #778180;
    margin: 20px auto; }

  #contents3 {
    width: 100%;
    margin: 0 auto;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 999;
    　　font-size: 1.05em;
    　　line-height: 2.5em; }

  .contents_base3 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #A8B5B1; }

  .area3title {
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 1.2em; }

  .con_area3 {
    width: 80%;
    padding: 13px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: left;
    line-height: 3em; }

  .con_area3_2 {
    width: 80%;
    padding: 30px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center; }

  .category {
    width: 80%;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: lighter;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 auto; }

  .dr_name {
    width: 80%;
    font-size: 2.0em;
    line-height: 1.25em;
    padding: 20px 0;
    letter-spacing: 6px;
    font-weight: lighter;
    text-align: center;
    margin: 0 auto; }

  .sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*staff*/
  #contents4 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base4 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area4 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area4_2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .stafftitle {
    width: 209px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .stafftitle img {
      width: 100%; }

  .profilearea1 {
    width: 40%;
    max-width: 471px;
    padding: 0 4% 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .profilearea1 img {
      width: 100%; }

  .profilearea2 {
    width: 55%;
    padding: 2px 0 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0.9em;
    line-height: 2.15em; }

  .staff_category {
    line-height: 0em; }

  .staff_name {
    font-size: 1.5em;
    padding: 20px 0;
    letter-spacing: 6px; }

  .staff_sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*facility&skill*/
  #contents5 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base5 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #E6E6E6; }

  .con_area5 {
    width: 98%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area5_2 {
    width: 98%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .fs_title {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .fs_title img {
      width: 100%; }

  .fs_area1 {
    width: 42%;
    max-width: 529px;
    margin: 0 -5% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area1 img {
      width: 100%; }

  .fs_area2 {
    width: 56%;
    margin: 4% -5% 0 0;
    padding: 3% 0 3.5% 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area3 {
    width: 56%;
    margin: 4% -4% 0 0;
    padding: 3% 1% 3.5% 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area4 {
    width: 42%;
    max-width: 529px;
    margin: 0 -4% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area4 img {
      width: 100%; }

  .fs_title2 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.3em;
    line-height: 2.125em;
    color: #FFF; }

  .fs_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    color: #FFF; }

  .fs_text1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.15em;
    color: #FFF; }

  .fs_text2 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text3 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.75em;
    color: #FFF; }

  .fs_text4 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text5 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.15em;
    display: flex;
    color: #FFF; }

  .font_mark {
    width: 10%;
    max-width: 17px;
    padding-top: 4px;
    padding-right: 5px;
    text-align: right; }
    .font_mark img {
      width: 17px; }

  .font_textarea {
    width: 86%;
    padding-right: 5px;
    text-align: left; }

  a.fs_morebt {
    display: block;
    width: 110px;
    padding: 25px 0 5px;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.125em;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    text-align: center; }

  .con_area6 {
    width: 100%;
    padding: 30px 0 50px;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #FFF; }

  /*facility写真*/
  .contents_base6 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-color: #E6E6E6;
    text-align: center; }

  .facility_photo {
    width: 98%;
    padding: 30px 0 30px;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #FFF;
    text-align: center; }
    .facility_photo div {
      display: inline-block;
      width: 46%;
      margin: 30px 1%;
      text-align: left;
      position: relative; }
    .facility_photo .facilityimgtitle {
      width: 100%;
      position: absolute;
      bottom: 5.5%;
      left: 0;
      z-index: 10;
      background-color: rgba(0, 105, 66, 0.5);
      color: #FFF;
      font-weight: 100;
      padding: 0 20px;
      font-size: 1.0em;
      line-height: 2.2em; }
    .facility_photo img {
      width: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      object-fit: cover;
      padding: 0; }

  .detailsarea5_2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    .detailsarea5_2 a {
      text-decoration-line: underline; }
    .detailsarea5_2 a:hover {
      text-decoration-line: underline; }
    .detailsarea5_2 img {
      width: 90%;
      display: block;
      padding-bottom: 10px; } }
@media screen and (min-width: 681px) and (max-width: 1200px) and (orientation: landscape) {
  　 　#contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 0;
    position: relative; }

  .basearea1 {
    width: 100%;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  article.mainvisual {
    width: 100%;
    background-size: cover;
    padding-top: 40%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../images/mainvisual_hi.jpg");
    z-index: 799; }

  article.mainvisual:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: url("../images/mainvisual_hi.jpg") center no-repeat;
    background-size: cover;
    background-position: center; }

  .mainvisual img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1; }

  .img01 {
    background-image: url(../images/mainvisual_hi.png); }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    　　font-size: 1.05em;
    　　line-height: 2.5em; }

  .contents_base {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  /*病院概要*/
  .medttitle {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .medttitle img {
      width: 100%; }

  .aboutarea1 {
    width: 48%;
    min-width: 500px;
    padding: 0 1% 0 0;
    margin: 2% auto 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0.90em; }
    .aboutarea1 p {
      padding-top: 15px;
      padding-bottom: 15px; }
    .aboutarea1 h4 {
      padding-top: 20px;
      padding-bottom: 20px; }

  .aboutarea2 {
    width: 42%;
    min-width: 350px;
    padding: 0 0 0 2%;
    margin: 2% auto 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0.90em; }
    .aboutarea2 .map {
      padding: 25px 0 20px;
      line-height: 2.2em; }
    .aboutarea2 img {
      width: 100%; }
    .aboutarea2 .carmap {
      padding: 20px 0; }
    .aboutarea2 img {
      width: 100%;
      max-width: initial; }

  h1 {
    width: 100%; }
    h1 img {
      width: 100%;
      max-width: 577px; }

  h2 {
    width: 100%;
    font-size: 1.625em;
    line-height: 2.4375em;
    color: black; }

  h3 {
    width: 100%;
    line-height: 2.72em;
    padding-top: 20px;
    padding-bottom: 20px; }

  .detailsarea1 {
    width: 100%;
    padding-bottom: 0;
    line-height: 2.2em; }

  .detailsarea2 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    line-height: 2.2em; }
    .detailsarea2 p {
      padding-bottom: 10px;
      line-height: 2.0em; }
    .detailsarea2 div {
      padding-bottom: 10px;
      line-height: 2.0em; }

  .detailshospital {
    width: 100%;
    line-height: 2.0em;
    padding: 8px 0; }
    .detailshospital p {
      padding-top: initial;
      padding-bottom: initial;
      margin-top: initial;
      margin-bottom: initial;
      line-height: initial; }
    .detailshospital .detailsharea1_1 {
      width: 100%; }
    .detailshospital .detailsharea1_2 {
      width: 100%; }

  .detailshospital2 {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 10px;
    line-height: 2.0em; }
    .detailshospital2 p {
      padding-top: initial;
      padding-bottom: initial;
      margin-top: initial;
      margin-bottom: initial;
      line-height: initial; }
    .detailshospital2 .detailsharea1_1 {
      width: 100%; }
    .detailshospital2 .detailsharea1_2 {
      width: 100%; }

  .detailsarea2_1 {
    width: 100%;
    display: flex;
    line-height: 2.0em; }

  .detailsarea2_2 {
    width: 100%;
    display: flex;
    line-height: 2.0em;
    padding-bottom: 10px; }

  .detailsarea3 {
    width: 100%;
    padding-top: 20px; }

  .detailsarea4 {
    width: 100%;
    padding-top: 0;
    line-height: 2.6em; }

  .detailsarea4_2 {
    width: 100%;
    padding-top: 10px; }

  .detailsarea4_3 {
    width: 100%;
    line-height: 2.0em;
    padding-bottom: 20px; }

  .detailsarea5 {
    width: 100%;
    padding-top: 10px;
    display: flex;
    line-height: 2.0em; }

  .index_hospitaldetails {
    width: 100%;
    margin-top: 30px;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #F2F2F2; }
    .index_hospitaldetails p {
      padding-top: initial !important;
      padding-bottom: initial !important; }
    .index_hospitaldetails .detailstitle {
      padding-bottom: 10px; }
    .index_hospitaldetails .details_banner_bt {
      width: 345px;
      line-height: 200%;
      color: #69B995;
      text-align: left;
      font-weight: bold;
      margin-top: 10px; }
      .index_hospitaldetails .details_banner_bt a {
        width: 100%;
        height: inherit;
        display: block; }
        .index_hospitaldetails .details_banner_bt a img {
          width: 75%; }

  /*グループ病院*/
  .grouparea {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto; }

  .grouptitle {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .groupdetails {
    width: 100%;
    padding-top: 20px;
    text-align: left;
    display: inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex; }

  .box_con {
    width: 48%;
    margin-right: 2%; }

  .text_box_con {
    padding-top: 5px;
    line-height: 1.8em; }

  /*提携病院*/
  .partnership_area {
    width: 90%;
    padding-top: 40px;
    margin: 0 auto; }

  .partnership_title {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .partnership_details {
    width: 100%;
    padding-top: 20px;
    line-height: 1.8em;
    text-align: left;
    margin: 0 auto; }
    .partnership_details p {
      display: inline-block;
      vertical-align: top; }

  .detailsborder {
    width: 100%;
    border-bottom: 1px solid #778180;
    margin: 20px auto; }

  .detailsborder {
    width: 100%;
    border-bottom: 1px solid #778180;
    margin: 20px auto; }

  #contents3 {
    width: 100%;
    margin: 0 auto;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 999;
    　　font-size: 1.05em;
    　　line-height: 2.5em; }

  .contents_base3 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #A8B5B1; }

  .area3title {
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 1.2em; }

  .con_area3 {
    width: 80%;
    padding: 13px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: left;
    line-height: 3em; }

  .con_area3_2 {
    width: 80%;
    padding: 30px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center; }

  .category {
    width: 80%;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: lighter;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 auto; }

  .dr_name {
    width: 80%;
    font-size: 2.0em;
    line-height: 1.25em;
    padding: 20px 0;
    letter-spacing: 6px;
    font-weight: lighter;
    text-align: center;
    margin: 0 auto; }

  .sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*staff*/
  #contents4 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base4 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area4 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area4_2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .stafftitle {
    width: 209px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .stafftitle img {
      width: 100%; }

  .profilearea1 {
    width: 40%;
    max-width: 471px;
    padding: 0 4% 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .profilearea1 img {
      width: 100%; }

  .profilearea2 {
    width: 55%;
    padding: 2px 0 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0.9em;
    line-height: 2.15em; }

  .staff_category {
    line-height: 0em; }

  .staff_name {
    font-size: 1.5em;
    padding: 20px 0;
    letter-spacing: 6px; }

  .staff_sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*facility&skill*/
  #contents5 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base5 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #E6E6E6; }

  .con_area5 {
    width: 98%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area5_2 {
    width: 98%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .fs_title {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .fs_title img {
      width: 100%; }

  .fs_area1 {
    width: 42%;
    max-width: 529px;
    margin: 0 -5% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area1 img {
      width: 100%; }

  .fs_area2 {
    width: 56%;
    margin: 4% -5% 0 0;
    padding: 3% 0 3.5% 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area3 {
    width: 56%;
    margin: 4% -4% 0 0;
    padding: 3% 1% 3.5% 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area4 {
    width: 42%;
    max-width: 529px;
    margin: 0 -4% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area4 img {
      width: 100%; }

  .fs_title2 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.3em;
    line-height: 2.125em;
    color: #FFF; }

  .fs_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    color: #FFF; }

  .fs_text1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.15em;
    color: #FFF; }

  .fs_text2 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text3 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.75em;
    color: #FFF; }

  .fs_text4 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text5 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.15em;
    display: flex;
    color: #FFF; }

  .font_mark {
    width: 10%;
    max-width: 17px;
    padding-top: 4px;
    padding-right: 5px;
    text-align: right; }
    .font_mark img {
      width: 17px; }

  .font_textarea {
    width: 86%;
    padding-right: 5px;
    text-align: left; }

  a.fs_morebt {
    display: block;
    width: 110px;
    padding: 25px 0 5px;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.125em;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    text-align: center; }

  .con_area6 {
    width: 100%;
    padding: 30px 0 50px;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #FFF; }

  /*facility写真*/
  .contents_base6 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-color: #E6E6E6;
    text-align: center; }

  .facility_photo {
    width: 98%;
    padding: 30px 0 30px;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #FFF;
    text-align: center; }
    .facility_photo div {
      display: inline-block;
      width: 46%;
      margin: 30px 1%;
      text-align: left;
      position: relative; }
    .facility_photo .facilityimgtitle {
      width: 100%;
      position: absolute;
      bottom: 5.5%;
      left: 0;
      z-index: 10;
      background-color: rgba(0, 105, 66, 0.5);
      color: #FFF;
      font-weight: 100;
      padding: 0 20px;
      font-size: 1.0em;
      line-height: 2.2em; }
    .facility_photo img {
      width: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      object-fit: cover;
      padding: 0; }

  .detailsarea5_2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    .detailsarea5_2 a {
      text-decoration-line: underline; }
    .detailsarea5_2 a:hover {
      text-decoration-line: underline; }
    .detailsarea5_2 img {
      width: 90%;
      display: block;
      padding-bottom: 10px; } }
@media (min-width: 1201px) {
  　 　#contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 0;
    position: relative; }

  .basearea1 {
    width: 100%;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  article.mainvisual {
    width: 100%;
    background-size: cover;
    padding-top: 28%;
    background-position: left 55%;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../images/mainvisual_hi.jpg");
    z-index: 799; }

  article.mainvisual:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: url("../images/mainvisual_hi.jpg") center no-repeat;
    background-size: cover; }

  .mainvisual img {
    min-width: 100%;
    min-height: 100%;
    z-index: 1; }

  .img01 {
    background-image: url(../images/mainvisual.jpg); }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area {
    width: 96%;
    min-width: 1100px;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  /*病院概要*/
  .medttitle {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .medttitle img {
      width: 100%; }

  .aboutarea1 {
    width: 49%;
    max-width: 500px;
    padding: 0 1% 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .aboutarea1 p {
      padding-top: 15px;
      padding-bottom: 15px; }
    .aboutarea1 h4 {
      padding-top: 20px;
      padding-bottom: 20px; }

  .aboutarea2 {
    width: 47%;
    min-width: 587px;
    padding: 0 0 0 4%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .aboutarea2 .map {
      padding: 25px 0 20px;
      line-height: 2.2em; }
    .aboutarea2 img {
      width: 100%; }
    .aboutarea2 .carmap {
      padding: 20px 0; }
    .aboutarea2 img {
      width: 100%;
      max-width: 759px; }

  h1 {
    width: 100%; }
    h1 img {
      width: 100%;
      max-width: 439px; }

  h2 {
    width: 100%;
    font-size: 1.625em;
    line-height: 2.4375em;
    color: black; }

  h3 {
    width: 100%;
    line-height: 2.72em;
    padding-top: 20px;
    padding-bottom: 20px; }

  .detailsarea1 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    line-height: 2.2em; }

  .detailsarea2 {
    width: 78%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    line-height: 2.2em; }
    .detailsarea2 p {
      padding-bottom: 10px;
      line-height: 2.0em; }
    .detailsarea2 div {
      padding-bottom: 10px;
      line-height: 2.0em; }

  .detailshospital {
    width: 100%;
    line-height: 1.7em;
    padding-bottom: 8px;
    display: inline-flex; }
    .detailshospital p {
      padding-top: initial;
      padding-bottom: initial;
      margin-top: initial;
      margin-bottom: initial; }
    .detailshospital .detailsharea1_1 {
      min-width: 220px;
      width: auto; }
    .detailshospital .detailsharea1_2 {
      width: auto; }

  .detailshospital2 {
    width: 100%;
    padding-bottom: 9px;
    line-height: 1.7em;
    display: inline-flex; }
    .detailshospital2 p {
      padding-top: 0px;
      padding-bottom: 0px;
      margin-top: 0px;
      margin-bottom: 0px; }
    .detailshospital2 .detailsharea1_1 {
      min-width: 220px;
      width: auto; }
    .detailshospital2 .detailsharea1_2 {
      width: auto; }

  .detailsarea2_1 {
    width: 100%;
    display: flex;
    line-height: 2.0em; }

  .detailsarea2_2 {
    width: 100%;
    display: flex;
    line-height: 2.0em;
    padding-bottom: 10px; }

  .detailsarea3 {
    width: 100%;
    padding-top: 20px; }

  .detailsarea4 {
    width: 100%;
    padding-top: 0;
    line-height: 2.6em; }

  .detailsarea4_2 {
    width: 100%;
    padding-top: 10px; }

  .detailsarea4_3 {
    width: 100%;
    line-height: 2.0em;
    padding-bottom: 20px; }

  .detailsarea5 {
    width: 100%;
    padding-top: 10px;
    display: flex;
    line-height: 2.0em; }

  .detailsborder {
    width: 100%;
    border-bottom: 1px solid #778180;
    margin: 20px auto; }

  .index_hospitaldetails {
    width: 100%;
    margin-top: 30px;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #F2F2F2; }
    .index_hospitaldetails p {
      padding-top: initial !important;
      padding-bottom: initial !important; }
    .index_hospitaldetails .detailstitle {
      padding-bottom: 10px; }
    .index_hospitaldetails .details_banner_bt {
      width: 345px;
      line-height: 200%;
      color: #69B995;
      text-align: left;
      font-weight: bold;
      margin-top: 10px; }
      .index_hospitaldetails .details_banner_bt a {
        width: 100%;
        height: inherit;
        display: block; }
        .index_hospitaldetails .details_banner_bt a img {
          width: 75%; }

  /*グループ病院*/
  .grouparea {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto; }

  .grouptitle {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .groupdetails {
    width: 100%;
    padding-top: 20px;
    text-align: left;
    display: inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex; }

  .groupdetails::after {
    content: "";
    display: block;
    width: 32%; }

  .box_con {
    width: 32%;
    margin-right: auto; }

  .text_box_con {
    padding-top: 5px;
    line-height: 1.8em; }

  /*提携病院*/
  .partnership_area {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto; }

  .partnership_title {
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: left; }

  .partnership_details {
    width: 100%;
    padding-top: 20px;
    line-height: 1.8em;
    text-align: left;
    margin: 0 auto; }
    .partnership_details p {
      display: inline-block;
      vertical-align: top; }

  /**philosophy**/
  #contents3 {
    width: 100%;
    margin: 0 auto;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 999;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base3 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #A8B5B1; }

  .area3title {
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 1.2em; }

  .con_area3 {
    width: 80%;
    padding: 13px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: left;
    line-height: 3em; }

  .con_area3_2 {
    width: 80%;
    padding: 30px 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center; }

  .category {
    width: 80%;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: lighter;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 auto; }

  .dr_name {
    width: 80%;
    font-size: 2.0em;
    line-height: 1.25em;
    padding: 20px 0;
    letter-spacing: 6px;
    font-weight: lighter;
    text-align: center;
    margin: 0 auto; }

  .sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*staff*/
  #contents4 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base4 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: white; }

  .con_area4 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area4_2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .stafftitle {
    width: 209px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .stafftitle img {
      width: 100%; }

  .profilearea1 {
    width: 40%;
    max-width: 471px;
    padding: 0 4% 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .profilearea1 img {
      width: 100%; }

  .profilearea2 {
    width: 55%;
    padding: 2px 0 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0.9em;
    line-height: 2.15em; }

  .staff_category {
    line-height: 0em; }

  .staff_name {
    font-size: 1.5em;
    padding: 20px 0;
    letter-spacing: 6px; }

  .staff_sentence2 {
    padding: 20px 0 30px;
    color: #69B995; }

  /*facility&skill*/
  #contents5 {
    width: 100%;
    margin: 0 auto 0;
    background-color: #E6E6E6;
    padding: 50px 0;
    position: relative;
    z-index: 899;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180; }

  .contents_base5 {
    width: 96%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    background-color: #E6E6E6; }

  .con_area5 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area5_2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .fs_title {
    width: 283px;
    padding: 10px 0 0;
    margin: 0 auto; }
    .fs_title img {
      width: 100%; }

  .fs_area1 {
    width: 40%;
    max-width: 529px;
    margin: 0 -5% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area1 img {
      width: 100%; }

  .fs_area2 {
    width: 50%;
    margin: 4% -5% 0 0;
    padding: 3% 0 3.5% 1%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area3 {
    width: 50%;
    margin: 4% -4% 0 0;
    padding: 3% 1% 3.5% 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #A8B5B1;
    position: relative;
    z-index: 699; }

  .fs_area4 {
    width: 40%;
    max-width: 529px;
    margin: 0 -4% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799; }
    .fs_area4 img {
      width: 100%; }

  .fs_title2 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.3em;
    line-height: 2.125em;
    color: #FFF; }

  .fs_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    color: #FFF; }

  .fs_text1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.15em;
    color: #FFF; }

  .fs_text2 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text3 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.75em;
    color: #FFF; }

  .fs_text4 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2.125em;
    display: flex;
    color: #FFF; }

  .fs_text5 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.15em;
    display: flex;
    color: #FFF; }

  .font_mark {
    width: 10%;
    max-width: 17px;
    padding-top: 4px;
    padding-right: 5px;
    text-align: right; }
    .font_mark img {
      width: 17px; }

  .font_textarea {
    width: 86%;
    padding-right: 5px;
    text-align: left; }

  a.fs_morebt {
    display: block;
    width: 110px;
    padding: 25px 0 5px;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 2.125em;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    text-align: center; }

  .con_area6 {
    width: 100%;
    padding: 30px 0 50px;
    margin: 0 auto;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #FFF; }

  /*facility写真*/
  .contents_base6 {
    width: 96%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-color: #E6E6E6;
    text-align: center; }

  .facility_photo {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 1.10em;
    line-height: 2.5em;
    color: #778180;
    color: #FFF; }
    .facility_photo:after {
      content: "";
      display: block;
      width: 384px;
      margin: 30px 1%; }
    .facility_photo div {
      width: 384px;
      height: 24.95%;
      margin: 30px 1%;
      text-align: left;
      position: relative; }
    .facility_photo .facilityimgtitle {
      width: 100%;
      position: absolute;
      bottom: 5.5%;
      left: 0;
      z-index: 10;
      background-color: rgba(0, 105, 66, 0.5);
      color: #FFF;
      font-weight: 100;
      padding: 0 20px;
      font-size: 1.0em;
      line-height: 2.2em; }
    .facility_photo img {
      width: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      object-fit: cover;
      padding: 0; }

  .detailsarea5_2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    .detailsarea5_2 a {
      text-decoration-line: underline; }
    .detailsarea5_2 a:hover {
      text-decoration-line: underline; }
    .detailsarea5_2 img {
      width: 90%;
      display: block;
      padding-bottom: 10px; } }