@charset "UTF-8";
/*!
global > Color
------------------------------
*/
.cl-blue {
  color: #08a9e3;
}

/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
@font-face {
  font-family: "din";
  src: url("../font/DIN-Alternate-Bold.ttf") format("opentype");
}
@font-face {
  font-family: "koz-M";
  src: url("../font/KozGoPr6N-Medium.otf") format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "koz-R";
  src: url("../font/KozGoPr6N-Regular.otf") format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "spartan";
  src: url("../font/Spartan-VariableFont_wght.ttf") format("truetype");
}
.f-leageuespartan {
  font-family: "League Spartan", sans-serif;
}

.f-akshar {
  font-family: "Akshar", sans-serif;
}

.f-din-alternate {
  font-family: "din";
}

.f-roboto {
  font-family: "Roboto", sans-serif;
}

.f-koz-M {
  font-family: "koz-M";
}

.f-koz-R {
  font-family: "koz-R";
}

.f-spartan {
  font-family: "spartan";
}

/*!
global > function
------------------------------
*/
.using-txt .sub {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .using-txt .sub {
    font-size: 1rem;
  }
}

.surgeon-content thead th, .using-txt, .surgery-item__achievements .achievements-statis__item .ttl-sub {
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .surgeon-content thead th, .using-txt, .surgery-item__achievements .achievements-statis__item .ttl-sub {
    font-size: 1.25rem;
  }
}

.schedule-content thead th, .schedule-content .doctor-name {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .schedule-content thead th, .schedule-content .doctor-name {
    font-size: 1.3125rem;
  }
}

.story-item02 .statis-item__row .txt-en {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .story-item02 .statis-item__row .txt-en {
    font-size: 1.375rem;
  }
}

.access-desc .content-item__ttl {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .access-desc .content-item__ttl {
    font-size: 1.5rem;
  }
}

.schedule-tag .tag {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .schedule-tag .tag {
    font-size: 1.5625rem;
  }
}

.fracture-txt {
  font-size: clamp(1.125rem, 3.1168831169vw + 0.3808441558rem, 1.875rem);
}
@media screen and (min-width: 768px) {
  .fracture-txt {
    font-size: clamp(1.5rem, 1.1278195489vw + 0.9586466165rem, 1.875rem);
  }
}

.care-item__ttl .number, .surgery-item__achievements .achievements-statis__item .unit {
  font-size: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .care-item__ttl .number, .surgery-item__achievements .achievements-statis__item .unit {
    font-size: 2.5rem;
  }
}

.story-item__content .txt-en {
  font-size: 1.75rem;
}
@media screen and (min-width: 768px) {
  .story-item__content .txt-en {
    font-size: clamp(2rem, 7.6086956522vw + -2.8695652174rem, 3.3125rem);
  }
}

.benefits .c-ttl02 .txt-en {
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .benefits .c-ttl02 .txt-en {
    font-size: clamp(3.125rem, 1.8796992481vw + 2.2227443609rem, 3.75rem);
  }
}

.mv {
  position: relative;
  padding-top: clamp(2.75rem, 5.1948051948vw + 1.5097402597rem, 4rem);
}
@media screen and (min-width: 768px) {
  .mv {
    padding-top: 0;
  }
}
.mv-wrap {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .mv-wrap {
    height: clamp(41.25rem, 26.5210608424vw + 28.5198907956rem, 62.5rem);
  }
}
.mv-slider__item {
  position: relative;
  overflow: hidden;
}
.mv-slider__item .content02-decor {
  position: absolute;
  display: block;
}
.mv-slider__item .content02-decor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.42;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: top left;
  mask-image: url("./../images/common/img_circle.svg");
  background-color: #a4d1ff;
}
@media screen and (min-width: 768px) {
  .mv-slider__item .content02-decor {
    display: none;
  }
}
.mv-slider__item .content02-decor.decor03 {
  left: -36px;
  top: -12px;
  width: 192px;
  height: 192px;
}
.mv-slider__item .content02-decor.decor04 {
  right: -53px;
  bottom: -42px;
  width: 325px;
  height: 325px;
}
.mv-slider__img img {
  height: 515px;
  object-fit: cover;
  object-position: center center;
}
@media screen and (min-width: 768px) {
  .mv-slider__img img {
    height: clamp(41.25rem, 26.5210608424vw + 28.5198907956rem, 62.5rem);
  }
}
.mv-slider__content {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mv-slider__content.content01 {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 978px;
  transform: translateX(-50%);
  padding-top: 140px;
  padding-bottom: 71px;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content01 {
    padding-bottom: clamp(14.375rem, 14.4736842105vw + 7.4276315789rem, 19.1875rem);
  }
}
.mv-slider__content.content01 .txt-jp {
  font-size: 3.875rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content01 .txt-jp {
    font-size: clamp(3.75rem, 7.5187969925vw + 0.1409774436rem, 6.25rem);
  }
}
.mv-slider__content.content01 .content01-ttl {
  width: 100%;
  max-width: 560px;
  position: relative;
  padding: 0 30px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content01 .content01-ttl {
    width: calc(100% - 40px);
    left: clamp(0rem, -7.2463768116vw + 5.8876811594rem, 1.25rem);
    padding: 36px 0 0 66px;
  }
}
.mv-slider__content.content01 .content01-ttl::after {
  content: "";
  position: absolute;
  left: 28px;
  top: -16px;
  width: 0;
  height: 0;
  border-right: 36px solid transparent;
  border-top: 36px solid #fff;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content01 .content01-ttl::after {
    left: 0;
    top: 0;
    border-right: clamp(2.5rem, 3.7593984962vw + 0.6954887218rem, 3.75rem) solid transparent;
    border-top: clamp(2.5rem, 3.7593984962vw + 0.6954887218rem, 3.75rem) solid #fff;
  }
}
.mv-slider__content.content01 .content01-subtxt {
  font-size: 1.1875rem;
  letter-spacing: 0.055em;
  padding-left: 39px;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content01 .content01-subtxt {
    font-size: 1.5rem;
    padding-left: 0;
  }
}
.mv-slider__content.content01 .content01-number {
  font-size: 5.8125rem;
  font-family: "Akshar", sans-serif;
  display: block;
  padding-left: 37px;
  white-space: nowrap;
  padding-top: 13px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content01 .content01-number {
    padding-top: 0;
    font-size: clamp(4.375rem, 15.2255639098vw + -2.9332706767rem, 9.4375rem);
    padding-left: 0;
  }
}
.mv-slider__content.content01 .content01-sub {
  display: block;
  letter-spacing: 0.1em;
  padding-top: 3px;
  padding-left: 18px;
  text-align: center;
  font-size: clamp(0.875rem, 0.5102040816vw + 0.7554209184rem, 1rem);
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content01 .content01-sub {
    text-align: left;
    padding-left: 67px;
    font-size: 1rem;
  }
}
.mv-slider__content.content02 {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%);
  padding: 58px 24px 84px;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 {
    padding: clamp(6.25rem, 7.5187969925vw + 2.6409774436rem, 8.75rem) 0 clamp(7.6875rem, -10.7142857143vw + 16.3928571429rem, 11.25rem);
    flex-direction: row;
  }
}
.mv-slider__content.content02 .content02 {
  position: relative;
}
.mv-slider__content.content02 .content02-img {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 28px 20px 0;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-img {
    padding: 14px 0 0;
    width: clamp(16.25rem, 42.1052631579vw + -3.9605263158rem, 30.25rem);
  }
}
.mv-slider__content.content02 .content02-img img {
  max-width: clamp(17.5rem, -20.7792207792vw + 27.461038961rem, 22.5rem);
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-img img {
    width: clamp(12.625rem, 39.4736842105vw + -6.3223684211rem, 25.75rem);
    max-width: 500px;
  }
}
.mv-slider__content.content02 .content02-img__ttl {
  bottom: 14px;
  position: relative;
  width: 104%;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-img__ttl {
    bottom: 24px;
    left: clamp(-2.75rem, -15.9420289855vw + 10.2028985507rem, 0rem);
    font-size: clamp(0.875rem, 2.6315789474vw + -0.3881578947rem, 1.75rem);
  }
}
.mv-slider__content.content02 .content02-desc {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc {
    width: 724px;
    padding-top: 50px;
  }
}
.mv-slider__content.content02 .content02-desc__ttl {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc__ttl {
    padding-left: 20px;
    text-align: left;
  }
}
.mv-slider__content.content02 .content02-desc__ttl .c-ttl30 {
  padding-bottom: 10px;
  font-size: 1.1875rem;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc__ttl .c-ttl30 {
    font-size: 1.875rem;
  }
}
.mv-slider__content.content02 .content02-desc__ttl .c-ttl58 {
  font-size: 1.8125rem;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc__ttl .c-ttl58 {
    font-size: clamp(2.875rem, 2.2556390977vw + 1.7922932331rem, 3.625rem);
  }
}
.mv-slider__content.content02 .content02-desc__list {
  flex-wrap: wrap;
  position: relative;
  padding-left: clamp(0rem, 4.4052863436vw + -1.486784141rem, 0.625rem);
  gap: 5px;
  z-index: 2;
  padding-top: 10px;
  left: 2px;
  display: none;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc__list {
    display: flex;
    padding-left: 0;
    justify-content: center;
    gap: 15px;
    padding-top: 53px;
  }
}
.mv-slider__content.content02 .content02-desc__list .list-item {
  width: clamp(5.5rem, 13.2653061224vw + 2.3909438776rem, 8.75rem);
  height: clamp(5.5rem, 13.2653061224vw + 2.3909438776rem, 8.75rem);
  border-radius: 100%;
  background-color: #73cae4;
  overflow: hidden;
  position: relative;
  padding: 51px 9px 34px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc__list .list-item {
    padding: 51px 9px 34px;
    width: clamp(7.5rem, 8.8345864662vw + 3.2593984962rem, 10.4375rem);
    height: clamp(7.5rem, 8.8345864662vw + 3.2593984962rem, 10.4375rem);
  }
}
.mv-slider__content.content02 .content02-desc__list .list-item::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: url("../images/top/icon_circle.svg") no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.mv-slider__content.content02 .content02-desc__list .list-item__ttl {
  font-weight: 600;
  font-family: "spartan";
  text-align: center;
  position: absolute;
  top: 20px;
  font-size: clamp(0.5rem, 0.5102040816vw + 0.3804209184rem, 0.625rem);
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc__list .list-item__ttl {
    top: 30px;
    font-size: 0.6875rem;
  }
}
.mv-slider__content.content02 .content02-desc__list .list-item__txt {
  color: #fff;
  text-align: center;
  line-height: 1.4375;
  font-size: clamp(0.625rem, 0.5102040816vw + 0.5054209184rem, 0.75rem);
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content02 .content02-desc__list .list-item__txt {
    font-size: clamp(0.75rem, 0.7518796992vw + 0.3890977444rem, 1rem);
  }
}
.mv-slider__content.content03 {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 1182px;
  transform: translateX(-50%);
  padding-top: 140px;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content03 {
    padding-bottom: 140px;
  }
}
.mv-slider__content.content03 .content03-ttl {
  display: inline-block;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content03 .content03-ttl {
    padding: 0;
  }
}
.mv-slider__content.content03 .content03_box {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
  padding: 0 17px 24px 10px;
  position: relative;
  z-index: 1;
}
.mv-slider__content.content03 .content03_box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7dbdff;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .mv-slider__content.content03 .content03_box {
    display: none;
  }
}
.mv-slider__content.content03 .content03_box__img {
  width: 115px;
}
.mv-slider__content.content03 .content03_box__ttl {
  font-size: 1.5625rem;
  color: #0e4275;
  font-weight: 500;
  padding: 0 0 13px;
  letter-spacing: 0.06em;
}
.mv-slider__en {
  width: 100%;
  max-width: 1181px;
  position: absolute;
  bottom: 34px;
  left: 50%;
  padding: 0 10px;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .mv-slider__en {
    padding: 0;
    bottom: 144px;
  }
}
.mv-txt__en {
  font-family: "spartan";
  color: #fff;
  letter-spacing: -0.012em;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .mv-txt__en {
    font-size: 1.75rem;
  }
}
.mv .decor01 {
  display: none;
  left: -77px;
  top: -120px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mv .decor01 {
    display: block;
    width: clamp(18.75rem, 14.2857142857vw + 11.8928571429rem, 23.5rem);
    height: clamp(18.75rem, 14.2857142857vw + 11.8928571429rem, 23.5rem);
  }
}
.mv .decor02 {
  display: none;
  right: -10%;
  top: 57%;
  mix-blend-mode: color-burn;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mv .decor02 {
    display: block;
    width: clamp(25rem, 47.5563909774vw + 2.1729323308rem, 40.8125rem);
    height: clamp(25rem, 47.5563909774vw + 2.1729323308rem, 40.8125rem);
  }
}

.our {
  width: 100%;
  max-width: 1200px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .our {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% - 127px);
  }
}
.our-txt__en {
  font-family: "spartan";
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: -0.008em;
  position: absolute;
  bottom: calc(100% + 13px);
  left: -1px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .our-txt__en {
    letter-spacing: -0.012em;
    left: 10px;
    bottom: calc(100% + 16px);
    font-size: 1.75rem;
    text-align: left;
  }
}
.our-block {
  background-color: #fff;
  width: 100%;
  padding: 6px 10px;
}
@media screen and (min-width: 768px) {
  .our-block {
    border-radius: 15px;
    padding: clamp(1.25rem, 0.9398496241vw + 0.7988721805rem, 1.5625rem) clamp(0.625rem, 2.8195488722vw + -0.7283834586rem, 1.5625rem) 18px;
  }
}
.our-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .our-inner {
    flex-direction: row;
    padding: 0 clamp(0.625rem, 3.007518797vw + -0.8186090226rem, 1.625rem);
  }
}
.our-ttl {
  width: 100%;
  text-align: center;
  flex-shrink: 0;
  position: relative;
  padding-right: 2px;
}
@media screen and (min-width: 768px) {
  .our-ttl {
    padding-right: 0;
    top: -2px;
    text-align: left;
    width: clamp(11.25rem, 10.7142857143vw + 6.1071428571rem, 14.8125rem);
  }
}
.our-ttl__txt {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding-bottom: 4px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .our-ttl__txt {
    display: inline;
    line-height: 1.3333333333;
    font-size: clamp(1rem, 0.9398496241vw + 0.5488721805rem, 1.3125rem);
  }
}
.our-ttl__sub {
  display: block;
  letter-spacing: 0.08em;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .our-ttl__sub {
    padding-top: 3px;
    font-size: 0.875rem;
  }
}
.our-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2px;
  padding: 0 clamp(0.1875rem, 4.0816326531vw + -0.7691326531rem, 1.1875rem);
  width: 33.3333333333%;
}
@media screen and (min-width: 768px) {
  .our-item {
    gap: 9px;
    flex-direction: row;
    padding: 0;
  }
}
.our-item.item01 {
  padding: 0 9px 0 1px;
}
@media screen and (min-width: 768px) {
  .our-item.item01 {
    width: clamp(10rem, 14.8496240602vw + 2.8721804511rem, 14.9375rem);
  }
}
.our-item.item02 {
  border-right: 1px solid #08a9e3;
  border-left: 1px solid #08a9e3;
  padding: 0 17px;
}
@media screen and (min-width: 768px) {
  .our-item.item02 {
    width: clamp(12.5rem, 20.4887218045vw + 2.6654135338rem, 19.3125rem);
    padding-left: clamp(0.625rem, 3.5714285714vw + -1.0892857143rem, 1.8125rem);
  }
}
.our-item.item03 {
  padding-left: 7px;
}
@media screen and (min-width: 768px) {
  .our-item.item03 {
    padding-left: clamp(0.625rem, 3.7593984962vw + -1.1795112782rem, 1.875rem);
    width: clamp(12.5rem, 16.9172932331vw + 4.3796992481rem, 18.125rem);
  }
}
.our-item__year {
  color: #08a9e3;
  font-family: "Akshar", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .our-item__year {
    font-size: clamp(1.125rem, 0.5639097744vw + 0.8543233083rem, 1.3125rem);
    flex-shrink: 0;
  }
}
.our-item__year .unit {
  font-family: "Noto Sans JP", sans-serif;
}
.our-item__txt {
  white-space: nowrap;
}
.our-item__number {
  font-weight: 600;
  line-height: 1;
  font-family: "Akshar", sans-serif;
  font-size: clamp(2.125rem, 4.1558441558vw + 1.1327922078rem, 3.125rem);
}
@media screen and (min-width: 768px) {
  .our-item__number {
    font-size: clamp(2.5rem, 1.8796992481vw + 1.5977443609rem, 3.125rem);
  }
}
.our-item__unit {
  color: #08a9e3;
  font-size: clamp(1.5rem, 2.806122449vw + 0.842315051rem, 2.1875rem);
}
@media screen and (min-width: 768px) {
  .our-item__unit {
    font-size: clamp(1.125rem, 3.1954887218vw + -0.4088345865rem, 2.1875rem);
  }
}
.our-content {
  display: flex;
  gap: 10px 0;
  padding: 7px 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .our-content {
    width: max-content;
    padding: 0;
    gap: 0;
  }
}
.our-txt {
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  background-color: #24304f;
  border-radius: 9px;
  text-align: center;
  margin-top: 10px;
  padding: clamp(0.4375rem, 0.7653061224vw + 0.2581313776rem, 0.625rem) 20px;
  font-size: clamp(0.9375rem, 0.2551020408vw + 0.8777104592rem, 1rem);
}
@media screen and (min-width: 768px) {
  .our-txt {
    border-radius: 40px;
    font-size: 1rem;
    padding: 6px 20px 6px 32px;
    margin-top: 14px;
  }
}

.about {
  background-color: #7dbdff;
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .about {
    padding-top: 113px;
  }
}
.about .container {
  padding: 0 20px;
}
.about-inner {
  padding-top: 23px;
}
@media screen and (min-width: 768px) {
  .about-inner {
    padding-top: 47px;
  }
}
.about-item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .about-item.item01 {
    margin-left: auto;
    width: 88.1666666667%;
  }
}
@media screen and (min-width: 768px) {
  .about-item.item01 .about-item__content {
    padding-top: 31px;
    padding-left: 5px;
  }
}
.about-item.item01 .about-item__img {
  display: flex;
  justify-content: flex-start;
  padding-top: 3px;
}
@media screen and (min-width: 768px) {
  .about-item.item01 .about-item__img {
    width: 582px;
  }
}
@media screen and (min-width: 768px) {
  .about-item.item01 .about-item__img img {
    width: 100vw;
    max-width: calc(100% + 3.6666666667vw);
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  .about-item.item01 .c-txt {
    width: 431px;
  }
}
@media screen and (min-width: 768px) {
  .about-item.item02 {
    margin-top: 51px;
  }
}
@media screen and (min-width: 768px) {
  .about-item.item02 .about-item__content {
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}
.about-item.item02 .about-item__img {
  position: relative;
  width: calc(100% - 100px);
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .about-item.item02 .about-item__img {
    width: 408px;
    margin-top: 0;
  }
}
.about-item.item02 .about-item__img .hour {
  position: absolute;
  left: 75.3%;
  top: calc(50% - 6px);
  transform: translateY(-50%);
  width: 144px;
  max-width: 241px;
}
@media screen and (min-width: 768px) {
  .about-item.item02 .about-item__img .hour {
    width: 59.068627451%;
    top: calc(50% - 12px);
    max-width: clamp(6.25rem, 26.5037593985vw + -6.4718045113rem, 15.0625rem);
    left: calc(75.6% + clamp(-7.5rem, 22.5563909774vw + -18.3270676692rem, 0rem));
  }
}
.about-item.item02 .about-item__desc {
  padding-top: 41px;
}
@media screen and (min-width: 768px) {
  .about-item.item02 .about-item__desc {
    padding-top: 30px;
    width: 572px;
  }
}
.about-item.item02 .about-item__ttl {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .about-item.item02 .about-item__ttl {
    gap: 15px;
  }
}
.about-item.item02 .about-item__ttl .c-ttl30 {
  font-size: 1.375rem;
}
@media screen and (min-width: 768px) {
  .about-item.item02 .about-item__ttl .c-ttl30 {
    font-size: 1.875rem;
  }
}
.about-item.item02 .number {
  font-size: 3.6875rem;
  font-family: "Akshar", sans-serif;
  line-height: 1;
  position: relative;
  top: 6px;
}
@media screen and (min-width: 768px) {
  .about-item.item02 .number {
    top: 7px;
    font-size: clamp(3.125rem, 10.3383458647vw + -1.837406015rem, 6.5625rem);
  }
}
.about-item.item02 .c-txt {
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .about-item.item02 .c-txt {
    padding-top: 8px;
  }
}
.about-item__sub {
  color: #fff;
  font-weight: 400;
  line-height: 1;
  top: 0;
  font-size: clamp(3.5rem, 8.8311688312vw + 1.3915584416rem, 5.625rem);
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .about-item__sub {
    padding-bottom: 10px;
    top: clamp(-0.5625rem, -1.6917293233vw + 0.8120300752rem, 0rem);
    right: 100%;
    position: absolute;
    font-size: clamp(5rem, 6.015037594vw + 2.1127819549rem, 7rem);
    right: calc(100% + clamp(1.25rem, 5.7971014493vw + -2.4601449275rem, 2.25rem));
    writing-mode: vertical-lr;
  }
}
.about-item__ttl {
  color: #fff;
}
.about-item__ttl .c-ttl35 {
  padding-top: 2px;
}
@media screen and (min-width: 768px) {
  .about-item__ttl .c-ttl35 {
    padding-top: 6px;
  }
}
.about-item__ttl .c-ttl50 {
  letter-spacing: -0.02em;
  padding-top: 7px;
}
@media screen and (min-width: 768px) {
  .about-item__ttl .c-ttl50 {
    padding-top: 11px;
  }
}
.about-item__content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 13px;
}
@media screen and (min-width: 768px) {
  .about-item__content {
    padding-top: 0;
    flex-direction: row;
    gap: 40px;
  }
}
.about-item__content .c-txt {
  color: #252323;
}
.benefits {
  background-color: #7dbdff;
  padding-top: 70px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .benefits {
    padding-top: clamp(5.625rem, 2.4436090226vw + 4.4520676692rem, 6.4375rem);
  }
}
.benefits .c-ttl02 {
  color: #fff;
  text-align: center;
}
.benefits .c-ttl02 .ttl::before {
  left: clamp(-1.875rem, -5.8673469388vw + 0.9376594388rem, -0.4375rem);
}
@media screen and (min-width: 768px) {
  .benefits .c-ttl02 .ttl::before {
    left: -41px;
  }
}
.benefits .c-ttl02 .ttl::after {
  right: clamp(-1.875rem, -5.8673469388vw + 0.9376594388rem, -0.4375rem);
}
@media screen and (min-width: 768px) {
  .benefits .c-ttl02 .ttl::after {
    right: -41px;
  }
}
.benefits .c-ttl02 .txt-en {
  font-family: "Akshar", sans-serif;
  padding-right: 5px;
}
@media screen and (min-width: 768px) {
  .benefits .c-ttl02 .txt-en {
    padding-right: 3px;
  }
}
.benefits .c-ttl02__jp01 {
  padding-bottom: 1px;
}
@media screen and (min-width: 768px) {
  .benefits .c-ttl02__jp02 {
    padding-right: 21px;
  }
}
.benefits-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 29px;
  padding-bottom: 4px;
  gap: 13px 18px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .benefits-content {
    margin-top: 51px;
    padding-left: 4px;
    gap: clamp(0.9375rem, 2.0676691729vw + -0.054981203rem, 1.625rem);
  }
}
.benefits-item {
  width: clamp(10.375rem, 23.9795918367vw + 4.7547831633rem, 16.25rem);
  height: clamp(10.375rem, 23.9795918367vw + 4.7547831633rem, 16.25rem);
  border-radius: 100%;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 61px 15px 39px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .benefits-item {
    padding: 78px 30px 39px;
    width: clamp(13.125rem, 12.5939849624vw + 7.079887218rem, 17.3125rem);
    height: clamp(13.125rem, 12.5939849624vw + 7.079887218rem, 17.3125rem);
  }
}
.benefits-item::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  background: url("../images/top/icon_circle.svg") no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .benefits-item::after {
    width: calc(100% - 23px);
    height: calc(100% - 23px);
  }
}
.benefits-item__ttl {
  font-weight: 600;
  font-family: "spartan";
  text-align: center;
  position: absolute;
  top: 32px;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .benefits-item__ttl {
    top: 53px;
    font-size: clamp(1rem, 0.7518796992vw + 0.6390977444rem, 1.25rem);
  }
}
.benefits-item .c-txt25 {
  color: #08a9e3;
  line-height: 1.5333333333;
  text-align: center;
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .benefits-item .c-txt25 {
    line-height: 1.52;
    font-size: clamp(1.125rem, 1.3157894737vw + 0.4934210526rem, 1.5625rem);
  }
}

.story {
  position: relative;
  z-index: 2;
  padding-top: 56px;
}
@media screen and (min-width: 768px) {
  .story {
    padding-top: clamp(3.75rem, 21.4285714286vw + -6.5357142857rem, 10.875rem);
  }
}
.story::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 18.9%;
  background-color: #7dbdff;
  z-index: -1;
  max-height: clamp(21.875rem, 42.8571428571vw + 1.3035714286rem, 36.125rem);
  pointer-events: none;
}
.story .c-ttl01 {
  margin-top: 10px;
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .story .c-ttl01 {
    margin-bottom: 48px;
    margin-top: 0;
    padding-right: clamp(0rem, 10.8695652174vw + -6.9565217391rem, 1.875rem);
  }
}
@media screen and (min-width: 768px) {
  .story .c-ttl01 .ttl::before {
    left: -37px;
  }
}
@media screen and (min-width: 768px) {
  .story .c-ttl01 .ttl::after {
    right: -45px;
  }
}
.story .img-circle {
  width: 200px;
  height: 200px;
  left: -9%;
  top: -5.5%;
}
@media screen and (min-width: 768px) {
  .story .img-circle {
    width: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
    height: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
  }
}
.story .img-circle::after {
  background-color: #fff;
}
.story-item {
  position: relative;
}
.story-item__content {
  background-color: #fff;
  color: #252323;
}
.story-item__content .txt-en {
  font-family: "League Spartan", sans-serif;
  line-height: 1;
}
.story-item__tag {
  background-color: #24304f;
  color: #fff;
  font-weight: 500;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
  padding: 5px 10px 7px;
  min-width: 182px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .story-item__tag {
    padding: 7px 24px 8px 22px;
    font-size: 1.25rem;
    transform: translateX(0);
    top: -19px;
    left: clamp(-2.5625rem, -34.6590909091vw + 23.4318181818rem, 1.25rem);
  }
}
.story-item__tag::after {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(50% - 4px);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #24304f;
}
@media screen and (min-width: 768px) {
  .story-item__tag::after {
    left: calc(50% - 7px);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 17px solid #24304f;
  }
}
.story .img-txt {
  font-family: "spartan";
  font-weight: 300;
  line-height: 1;
  font-size: 4.0625rem;
  margin-left: -20px;
  color: #fff;
  letter-spacing: -0.035em;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .story .img-txt {
    letter-spacing: -0.03em;
  }
}
.story .img-txt.txt-sp {
  display: block;
  text-align: center;
  width: calc(100% + 40px);
}
@media screen and (min-width: 768px) {
  .story .img-txt.txt-sp {
    display: none;
  }
}
.story-item01 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.story-item01__img {
  position: relative;
  width: calc(100% + 40px);
  margin-left: -20px;
}
@media screen and (min-width: 768px) {
  .story-item01__img {
    margin-right: auto;
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
    width: 87.3333333333%;
  }
}
.story-item01__img .img-txt {
  writing-mode: vertical-lr;
  position: absolute;
  left: 87%;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .story-item01__img .img-txt {
    bottom: 91px;
    left: calc(100% + 19px);
    font-size: clamp(5.625rem, 7.3308270677vw + 2.1062030075rem, 8.0625rem);
  }
}
.story-item01__img img {
  min-height: 340px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .story-item01__img img {
    width: 100vw;
    max-width: calc(100% + 3.8333333333vw);
  }
}
.story-item01 .story-item__content {
  position: relative;
  z-index: 1;
  padding: 39px 20px 40px;
  margin-top: -34px;
}
@media screen and (min-width: 768px) {
  .story-item01 .story-item__content {
    padding: clamp(2.5rem, 4.1666666667vw + 0.5rem, 3.625rem) clamp(2.5rem, 4.1666666667vw + 0.5rem, 3.625rem) clamp(2.5rem, 1.1574074074vw + 1.9444444444rem, 2.8125rem) clamp(2.5rem, 6.0185185185vw + -0.3888888889rem, 4.125rem);
    width: 100%;
    max-width: 966px;
    margin-left: auto;
    margin-top: -67px;
  }
}
.story-item01 .story-item__content::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 0;
  height: 0;
  border-right: 16px solid transparent;
  border-top: 16px solid #08a9e3;
}
@media screen and (min-width: 768px) {
  .story-item01 .story-item__content::after {
    left: 26px;
    top: 23px;
    border-right: 30px solid transparent;
    border-top: 30px solid #08a9e3;
  }
}
.story-item01 .story-item__content .c-ttl40 {
  padding-left: 3px;
}
@media screen and (min-width: 768px) {
  .story-item01 .story-item__content .c-ttl40 {
    padding-left: 0;
  }
}
.story-item01 .story-item__content .c-txt {
  padding: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .story-item01 .story-item__content .c-txt {
    padding: 23px 0 0 4px;
  }
}
.story-item01 .story-item__content .c-txt .c-txt20 {
  margin-bottom: 23px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .story-item01 .story-item__content .c-txt .c-txt20 {
    margin-bottom: 21px;
  }
}
.story-item01 .story-item__pos {
  text-align: right;
  padding-top: 30px;
  color: #000000;
}
@media screen and (min-width: 768px) {
  .story-item01 .story-item__pos {
    padding-top: 22px;
    line-height: 1.6;
  }
}
.story-item01 .img-circle {
  left: unset;
  right: -15.4%;
  top: 63.7%;
  width: 250px;
  height: 250px;
}
@media screen and (min-width: 768px) {
  .story-item01 .img-circle {
    width: clamp(21.875rem, 57.1428571429vw + -5.5535714286rem, 40.875rem);
    height: clamp(21.875rem, 57.1428571429vw + -5.5535714286rem, 40.875rem);
  }
}
.story-item02 {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 74px;
}
@media screen and (min-width: 768px) {
  .story-item02 {
    margin-top: 86px;
  }
}
.story-item02__img {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .story-item02__img {
    padding-top: 0;
    width: 57.1666666667%;
    margin-left: auto;
  }
}
.story-item02 .c-ttl50 {
  padding-left: 7px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .story-item02 .c-ttl50 {
    padding-left: 0;
  }
}
.story-item02 .story-item__content {
  position: relative;
  padding: 30px 20px 48px;
}
@media screen and (min-width: 768px) {
  .story-item02 .story-item__content {
    width: 80%;
    max-width: 668px;
    margin-left: clamp(0rem, 24.4318181818vw + -15.6363636364rem, 2.6875rem);
    padding: clamp(1.875rem, 5.787037037vw + -0.9027777778rem, 3.4375rem) clamp(1.875rem, 6.4814814815vw + -1.2361111111rem, 3.625rem) clamp(1.875rem, 13.8888888889vw + -4.7916666667rem, 5.625rem) clamp(1.875rem, 5.787037037vw + -0.9027777778rem, 3.4375rem);
    margin-top: clamp(-15.9375rem, -72.9166666667vw + 38.75rem, -5rem);
  }
}
@media screen and (min-width: 768px) {
  .story-item02 .story-item__content .c-ttl50 {
    position: absolute;
    bottom: calc(100% + 73px);
    line-height: 1.52;
    font-size: clamp(1.875rem, 4.6296296296vw + -0.3472222222rem, 3.125rem);
    left: clamp(-2.5625rem, -23.2954545455vw + 14.9090909091rem, 0rem);
  }
}
.story-item02 .story-item__content .c-txt35 {
  line-height: 1.4571428571;
}
.story-item02 .story-item__content .c-txt {
  padding: 8px 0 0;
}
.story-item02 .statis {
  margin-top: 52px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .story-item02 .statis {
    margin-top: 37px;
  }
}
.story-item02 .statis::after {
  content: "";
  position: absolute;
  left: clamp(4.5rem, 7.2916666667vw + 2.7545572917rem, 6.25rem);
  top: 50%;
  width: 1px;
  height: 121%;
  background-color: #091020;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .story-item02 .statis::after {
    left: 142px;
  }
}
.story-item02 .statis-item {
  display: flex;
  align-items: center;
}
.story-item02 .statis-item + .statis-item {
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .story-item02 .statis-item + .statis-item {
    margin-top: 7px;
  }
}
.story-item02 .statis-item__ttl {
  font-weight: 500;
  text-align: right;
  padding-right: 11px;
  width: clamp(4.5rem, 7.2916666667vw + 2.7545572917rem, 6.25rem);
  font-size: clamp(0.8125rem, 1.3020833333vw + 0.5008138021rem, 1.125rem);
}
@media screen and (min-width: 768px) {
  .story-item02 .statis-item__ttl {
    padding-bottom: 8px;
    padding-right: 20px;
    width: 142px;
  }
}
.story-item02 .statis-item__row {
  font-family: "koz-M";
  font-weight: 500;
  height: 35px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .story-item02 .statis-item__row {
    height: 50px;
    font-size: 1.3125rem;
  }
}
.story-item02 .statis-item__row .txt-en {
  font-weight: 600;
  line-height: 1;
}
.story-item02 .statis-item__row .txt-koz-r {
  font-family: "koz-R";
  font-weight: 400;
}
.story-item02 .statis-item.item01 .statis-item__row {
  width: clamp(6.0625rem, 10.7142857143vw + 3.5513392857rem, 8.6875rem);
  color: #fff;
  background-color: #08a9e3;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: 2px 0 2px 9px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .story-item02 .statis-item.item01 .statis-item__row {
    padding: 2px 0px 2px 9px;
    font-size: 1.25rem;
  }
}
.story-item02 .statis-item.item02 .statis-item__row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #bebfbf;
  width: 245px;
  padding: 0 15px 4px 2px;
  letter-spacing: -0.03em;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .story-item02 .statis-item.item02 .statis-item__row {
    width: clamp(18.125rem, 11.2781954887vw + 12.7114661654rem, 21.875rem);
  }
}
.story-item02 .statis-item.item02 .statis-item__row .txt-en {
  position: relative;
  top: 4px;
}
.story-item02 .statis-item.item02 .statis-item__row .txt-koz-r {
  position: relative;
  top: 2px;
}
.story-item03 {
  margin-top: 41px;
  padding-bottom: 19px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 768px) {
  .story-item03 {
    margin-top: clamp(5rem, 6.9444444444vw + 1.6666666667rem, 6.875rem);
    padding-bottom: clamp(5rem, 24.537037037vw + -6.7777777778rem, 11.625rem);
  }
}
@media screen and (min-width: 768px) {
  .story-item03__img {
    width: 58%;
    max-width: 686px;
    position: absolute;
    top: 72px;
    left: 2px;
  }
}
.story-item03 .story-item__content {
  position: relative;
  padding: 30px 20px 39px;
}
@media screen and (min-width: 768px) {
  .story-item03 .story-item__content {
    width: 56%;
    max-width: 668px;
    margin-left: auto;
    padding: clamp(2.5rem, 1.8518518519vw + 1.6111111111rem, 3rem) clamp(1.875rem, 2.7777777778vw + 0.5416666667rem, 2.625rem) clamp(2.5rem, 0.462962963vw + 2.2777777778rem, 2.625rem) clamp(1.875rem, 3.2407407407vw + 0.3194444444rem, 2.75rem);
  }
}
@media screen and (min-width: 768px) {
  .story-item03 .story-item__content .story-item__tag {
    left: clamp(-3.125rem, -39.7727272727vw + 26.7045454545rem, 1.25rem);
  }
}
.story-item03 .story-item__content .c-ttl50 {
  position: absolute;
  bottom: calc(100% + 73px);
  left: -41px;
  line-height: 1.52;
}
.story-item03 .story-item__content .c-txt35 {
  line-height: 1.4571428571;
}
.story-item03 .story-item__content .c-txt {
  padding: 15px 0 0;
}
@media screen and (min-width: 768px) {
  .story-item03 .story-item__content .c-txt {
    padding: 17px 0 0;
  }
}

.surgery {
  position: relative;
  padding: 48px 0 60px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .surgery {
    padding: 92px 0 91px;
  }
}
.surgery::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url("../images/top/bg_surgery.webp") no-repeat;
  background-position: right center; /* ← ここを追加（右端の中央を基準にする） */
  background-size: cover;            /* ※autoは下のcoverで上書きされるため削除してOKです */
  z-index: -1;
  pointer-events: none;
  opacity: 0.4;
}
@media screen and (min-width: 768px) {
  .surgery::after {
    top: -41px;
    height: calc(100% + 41px);
  }
}
.surgery .img-circle {
  width: 200px;
  height: 200px;
  left: -9.2%;
  top: -4%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .surgery .img-circle {
    width: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
    height: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
  }
}
.surgery-subtxt {
  font-family: "spartan";
  width: 100%;
  text-align: center;
  font-weight: 300;
  line-height: 1;
  font-size: clamp(4.0625rem, 3.8961038961vw + 3.1323051948rem, 5rem);
  color: #7dbdff;
  letter-spacing: -0.025em;
  z-index: 1;
  padding-bottom: 11px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .surgery-subtxt {
    width: max-content;
    padding-bottom: 0;
    writing-mode: vertical-lr;
    position: absolute;
    left: 23px;
    top: 27px;
    font-size: clamp(5.625rem, 7.3308270677vw + 2.1062030075rem, 8.0625rem);
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .surgery .c-ttl01 .ttl::after {
    right: -48px;
  }
}
@media screen and (min-width: 768px) {
  .surgery .c-ttl01 .ttl::before {
    left: -51px;
  }
}
.surgery-item {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .surgery-item {
    padding-top: 56px;
  }
}
.surgery-item__ttl {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .surgery-item__ttl {
    text-align: right;
  }
}
.surgery-item__ttl .c-ttl30 {
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .surgery-item__ttl .c-ttl30 {
    padding-bottom: 13px;
  }
}
.surgery-item__ttl .c-ttl50 {
  font-size: clamp(1.5625rem, 6.3775510204vw + 0.0677614796rem, 3.125rem);
}
@media screen and (min-width: 768px) {
  .surgery-item__ttl .c-ttl50 {
    font-size: clamp(1.75rem, 4.1353383459vw + -0.234962406rem, 3.125rem);
  }
}
.surgery-item__content {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .surgery-item__content {
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.surgery-item__txt {
  border: 3px solid #fff;
  line-height: 1.8;
  padding: 8px 3px 8px 9px;
  font-weight: 500;
  color: #252323;
  font-size: 0.9375rem;
  line-height: 1.65;
}
@media screen and (min-width: 768px) {
  .surgery-item__txt {
    font-size: 1.25rem;
    width: 546px;
    margin-bottom: 49px;
    margin-left: 13px;
    padding: clamp(1.25rem, 1.8518518519vw + 0.3611111111rem, 1.75rem) clamp(1.25rem, 4.6296296296vw + -0.9722222222rem, 2.5rem);
  }
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements {
    width: 603px;
  }
}
.surgery-item__achievements .achievements-statis {
  padding: 12px 32px 26px 18px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  width: 335px;
  margin: 0 auto;
  margin-top: 26px;
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis {
    margin: 0;
    margin-top: 26px;
    padding: clamp(1.25rem, 5.787037037vw + -1.5277777778rem, 2.8125rem) clamp(1.25rem, 9.9537037037vw + -3.5277777778rem, 3.9375rem) clamp(1.25rem, 6.25vw + -1.75rem, 2.9375rem) clamp(1.25rem, 7.6388888889vw + -2.4166666667rem, 3.3125rem);
    border-radius: 30px;
    margin-left: 0;
    width: clamp(25rem, 39.3518518519vw + 6.1111111111rem, 35.625rem);
  }
}
.surgery-item__achievements .achievements-statis__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
}
.surgery-item__achievements .achievements-statis__item + .achievements-statis__item {
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis__item + .achievements-statis__item {
    margin-top: 31px;
  }
}
.surgery-item__achievements .achievements-statis__item:nth-child(4) .ttl::after {
  width: clamp(2.5rem, 3.8961038961vw + 1.5698051948rem, 3.4375rem);
  margin-left: -13px;
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis__item:nth-child(4) .ttl::after {
    margin-left: 0;
    width: clamp(1.25rem, 7.5187969925vw + -2.3590225564rem, 3.75rem);
  }
}
.surgery-item__achievements .achievements-statis__item .ttl {
  font-size: 0.96875rem;
  font-weight: 400;
  width: 130px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis__item .ttl {
    font-size: clamp(1.125rem, 1.1278195489vw + 0.5836466165rem, 1.5rem);
    width: clamp(10rem, 1.8796992481vw + 9.0977443609rem, 10.625rem);
  }
}
.surgery-item__achievements .achievements-statis__item .ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 94.7%;
  width: clamp(2.9375rem, 3.3766233766vw + 2.1313311688rem, 3.75rem);
  height: 1px;
  max-width: 60px;
  background-image: radial-gradient(circle, #08a9e3 1px, transparent 1px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-bottom: 2px;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis__item .ttl::after {
    left: 96.7%;
    width: 100%;
    max-width: clamp(3.125rem, 6.3909774436vw + 0.0573308271rem, 5.25rem);
  }
}
.surgery-item__achievements .achievements-statis__item .description {
  position: relative;
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis__item .description {
    top: 8px;
  }
}
.surgery-item__achievements .achievements-statis__item .number {
  color: #08a9e3;
  font-weight: 500;
  font-family: "Akshar", sans-serif;
  font-size: 2.375rem;
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis__item .number {
    font-size: clamp(3.125rem, 1.8796992481vw + 2.2227443609rem, 3.75rem);
  }
}
.surgery-item__achievements .achievements-statis__txt {
  text-align: right;
  color: #091020;
  padding-top: 17px;
  font-size: 0.6875rem;
  letter-spacing: 0.012em;
}
@media screen and (min-width: 768px) {
  .surgery-item__achievements .achievements-statis__txt {
    letter-spacing: 0.09em;
    font-size: 1rem;
    padding-top: 22px;
  }
}
.surgery-txt {
  padding: 9px 18px 20px;
  background-color: #4e92d5;
  color: #fff;
  border-radius: 10px;
  line-height: 1.5666666667;
  margin: 23px 0 0;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .surgery-txt {
    border-radius: 20px;
    line-height: 1.875;
    width: 96.4166666667%;
    padding: 24px 40px 26px 50px;
    margin: 15px 0 0 13px;
  }
}

.orthopedics {
  margin: 35px 0 0;
}
@media screen and (min-width: 768px) {
  .orthopedics {
    width: 96.4166666667%;
    margin: 53px 0 0 13px;
  }
}
.orthopedics-ttl {
  position: relative;
  padding-left: 17px;
  color: #000000;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .orthopedics-ttl {
    padding-left: 22px;
    font-size: 1.5rem;
  }
}
.orthopedics-ttl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  width: 4px;
  height: 100%;
  background-color: #73b8ff;
}
.orthopedics-table {
  margin: 9px 0 0 5px;
  width: 100%;
  width: calc(94vw - 20px);
  max-width: 1180px;
}
@media screen and (min-width: 768px) {
  .orthopedics-table {
    margin: 14px 0 0 5px;
  }
}
.orthopedics-table table {
  border: 1px solid #a4a4a4;
  width: 1180px;
}
.orthopedics-table thead th {
  border: 1px solid #a4a4a4;
  background-color: #fff;
  width: 102px;
  font-weight: 400;
  vertical-align: middle;
  text-align: center;
  color: #091020;
  font-size: 0.6875rem;
  padding: 5px 10px;
}
@media screen and (min-width: 768px) {
  .orthopedics-table thead th {
    padding: 9px 10px;
    font-size: 1rem;
  }
}
.orthopedics-table thead th {
  width: 87px;
}
.orthopedics-table thead th:first-child {
  width: 87px;
}
@media screen and (min-width: 768px) {
  .orthopedics-table thead th:first-child {
    width: 154px;
  }
}
.orthopedics-table thead th .yr-num {
  font-family: "Akshar", sans-serif;
  font-weight: 500;
  font-size: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .orthopedics-table thead th .yr-num {
    font-size: 1rem;
  }
}
.orthopedics-table tr {
  background-color: #e1f0ff;
}
.orthopedics-table tr:nth-child(even) {
  background-color: #ffffff;
}
.orthopedics-table td {
  padding: 11px 15px;
  border: 1px solid #a4a4a4;
  color: #091020;
  font-size: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .orthopedics-table td {
    font-size: 1rem;
  }
}
.orthopedics-table td:first-child {
  font-weight: 700;
  line-height: 1.75;
  padding: 3px 6px 11px 9px;
}
@media screen and (min-width: 768px) {
  .orthopedics-table td:first-child {
    padding: 3px 10px 11px 14px;
  }
}
.orthopedics-table td.label {
  color: #000000;
}
.orthopedics-table td .val-main {
  font-family: "Akshar", sans-serif;
  display: block;
  text-align: right;
  line-height: 1;
  letter-spacing: 0.09em;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .orthopedics-table td .val-main {
    font-size: 1.25rem;
  }
}
.orthopedics-table td .val-sub {
  display: block;
  text-align: right;
  letter-spacing: 0.14em;
  padding-top: 3px;
  font-family: "League Spartan", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .orthopedics-table td .val-sub {
    font-size: 1.25rem;
  }
}

.results {
  width: 100%;
  max-width: 837px;
  margin: 17px auto 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .results {
    margin: 52px auto 0;
    left: clamp(0rem, 3.6231884058vw + -2.3188405797rem, 0.625rem);
  }
}
.results-inner img {
  aspect-ratio: 1;
}
.results-content {
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
  .results-content {
    padding-top: 47px;
  }
}
.results-btn {
  display: flex;
  justify-content: center;
  gap: 7px;
}
@media screen and (min-width: 768px) {
  .results-btn {
    gap: 45px;
    align-items: center;
    padding-right: 18px;
    padding-bottom: 15px;
  }
}
.results-btn__item {
  width: 100%;
  max-width: 290px;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  background-color: #a4d1ff;
  border: 2px solid #fff;
  color: #252323;
  padding: 7px 10px 2px;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .results-btn__item {
    border-radius: 10px;
    padding: 7px 10px;
    min-height: 74px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .results-btn__item:last-child .txt-small {
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  .results-btn__item {
    padding: 10px 20px 7px;
  }
}
.results-btn__item .txt-jp {
  letter-spacing: 0.14em;
  padding-bottom: 4px;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .results-btn__item .txt-jp {
    padding-bottom: 7px;
    display: block;
    font-size: 1rem;
  }
}
.results-btn__item .txt-en {
  font-family: "spartan";
  font-weight: 300;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .results-btn__item .txt-en {
    display: block;
    font-size: 1.625rem;
    padding-right: 10px;
  }
}
.results-btn__item .txt-small {
  font-weight: 400;
  font-feature-settings: normal;
  font-size: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .results-btn__item .txt-small {
    font-size: 1rem;
  }
}
.results-txt {
  line-height: 1.625;
  text-align: center;
  padding: 14px 0 0;
  color: #231815;
  font-size: 0.78125rem;
}
@media screen and (min-width: 768px) {
  .results-txt {
    padding: 0 14px 0 0;
  }
}

.media {
  position: relative;
  padding-top: 72px;
  background-color: #7dbdff;
}
@media screen and (min-width: 768px) {
  .media {
    padding-top: clamp(3.75rem, 16.7293233083vw + -4.280075188rem, 9.3125rem);
  }
}
.media .img-circle {
  width: 200px;
  height: 200px;
  right: -3.6%;
  top: -20.2%;
  z-index: 1;
  mix-blend-mode: color-burn;
}
@media screen and (min-width: 768px) {
  .media .img-circle {
    width: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
    height: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
  }
}
.media-subtxt {
  font-family: "spartan";
  display: block;
  font-weight: 300;
  line-height: 1;
  font-size: clamp(4.0625rem, 3.8265306122vw + 3.1656568878rem, 5rem);
  text-align: center;
  color: #eceded;
  right: 10px;
  letter-spacing: -0.021em;
  top: 0;
}
@media screen and (min-width: 768px) {
  .media-subtxt {
    writing-mode: vertical-lr;
    position: absolute;
    text-align: left;
    top: 79px;
    right: clamp(0rem, 61vw + -45.75rem, 3.8125rem);
    font-size: clamp(5.625rem, 7.3308270677vw + 2.1062030075rem, 8.0625rem);
  }
}
.media .c-ttl01 {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .media .c-ttl01 {
    padding-top: 0;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) {
  .media .c-ttl01 .ttl::after {
    right: -53px;
  }
}
@media screen and (min-width: 768px) {
  .media .c-ttl01 .ttl::before {
    left: -55px;
  }
}
.media .c-ttl50 {
  text-align: center;
  line-height: 1.38;
  padding: 17px 20px 0;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .media .c-ttl50 {
    padding: 30px clamp(0.75rem, -9.962406015vw + 8.8444548872rem, 4.0625rem) 0 clamp(0rem, -12.2180451128vw + 9.9271616541rem, 4.0625rem);
  }
}
.media-item {
  width: 100%;
  max-width: 1046px;
  margin: 17px auto 0;
  background-color: #fff;
  border-radius: 19px;
  display: flex;
  flex-direction: column-reverse;
  padding: 31px 20px 28px;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .media-item {
    gap: 20px;
    margin: 30px auto 0;
    border-radius: 30px;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: clamp(2.5rem, 4.6296296296vw + 0.2777777778rem, 3.75rem) clamp(1.25rem, 13.1944444444vw + -5.0833333333rem, 4.8125rem) clamp(2.5rem, 6.0185185185vw + -0.3888888889rem, 4.125rem) clamp(1.25rem, 9.9537037037vw + -3.5277777778rem, 3.9375rem);
  }
}
@media screen and (min-width: 768px) {
  .media-item__inner {
    width: 622px;
  }
}
.media-item__ttl {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .media-item__ttl {
    flex-direction: row;
  }
}
.media-item__ttl .icon_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .media-item__ttl .icon_pc {
    display: inline-block;
  }
}
.media-item__ttl .icon_sp {
  display: inline-block;
  margin: -7px 10px 0 0;
}
@media screen and (min-width: 768px) {
  .media-item__ttl .icon_sp {
    display: none;
  }
}
.media-item__ttl .ttl {
  color: #08a9e3;
}
.media-item__ttl .icon {
  margin: -7px 0 0 6px;
  width: 45px;
  flex-shrink: 0;
  position: relative;
  left: 10px;
}
@media screen and (min-width: 768px) {
  .media-item__ttl .icon {
    left: 0;
    margin: -7px 0 0;
    width: clamp(4.375rem, 2.4436090226vw + 3.2020676692rem, 5.1875rem);
  }
}
.media-item__ttl .c-ttl20 {
  letter-spacing: 0.05em;
  padding-bottom: 2px;
  display: flex;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .media-item__ttl .c-ttl20 {
    display: inline-block;
    padding-bottom: 9px;
    font-size: clamp(1rem, 0.7518796992vw + 0.6390977444rem, 1.25rem);
  }
}
.media-item__ttl .c-ttl35 {
  font-size: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .media-item__ttl .c-ttl35 {
    font-size: 2.1875rem;
  }
}
.media-item__ttl .c-ttl40,
.media-item__ttl .c-ttl50 {
  display: inline;
  line-height: 1;
}
.media-item__ttl .c-ttl50 {
  font-size: 2.125rem;
  padding: 0 5px;
}
@media screen and (min-width: 768px) {
  .media-item__ttl .c-ttl50 {
    font-size: clamp(2.1875rem, 2.8195488722vw + 0.8341165414rem, 3.125rem);
    padding: 0 10px;
  }
}
.media-item__ttl .c-ttl40 {
  font-size: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .media-item__ttl .c-ttl40 {
    font-size: clamp(1.875rem, 1.8796992481vw + 0.9727443609rem, 2.5rem);
  }
}
.media-item__img {
  width: clamp(8.5625rem, 35.3246753247vw + 0.1287337662rem, 17.0625rem);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .media-item__img {
    margin: 0 0 -3px;
    width: 214px;
  }
}
.media .c-txt {
  padding: 2px 0;
  color: #252323;
  line-height: 1.5666666667;
}
@media screen and (min-width: 768px) {
  .media .c-txt {
    padding: 22px 0 30px;
  }
}

.record {
  width: 100%;
  max-width: clamp(20.375rem, 44.387755102vw + 9.971619898rem, 31.25rem);
  border: 2px solid #000000;
  background-color: #fffde5;
  margin-top: 9px;
  padding: 9px 17px 12px clamp(3.25rem, 14.2857142857vw + -0.0982142857rem, 6.75rem);
  margin: 9px auto 0;
  width: calc(100% + 15px);
  position: relative;
  left: -7px;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .record {
    border-radius: 15px;
    max-width: 590px;
    padding: 14px clamp(1.25rem, 10.1851851852vw + -3.6388888889rem, 4rem) 23px clamp(3.75rem, 11.3425925926vw + -1.6944444444rem, 6.8125rem);
    margin: 0 0 0 5px;
    left: 0;
  }
}
.record-item {
  display: flex;
  align-items: center;
  gap: clamp(0.3125rem, 2.5510204082vw + -0.2853954082rem, 0.9375rem);
  position: relative;
  font-size: clamp(0.75rem, 2.0408163265vw + 0.2716836735rem, 1.25rem);
  padding-left: 5px;
}
@media screen and (min-width: 768px) {
  .record-item {
    padding-left: 11px;
    gap: 20px;
  }
}
.record-item + .record-item {
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .record-item + .record-item {
    margin-top: 7px;
  }
}
.record-item.active {
  padding-left: 0;
  z-index: 1;
}
.record-item.active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 115%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 50%, #ffff00 50%);
  display: inline;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .record-item.active::after {
    width: calc(112% + clamp(0rem, 5.6390977444vw + -2.7067669173rem, 1.875rem));
  }
}
.record-item.active .record-item__ttl {
  font-size: clamp(1rem, 2.806122449vw + 0.342315051rem, 1.6875rem);
  color: #08a9e3;
}
.record-item.active .record-item__ttl .c-txtnum {
  line-height: 1;
  font-size: clamp(1.125rem, 4.5918367347vw + 0.0487882653rem, 2.25rem);
}
@media screen and (min-width: 768px) {
  .record-item.active .record-item__ttl .c-txtnum {
    padding: 0 5px;
  }
}
.record-item.active .record-item__number {
  font-size: clamp(1rem, 2.2959183673vw + 0.4618941327rem, 1.5625rem);
}
.record-item.active .record-item__number .c-txtnum {
  font-size: clamp(1rem, 2.2959183673vw + 0.4618941327rem, 1.5625rem);
  line-height: 1;
}
.record-item.active .record-item__txt {
  font-size: clamp(0.9375rem, 1.7857142857vw + 0.5189732143rem, 1.375rem);
}
@media screen and (min-width: 768px) {
  .record-item.active .record-item__txt {
    font-size: 1.5625rem;
  }
}
.record-item__icon {
  position: absolute;
  right: calc(100% + clamp(0.3125rem, 2.806122449vw + -0.345184949rem, 1rem));
  width: clamp(2.125rem, 6.6326530612vw + 0.5704719388rem, 3.75rem);
}
@media screen and (min-width: 768px) {
  .record-item__icon {
    width: clamp(2.5rem, 4.6296296296vw + 0.2777777778rem, 3.75rem);
    right: calc(100% + clamp(0.3125rem, 2.5462962963vw + -0.9097222222rem, 1rem));
  }
}
.record-item__ttl {
  font-size: clamp(0.9375rem, 1.7857142857vw + 0.5189732143rem, 1.375rem);
}
.record-item__ttl .c-txtnum {
  font-size: clamp(1rem, 3.3163265306vw + 0.2227359694rem, 1.8125rem);
  line-height: 1;
  padding: 0 5px;
}
@media screen and (min-width: 768px) {
  .record-item__txt {
    width: 210px;
  }
}
.record-item__number {
  font-size: clamp(0.9375rem, 1.2755102041vw + 0.6385522959rem, 1.25rem);
  margin-left: auto;
}
.record-item__number .c-txtnum {
  font-size: clamp(0.9375rem, 1.2755102041vw + 0.6385522959rem, 1.25rem);
  line-height: 1;
}
.posting {
  padding: 50px 0 49px;
  background-color: #7dbdff;
}
@media screen and (min-width: 768px) {
  .posting {
    padding: 112px 0 110px;
  }
}
.posting .c-txt23 {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .posting .c-txt23 {
    font-size: 1.4375rem;
  }
}
.posting .c-ttl30 {
  text-align: center;
  padding-top: 15px;
  font-size: 1.125rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .posting .c-ttl30 {
    line-height: 1.5666666667;
    font-size: 1.875rem;
    padding-top: 22px;
  }
}
.posting .c-ttl30 .c-txt {
  display: block;
  font-size: 0.625rem;
  padding-top: 6px;
}
@media screen and (min-width: 768px) {
  .posting .c-ttl30 .c-txt {
    padding-top: 0;
    font-size: 1rem;
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  .posting .c-ttl01 {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .posting .c-ttl01 .ttl::after {
    right: -33px;
  }
}
@media screen and (min-width: 768px) {
  .posting .c-ttl01 .ttl::before {
    left: -37px;
  }
}
.posting-content {
  padding-top: 22px;
}
.posting-content .c-txt20 {
  width: 100%;
  max-width: 682px;
  margin: 19px auto 0;
  line-height: 1.65;
  text-align: center;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .posting-content .c-txt20 {
    font-size: 1.25rem;
    text-align: left;
    margin: 38px auto 0;
  }
}
.posting-content .c-txt20 .c-txt {
  display: block;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .posting-content .c-txt20 .c-txt {
    display: inline;
    font-size: 1rem;
  }
}

.c-accordion {
  width: 100%;
  max-width: 983px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-accordion {
    left: -4px;
  }
}
.c-accordion__item.active .c-accordion__ttl::after {
  transform: translateY(-50%) rotate(180deg);
}
.c-accordion__item + .c-accordion__item {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .c-accordion__item + .c-accordion__item {
    margin-top: 21px;
  }
}
.c-accordion__ttl {
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 4px 36px 6px 10px;
  transition: all 0.5s;
  color: #08a9e3;
}
@media screen and (min-width: 768px) {
  .c-accordion__ttl {
    cursor: pointer;
    padding: 10px 60px 10px 20px;
    gap: 33px;
    flex-direction: row;
  }
}
.c-accordion__ttl:hover {
  opacity: 0.9;
}
.c-accordion__ttl::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 20px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #08a9e3;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  .c-accordion__ttl::after {
    right: 35px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid #08a9e3;
  }
}
.c-accordion__ttl .tag {
  width: 112px;
  flex-shrink: 0;
  border: 2px solid #08a9e3;
  background-color: #ffffff;
  text-align: center;
  color: #08a9e3;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 2px 4px 1px 12px;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .c-accordion__ttl .tag {
    border-radius: 10px;
    width: 212px;
    padding: 4px 25px 4px 23px;
  }
}
.c-accordion__ttl .tag:has(.tag-icon) {
  justify-content: flex-start;
  background-color: #fffcdb;
}
.c-accordion__ttl .tag-icon {
  width: 22px;
  position: relative;
  top: -1px;
}
@media screen and (min-width: 768px) {
  .c-accordion__ttl .tag-icon {
    width: 45px;
    top: 0;
  }
}
.c-accordion__ttl .tag-ttl {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .c-accordion__ttl .tag-ttl {
    font-size: 1.6875rem;
  }
}
.c-accordion__ttl .tag-ttl .c-txtnum {
  line-height: 1;
  position: relative;
  font-weight: 500;
  padding: 0 2px;
  font-size: 1.125rem;
  top: 1px;
}
@media screen and (min-width: 768px) {
  .c-accordion__ttl .tag-ttl .c-txtnum {
    top: 2px;
    padding: 0 6px;
    font-size: 2.1875rem;
  }
}
.c-accordion__ttl .ttl {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .c-accordion__ttl .ttl {
    letter-spacing: 0.105em;
    font-size: 1.5625rem;
  }
}
.c-accordion__desc {
  display: none;
}
.c-accordion__desc .desc-content {
  background-color: #fff;
  padding: 20px;
}
.c-accordion__desc .desc-content table {
  background-color: #fff;
  color: #000;
  font-size: 0.933em;
  line-height: 1.5;
  padding: 0;
  word-break: break-all;
  width: 100%;
}
.c-accordion__desc .desc-content th,
.c-accordion__desc .desc-content td {
  border: 1px solid #959595;
  padding: 14px 6px;
  word-wrap: break-word;
}
.c-accordion__desc .desc-content th {
  background-color: #08a9e3;
  text-align: center;
  color: #fff;
}
.c-accordion__desc .desc-content td {
  border: 1px solid #959595;
  word-wrap: break-word;
  text-align: center;
}
.c-accordion__desc .desc-content td:first-child {
  text-align: left;
}

.care {
  padding-top: 60px;
  background-color: #eceded;
}
@media screen and (min-width: 768px) {
  .care {
    padding-top: 126px;
  }
}
.care-subtxt {
  display: none;
}
.care-inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .care-inner {
    padding: 0 clamp(0rem, 9.4202898551vw + -6.0289855072rem, 1.625rem);
    padding-right: clamp(0rem, -28.9855072464vw + 23.5507246377rem, 5rem);
  }
}
.care-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  padding-top: 30px;
  position: relative;
  left: -6px;
}
@media screen and (min-width: 768px) {
  .care-content {
    left: clamp(-0.375rem, -3.4090909091vw + 2.1818181818rem, 0rem);
    gap: 38px;
    padding: 52px clamp(0rem, 15.9090909091vw + -10.1818181818rem, 1.75rem) 0;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.care-subtxt {
  font-family: "spartan";
  display: block;
  font-weight: 300;
  font-size: clamp(4.0625rem, 3.8265306122vw + 3.1656568878rem, 5rem);
  text-align: center;
  color: #7dbdff;
  letter-spacing: -0.0254em;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .care-subtxt {
    line-height: 1;
    top: -41px;
    text-align: left;
    writing-mode: vertical-rl;
    white-space: nowrap;
    position: absolute;
    right: clamp(-1.125rem, 3.7593984962vw + -2.9295112782rem, 0.125rem);
    font-size: clamp(5.625rem, 7.3308270677vw + 2.1062030075rem, 8.0625rem);
  }
}
.care-ttl {
  padding-top: 16px;
  padding-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .care-ttl {
    padding-bottom: 15px;
    padding-top: 0;
  }
}
.care-ttl .c-ttl30 {
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .care-ttl .c-ttl30 {
    padding-bottom: 10px;
  }
}
.care-item {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .care-item {
    padding: 41px 37px 50px 32px;
  }
}
.care-item:first-child .care-item__ttl {
  color: #47c1c7;
}
.care-item__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  max-width: 148px;
}
@media screen and (min-width: 768px) {
  .care-item__img {
    max-width: 246px;
  }
}
.care-item__ttl {
  text-align: center;
  font-weight: 500;
  padding: 15px 0 13px;
  color: #08a9e3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .care-item__ttl {
    font-size: 1.5625rem;
    padding: 10px 0 20px;
  }
}
.care-item__ttl .number {
  font-family: "Akshar", sans-serif;
  font-weight: 500;
  line-height: 1;
  top: 3px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .care-item__ttl .number {
    top: 0;
  }
}
.care-item__tag {
  color: #fff;
  background-color: #24304f;
  text-align: center;
  padding: 3px 20px;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .care-item__tag {
    font-size: 1.25rem;
    padding: 8px 20px;
  }
}
.care-item__desc {
  display: flex;
  flex-direction: column-reverse;
  gap: 11px;
  padding: 16px 0 0 14px;
}
@media screen and (min-width: 768px) {
  .care-item__desc {
    gap: 20px;
    padding: 16px 5px 0 0;
    flex-direction: row;
  }
}
.care-item__desc .c-txt {
  line-height: 1.625;
}
.care-item__desc .img {
  flex-shrink: 0;
  padding-top: 6px;
  width: 100%;
  max-width: 174px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .care-item__desc .img {
    margin: 0;
    width: 200px;
  }
}

.offer {
  display: flex;
  flex-direction: column-reverse;
  gap: 0;
}
@media screen and (min-width: 768px) {
  .offer {
    gap: 21px;
    flex-direction: row;
    padding-top: 55px;
  }
}
.offer .c-txt {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .offer .c-txt {
    line-height: 1.75;
  }
}
.offer-content {
  width: 100%;
  max-width: 390px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .offer-content {
    max-width: clamp(18.125rem, 18.7969924812vw + 9.102443609rem, 24.375rem);
    padding-top: clamp(0rem, 16.6666666667vw + -10.6666666667rem, 2.875rem);
  }
}
.offer-content .c-ttl20 {
  font-size: 1.0625rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .offer-content .c-ttl20 {
    font-size: 1.25rem;
    margin-left: -5px;
    line-height: 1.65;
  }
}
.offer-tag {
  display: inline-block;
  background-color: #08a9e3;
  color: #fff;
  width: 100%;
  padding: 5px 20px;
  margin: 15px 0 7px;
  font-size: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .offer-tag {
    width: max-content;
    font-size: 1.125rem;
    padding: 5px clamp(0.625rem, 6.9444444444vw + -2.7083333333rem, 2.5rem) 5px clamp(0.625rem, 2.3148148148vw + -0.4861111111rem, 1.25rem);
    margin: 27px 0 5px clamp(-1.3125rem, -8.75vw + 5.25rem, 0rem);
  }
}
.offer-ttl {
  line-height: 1.625;
  margin-bottom: 1px;
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .offer-ttl {
    margin-bottom: 5px;
    margin-left: -5px;
  }
}
.offer-list {
  margin-left: 6px;
}
@media screen and (min-width: 768px) {
  .offer-list {
    margin-left: -5px;
  }
}
.offer-list__txt {
  line-height: 1.625;
}
@media screen and (min-width: 768px) {
  .offer-list__txt {
    font-size: clamp(0.875rem, 0.3759398496vw + 0.6945488722rem, 1rem);
  }
}
.offer-list__txt + .offer-list__txt {
  margin-top: 3px;
}
@media screen and (min-width: 768px) {
  .offer-list__txt + .offer-list__txt {
    margin-top: 5px;
  }
}
.offer-img {
  width: clamp(14.1875rem, 53.2467532468vw + 1.4748376623rem, 27rem);
  position: relative;
  padding: 22px 0 16px;
  margin-left: 28px;
  margin-top: 7px;
}
@media screen and (min-width: 768px) {
  .offer-img {
    margin-left: 0;
    padding: 0;
    width: clamp(15.75rem, 41.6666666667vw + -4.25rem, 27rem);
  }
}
.offer-img__txt {
  color: #f4a430;
  font-weight: 700;
  position: absolute;
  left: calc(100% - 18px);
  width: max-content;
  font-size: clamp(0.8125rem, 1.2987012987vw + 0.5024350649rem, 1.125rem);
}
@media screen and (min-width: 768px) {
  .offer-img__txt {
    left: calc(100% - 35px);
    font-size: clamp(1.125rem, 1.3157894737vw + 0.4934210526rem, 1.5625rem);
  }
}
.offer-img__txt.txt01 {
  top: 18px;
}
@media screen and (min-width: 768px) {
  .offer-img__txt.txt01 {
    top: clamp(-0.375rem, -2.5462962963vw + 1.5347222222rem, 0.3125rem);
  }
}
.offer-img__txt.txt01::after {
  content: "";
  position: absolute;
  right: calc(100% + 10px);
  width: clamp(6.25rem, 23.9795918367vw + 0.6297831633rem, 12.125rem);
  height: clamp(6.25rem, 1.0204081633vw + 6.0108418367rem, 6.5rem);
  background: url("../images/top/icon_arrow01.svg") no-repeat;
  background-size: contain;
  top: 10px;
}
@media screen and (min-width: 768px) {
  .offer-img__txt.txt01::after {
    top: clamp(0.75rem, 1.1574074074vw + 0.1944444444rem, 1.0625rem);
    width: clamp(5.5rem, 24.537037037vw + -6.2777777778rem, 12.125rem);
    height: clamp(3.375rem, 11.5740740741vw + -2.1805555556rem, 6.5rem);
  }
}
.offer-img__txt.txt02 {
  top: 48px;
}
@media screen and (min-width: 768px) {
  .offer-img__txt.txt02 {
    top: clamp(2.25rem, 3.0092592593vw + 0.8055555556rem, 3.0625rem);
  }
}
.offer-img__txt.txt02::after {
  content: "";
  position: absolute;
  top: 10px;
  right: calc(100% + 10px);
  background: url("../images/top/icon_arrow02.svg") no-repeat;
  background-size: contain;
  width: clamp(3.75rem, 18.8775510204vw + -0.6744260204rem, 8.375rem);
  height: clamp(3.75rem, 4.3367346939vw + 2.7335778061rem, 4.8125rem);
}
@media screen and (min-width: 768px) {
  .offer-img__txt.txt02::after {
    top: 14px;
    width: clamp(4rem, 16.2037037037vw + -3.7777777778rem, 8.375rem);
    height: 77px;
  }
}

.using {
  background-color: #eceded;
  padding: 64px 0 60px;
}
@media screen and (min-width: 768px) {
  .using {
    padding: 117px 0 120px;
  }
}
.using-ttl {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .using-ttl {
    padding-right: 28px;
  }
}
.using-ttl .c-ttl50 {
  position: relative;
  display: inline-block;
  letter-spacing: -0.01em;
  font-size: clamp(1.25rem, 6.3775510204vw + -0.2447385204rem, 2.8125rem);
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .using-ttl .c-ttl50 {
    padding: 0;
    font-size: clamp(2.5rem, 2.3148148148vw + 1.3888888889rem, 3.125rem);
  }
}
.using-ttl .c-ttl50::after, .using-ttl .c-ttl50::before {
  content: "";
  position: absolute;
  top: -10px;
  width: 2px;
  background-color: #24304f;
  height: 230%;
}
@media screen and (min-width: 768px) {
  .using-ttl .c-ttl50::after, .using-ttl .c-ttl50::before {
    top: clamp(-1.875rem, -4.6296296296vw + 1.5972222222rem, -0.625rem);
  }
}
.using-ttl .c-ttl50::before {
  transform: rotate(-18deg);
  left: -5px;
}
@media screen and (min-width: 768px) {
  .using-ttl .c-ttl50::before {
    left: -39px;
  }
}
.using-ttl .c-ttl50::after {
  transform: rotate(18deg);
  right: -5px;
}
@media screen and (min-width: 768px) {
  .using-ttl .c-ttl50::after {
    right: -42px;
  }
}
.using-ttl .subtitle {
  position: relative;
  display: inline-block;
}
.using-ttl .subtitle-left::after {
  content: "（OCM, ALS）";
  position: absolute;
  top: 105%;
  left: 6px;
  width: max-content;
  height: 100%;
  font-size: clamp(0.875rem, 1.5306122449vw + 0.5162627551rem, 1.25rem);
}
@media screen and (min-width: 768px) {
  .using-ttl .subtitle-left::after {
    top: 115%;
    font-size: clamp(1.5rem, 1.1278195489vw + 0.9586466165rem, 1.875rem);
  }
}
.using-ttl .subtitle-right::after {
  content: "（MIS）";
  position: absolute;
  top: 103%;
  left: 11px;
  width: max-content;
  height: 100%;
  font-size: clamp(0.875rem, 1.5306122449vw + 0.5162627551rem, 1.25rem);
}
@media screen and (min-width: 768px) {
  .using-ttl .subtitle-right::after {
    top: 115%;
    font-size: clamp(1.5rem, 1.1278195489vw + 0.9586466165rem, 1.875rem);
  }
}
.using-txt {
  padding: clamp(1.875rem, 17.8571428571vw + -2.3102678571rem, 6.25rem) 0 0;
  line-height: 1.56667;
}
@media screen and (min-width: 768px) {
  .using-txt {
    line-height: 1.7;
    padding: 78px 35px 0 0;
    text-align: center;
  }
}
.using-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 34px;
  gap: 17px 20px;
}
@media screen and (min-width: 768px) {
  .using-content {
    padding-left: 4px;
    margin-top: 34px;
    gap: clamp(0.9375rem, 2.0676691729vw + -0.054981203rem, 1.625rem);
  }
}
.using-item {
  width: clamp(10.375rem, 23.9795918367vw + 4.7547831633rem, 16.25rem);
  height: clamp(10.375rem, 23.9795918367vw + 4.7547831633rem, 16.25rem);
  border-radius: 100%;
  background-color: #7dbdff;
  overflow: hidden;
  position: relative;
  padding: 61px 15px 39px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .using-item {
    padding: 78px 30px 39px;
    width: clamp(13.125rem, 12.5939849624vw + 7.079887218rem, 17.3125rem);
    height: clamp(13.125rem, 12.5939849624vw + 7.079887218rem, 17.3125rem);
  }
}
.using-item::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  background: url("../images/top/icon_circle.svg") no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .using-item::after {
    width: calc(100% - 23px);
    height: calc(100% - 23px);
  }
}
.using-item__ttl {
  font-weight: 600;
  font-family: "spartan";
  text-align: center;
  position: absolute;
  top: 32px;
  font-size: 0.75rem;
  color: #24304f;
}
@media screen and (min-width: 768px) {
  .using-item__ttl {
    top: 53px;
    font-size: clamp(1rem, 0.7518796992vw + 0.6390977444rem, 1.25rem);
  }
}
.using-item .c-txt25 {
  color: #fff;
  line-height: 1.5333333333;
  text-align: center;
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .using-item .c-txt25 {
    line-height: 1.52;
    font-size: clamp(1.125rem, 1.3157894737vw + 0.4934210526rem, 1.5625rem);
  }
}

.schedule {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .schedule {
    padding: 137px 0 98px;
  }
}
.schedule-ttl {
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .schedule-ttl {
    display: block;
  }
}
.schedule-ttl .c-ttl01 .ttl {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .schedule-ttl .c-ttl01 .ttl::before {
    left: -35px;
  }
}
@media screen and (min-width: 768px) {
  .schedule-ttl .c-ttl01 .ttl::after {
    right: -35px;
  }
}
.schedule-ttl .c-ttl__en {
  padding-bottom: 10px;
  letter-spacing: -0.06em;
  color: #a4d1ff;
}
@media screen and (min-width: 768px) {
  .schedule-ttl .c-ttl__en {
    padding-bottom: 0;
    padding-top: 35px;
  }
}
.schedule-tag {
  text-align: center;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .schedule-tag {
    margin-top: 0;
  }
}
.schedule-tag .tag {
  display: inline-block;
  margin: 0 auto;
  width: max-content;
  background-color: #24304f;
  color: #fff;
  padding: 6px 34px;
}
.schedule-inner {
  max-width: 1068px;
  margin: 0 auto;
}
.schedule-content {
  padding: 20px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .schedule-content {
    padding: 22px 0 0;
  }
}
.schedule-content table {
  width: 100%;
  border-collapse: collapse;
}
.schedule-content thead th {
  color: white;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 209px;
  border-right: 4px solid #fff;
}
.schedule-content thead th:nth-child(odd) {
  background-color: #2bbae5;
}
.schedule-content thead th:nth-child(even) {
  background: #4e92d5;
}
.schedule-content thead th:last-child {
  border-right: none;
}
.schedule-content tbody td {
  vertical-align: top;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  background: #e3e3e3;
  min-width: 140px;
  min-height: 56px;
}
.schedule-content .doctor-ttl {
  display: block;
  border: 4px solid #e3e3e3;
  padding: 12px 18px;
}
.schedule-content tbody td:last-child {
  border-right: none;
}
.schedule-content tbody tr:last-child td {
  border-bottom: none;
}
.schedule-content .doctor-desc {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .schedule-content .doctor-desc {
    padding: 6px 12px 11px 32px;
  }
}
.schedule-content .doctor-name {
  font-weight: 500;
  letter-spacing: 0.08em;
  padding: 4px 0;
  flex-shrink: 0;
}
.schedule-content .doctor-icon {
  width: 60px;
}
@media screen and (min-width: 768px) {
  .schedule-content .doctor-icon {
    width: 75px;
  }
}
.schedule-content .special-cell {
  background: #e3e3e3;
  text-align: center;
  vertical-align: middle !important;
}
.schedule-content .special-cell .doctor-name {
  flex-shrink: unset;
}
.schedule-content .special-cell .doctor-desc {
  justify-content: center;
  padding: 6px 12px 11px;
}
.schedule-content .special-label {
  font-size: 13px;
  color: #4a6070;
  font-weight: 500;
  letter-spacing: 0.06em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.schedule-content .empty-cell {
  background: #fff;
}
.doctors {
  background-color: #7dbdff;
  padding: 60px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .doctors {
    padding: 121px 0 127px;
  }
}
.doctors .img-circle {
  width: 200px;
  height: 200px;
  right: -5.2%;
  top: -3.7%;
  z-index: 1;
  mix-blend-mode: color-burn;
}
@media screen and (min-width: 768px) {
  .doctors .img-circle {
    width: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
    height: clamp(18.75rem, 33.2706766917vw + 2.780075188rem, 29.8125rem);
  }
}
.doctors-ttl {
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .doctors-ttl {
    display: block;
  }
}
.doctors-ttl .c-ttl__en {
  padding-bottom: 10px;
  letter-spacing: -0.07em;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .doctors-ttl .c-ttl__en {
    padding-bottom: 0;
    padding-left: 9px;
    padding-top: 39px;
  }
}
@media screen and (min-width: 768px) {
  .doctors-ttl .c-ttl01 {
    padding-left: 41px;
  }
}
@media screen and (min-width: 768px) {
  .doctors-ttl .c-ttl01 .ttl:before {
    left: -50px;
  }
}
@media screen and (min-width: 768px) {
  .doctors-ttl .c-ttl01 .ttl:after {
    right: -46px;
  }
}
.doctors-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(12.5rem, 25.974025974vw + 6.2987012987rem, 18.75rem), 1fr));
  gap: 15px;
  width: 100%;
  padding-top: 40px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .doctors-content {
    padding-top: 57px;
    gap: 61px 17px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.doctors-item {
  background-color: #fff;
  position: relative;
  border: 2px solid #fff;
  color: #000000;
}
@media screen and (min-width: 768px) {
  .doctors-item {
    max-width: 388px;
    width: calc(50% - 10px);
  }
}
.doctors-item:has(.doctors-item__img) .doctors-item__desc {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .doctors-item:has(.doctors-item__img) .doctors-item__desc {
    padding: 30px 31px 33px;
  }
}
.doctors-item:has(.doctors-item__img) .tag {
  bottom: 0;
  top: unset;
}
.doctors-item .tag {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #08a9e3;
  color: #fff;
  text-align: center;
  padding: 7px 21px;
  font-family: "Roboto", sans-serif;
}
.doctors-item__img {
  position: relative;
}
.doctors-item__desc {
  padding: 50px 20px 20px;
}
@media screen and (min-width: 768px) {
  .doctors-item__desc {
    padding: 65px 34px 33px;
  }
}
.doctors-item__desc .ttl {
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .doctors-item__desc .ttl {
    padding-bottom: 23px;
    padding-left: 12px;
  }
}
.doctors-item__desc .ttl-sub {
  padding-bottom: 6px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .doctors-item__desc .ttl-sub {
    font-size: 1.125rem;
  }
}
.doctors-item__desc .ttl-jp {
  font-weight: 500;
  padding-bottom: 5px;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .doctors-item__desc .ttl-jp {
    font-size: 1.5625rem;
  }
}
.doctors-item__desc .ttl-en {
  color: #08a9e3;
}
.doctors-item__desc .desc {
  padding: 14px 0 0 20px;
}
@media screen and (min-width: 768px) {
  .doctors-item__desc .desc {
    padding: 14px 0 0 28px;
  }
}
.doctors-item__desc .desc-item + .desc-item {
  margin-top: 7px;
}
.doctors-item__desc .desc-item__ttl {
  position: relative;
  color: #76caf2;
  font-weight: 500;
}
.doctors-item__desc .desc-item__ttl::before {
  content: "◆";
  position: absolute;
  left: -18px;
  top: 0;
}
.doctors-item__desc .desc-item__list {
  padding-top: 2px;
}
.doctors-item__desc .desc-item__list .list-txt + .list-txt {
  margin-top: 8px;
}

.surgeon {
  background-color: #7dbdff;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .surgeon {
    padding-bottom: clamp(3.75rem, 26.6917293233vw + -9.0620300752rem, 12.625rem);
  }
}
.surgeon-inner {
  width: 100%;
  background-color: #fff;
  border-radius: 36px;
  position: relative;
  left: 6px;
  padding: clamp(2.5rem, 15.306122449vw + -1.087372449rem, 6.25rem) 20px 20px;
}
@media screen and (min-width: 768px) {
  .surgeon-inner {
    padding: 51px clamp(2.5rem, 8.3333333333vw + -1.5rem, 4.75rem) 48px clamp(2.5rem, 9.0277777778vw + -1.8333333333rem, 4.9375rem);
  }
}
.surgeon .c-ttl__en {
  padding-top: 20px;
  letter-spacing: -0.025em;
  line-height: 1;
  position: absolute;
  top: -52px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .surgeon .c-ttl__en {
    transform: translateX(0);
    left: unset;
    right: 28px;
    padding-top: 0;
    top: -10%;
  }
}
.surgeon .c-ttl01 {
  margin-bottom: 43px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .surgeon .c-ttl01 {
    text-align: left;
    padding-left: 64px;
  }
}
@media screen and (min-width: 768px) {
  .surgeon .c-ttl01 .ttl:before {
    left: -49px;
  }
}
@media screen and (min-width: 768px) {
  .surgeon .c-ttl01 .ttl:after {
    right: -38px;
  }
}
.surgeon-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .surgeon-content {
    flex-direction: row;
  }
}
.surgeon-content table {
  border: 1px solid #24304f;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .surgeon-content table {
    width: clamp(27.5rem, 11.8421052632vw + 21.8157894737rem, 31.4375rem);
    flex-shrink: 0;
  }
}
.surgeon-content thead th {
  width: 260px;
  color: #fff;
  text-align: center;
  background-color: #24304f;
  padding: 6px 8px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .surgeon-content thead th {
    padding: 6px 10px;
  }
}
.surgeon-content thead th:first-child {
  width: 250px;
  border-right: 1px solid #fff;
}
.surgeon-content tbody tr:last-child td::after {
  display: none;
}
.surgeon-content td {
  line-height: 2.45;
  padding: 0 5px 0 10px;
  font-size: 0.875rem;
  color: #091020;
  position: relative;
}
@media screen and (min-width: 768px) {
  .surgeon-content td {
    font-size: 1.25rem;
    padding: 0 20px 0 clamp(1.25rem, 6.0185185185vw + -1.6388888889rem, 2.875rem);
  }
}
.surgeon-content td::after {
  background-image: radial-gradient(circle, #091020 1px, transparent 0);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 4px 1px;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  padding-bottom: 1px;
  bottom: 0;
}
.surgeon-content td:first-child {
  border-right: 1px solid #24304f;
  padding: 0 5px 0 10px;
}
@media screen and (min-width: 768px) {
  .surgeon-content td:first-child {
    padding: 0 25px;
  }
}
.surgeon-desc {
  display: flex;
  align-items: center;
  line-height: 1.64;
  padding: 10px 0 0;
}
@media screen and (min-width: 768px) {
  .surgeon-desc {
    justify-content: center;
    padding: 0 20px 13px clamp(1.25rem, 9.5864661654vw + -3.3515037594rem, 4.4375rem);
    width: 542px;
  }
}
.surgeon-desc .c-txt25 {
  color: #08a9e3;
}

.access {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 60px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .access {
    padding: 0;
    flex-direction: row;
  }
}
.access-inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .access-inner {
    width: 50.9230769231%;
    justify-content: flex-end;
    flex-direction: row;
  }
}
.access-ttl {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .access-ttl {
    padding-left: 20px;
  }
}
.access-ttl .c-ttl__en {
  letter-spacing: -0.035em;
  line-height: 1;
  padding-bottom: 13px;
  color: #08a9e3;
}
.access-ttl .c-ttl01 .ttl:before {
  left: -36px;
}
.access-ttl .c-ttl01 .ttl:after {
  right: -47px;
}
.access-desc {
  width: 100%;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .access-desc {
    max-width: 649px;
    padding: clamp(1.25rem, 10.1503759398vw + -3.6221804511rem, 4.625rem) clamp(1.25rem, 9.3984962406vw + -3.2612781955rem, 4.375rem) clamp(1.25rem, 9.3984962406vw + -3.2612781955rem, 4.375rem) clamp(1.25rem, 10.3383458647vw + -3.712406015rem, 4.6875rem);
  }
}
.access-desc .content {
  padding-top: 37px;
}
.access-desc .content-item + .content-item {
  margin-top: 20px;
}
.access-desc .content-item__ttl {
  position: relative;
  padding-left: 10px;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
  color: #08a9e3;
}
.access-desc .content-item__ttl::before {
  content: "";
  position: absolute;
  height: 20px;
  left: 2px;
  top: 5px;
  width: 6px;
  background-color: #08a9e3;
}
@media screen and (min-width: 768px) {
  .access-map {
    width: 49.9230769231%;
  }
}
.access-map iframe {
  width: 100%;
  height: clamp(18.75rem, 73.7244897959vw + 1.4708227041rem, 36.8125rem);
}
@media screen and (min-width: 768px) {
  .access-map iframe {
    height: 589px;
  }
}

.area {
  background-color: #eceded;
  position: relative;
  padding: 44px 0 60px;
}
@media screen and (min-width: 768px) {
  .area {
    padding: 121px 0 0;
  }
}
.area-ttl {
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .area-ttl {
    padding-right: 9px;
  }
}
.area-ttl .c-ttl__en {
  color: #fff;
  font-family: "spartan";
  letter-spacing: -0.035em;
  padding-bottom: 3px;
}
@media screen and (min-width: 768px) {
  .area-ttl .c-ttl__en {
    padding-bottom: 17px;
  }
}
@media screen and (min-width: 768px) {
  .area-ttl .c-ttl01 .ttl:after {
    right: -29px;
  }
}
@media screen and (min-width: 768px) {
  .area-ttl .c-ttl01 .ttl:before {
    left: -39px;
  }
}
.area-content {
  width: 100%;
  max-width: 1200px;
  padding: 0 25px;
  display: flex;
  justify-content: flex-end;
  margin-top: -126px;
}
@media screen and (min-width: 768px) {
  .area-content {
    margin-top: 0;
    padding: 0 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }
}
.area-inner {
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .area-inner {
    margin-top: clamp(-8.75rem, -50.7246376812vw + 32.4637681159rem, 0rem);
  }
}
.area-img {
  width: calc(100% + 40px);
  position: relative;
  bottom: 6px;
  left: -1px;
}
@media screen and (min-width: 768px) {
  .area-img {
    width: 100%;
    max-width: 962px;
  }
}
.area-img img {
  width: 91%;
}
@media screen and (min-width: 768px) {
  .area-img img {
    width: 100%;
  }
}
.area-desc {
  position: relative;
  z-index: 1;
  color: #252323;
}
@media screen and (min-width: 768px) {
  .area-desc {
    width: clamp(21.875rem, 82.7906976744vw + -23.1424418605rem, 44.125rem);
    left: 22px;
    top: -6px;
    padding-right: 20px;
  }
}
.area-desc .c-ttl50 {
  line-height: 1.38;
  color: #24304f;
  padding-bottom: 7px;
  font-size: clamp(1.5625rem, 6.4935064935vw + 0.0121753247rem, 3.125rem);
}
@media screen and (min-width: 768px) {
  .area-desc .c-ttl50 {
    padding-bottom: 10px;
    font-size: clamp(1.875rem, 4.6296296296vw + -0.3472222222rem, 3.125rem);
  }
}
.area-desc .c-txt {
  max-width: 633px;
  padding-left: 5px;
  width: 100%;
  letter-spacing: 0.01em;
}
.area-desc .c-txt + .c-txt {
  padding-top: 8px;
}
@media screen and (min-width: 768px) {
  .area-desc .c-txt + .c-txt {
    padding-top: 17px;
  }
}

.fracture {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .fracture {
    padding: 114px 0 32px;
  }
}
.fracture-inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  left: 5px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(11.25rem, 12.7551020408vw + 8.2605229592rem, 14.375rem), 1fr));
  gap: 11px;
}
@media screen and (min-width: 768px) {
  .fracture-inner {
    display: flex;
    padding: 0 20px;
    max-width: 1128px;
  }
}
.fracture-txt {
  font-family: "spartan";
  text-align: center;
  padding-top: 19px;
  color: #08a9e3;
  text-align: center;
  letter-spacing: -0.012em;
}

.p-top__block {
  background-color: #eceded;
}

/*# sourceMappingURL=top.css.map */