@charset "UTF-8";

/* --------------------------------------------------------------------------
  LAYOUT
-------------------------------------------------------------------------- */
.l-hero__block__image {
  max-width: calc(94 / var(--font-size) * 1rem);
  width: 100%;
  right: calc(-10 / var(--font-size) * 1rem);
  bottom: calc(-62 / var(--font-size) * 1rem);
}

.l-container__body {
  padding-block: calc(40 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
}

@media all and (min-width: 820px),
print {
  .l-hero__block__image {
    max-width: calc(94 / var(--font-size) * 1rem);
    width: 100%;
    bottom: calc(-49 / var(--font-size) * 1rem);
  }

  .l-container__body {
    padding-block: calc(40 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
  }
}

.l-section__inner {
  padding: calc(0 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem);
}

.l-container__inner {
  padding: calc(0 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem);
}

.l-container__body {
  max-width: 100%;
  margin-inline: auto;
}

@media all and (min-width: 820px),
print {
  .l-container__inner {
    padding: calc(0 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem);
  }

  .l-container__body {
    max-width: 100%;
    margin-inline: auto;
  }
}

/* --------------------------------------------------------------------------
  about
-------------------------------------------------------------------------- */

.page-navigation {
  margin-top: calc(32 / var(--font-size) * 1rem);
}

.page-navigation__body {
  background-color: var(--color-bg-beige);
  padding: calc(20 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem);
}

.page-navigation__list {
  max-width: calc(333 / var(--font-size) * 1rem);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  gap: calc(16 / var(--font-size) * 1rem);
}

.page-navigation__button {
  max-width: none;
  height: calc(44 / var(--font-size) * 1rem);
  width: 100%;
}

.page-navigation__button .c-button__link{
  padding-right: 0;
}

.about-section-bottom {
  margin-top: calc(52 / var(--font-size) * 1rem);
}

/* --------------------------------------------------------------------------
  about SECTION CONTENTS
-------------------------------------------------------------------------- */

.about-contents {
  padding: calc(24 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
}

.about-contents-photo {
  max-width: calc(315 / var(--font-size) * 1rem);
  width: 100%;
  margin-top: calc(32 / var(--font-size) * 1rem);
}

.about-contents-photo:first-child {
  margin-top: 0;
}

.about-contents-photo__object {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.about-contents-photo__object img {
  display: block;
}

.about-contents-photo__caption {
  font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
  font-weight: 400;
  line-height: 1.7;
}

.about-contents-photo__caption+.about-contents-photo__object {
  margin-top: calc(10 / var(--font-size) * 1rem);
}

.about-contents-photo__object+.about-contents-photo__caption {
  margin-top: calc(10 / var(--font-size) * 1rem);
}

.about-section {
  margin-top: calc(64 / var(--font-size) * 1rem);
}

.about-block+.about-block {
  margin-top: calc(64 / var(--font-size) * 1rem);
}

.about-contents-text {
  margin-top: calc(24 / var(--font-size) * 1rem);
}

.about-contents-text:first-child {
  margin-top: 0;
}

.about-contents-text .c-text {
  margin-top: calc(32 / var(--font-size) * 1rem);
}

.about-contents-text .c-text:first-child {
  margin-top: 0;
}

*+.about-contents-heading {
  margin-top: calc(30 / var(--font-size) * 1rem);
}

.about-contents-heading+* {
  margin-top: calc(20 / var(--font-size) * 1rem);
}

.about-contents-heading__sub {
  margin-bottom: calc(4 / var(--font-size) * 1rem);
}

.about-contents-heading__main {
  font-size: calc(26 / var(--font-size) * 1rem);
  font-weight: 700;
  color: var(--color-btn-02);
  letter-spacing: 0.002em;
}

.about-contents-list {
  margin-top: calc(20 / var(--font-size) * 1rem);
}

.about-contents-list:first-child {
  margin-top: 0;
}

.about-contents-list .c-list {
  margin-top: calc(4 / var(--font-size) * 1rem);
}

.about-contents-list .c-list:first-child {
  margin-top: 0;
}

.about-contents-list .c-list__item+.c-list__item {
  margin-top: calc(4 / var(--font-size) * 1rem);
}

.about-contents-bottom {
  margin-top: calc(52 / var(--font-size) * 1rem);
}

.about-backnumber {
  padding: calc(40 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem);
  background-color: var(--color-bg-gray);
}

.about-doctor {
  background-color: #d5e9ee;
  margin-top: calc(50 / var(--font-size) * 1rem);
  margin-inline: calc(50% - 50vw);
}

.about-doctor__inner {
  padding: calc(50 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
}

.about-doctor__body {
  max-width: calc(345 / var(--font-size) * 1rem);
  margin-inline: auto;
}

.navi-section {
  margin-top: calc(64 / var(--font-size) * 1rem);
}

.about-section--history {
  background-color: var(--color-bg-beige);
  padding-top: calc(40 / var(--font-size) * 1rem);
  padding-bottom: calc(32 / var(--font-size) * 1rem);
}

@media all and (min-width: 820px),
print {
  .about-contents {
    padding: calc(24 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
  }

  .about-contents-photo {
    max-width: calc(536 / var(--font-size) * 1rem);
    width: 100%;
    margin-top: calc(32 / var(--font-size) * 1rem);
  }

  .about-contents-photo:first-child {
    margin-top: 0;
  }

  .about-contents-photo__object {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .about-contents-photo__object img {
    display: block;
  }

  .about-contents-photo__caption {
    font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 400;
    line-height: 1.7;
  }

  .about-contents-photo__caption+.about-contents-photo__object {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }

  .about-contents-photo__object+.about-contents-photo__caption {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }

  .about-section {
    margin-top: calc(64 / var(--font-size) * 1rem);
  }

  .about-block+.about-block {
    margin-top: calc(64 / var(--font-size) * 1rem);
  }

  .about-contents-text {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }

  .about-contents-text:first-child {
    margin-top: 0;
  }

  .about-contents-text .c-text {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }

  .about-contents-text .c-text:first-child {
    margin-top: 0;
  }

  *+.about-contents-heading {
    margin-top: calc(30 / var(--font-size) * 1rem);
  }

  .about-contents-heading+* {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }

  .about-contents-heading__sub {
    margin-bottom: calc(4 / var(--font-size) * 1rem);
  }

  .about-contents-heading__main {
    font-size: calc(26 / var(--font-size) * 1rem);
    font-weight: 700;
    color: var(--color-btn-02);
    font-feature-settings: "palt";
  }

  .about-contents-list {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }

  .about-contents-list:first-child {
    margin-top: 0;
  }

  .about-contents-list .c-list {
    margin-top: calc(4 / var(--font-size) * 1rem);
  }

  .about-contents-list .c-list:first-child {
    margin-top: 0;
  }

  .about-contents-list .c-list__item+.c-list__item {
    margin-top: calc(4 / var(--font-size) * 1rem);
  }

  .about-contents-bottom {
    margin-top: calc(52 / var(--font-size) * 1rem);
  }

  .about-backnumber {
    padding: calc(60 / var(--font-size) * 1rem) calc(142 / var(--font-size) * 1rem) calc(60 / var(--font-size) * 1rem) calc(142 / var(--font-size) * 1rem);
    background-color: var(--color-bg-gray);
  }

  .about-doctor {
    background-color: #d5e9ee;
    margin-top: calc(50 / var(--font-size) * 1rem);
    max-width: calc(820 / var(--font-size) * 1rem);
    margin-inline: calc(50% - ((820 / var(--font-size) * 1rem) / 2));
  }

  .about-doctor__inner {
    padding: calc(50 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
  }

  .about-doctor__body {
    max-width: calc(345 / var(--font-size) * 1rem);
    margin-inline: auto;
  }
}

/* --------------------------------------------------------------------------
  about ACCORDION
-------------------------------------------------------------------------- */

.history-list {
  margin-top: calc(24 / var(--font-size) * 1rem);
}

.history-list__box__body {
  background-color: #f8f8f8;
  padding: calc(23 / var(--font-size) * 1rem) calc(13 / var(--font-size) * 1rem) calc(23 / var(--font-size) * 1rem) calc(22 / var(--font-size) * 1rem);
  border-radius: calc(8 / var(--font-size) * 1rem);
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
}

.history-list__box__number {
  font-size: calc(var(--text-size-s) / var(--font-size) * 1rem);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--color-btn-02);
}

.history-list__box__title {
  padding-right: calc(19 / var(--font-size) * 1rem);
  position: relative;
}

.history-list__box__title button {
  width: 100%;
  text-align: left;
}

.history-list__box__title:before {
  content: "";
  background-color: var(--color-btn-02);
  border-radius: calc(4 / var(--font-size) * 1rem);
  display: block;
  width: calc(8 / var(--font-size) * 1rem);
  height: 100%;
  position: absolute;
  top: calc(0 / var(--font-size) * 1rem);
  left: calc(-26 / var(--font-size) * 1rem);
}

.history-list__box__title__label {
  font-size: calc(var(--text-size-m) / var(--font-size) * 1rem);
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: -0.02em;
  color: var(--color-btn-02);
}

.history-list__box__title__cursor {
  background-color: var(--color-btn-02);
  border-radius: 100%;
  max-width: calc(20 / var(--font-size) * 1rem);
  width: 100%;
  height: calc(20 / var(--font-size) * 1rem);
  position: absolute;
  top: calc(0 / var(--font-size) * 1rem);
  right: calc(0 / var(--font-size) * 1rem);
  bottom: 0;
  margin: auto 0;
}

.history-list__box__title__cursor:before,
.history-list__box__title__cursor:after {
  content: "";
  background-color: var(--color-white);
  display: block;
  max-width: calc(10 / var(--font-size) * 1rem);
  width: 100%;
  height: calc(2 / var(--font-size) * 1rem);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.3s ease;
  margin: auto;
}

.history-list__box__title__cursor:after {
  transform: rotate(90deg);
}

.history-list__box__text-wrap {
  padding-right: calc(19 / var(--font-size) * 1rem);
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.6s ease;
}

.history-list__box.is-open .history-list__box__body {}

.history-list__box.is-open .history-list__box__text-wrap {
  max-height: calc(1400 / var(--font-size) * 1rem);
}

.history-list__box.is-open .history-list__box__title__cursor:after {
  transform: rotate(180deg);
}

.history-list__box__text {
  font-size: calc(var(--text-size-s) / var(--font-size) * 1rem);
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: calc(24 / var(--font-size) * 1rem);
}

.history-list__box__text.--text-align-left{
  text-align:left;
  text-justify: auto;
}

.history-list__box__annotation {
  margin-top: calc(8 / var(--font-size) * 1rem);
}

.history-list__box+.history-list__box {
  margin-top: calc(24 / var(--font-size) * 1rem);
}

.about-note-wrap.l-block {
  margin-top: calc(56 / var(--font-size) * 1rem);
}

.about-note__text {
  font-size: calc(var(--text-size-s) / var(--font-size) * 1rem);
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0;
  margin-top: calc(24 / var(--font-size) * 1rem);
}

.about-copy {
  margin-top: calc(40 / var(--font-size) * 1rem);
}

.about-copy__body {
  background-color: var(--color-white);
  padding: calc(16 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem);
  position: relative;
}

.about-copy__body:before{
  content:"";
  background-color: var(--color-white);
  max-width:calc(15 / var(--font-size) * 1rem);
  width:100%;
  height:calc(15 / var(--font-size) * 1rem);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left:0;
  right:0;
  bottom: calc(-13 / var(--font-size) * 1rem);
  margin:0 auto;
}

.about-copy__text {
  text-align: center;
}

.about-copy__text__label {
  color: var(--color-orange);
  font-size: calc(var(--text-size-xl) / var(--font-size) * 1rem);
  font-weight: 700;
  line-height: 1.7;
  font-feature-settings: "palt";
}

.about-copy-02 {
  margin-top: calc(40 / var(--font-size) * 1rem);
}

.about-copy-02__body {
  background-color: var(--color-white);
  padding: calc(24 / var(--font-size) * 1rem) calc(26 / var(--font-size) * 1rem);
}

.about-copy-02__text{}

.about-detail-list {
  position: relative;
  margin-top: calc(56 / var(--font-size) * 1rem);
}

.about-detail-list__item {
  position: relative;
  display: flex;
}

.about-detail-list__item:before {
  content: "";
  background-color: var(--color-btn-02);
  border-radius: 100%;
  max-width: calc(6 / var(--font-size) * 1rem);
  width: 100%;
  height: calc(6 / var(--font-size) * 1rem);
  position: absolute;
  top: calc(calc(54 / var(--font-size) * 1rem) + calc(10 / var(--font-size) * 1rem));
  left: calc(60.5 / var(--font-size) * 1rem);
}

.about-detail-list__item:after{
  content: "";
  background-color: var(--color-btn-02);
  display: block;
  max-width: calc(1 / var(--font-size) * 1rem);
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc(0 / var(--font-size) * 1rem);
  left: calc(63 / var(--font-size) * 1rem);
}

.about-detail-list__item + .about-detail-list__item{
  padding-top: calc(54 / var(--font-size) * 1rem);
}

.about-detail-list__item:first-child:before {
  top: calc(10 / var(--font-size) * 1rem);
}
.about-detail-list__item:first-child:after {
  top: calc(10 / var(--font-size) * 1rem);
}
.about-detail-list__item:last-child:after {
  height:calc(66 / var(--font-size) * 1rem);
}

.about-detail-list__item__year {
  max-width: calc(60 / var(--font-size) * 1rem);
  width: 100%;
  flex-shrink: 0;
}

.about-detail-list__item__year__label{
  font-size: calc(23 / var(--font-size) * 1rem) !important;
  font-weight: 500;
  line-height: 1;
  position: relative;
  top:calc(5 / var(--font-size) * 1rem);
}

.about-detail-list__item__year__label img{
  display: block;
}

.about-detail-list__item__text{
  margin-left: calc(19 / var(--font-size) * 1rem);
  font-weight: 500;
  width: calc(100% - calc(60 / var(--font-size) * 1rem));
}

.about-detail-list__item__text__label {
  font-size: calc(var(--text-size-s) / var(--font-size) * 1rem) !important;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.005em;
  font-feature-settings: "palt";
}

.about-detail-list__item__text__label .strong{
  color:var(--color-btn-02);
  font-size: calc(var(--text-size-m) / var(--font-size) * 1rem) !important;
  font-weight: 700;
  line-height: 1.7;
}

.about-detail-list__item__text__label .strong-02{
  font-size: calc(var(--text-size-m) / var(--font-size) * 1rem) !important;
}

.about-detail-list__item.--item-1999 .about-detail-list__item__year__label{
  max-width: calc(49 / var(--font-size) * 1rem);
  width: 100%;
}
.about-detail-list__item.--item-2011 .about-detail-list__item__year__label{
  max-width: calc(48 / var(--font-size) * 1rem);
  width: 100%;
}
.about-detail-list__item.--item-2011 .about-detail-list__item__text__label{
}
.about-detail-list__item.--item-2016-2017 .about-detail-list__item__year__label{
  margin-left: calc(2 / var(--font-size) * 1rem);
  max-width: calc(44 / var(--font-size) * 1rem);
  width: 100%;
}
.about-detail-list__item.--item-2020 .about-detail-list__item__year__label{
  margin-left: calc(7 / var(--font-size) * 1rem);
  max-width: calc(35 / var(--font-size) * 1rem);
  width: 100%;
}
.about-detail-list__item.--item-2021 .about-detail-list__item__year__label{
  margin-left: calc(8 / var(--font-size) * 1rem);
  max-width: calc(32 / var(--font-size) * 1rem);
  width: 100%;
}
.about-detail-list__item.--item-2022 .about-detail-list__item__year__label{
  margin-left: calc(8 / var(--font-size) * 1rem);
  max-width: calc(33 / var(--font-size) * 1rem);
  width: 100%;
}
.about-detail-list__item.--item-2023 .about-detail-list__item__year__label{
  margin-left: calc(8 / var(--font-size) * 1rem);
  max-width: calc(32 / var(--font-size) * 1rem);
  width: 100%;
}
.about-detail-list__item.--item-202510 .about-detail-list__item__year__label{
  max-width: calc(50 / var(--font-size) * 1rem);
  width: 100%;
}

.about-copy-03 {
  margin-top: calc(52 / var(--font-size) * 1rem);
}