@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700&display=swap";

.p-clinic_lower__main {
  margin-bottom: 4rem; /* 40px */
}

.p-clinic_lower__section {
  margin-bottom: 12rem; /* 120px */
}

.p-clinic_lower__overview__table {
  margin-top: -3.8rem; /* -38px */
}

.p-clinic_lower__overview__table th,
.p-clinic_lower__overview__table td {
  font-size: 1.8rem; /* 18px */
  line-height: 1.8;
  padding: 3.2rem 1rem; /* 32px 10px */
}

.p-clinic_lower__overview__table th {
  width: 24%;
  font-weight: bold;
  border-bottom: 1px solid #00bc8b;
}

.p-clinic_lower__overview__table td {
  width: 76%;
  border-bottom: 1px solid #d1f0e8;
}

.p-clinic_lower__overview__table .green {
  color: #00bc8b;
}

.p-clinic_lower__overview__table a {
  margin-top: 1.2rem; /* 12px */
  line-height: 1;
  display: inline-block;
  color: #00bc8b;
  font-weight: bold;
  border-bottom: 1px solid #00bc8b;
}

.p-clinic_lower__overview__table a + a {
  margin-left: 3rem; /* 30px */
}

.p-clinic_lower__calendar__table {
  width: 100%;
  margin-bottom: 6rem; /* 60px */
}

.p-clinic_lower__calendar__table th,
.p-clinic_lower__calendar__table td {
  font-size: 1.8rem; /* 18px */
  line-height: 1.8;
  padding: 0.5rem; /* 5px */
  border: 1px solid #d1f0e8;
  text-align: center;
}

.p-clinic_lower__calendar__table th {
  font-weight: bold;
  background: #d1f0e8;
}

.p-clinic_lower__calendar__table .green {
  color: #00bc8b;
}

.p-clinic_lower__access__map {
  margin-bottom: 8rem; /* 80px */
}

.p-clinic_lower__access__map iframe {
  display: block;
  width: 100%;
  height: 54.5rem; /* 545px */
}

.p-clinic_lower__access__root {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  counter-reset: number 0;
}

.p-clinic_lower__access__root li {
  width: 48.6%;
  margin-bottom: 5.2rem; /* 52px */
  position: relative;
}

.p-clinic_lower__access__root li::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 2rem; /* 20px */
  top: -2rem; /* -20px */
  left: 1rem; /* 10px */
  width: 3.8rem; /* 38px */
  height: 3.8rem; /* 38px */
  border-radius: 50%;
  color: #fff;
  background: #00bc8b;
  counter-increment: number 1;
  content: counter(number);
}

.p-clinic_lower__access__root .image {
  margin-bottom: 0.4rem; /* 4px */
}

/* ここからスマホ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
  .p-clinic_lower__main {
    margin-bottom: 4.8vw;
  }
  .p-clinic_lower__section {
    margin-bottom: 16vw;
  }

  .p-clinic_lower__overview__table {
    margin-top: -5.8666666667vw;
  }

  .p-clinic_lower__overview__table th,
  .p-clinic_lower__overview__table td {
    font-size: 4.2666666667vw;
    padding: 3.7333333333vw 0;
  }

  .p-clinic_lower__overview__table th {
    width: 28%;
    border-bottom: 1px solid #d1f0e8;
  }

  .p-clinic_lower__overview__table td {
    padding-left: 8.5333333333vw;
    width: 72%;
    border-bottom: 1px solid #00bc8b;
  }
  .p-clinic_lower__overview__table a {
    margin-top: 2.1333333333vw;
  }

  .p-clinic_lower__overview__table a + a {
    margin-top: 3.2vw;
    margin-left: 0;
  }

  .p-clinic_lower__calendar__table {
    margin-bottom: 8vw;
  }

  .p-clinic_lower__calendar__table th,
  .p-clinic_lower__calendar__table td {
    font-size: 4.2666666667vw;
    line-height: 1.2;
    padding: 1.3333333333vw 0;
    vertical-align: middle;
  }

  .p-clinic_lower__access__map {
    margin-bottom: 11.7333333333vw;
  }

  .p-clinic_lower__access__map iframe {
    height: 69.3333333333vw;
  }

  .p-clinic_lower__access__root li {
    width: 47.8%;
    margin-bottom: 10.1333333333vw;
  }

  .p-clinic_lower__access__root li::before {
    width: 8vw;
    height: 8vw;
    font-size: 4.8vw;
    top: -4vw;
    left: 1.6vw;
  }

  .p-clinic_lower__access__root .image {
    margin-bottom: 1.0666666667vw;
  }
}