@charset "UTF-8";
/************************************************
    DETAILS
*************************************************/
.section-Details-medicalServices {
  padding: 0;
  margin-block: 0;
}
@supports not (margin-block: 0) {
  .section-Details-medicalServices {
    margin-block-start: 0;
    margin-block-end: 0;
  }
}
.section-Details-medicalServices {
  margin-inline: calc(var(--gutter) * -1);
}
@supports not (margin-inline: calc(var(--gutter) * -1)) {
  .section-Details-medicalServices {
    margin-inline-start: calc(var(--gutter) * -1);
    margin-inline-end: calc(var(--gutter) * -1);
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalServices {
    margin-block-start: 3.125em;
  }
}
.section-Details-medicalService {
  font-family: "m-plus-rounded-2p", sans-serif;
  display: grid;
  row-gap: 2.5em;
  background: #e6f4f1;
  padding-block: 2.5em;
}
@supports not (padding-block: 2.5em) {
  .section-Details-medicalService {
    padding-block-start: 2.5em;
    padding-block-end: 2.5em;
  }
}
.section-Details-medicalService {
  padding-inline: var(--gutter);
}
@supports not (padding-inline: var(--gutter)) {
  .section-Details-medicalService {
    padding-inline-start: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
.section-Details-medicalService {
  margin-block-start: 2.5em;
}
@media (min-width: 48rem) {
  .section-Details-medicalService {
    display: grid;
    grid-template-columns: 1fr minmax(min-content, 28.125em) minmax(0, 12.5em) minmax(min-content, 28.125em) 1fr;
    grid-template-rows: repeat(2, auto);
    row-gap: 3.5em;
    background: linear-gradient(0deg, transparent 13.6363636364%, #e6f4f1 13.6363636364%, #e6f4f1 86.3636363636%, transparent 86.3636363636%);
    padding-block: 3.125em;
  }
  @supports not (padding-block: 3.125em) {
    .section-Details-medicalService {
      padding-block-start: 3.125em;
      padding-block-end: 3.125em;
    }
  }
  .section-Details-medicalService {
    margin-block-start: 0;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService__thumbnail {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / -1;
    align-self: center;
  }
}
.section-Details-medicalService__thumbnail img {
  border-radius: 1.25em;
}
@media (min-width: 48rem) {
  .section-Details-medicalService:nth-of-type(odd) .section-Details-medicalService__thumbnail {
    grid-column: 4;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService:nth-of-type(even) .section-Details-medicalService__thumbnail {
    grid-column: 2;
  }
}
.section-Details-medicalService__title {
  color: white;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  background-color: #4fbac8;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-inline-size: 6.2333333333em;
  padding-block: 0.5em;
}
@supports not (padding-block: 0.5em) {
  .section-Details-medicalService__title {
    padding-block-start: 0.5em;
    padding-block-end: 0.5em;
  }
}
.section-Details-medicalService__title {
  padding-inline: 1.1em 1em;
}
@supports not (padding-inline: 1.1em 1em) {
  .section-Details-medicalService__title {
    padding-inline-start: 1.1em;
    padding-inline-end: 1em;
  }
}
.section-Details-medicalService__title {
  border-radius: 999px;
  margin-block: auto 0;
}
@supports not (margin-block: auto 0) {
  .section-Details-medicalService__title {
    margin-block-start: auto;
    margin-block-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService__title {
    grid-row: 1;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService:nth-of-type(odd) .section-Details-medicalService__title {
    grid-column: 2;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService:nth-of-type(even) .section-Details-medicalService__title {
    grid-column: 4;
  }
}
.section-Details-medicalService__content {
  color: #728483;
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6666666667;
  padding-inline-start: 1.05em;
  margin-block: 0 auto;
}
@supports not (margin-block: 0 auto) {
  .section-Details-medicalService__content {
    margin-block-start: 0;
    margin-block-end: auto;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService__content {
    grid-row: 2;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService:nth-of-type(odd) .section-Details-medicalService__content {
    grid-column: 2;
  }
}
@media (min-width: 48rem) {
  .section-Details-medicalService:nth-of-type(even) .section-Details-medicalService__content {
    grid-column: 4;
  }
}
.section-Details-medicalService__content li {
  list-style: none;
}
.section-Details-medicalService__content li::marker {
  content: "・";
}

/************************************************
    急患対応
*************************************************/
.section-EmergencyCare {
  color: #728483;
  font-family: "m-plus-rounded-2p", sans-serif;
  background-color: white;
  box-sizing: border-box;
  max-inline-size: 56.25em;
  padding-block: 4.25em;
}
@supports not (padding-block: 4.25em) {
  .section-EmergencyCare {
    padding-block-start: 4.25em;
    padding-block-end: 4.25em;
  }
}
.section-EmergencyCare {
  padding-inline: var(--gutter);
}
@supports not (padding-inline: var(--gutter)) {
  .section-EmergencyCare {
    padding-inline-start: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
.section-EmergencyCare {
  border: 1px solid #728483;
  border-radius: 1.25em;
  margin-inline: auto;
}
@supports not (margin-inline: auto) {
  .section-EmergencyCare {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
.section-Details-medicalServices + .section-EmergencyCare {
  margin-block-start: 3.125em;
}
.section-EmergencyCare__title {
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
  padding-inline-start: 0.05em;
  margin: 0;
}
.section-EmergencyCare__content {
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.2222222222;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding-inline-start: 0.05em;
  margin-block-start: 2.5em;
  margin-inline: auto;
}
@supports not (margin-inline: auto) {
  .section-EmergencyCare__content {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
.section-EmergencyCare__content p {
  margin: 0;
}/*# sourceMappingURL=../maps/information.css.map */
