@charset "utf-8";

/*----------------------------------------------------------------------------------------------------

first

------------------------------------------------------------------------
----------------------------*/

/*--------------------------
----------------------------*/

.biography {
  margin-bottom: 90px;
}

.biography h2 {
  margin-bottom: 40px;
}

.biography h3 {
  margin-bottom: 30px;
}

.biography-list {
  list-style: none;
}

.biography .inner .biography-list:nth-of-type(1) {
  margin-bottom: 30px;
}

.biography-list {
  padding-left: 10px;
}

.biography-list li:not(:last-child) {
  margin-bottom: 5px;
}

.biography .img-box {
  background-image: url("../../image/contents/first/doctor.jpg");
}

@media print, screen and (max-width:640px) {
  .biography {
    margin-bottom: 60px;
  }
  .biography h3 {
    margin-bottom: 20px;
  }
}


/*--------------------------
----------------------------*/

.reserve {
  margin-bottom: 90px;
}

.reserve h2 {
  margin-bottom: 20px;
}

.reserve h3 {
  margin-bottom: 40px;
}

.reserve .inner:not(:last-of-type) {
  margin-bottom: 60px
}

.reserve .inner:nth-of-type(1) .img-box {
  background-image: url("../../image/contents/first/reserve01.jpg");
}

.reserve .inner:nth-of-type(2) .img-box {
  background-image: url("../../image/contents/first/reserve02.jpg");
}

.reserve .inner:nth-of-type(3) .img-box {
  background-image: url("../../image/contents/first/reserve03.jpg");
}

@media print, screen and (max-width:640px) {
  .reserve {
    margin-bottom: 60px;
  }
  .reserve .inner:not(:last-of-type) {
    margin-bottom: 40px
  }
  .reserve h3 {
    margin-bottom: 20px;
  }
}


/*--------------------------
----------------------------*/

.dental_hygienist {
  margin-bottom: 90px;
}

.dental_hygienist h2 {
  margin-bottom: 40px;
}

.dental_hygienist .img-box {
  background-image: url("../../image/contents/first/dental_hygienist01.jpg");
}

@media print, screen and (max-width:640px) {
  .dental_hygienist {
    margin-bottom: 60px;
  }
}


/*--------------------------
----------------------------*/

.infection_control {
  margin-bottom: 90px;
}

.infection_control h2 {
  margin-bottom: 20px;
}

.infection_control>p {
  margin-bottom: 40px;
  padding-left: 10px;
}

.infection_control h3 {
  margin-bottom: 40px;
}

.infection_control .inner:not(:last-of-type) {
  margin-bottom: 60px
}

.infection_control .inner:nth-of-type(1) .img-box {
  background-image: url("../../image/contents/first/infection_control01.jpg");
}

.infection_control .inner:nth-of-type(2) .img-box {
  background-image: url("../../image/contents/first/infection_control02.jpg");
}

.infection_control .inner:nth-of-type(3) .img-box {
  background-image: url("../../image/contents/first/infection_control03.jpg");
}

.infection_control .inner:nth-of-type(4) .img-box {
  background-image: url("../../image/contents/first/infection_control04.jpg");
}

.infection_control .inner:nth-of-type(5) .img-box {
  background-image: url("../../image/contents/first/infection_control05.jpg");
}

@media print, screen and (max-width:640px) {
  .infection_control {
    margin-bottom: 60px;
  }
  .infection_control .inner:not(:last-of-type) {
    margin-bottom: 80px
  }
  .infection_control h3 {
    margin-bottom: 20px;
  }
}


/*--------------------------
----------------------------*/

.visiting_at_car {
  margin-bottom: 90px;
}

.visiting_at_car h2 {
  margin-bottom: 40px;
}

.visiting_at_car .img-box {
  background-image: url("../../image/contents/first/parking01.jpg");
}

@media print, screen and (max-width:640px) {
  .visiting_at_car {
    margin-bottom: 60px;
  }
}


/*--------------------------
----------------------------*/

.equipments {
  margin-bottom: 60px;
}

.equipments h2 {
  margin-bottom: 40px;
}

.equipments-list li p {
  text-align: center;
  margin-top: 0.25em;
}

.equipments-list {
  list-style: none;
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  margin-bottom: 30px;
}

@media print, screen and (max-width:640px) {
  .equipments {
    margin-bottom: 30px;
  }
}

@media print, screen and (max-width:960px) {
  .equipments-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
}

@media print, screen and (max-width:640px) {
  .equipments-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}