@charset "UTF-8";

.subpage-header{
  align-items: center;
  background: url("../images/subpage-title--bg.png") no-repeat center center/cover;
  display: flex;
  height:240px;
  justify-content: center;
  min-width: 1280px;
}

.subpage-header__title{
  color:#fff;
  font-size:3.2rem;
}


/*
// doctor
*/
.doctor-biography{
  padding-bottom:0;
}
.doctor-biography__item{}

.doctor-biography__item__image{
  float:left;
  margin: 0 40px 35px 0;
  width: 400px;
}

.doctor-biography__item__content{
  letter-spacing: 0.142em;
  line-height: 1.75;
}

.doctor-biography__item__content__doctor-name{
  display: inline-block;
  font-size:3.2rem;
  line-height: 1;
  margin: 0 0 10px;
  width: 640px;
}

.doctor-biography__item__content__doctor-name-kana{
  color:#5ab464;
  display: inline-block;
  font-size:2.0rem;
  margin: 0 0 10px;
  width: 640px;
}

.doctor-biography__item__content__description{
  font-size:2.0rem;
}

.doctor-activities__item{
  margin: 0 0 70px;
}

.doctor-activities__item:last-child{
  margin: 0;
}


.doctor-activities__item__image{
  float:right;
  margin: 10px 0 35px 40px;
  width: 400px;
}

.doctor-activities__item--02 .doctor-activities__item__image{
  float:left;
  margin: 10px 40px 35px 0;
}

.doctor-activities__item__text{
  display: contents;
  float:left;
}

.doctor-activities__item--02 .doctor-activities__item__text{
  float:right;
}

.doctor-activities__item__text__title{
  color:#5ab464;
  display: inline-block;
  font-size:2.0rem;
  line-height: 1;
  margin: 0 0 10px;
  width: 640px;
}

.doctor-activities__item__text__description{
  letter-spacing: 0.148em;
  line-height: 1.75;
}



/*
// about-our-clinic
*/

.about-our-clinic{
  margin: auto;
  padding: 80px 80px 40px;
  width: 1080px;
}

.about-our-clinic__description{
  margin: 0 0 40px;
}

.about-our-clinic__image{
  display: flex;
  justify-content: space-between;
  margin:0 auto;
  width: 700px;
}

.about-our-clinic__image li{
  width: 220px;
  text-align: center;
}

.about-our-clinic__symptoms--wrapper{
  background: #fcfce5;
  padding: 40px 0;
}

.about-our-clinic__symptoms{
  margin:0 auto;
  width:1080px;
}

.about-our-clinic__symptoms__title{
  color:#5ab464;
  line-height: 1;
  margin: 0 0 20px;
  text-align: center;
}

.about-our-clinic__symptoms__list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.about-our-clinic__symptoms__list a{
  margin: 0 10px 20px;
}

.medical-information{}
.medical-information__symptoms{}

.medical-information__symptoms--01 > dt{
  background: url("../images/medical-information__symptoms--01--icon.png") no-repeat left center;
}
.medical-information__symptoms--02 > dt{
  background: url("../images/medical-information__symptoms--02--icon.png") no-repeat left center;
}
.medical-information__symptoms--03 > dt{
  background: url("../images/medical-information__symptoms--03--icon.png") no-repeat left center;
}
.medical-information__symptoms--04 > dt{
  background: url("../images/medical-information__symptoms--04--icon.png") no-repeat left center;
}
.medical-information__symptoms--05 > dt{
  background: url("../images/medical-information__symptoms--05--icon.png") no-repeat left center;
}

.medical-information__symptoms > dt{
  align-items: center;
  background-size:64px 64px; 
  border-bottom:1px solid #5ab464;
  display: flex;
  height: 86px;
  margin: 0 0 5px;
  padding: 0 0 0 75px;
}


.medical-information__symptoms > dt > h3{
  color:#5ab464;
  font-size:3.2rem;
}

.medical-information__symptoms > dd{
  margin: 0 0 40px;
}

.medical-information__symptoms.publishing{
	clear: both;
}

.medical-information__symptoms.publishing dt{
	padding-left:0;
}


.medical-information__symptoms.publishing dt{
	padding-left:0;
}

.medical-information__symptoms.publishing dt h3{
	font-size: 3.6rem;
	padding:0 0 5px 0;
}

.medical-information__symptoms.publishing dd img{
	width:75px;
	float:left;
	margin-right:8px;
	margin-bottom:10px;
}

/**********************

// sp style

**********************/

@media screen and (max-width:750px){
  .subpage-header{
    height:40vw;
    min-width: unset;
    width: 100%;
  }

  .subpage-header__title{
    color:#fff;
    font-size:6.0rem;
  }


  /*
  // doctor
  */
  .doctor-biography__item{}
  
  .doctor-biography__item__image{
    float:none;
    margin: 0 auto 5.3vw;
    width: 64vw;
  }
  
  .doctor-biography__item__content{
    letter-spacing: 0.148em;
    line-height: 1.75;
  }
  
  .doctor-biography__item__content__doctor-name{
    display: block;
    font-size:4.8rem;
    text-align: center;
    width: 100%;
  }
  
  .doctor-biography__item__content__doctor-name-kana{
    display: block;
    font-size:3.2rem;
    margin: 0 0 2.6vw;
    text-align: center;
    width: 100%;
  }

  .doctor-biography__item__content__description{
    font-size:3.2rem;
    text-align: justify;
  }

  .doctor-activities__item{
    margin: 0 0 10.666vw;
  }

  .doctor-activities__item__image{
    float:none;
    margin: 0 auto 5.3vw;
    width: 64vw;
  }
  
  .doctor-activities__item--02 .doctor-activities__item__image{
    float:none;
    margin: 0 auto 5.3vw;
  }

  .doctor-activities__item__text{
    display: block;
    float:none;
  }
  
  .doctor-activities__item--02 .doctor-activities__item__text{
    float:none;
  }

  .doctor-activities__item__text__title{
    display: block;
    font-size:4.0rem;
    line-height: 1.5;
    margin: 0 0 2vw;
    width: 100%;
  }

  .doctor-activities__item__text__description{
    letter-spacing: 0.1em;
    line-height: 1.75;
    text-align: justify;
  }



  /*
  // about-our-clinic
  */
  
  .about-our-clinic{
    padding: 16vw 5.3vw 5.3vw;
    width: 100%;
  }

  .about-our-clinic__description{
    margin: 0 0 5.3vw;
  }
  .about-our-clinic__image{
    display: block;
    width: 64vw;
  }

  .about-our-clinic__image li{
    margin: 0 auto 5.3vw;
    width: 64vw;
	text-align: center;
  }

  .about-our-clinic__symptoms--wrapper{
    padding: 5.3vw 0;
  }

  .about-our-clinic__symptoms{
    width:100%;
  }

  .about-our-clinic__symptoms__title{
    margin: 0 0 5.3vw;
  }

  .about-our-clinic__symptoms__list{
    display: block;
  }

  .about-our-clinic__symptoms__list a{
    margin: 0 auto 2.6vw;
  }

  .medical-information__symptoms > dt{
    background-size:12vw 12vw; 
    height: 16vw;
    margin: 0 0 1.3vw;
    padding: 0 0 0 14vw;
  }

  .medical-information__symptoms.publishing > dt{
    height: auto;
  }


  .medical-information__symptoms > dt > h3{
    font-size:4.0rem;
  }

  .medical-information__symptoms.publishing> dt > h3{
    font-size:4.4rem;
  }

  .medical-information__symptoms > dd{
    margin: 0 0 5.3vw;
  } 
}