@charset "UTF-8";
/* Scss Document */
.bluefont {
  color: #2fb2b9; }

.bluefont2 {
  color: #208e94; }

.bluefont2b {
  color: #208e94;
  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;
    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; }

  .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.10em;
    line-height: 2.6875em;
    color: #208e94;
    padding-top: 20px;
    padding-bottom: 20px; }

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

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

  .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: 1.10em;
    line-height: 2.6875em;
    padding-top: 20px; }

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

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

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

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

  .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: #B9C2C2; }

  .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: left;
    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: #208e94; }

  /*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: #208e94; }

  /*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: #009a94;
    position: relative;
    z-index: 699; }

  .fs_area3 {
    width: 96%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left;
    background-color: #009a94;
    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, 48, 42, 0.55);
      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; } 
	
	
	/*20210319追記*/ 
	
	.detailsarea5_2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    .detailsarea5_2 a {
      text-decoration-line: underline !important; }
    .detailsarea5_2 a:hover {
      text-decoration-line: underline !important; }
    .detailsarea5_2 img {
      width: 90%;
      display: block;
      padding-bottom: 10px; }
	
	/*20210319追記ここまで*/

}


@media screen and (min-width: 681px) and (max-width: 1040px) {
  　 　#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.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: 98%;
    padding: 30px 0;
    margin: 0 auto;
    color: #778180; }

  .con_area2 {
    width: 98%;
    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: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  .aboutarea2 {
    width: 48%;
    min-width: 350px;
    padding: 0 0 0 2%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    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%;
    color: #208e94;
    line-height: 2.2em;
    padding-top: 20px;
    padding-bottom: 20px; }

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

  .detailsarea2 {
    width: 100%;
    padding-bottom: 20px;
    line-height: 2.2em; }
    .detailsarea2 p {
      padding-bottom: 10px;
      line-height: 2.0em; }

  .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; }

  /**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: #B9C2C2; }

  .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: #208e94; }

  /*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: #208e94; }

  /*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: #009a94;
    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: #009a94;
    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, 48, 42, 0.55);
      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; } 

	/*20210319追記*/ 
	
	.detailsarea5_2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    .detailsarea5_2 a {
      text-decoration-line: underline !important; }
    .detailsarea5_2 a:hover {
      text-decoration-line: underline !important; }
    .detailsarea5_2 img {
      width: 90%;
      display: block;
      padding-bottom: 10px; }
	
	/*20210319追記ここまで*/
}
@media (min-width: 1041px) {
  　 　#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%;
    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: 40%;
    max-width: 572px;
    padding: 0 1% 0 0;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  .aboutarea2 {
    width: 48%;
    min-width: 587px;
    padding: 0 0 0 6%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .aboutarea2 .map {
      padding: 0 0 20px; }
    .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: 577px; }

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

  h3 {
    width: 100%;
    color: #208e94;
    line-height: 2.2em;
    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_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; }

  /**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: #B9C2C2; }

  .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: #208e94; }

  /*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: #208e94; }

  /*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: #009a94;
    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: #009a94;
    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, 48, 42, 0.55);
      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; }
 
	/*20210319追記*/ 
	
	.detailsarea5_2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
    .detailsarea5_2 a {
      text-decoration-line: underline !important;; }
    .detailsarea5_2 a:hover {
      text-decoration-line: underline !important;; }
    .detailsarea5_2 img {
      width: 90%;
      display: block;
      padding-bottom: 10px; }
	
	/*20210319追記ここまで*/

}