@charset "UTF-8";
:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

/*
======== table of content. ===============

summary:クリニック様へページ要素

==========================================
*/
.clinic .feature__list {
  display: block grid;
  grid-template-columns: repeat(auto-fill, minmax(min(19em, 100%), 1fr));
  -moz-column-gap: 4.75em;
       column-gap: 4.75em;
}
@media screen and (max-width: 767px) {
  .clinic .feature__list {
    row-gap: 2.5em;
  }
}
.clinic .feature__item {
  position: relative;
  padding-block: 1em;
}
@media screen and (max-width: 767px) {
  .clinic .feature__item {
    padding-block: 0;
  }
}
.clinic .feature__item:nth-child(n+2)::before {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  inline-size: 0.1rem;
  block-size: 100%;
  margin-block: auto;
  background-color: #cacaca;
  position: absolute;
  inset-inline-start: -2.375em;
  inset-block-start: 0;
}
@media screen and (max-width: 767px) {
  .clinic .feature__item .ttl_rounded {
    margin-inline: 0.5em;
  }
}
.clinic .feature__item figure {
  margin-block-end: 1.25em;
  text-align: center;
}
.clinic .feature__item figure img {
  inline-size: 14em;
}
@media screen and (max-width: 767px) {
  .clinic .feature__item figure img {
    inline-size: 10.875em;
  }
}
.clinic .feature__item p {
  font-weight: 500;
}
.clinic .feature__item p.color_secondary {
  margin-block-start: calc(2em + var(--leading-trim));
}
@media screen and (max-width: 767px) {
  .clinic .merit {
    margin-block-end: 2.5em;
  }
}
.clinic .merit__list {
  display: block grid;
  grid-template-columns: repeat(auto-fill, minmax(min(19em, 100%), 1fr));
  place-content: center;
  gap: 1em 2.5em;
}
@media screen and (max-width: 767px) {
  .clinic .merit__list {
    padding-inline: 1.5em;
  }
}
.clinic .merit__item {
  display: block grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 1.5em;
  place-items: center;
  padding-block: 2.5em;
  border: 0.1rem solid #2179bf;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .clinic .merit__item {
    row-gap: 1em;
    padding-block: 2em;
  }
}
@media screen and (max-width: 767px) {
  .clinic .merit__item:first-child .merit__item__img img {
    inline-size: 3.25em;
  }
}
.clinic .merit__item:nth-child(2) {
  border-color: #2ba6c8;
}
.clinic .merit__item:nth-child(2) .merit__item__num {
  color: #2ba6c8;
}
.clinic .merit__item:nth-child(2) .merit__item__num::after {
  content: "";
  position: absolute;
  inset-inline-end: -2em;
  inset-block-start: 0.5em;
  inline-size: 1.25em;
  block-size: 1.25em;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18.93 18.93" xmlns="http://www.w3.org/2000/svg"><path d="m16.32 7.83s0-3.92-2.61-3.92c2.61 0 2.61-3.92 2.61-3.92s0 3.92 2.61 3.92c-2.61 0-2.61 3.92-2.61 3.92zm-6.85 10.77s0-9.14-6.85-9.14c6.85.01 6.85-9.13 6.85-9.13s0 9.14 6.85 9.14c-6.85 0-6.85 9.14-6.85 9.14zm-4.24-3.59c-2.61 0-2.61 3.92-2.61 3.92s0-3.92-2.61-3.92c2.61 0 2.61-3.92 2.61-3.92s0 3.92 2.61 3.92z" fill="%232ba6c8" fill-rule="evenodd" /></svg>');
}
@media screen and (max-width: 767px) {
  .clinic .merit__item:nth-child(2) .merit__item__num::after {
    inset-inline-end: -1.25em;
    inline-size: 1em;
    block-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  .clinic .merit__item:nth-child(2) .merit__item__img img {
    inline-size: 3.5em;
  }
}
.clinic .merit__item:nth-child(3) {
  border-color: #9c6c91;
}
.clinic .merit__item:nth-child(3) .merit__item__num {
  color: #9c6c91;
}
.clinic .merit__item:nth-child(3) .merit__item__num::after {
  content: "";
  position: absolute;
  inset-inline-end: -2em;
  inset-block-start: 0.5em;
  inline-size: 1.25em;
  block-size: 1.25em;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18.93 18.93" xmlns="http://www.w3.org/2000/svg"><path d="m16.32 7.83s0-3.92-2.61-3.92c2.61 0 2.61-3.92 2.61-3.92s0 3.92 2.61 3.92c-2.61 0-2.61 3.92-2.61 3.92zm-6.85 10.77s0-9.14-6.85-9.14c6.85.01 6.85-9.13 6.85-9.13s0 9.14 6.85 9.14c-6.85 0-6.85 9.14-6.85 9.14zm-4.24-3.59c-2.61 0-2.61 3.92-2.61 3.92s0-3.92-2.61-3.92c2.61 0 2.61-3.92 2.61-3.92s0 3.92 2.61 3.92z" fill="%239c6c91" fill-rule="evenodd" /></svg>');
}
@media screen and (max-width: 767px) {
  .clinic .merit__item:nth-child(3) .merit__item__num::after {
    inset-inline-end: -1.25em;
    inline-size: 1em;
    block-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  .clinic .merit__item:nth-child(3) .merit__item__img img {
    inline-size: 3.5em;
  }
}
.clinic .merit__item__num {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  color: #2179bf;
}
.clinic .merit__item__num span {
  display: block;
  margin-block: var(--leading-trim);
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-size: 450%;
  font-weight: 500;
  font-style: italic;
}
@media screen and (max-width: 767px) {
  .clinic .merit__item__num span {
    font-size: 300%;
  }
}
.clinic .merit__item__num::after {
  content: "";
  position: absolute;
  inset-inline-end: -2em;
  inset-block-start: 0.5em;
  inline-size: 1.25em;
  block-size: 1.25em;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18.93 18.93" xmlns="http://www.w3.org/2000/svg"><path d="m16.32 7.83s0-3.92-2.61-3.92c2.61 0 2.61-3.92 2.61-3.92s0 3.92 2.61 3.92c-2.61 0-2.61 3.92-2.61 3.92zm-6.85 10.77s0-9.14-6.85-9.14c6.85.01 6.85-9.13 6.85-9.13s0 9.14 6.85 9.14c-6.85 0-6.85 9.14-6.85 9.14zm-4.24-3.59c-2.61 0-2.61 3.92-2.61 3.92s0-3.92-2.61-3.92c2.61 0 2.61-3.92 2.61-3.92s0 3.92 2.61 3.92z" fill="%232179bf" fill-rule="evenodd" /></svg>');
}
@media screen and (max-width: 767px) {
  .clinic .merit__item__num::after {
    inset-inline-end: -1.25em;
    inline-size: 1em;
    block-size: 1em;
  }
}
.clinic .merit__item__img {
  align-self: center;
}
.clinic .merit__item__txt span {
  display: block;
  font-size: 125%;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .clinic .merit__item__txt span {
    font-size: 112.5%;
  }
}
.clinic .results {
  padding-block-end: 10.25em;
  border-block-end: 0.1rem solid #dddddd;
}
@media screen and (max-width: 767px) {
  .clinic .results {
    margin-block-end: 2.5em;
    padding-block-end: 2.5em;
  }
}
@media screen and (min-width: 768px) {
  .clinic .results .flex_img {
    margin-block: -10.75em -5.75em;
  }
}
.clinic .combi {
  padding-block-end: 4.5em;
  border-block-end: 0.1rem solid #dddddd;
}
@media screen and (max-width: 767px) {
  .clinic .combi {
    margin-block-end: 2.5em;
    padding-block-end: 2.5em;
  }
}
@media screen and (min-width: 768px) {
  .clinic .combi__content {
    display: block grid;
    grid-template-columns: 14.375em 1.5em 25.625em 1fr;
    grid-template-areas: "a a a b" "c d e b";
    gap: 3.125em 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .clinic .combi__content__lead {
    grid-area: a;
  }
}
@media screen and (max-width: 767px) {
  .clinic .combi__content__lead {
    margin-block-end: 1.875em;
  }
}
.clinic .combi__content__hf {
  padding: 1em;
  background: #2ba6c8;
  color: #fff;
  font-size: 112.5%;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .clinic .combi__content__hf {
    grid-area: c;
    display: block grid;
    place-items: center;
    place-content: center;
    margin-block-start: 0;
  }
}
@media screen and (max-width: 767px) {
  .clinic .combi__content__hf {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: auto;
  }
}
.clinic .combi__content__plus {
  color: #2ba6c8;
  font-size: 150%;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .clinic .combi__content__plus {
    grid-area: d;
    align-self: center;
    margin-block-start: 0;
  }
}
@media screen and (max-width: 767px) {
  .clinic .combi__content__plus {
    margin-block-start: 0;
  }
}
.clinic .combi__content .list_notes {
  grid-area: e;
  display: block grid;
  gap: 1em;
  padding: 1em;
  background: #f6f6f6;
}
@media screen and (min-width: 768px) {
  .clinic .combi__content .list_notes {
    grid-template-columns: 2fr 4fr;
  }
}
@media screen and (max-width: 767px) {
  .clinic .combi__content .list_notes {
    grid-template-columns: max-content 1fr;
  }
}
.clinic .combi__content .list_notes li {
  margin-block-start: 0;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .clinic .combi__content .list_notes li {
    font-size: 87.5%;
  }
}
@media screen and (min-width: 768px) {
  .clinic .combi__content__img {
    grid-area: b;
  }
}
@media screen and (max-width: 767px) {
  .clinic .combi__content__img {
    margin-block-start: 1.5em;
  }
}
.clinic .after-support .feature__item:nth-child(2) img {
  inline-size: 6.25em;
}
.clinic .after-support .feature__item figure {
  display: block grid;
  place-items: center;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .clinic .after-support .feature__item figure {
    block-size: 8em;
    margin-block-end: 0;
    padding-block-end: 0.75em;
  }
}
@media screen and (max-width: 767px) {
  .clinic .after-support .feature__item figure {
    padding-block: 0;
  }
}
.clinic .after-support .feature__item img {
  inline-size: 4.125em;
}
.clinic .voice__list {
  counter-reset: numbering;
}
.clinic .voice__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .clinic .voice__item {
    margin-block-start: 6.25em;
    padding-inline-start: 1.5em;
  }
  .clinic .voice__item:nth-child(odd) {
    padding-inline: 18.75em 7em;
  }
  .clinic .voice__item:nth-child(odd)::before {
    inset-inline-end: 5.8333em;
  }
  .clinic .voice__item:nth-child(odd) .voice__item__main {
    padding-inline-start: 5.625em;
  }
  .clinic .voice__item:nth-child(odd) .voice__item__img {
    inset-inline-start: 0;
  }
  .clinic .voice__item:nth-child(even) {
    padding-inline: 7em 18.75em;
  }
  .clinic .voice__item:nth-child(even)::before {
    inset-inline-start: 5.8333em;
  }
  .clinic .voice__item:nth-child(even) .voice__item__main {
    padding-inline-end: 5.625em;
  }
  .clinic .voice__item:nth-child(even) .voice__item__img {
    inset-inline-end: 0;
  }
}
@media screen and (max-width: 767px) {
  .clinic .voice__item {
    margin-block-start: 10em;
  }
  .clinic .voice__item:nth-child(odd)::before {
    inset-inline-end: 1em;
  }
  .clinic .voice__item:nth-child(odd) .voice__item__img {
    inset-inline-start: 0;
  }
  .clinic .voice__item:nth-child(even)::before {
    inset-inline-start: 1em;
  }
  .clinic .voice__item:nth-child(even) .voice__item__img {
    inset-inline-end: 0;
  }
}
.clinic .voice__item::before {
  display: block;
  position: absolute;
  inset-block-start: -0.8333em;
  padding: calc((1.6666em - 1lh) / 2) 2em;
  border-radius: 1lh;
  background-color: #aec7e0;
  counter-increment: numbering;
  content: "case" counter(numbering, decimal-leading-zero);
  color: #fff;
  font-family: "EB Garamond", serif !important;
  font-optical-sizing: auto;
  font-size: 150%;
}
@media screen and (max-width: 767px) {
  .clinic .voice__item::before {
    padding-inline: 1.6em;
    font-size: 125%;
  }
}
.clinic .voice__item__main {
  padding: calc(3.25em + var(--leading-trim)) 3.25em;
}
@media screen and (max-width: 767px) {
  .clinic .voice__item__main {
    padding: calc(2.5em + var(--leading-trim)) 1em calc(1.25em + var(--leading-trim));
  }
}
.clinic .voice__item__ttl {
  margin-block-end: calc(1.25em + var(--leading-trim));
}
.clinic .voice__item__ttl span {
  display: block;
}
.clinic .voice__item__ttl span:first-child {
  font-size: 125%;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .clinic .voice__item__ttl span:first-child {
    font-size: 112.5%;
  }
}
.clinic .voice__item__ttl span:last-child {
  margin-top: calc(0.6666em + var(--leading-trim));
  font-size: 112.5%;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .clinic .voice__item__ttl span:last-child {
    font-size: 100%;
  }
}
.clinic .voice__item__txt {
  font-size: 112.5%;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .clinic .voice__item__txt {
    font-size: 100%;
  }
}
.clinic .voice__item__img {
  position: absolute;
  inset-block-start: -4.375em;
  inline-size: 20.75em;
}
@media screen and (max-width: 767px) {
  .clinic .voice__item__img {
    inset-block-start: -8.75em;
    inline-size: 9.75em;
  }
}
.clinic .movie__list {
  counter-reset: numbering;
}
@media screen and (min-width: 768px) {
  .clinic .movie__list {
    padding-inline: 3.125em;
  }
}
.clinic .movie__item {
  position: relative;
  margin-block-start: 3.75em;
  padding-block: 3.75em;
  border-block-start: 0.1rem solid #cacaca;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .clinic .movie__item {
    margin-block-start: 3em;
    padding-block: 3em 1.5em;
  }
}
.clinic .movie__item::before {
  display: block;
  position: absolute;
  inset-inline: 0;
  inset-block-start: -0.8333em;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  padding: calc((1.6666em - 1lh) / 2) 2em;
  border-radius: 1lh;
  background-color: #aec7e0;
  counter-increment: numbering;
  content: "movie" counter(numbering, decimal-leading-zero);
  color: #fff;
  font-family: "EB Garamond", serif !important;
  font-optical-sizing: auto;
  font-size: 150%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .clinic .movie__item::before {
    padding-inline: 1.6em;
    font-size: 125%;
  }
}
.clinic .movie__item__detail {
  display: block grid;
  grid-template-columns: 1fr 37.5em;
  -moz-column-gap: 2.5em;
       column-gap: 2.5em;
}
@media screen and (min-width: 768px) {
  .clinic .movie__item__detail {
    padding-inline-start: 3.75em;
  }
}
@media screen and (max-width: 767px) {
  .clinic .movie__item__detail {
    grid-template-columns: none;
    grid-auto-flow: row;
    row-gap: 2em;
  }
}
.clinic .movie__item__ttl {
  margin-block-end: calc(1.6666em + var(--leading-trim));
  color: #4b81b8;
  font-size: 150%;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .clinic .movie__item__ttl {
    font-size: 125%;
  }
}
@media screen and (max-width: 767px) {
  .clinic .movie__item__doctor figure {
    display: block grid;
    grid-template-columns: 8.75em 1fr;
    -moz-column-gap: 1em;
         column-gap: 1em;
  }
}
.clinic .movie__item__doctor img {
  inline-size: 15.25em;
}
@media screen and (max-width: 767px) {
  .clinic .movie__item__doctor img {
    inline-size: 8.75em;
  }
}
.clinic .movie__item__doctor figcaption {
  margin-block-start: calc(1em + var(--leading-trim));
  font-size: 112.5%;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .clinic .movie__item__doctor figcaption {
    font-size: 87.5%;
  }
}
.clinic .movie__item__movie iframe {
  inline-size: 100%;
  aspect-ratio: 16/9;
}

.download__list {
  display: block grid;
  grid-template-columns: repeat(auto-fill, minmax(min(12.5em, 100%), 1fr));
  gap: 2.5em;
}
.download__item__anchor {
  position: relative;
  z-index: 1;
}
.download__item__anchor::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  background-color: #fff;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-block-start 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-inline-end 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-block-end 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-inline-start 0.5s cubic-bezier(0.23, 1, 0.32, 1), inline-size 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), block-size 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-width 0.5s cubic-bezier(0.23, 1, 0.32, 1), border-radius 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-size 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-position 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (hover) {
  .download__item__anchor:hover {
    color: #555757;
  }
  .download__item__anchor:hover .img__wrap {
    transform: scale(0.9);
  }
  .download__item__anchor:hover::after {
    background-color: rgba(33, 121, 191, 0.1);
  }
  .download__item__anchor:hover .btn_download {
    background-color: #2179bf;
  }
}
.download__item__img {
  display: block grid;
  place-items: center;
  place-content: center;
}
.download__item .img__wrap {
  display: block;
  padding: calc(1em - 0.1rem);
  border: 0.1rem solid #dddddd;
  background-color: #fff;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-block-start 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-inline-end 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-block-end 0.5s cubic-bezier(0.23, 1, 0.32, 1), inset-inline-start 0.5s cubic-bezier(0.23, 1, 0.32, 1), inline-size 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), block-size 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-width 0.5s cubic-bezier(0.23, 1, 0.32, 1), border-radius 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-size 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-position 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.download__item .img__wrap img {
  aspect-ratio: 4/5;
  -o-object-fit: contain;
     object-fit: contain;
}
.download__item figcaption {
  display: block;
  margin-block: calc(1em + var(--leading-trim));
  padding-inline: 1em;
  font-size: 87.5%;
  text-align: center;
}
.download__item .btn_download {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  margin-block-end: calc(1em + var(--leading-trim));
  padding: calc((2.5em - 1lh) / 2) 1em;
  border-radius: 2em;
  background-color: #555757;
  color: #fff;
  font-size: 87.5%;
  text-align: center;
  transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-size 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-position 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}/*# sourceMappingURL=clinic.css.map */