@charset "UTF-8";
/*###################################################################
※※※※ 直接編集禁止 ※※※※
このCSSファイルはSassから生成されていますので直接編集しないようご注意ください。
  編集は拡張子「.scss」ファイルを編集して当ファイルにコンパイルしてください。
  もしくは別途cssファイルを作成して読み込ませてください。
###################################################################*/
:root {
  --base: #fff8ea;
  --main: #c99cc8;
  --white: #fff;
  --text: #897c64;
}

/*###################################################################
  base（共通設定）
###################################################################*/
/*----------------------------------
  html
----------------------------------*/
html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: clamp(3.75rem, 2.4606929955rem + 2.6825633383vw, 4.875rem);
}
@media (max-width: 768px) {
  [id] {
    scroll-margin-top: 72px;
  }
}

body {
  background-color: var(--base);
  color: var(--text);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  line-height: 1.2;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

img {
  width: 100%;
  height: auto;
}

/*###################################################################
  animation（共通設定）
###################################################################*/
/*----------------------------------
  無限ループスライダー
----------------------------------*/
@-webkit-keyframes infinity-scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes infinity-scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*###################################################################
  header（module）
###################################################################*/
.header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}
.header_sticky {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
}
.header_sticky .header__logo {
  max-width: clamp(12.75rem, 6.2932692308rem + 13.0769230769vw, 18.0625rem);
  margin-top: 2px;
}
.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding-left: clamp(0.625rem, -4.3889716841rem + 10.4321907601vw, 5rem);
}
@media (max-width: 768px) {
  .header__inner {
    padding: 10px 20px 2px 22px;
  }
}
.header__logo {
  max-width: clamp(13.25rem, 1.1448397914rem + 25.1862891207vw, 23.8125rem);
  width: 100%;
  margin-top: clamp(0.125rem, -1.1643070045rem + 2.6825633383vw, 1.25rem);
}
.header__menu {
  max-width: clamp(30.5rem, 9.7278315946rem + 43.219076006vw, 48.625rem);
  width: 100%;
  display: grid;
  grid-template-columns: 1fr clamp(5.4375rem, -1.8685730253rem + 15.2011922504vw, 11.8125rem) clamp(7.75rem, 3.7388226528rem + 8.345752608vw, 11.25rem) clamp(3.125rem, 1.6924366617rem + 2.9806259314vw, 4.375rem);
}
@media (max-width: 768px) {
  .header__menu {
    max-width: 50px;
    display: block;
  }
}
.header__address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 5px;
  background-color: var(--white);
  color: var(--main);
  font-size: clamp(0.6875rem, 0.3293591654rem + 0.7451564829vw, 1rem);
  font-weight: 500;
  border: 2px solid var(--main);
  border-radius: 0px 0px 0px 10px;
  padding: 0 clamp(0.25rem, -0.3946535022rem + 1.3412816692vw, 0.8125rem);
}
@media (max-width: 768px) {
  .header__address {
    display: none;
  }
}
.header__address-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.header__address-text::before {
  content: "";
  min-width: clamp(0.625rem, 0.4101154993rem + 0.4470938897vw, 0.8125rem);
  aspect-ratio: 13/18;
  background: url(../images/icon-map-1.svg) no-repeat center center/contain;
}
.header__address-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.header__address-note::before {
  content: "";
  min-width: clamp(0.75rem, 0.4634873323rem + 0.5961251863vw, 1rem);
  aspect-ratio: 16/13;
  background: url(../images/icon-car-1.svg) no-repeat center center/contain;
}
.header__web {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--main);
  color: var(--white);
  font-size: clamp(0.8125rem, 0.0245901639rem + 1.6393442623vw, 1.5rem);
  font-weight: 500;
  padding: 0 clamp(0.3125rem, -0.6902943368rem + 2.086438152vw, 1.1875rem);
}
@media (max-width: 768px) {
  .header__web {
    display: none;
  }
}
.header__web::before {
  content: "";
  min-width: clamp(1.125rem, -0.1643070045rem + 2.6825633383vw, 2.25rem);
  aspect-ratio: 36/30;
  background-color: var(--white);
  -webkit-mask-image: url(../images/icon-web.svg);
          mask-image: url(../images/icon-web.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.header__tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 5px;
  background-color: var(--white);
  color: var(--main);
  border: 2px solid var(--main);
}
@media (max-width: 768px) {
  .header__tel {
    display: none;
  }
}
.header__tel-text {
  font-size: clamp(0.625rem, 0.4101154993rem + 0.4470938897vw, 0.8125rem);
}
.header__tel-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.16rem;
     -moz-column-gap: 0.16rem;
          column-gap: 0.16rem;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-size: clamp(0.9375rem, 0.5793591654rem + 0.7451564829vw, 1.25rem);
  font-weight: 500;
}
.header__tel-number::before {
  content: "";
  min-width: clamp(0.5625rem, 0.2759873323rem + 0.5961251863vw, 0.8125rem);
  aspect-ratio: 13/25;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

@media (max-width: 768px) {
  .header-nav {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .header-nav__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .header-nav__link:hover, .header-nav__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  footer（module）
###################################################################*/
@media (max-width: 768px) {
  .footer {
    padding-bottom: 27px;
  }
}
.footer__bg {
  background-color: var(--white);
}
.footer__inner1 {
  max-width: 1005px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 60px 30px 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 768px) {
  .footer__inner1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 30px;
    padding: clamp(1.875rem, 0.0858778626rem + 7.6335877863vw, 3.75rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 175px;
  }
}
.footer__group1 {
  max-width: 381px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10px;
}
.footer__tel {
  max-width: 340px;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 5px;
  background-color: var(--white);
  color: var(--main);
  border: 2px solid var(--main);
  margin-top: 10px;
}
@media (max-width: 768px) {
  .footer__tel {
    margin-top: 0;
  }
}
.footer__tel-text {
  font-size: 0.8125rem;
}
.footer__tel-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.16rem;
     -moz-column-gap: 0.16rem;
          column-gap: 0.16rem;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  font-weight: 500;
}
.footer__tel-number::before {
  content: "";
  min-width: 13px;
  aspect-ratio: 13/25;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__address {
  max-width: 340px;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 5px;
  background-color: var(--main);
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  border: 2px solid var(--main);
  padding: 0 13px;
}
.footer__address-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.footer__address-text::before {
  content: "";
  min-width: 13px;
  aspect-ratio: 13/18;
  background-color: var(--white);
  -webkit-mask-image: url(../images/icon-map-1.svg);
          mask-image: url(../images/icon-map-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__address-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.footer__address-note::before {
  content: "";
  min-width: 16px;
  aspect-ratio: 16/13;
  background-color: var(--white);
  -webkit-mask-image: url(../images/icon-car-1.svg);
          mask-image: url(../images/icon-car-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__hours {
  max-width: 504px;
  width: 100%;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .footer__hours {
    margin-top: 3px;
  }
}
.footer__hours .hours__table {
  font-size: clamp(0.664375rem, 0.105rem + 2.3866666667vw, 1rem);
}
.footer__hours .hours__th {
  padding-bottom: clamp(0.78125rem, 0.1041666667rem + 2.8888888889vw, 1.1875rem);
}
@media (max-width: 768px) {
  .footer__hours .hours__left {
    font-size: clamp(0.664375rem, 0.105rem + 2.3866666667vw, 1rem);
  }
}
.footer__hours .hours__am {
  padding-top: clamp(0.375rem, -0.0416666667rem + 1.7777777778vw, 0.625rem);
  padding-bottom: clamp(0.40625rem, 0.0416666667rem + 1.5555555556vw, 0.625rem);
}
.footer__hours .hours__pm {
  padding-top: clamp(0.3125rem, -0.2083333333rem + 2.2222222222vw, 0.625rem);
  padding-bottom: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 0.625rem);
}
.footer__hours .hours__td {
  font-size: clamp(1.0625rem, 0.3333333333rem + 3.1111111111vw, 1.5rem);
}
.footer__hours .hours__note {
  font-size: clamp(0.9375rem, 0.733845339rem + 0.4237288136vw, 1rem);
  margin-top: clamp(0.5rem, 0.0833333333rem + 1.7777777778vw, 0.75rem);
}
@media (max-width: 768px) {
  .footer__hours .hours__note {
    font-size: clamp(0.664375rem, 0.105rem + 2.3866666667vw, 1rem);
  }
}
.footer__inner2 {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 1px;
}
@media (max-width: 768px) {
  .footer__inner2 {
    padding: 1px clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 0;
  }
}
.footer__map {
  margin-top: -81px;
}
@media (max-width: 768px) {
  .footer__map {
    margin-top: -147px;
  }
}
.footer__gmap {
  width: 100%;
  height: 480px;
}
.footer__nav {
  margin-top: 60px;
  margin-inline: auto;
}
.footer__copy {
  height: clamp(4.625rem, 4.5125rem + 0.48vw, 4.8125rem);
  display: grid;
  place-items: center;
  font-size: clamp(0.75rem, 0.675rem + 0.32vw, 0.875rem);
  margin-top: clamp(2.625rem, 1.2rem + 6.08vw, 5rem);
}

.footer-nav {
  max-width: 1120px;
}
@media (max-width: 768px) {
  .footer-nav {
    display: none;
  }
}
.footer-nav__med {
  margin-top: 39px;
}
.footer-nav__title {
  color: #ca9dc8;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.5rem, 0.826619965rem + 1.4010507881vw, 2rem);
  font-weight: bold;
  letter-spacing: 0.1em;
  border-bottom: 3px solid #ca9dc8;
  padding-bottom: clamp(0.4375rem, 0.0166374781rem + 0.8756567426vw, 0.75rem);
}
.footer-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: clamp(0.5rem, -2.1935201401rem + 5.6042031524vw, 2.5rem);
     -moz-column-gap: clamp(0.5rem, -2.1935201401rem + 5.6042031524vw, 2.5rem);
          column-gap: clamp(0.5rem, -2.1935201401rem + 5.6042031524vw, 2.5rem);
  row-gap: 20px;
  margin-top: clamp(1.25rem, 0.3241024518rem + 1.9264448336vw, 1.9375rem);
}
.footer-nav__link {
  letter-spacing: 0.1em;
}
.footer-nav__link_1 {
  font-size: clamp(1rem, 0.8316549912rem + 0.350262697vw, 1.125rem);
}
.footer-nav__link_2 {
  font-size: clamp(0.875rem, 0.7066549912rem + 0.350262697vw, 1rem);
}

/*###################################################################
  c-inner（module）
###################################################################*/
.c-inner-1 {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .c-inner-1 {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}

/*###################################################################
  c-margin（module）
###################################################################*/
.c-mt-top {
  margin-top: clamp(2.5rem, 1.366889313rem + 4.834605598vw, 3.6875rem);
}

.c-mt80 {
  margin-top: clamp(4.375rem, 3.7786259542rem + 2.5445292621vw, 5rem);
}

.c-mt60 {
  margin-top: clamp(3.125rem, 2.5286259542rem + 2.5445292621vw, 3.75rem);
}

.c-mt40 {
  margin-top: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem);
}

.c-mt30 {
  margin-top: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
}

.c-mt20 {
  margin-top: 20px;
}

/*###################################################################
  c-text（module）
###################################################################*/
.c-t16 {
  font-size: clamp(0.875rem, 0.7560279188rem + 0.5076142132vw, 1rem);
  line-height: 2;
  white-space: pre-line;
}

.c-t16m {
  font-size: clamp(0.875rem, 0.7560279188rem + 0.5076142132vw, 1rem);
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
}

.c-t16r {
  font-size: clamp(0.9375rem, 0.8658718331rem + 0.1490312966vw, 1rem);
  line-height: 2;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .c-t16r {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}

.c-t16rm {
  font-size: clamp(0.9375rem, 0.8658718331rem + 0.1490312966vw, 1rem);
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .c-t16rm {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}

/*###################################################################
  c-title（module）
###################################################################*/
.c-title-1 {
  max-width: 1280px;
  min-height: clamp(4.0625rem, 2.7752590674rem + 5.4922279793vw, 7.375rem);
  display: grid;
  place-items: center;
  background-color: var(--white);
  font-size: clamp(1.5rem, 0.9170984456rem + 2.4870466321vw, 3rem);
  text-align: center;
  line-height: 1.5;
  border-top: 3px solid var(--main);
  border-radius: 0 0 30px 30px;
  padding: 10px 0;
}

.c-title-2 {
  min-height: clamp(3.375rem, 2.7920984456rem + 2.4870466321vw, 4.875rem);
  display: grid;
  place-items: center;
  border-top: 2px solid var(--text);
  border-bottom: 2px solid var(--text);
  padding: 10px 0;
}
.c-title-2__text {
  font-size: clamp(1.25rem, 0.9585492228rem + 1.2435233161vw, 2rem);
  line-height: 1.5;
  text-align: center;
}
.c-title-2__text::first-letter {
  color: #ca9dc8;
}

/*###################################################################
  br（module）
###################################################################*/
.br-1000-b {
  display: none;
}
@media (max-width: 1000px) {
  .br-1000-b {
    display: block;
  }
}
.br-900-b {
  display: none;
}
@media (max-width: 900px) {
  .br-900-b {
    display: block;
  }
}
.br-800-b {
  display: none;
}
@media (max-width: 800px) {
  .br-800-b {
    display: block;
  }
}
.br-sp-b {
  display: none;
}
@media (max-width: 768px) {
  .br-sp-b {
    display: block;
  }
}
.br-600-b {
  display: none;
}
@media (max-width: 600px) {
  .br-600-b {
    display: block;
  }
}
.br-500-b {
  display: none;
}
@media (max-width: 500px) {
  .br-500-b {
    display: block;
  }
}

/*###################################################################
fixed-nav（module）
###################################################################*/
.fixed-nav {
  max-width: clamp(23.4375rem, 11.2118320611rem + 52.1628498728vw, 36.25rem);
  width: 100%;
  position: fixed;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}
@media (min-width: 769px) {
  .fixed-nav {
    display: none;
  }
}
.fixed-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: clamp(0.3125rem, 0.0143129771rem + 1.272264631vw, 0.625rem);
     -moz-column-gap: clamp(0.3125rem, 0.0143129771rem + 1.272264631vw, 0.625rem);
          column-gap: clamp(0.3125rem, 0.0143129771rem + 1.272264631vw, 0.625rem);
}
.fixed-nav__item {
  width: 100%;
}
.fixed-nav__item_tel {
  max-width: 44px;
}
.fixed-nav__item_web {
  max-width: clamp(9.4075rem, 4.0711450382rem + 22.7684478372vw, 15rem);
}
.fixed-nav__item_access {
  max-width: clamp(10rem, 5.2290076336rem + 20.3562340967vw, 15rem);
}
.fixed-nav__tel {
  max-width: 44px;
  height: 40px;
  display: grid;
  place-items: center;
  background-color: var(--white);
  border: 1px solid var(--main);
}
.fixed-nav__tel::after {
  content: "";
  min-width: 10px;
  aspect-ratio: 13/25;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.fixed-nav__web {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  background-color: var(--main);
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
}
.fixed-nav__web::before {
  content: "";
  min-width: 1.845rem;
  aspect-ratio: 36/30;
  background-color: var(--white);
  -webkit-mask-image: url(../images/icon-web.svg);
          mask-image: url(../images/icon-web.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.fixed-nav__access {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  background-color: var(--white);
  color: var(--main);
  border: 1px solid var(--main);
}
.fixed-nav__access::before {
  content: "";
  min-width: 29px;
  aspect-ratio: 29/25;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-map-2.svg);
          mask-image: url(../images/icon-map-2.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/*###################################################################
  hamburger（module）
###################################################################*/
.hamburger {
  max-width: 70px;
  width: 100%;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 30;
  background-color: var(--main);
  padding-bottom: clamp(0.4375rem, 0.2226154993rem + 0.4470938897vw, 0.625rem);
}
.hamburger[aria-expanded=true] .hamburger__line::before {
  width: 100%;
  -webkit-transform: translate(-50%, calc(clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem) * -1)) rotate(150deg);
      -ms-transform: translate(-50%, calc(clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem) * -1)) rotate(150deg);
          transform: translate(-50%, calc(clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem) * -1)) rotate(150deg);
}
.hamburger[aria-expanded=true] .hamburger__line::after {
  -webkit-transform: translateY(clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem)) rotate(-150deg);
      -ms-transform: translateY(clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem)) rotate(-150deg);
          transform: translateY(clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem)) rotate(-150deg);
}
.hamburger__line {
  width: clamp(1.875rem, 1.1587183308rem + 1.4903129657vw, 2.5rem);
  height: clamp(0.125rem, 0.0533718331rem + 0.1490312966vw, 0.1875rem);
  display: inline-block;
  position: absolute;
  top: clamp(0.9375rem, 0.2212183308rem + 1.4903129657vw, 1.5625rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background-color: transparent;
}
.hamburger__line::before {
  content: "";
  width: 66.6666666667%;
  height: clamp(0.125rem, 0.0533718331rem + 0.1490312966vw, 0.1875rem);
  display: inline-block;
  position: absolute;
  top: clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--white);
}
.hamburger__line::after {
  content: "";
  width: 100%;
  height: clamp(0.125rem, 0.0533718331rem + 0.1490312966vw, 0.1875rem);
  display: inline-block;
  position: absolute;
  bottom: clamp(0.3125rem, 0.0976154993rem + 0.4470938897vw, 0.5rem);
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--white);
}
.hamburger__text {
  color: var(--white);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(0.75rem, 0.6067436662rem + 0.2980625931vw, 0.875rem);
  font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
}
/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  max-width: 477px;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--base);
  z-index: 15;
  overflow: auto;
  overscroll-behavior-y: contain;
  visibility: hidden;
}
@media (max-width: 768px) {
  .drawer {
    max-width: 295px;
  }
}
.drawer[aria-hidden=false] {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.drawer_position {
  position: fixed;
  top: 0;
  right: 0;
}
.drawer__inner {
  padding-bottom: 150px;
}
.drawer__top {
  width: 100%;
  height: 70px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--base);
  z-index: 1;
}
.drawer__items {
  max-width: 317px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  margin-inline: auto;
  padding-top: 50px;
}
@media (max-width: 768px) {
  .drawer__items {
    max-width: 255px;
    padding-top: 30px;
  }
}
.drawer__item_med {
  display: grid;
  grid-template-columns: 1fr 27px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
}
.drawer__link {
  max-width: 286px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #6a5c42;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .drawer__link {
    max-width: 228px;
    font-size: 1rem;
  }
}
.drawer__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .drawer__en {
    font-size: 1rem;
  }
}
.drawer__details[open] .drawer__summary-text {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.drawer__summary {
  display: block;
  cursor: pointer;
}
.drawer__summary::-webkit-details-marker {
  display: none;
}
.drawer__summary-text {
  width: 100%;
  display: block;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  text-align: center;
}
.drawer__submenu {
  width: 180px;
  -webkit-transform: translateX(-85%);
      -ms-transform: translateX(-85%);
          transform: translateX(-85%);
}
@media (max-width: 768px) {
  .drawer__submenu {
    max-width: 152px;
    -webkit-transform: translateX(-82.2%);
        -ms-transform: translateX(-82.2%);
            transform: translateX(-82.2%);
  }
}
.drawer__subitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  background-color: var(--main);
  margin-top: 25px;
  padding: 20px 20px;
}
@media (max-width: 768px) {
  .drawer__subitems {
    margin-top: 19px;
  }
}
.drawer__sublink {
  color: var(--base);
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .drawer__sublink {
    font-size: 1rem;
  }
}

.is-drawer-active {
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .drawer__link {
    -webkit-transition: background-color 0.4s color 0.4s;
    transition: background-color 0.4s color 0.4s;
  }
  .drawer__link:hover, .drawer__link:focus {
    background-color: var(--main);
    color: var(--base);
  }
  .drawer__link:hover .drawer__en, .drawer__link:focus .drawer__en {
    color: var(--base);
  }
  .drawer__en {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
}
.drawer-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: transparent;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
}

.is-drawer-active {
  height: 100%;
  overflow: hidden;
}
.is-drawer-active .drawer-bg {
  visibility: visible;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*###################################################################
  hours（module）
###################################################################*/
.hours {
  max-width: 505px;
  width: 100%;
}
.hours__table {
  width: 100%;
  font-size: clamp(0.585rem, -0.1066666667rem + 2.9511111111vw, 1rem);
}
.hours__table * {
  --ls: 0;
}
.hours__th {
  font-weight: 400;
  border-bottom: clamp(0.0575rem, 0.0085416667rem + 0.2088888889vw, 0.086875rem) solid var(--text);
  padding-bottom: clamp(0.625rem, -0.3125rem + 4vw, 1.1875rem);
}
.hours__th-left {
  width: 20.7%;
  --ls: 0.07em;
}
.hours__weekday {
  text-align: center;
}
.hours__left {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(0.75rem, -0.0822510823rem + 1.7316017316vw, 1rem);
  vertical-align: middle;
}
@media (max-width: 768px) {
  .hours__left {
    font-size: clamp(0.585rem, -0.1066666667rem + 2.9511111111vw, 1rem);
  }
}
.hours__am {
  border-bottom: clamp(0.0575rem, 0.0085416667rem + 0.2088888889vw, 0.086875rem) solid var(--text);
  padding-top: clamp(0.3125rem, -0.2083333333rem + 2.2222222222vw, 0.625rem);
  padding-bottom: clamp(0.375rem, -0.0416666667rem + 1.7777777778vw, 0.625rem);
}
.hours__pm {
  border-bottom: clamp(0.0575rem, 0.0085416667rem + 0.2088888889vw, 0.086875rem) solid var(--text);
  padding-top: clamp(0.3125rem, -0.2083333333rem + 2.2222222222vw, 0.625rem);
  padding-bottom: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 0.625rem);
}
.hours__td {
  border-bottom: clamp(0.0575rem, 0.0085416667rem + 0.2088888889vw, 0.086875rem) solid var(--text);
  font-size: clamp(0.89375rem, -0.1166666667rem + 4.3111111111vw, 1.5rem);
  text-align: center;
}
.hours__note {
  background-color: var(--white);
  font-size: clamp(0.875rem, 0.686888454rem + 0.3913894325vw, 1rem);
  line-height: 1.6;
  --ls: 0;
  white-space: pre-line;
  margin-top: clamp(0.375rem, -0.25rem + 2.6666666667vw, 0.75rem);
  padding: clamp(0.375rem, -0.0416666667rem + 1.7777777778vw, 0.625rem) clamp(0.8125rem, 0.0833333333rem + 3.1111111111vw, 1.25rem);
}
@media (max-width: 768px) {
  .hours__note {
    font-size: clamp(0.585rem, -0.1066666667rem + 2.9511111111vw, 1rem);
  }
}

/*###################################################################
  global-nav（module）
###################################################################*/
@media (max-width: 768px) {
  .g-nav {
    display: none;
  }
}
.g-nav__inner {
  max-width: 1216px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 32px;
}
@media (max-width: 1280px) {
  .g-nav__inner {
    padding: 32px clamp(0rem, -2.8216731898rem + 5.8708414873vw, 1.875rem) 0;
  }
}
.g-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.g-nav__item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.g-nav__item:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: clamp(2.125rem, 1.560665362rem + 1.1741682975vw, 2.5rem);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--text);
}
.g-nav__link {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.625rem, 0.154721135rem + 0.9784735812vw, 0.9375rem);
  font-size: clamp(0.875rem, 0.686888454rem + 0.3913894325vw, 1rem);
  font-weight: 500;
  line-height: 1;
  margin-inline: auto;
}
.g-nav__link_med {
  position: relative;
}
.g-nav__link_med::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: calc(clamp(1.125rem, 0.842832681rem + 0.5870841487vw, 1.3125rem) * -1);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: clamp(0.875rem, 0.686888454rem + 0.3913894325vw, 1rem);
}
.g-nav__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
}
.g-nav__submenu {
  max-width: 130px;
  width: 100%;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  position: absolute;
  top: 99%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.g-nav__subitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  background-color: var(--white);
  padding: 5px;
}
.g-nav__sublink {
  font-size: clamp(0.875rem, 0.686888454rem + 0.3913894325vw, 1rem);
}

@media (hover: hover) and (pointer: fine) {
  .g-nav__item:focus-within .g-nav__submenu {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .g-nav__link:hover + .g-nav__submenu {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .g-nav__submenu {
    -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
    transition: -webkit-clip-path 0.3s ease-in-out;
    transition: clip-path 0.3s ease-in-out;
    transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  }
  .g-nav__submenu:hover, .g-nav__submenu:focus {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .g-nav__sublink {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .g-nav__sublink:hover, .g-nav__sublink:focus {
    color: var(--main);
  }
}
/*###################################################################
  hover（module）
###################################################################*/
@media (hover: hover) and (pointer: fine) {
  .op {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op:hover, .op:focus {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fn:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-im {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-im:hover, .op-im:focus {
    opacity: 0.7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fnim {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fnim:hover {
    opacity: 0.7 !important;
  }
}
/*###################################################################
  lower（module）
###################################################################*/
.lower-mv {
  height: clamp(13.75rem, 8.570441989rem + 22.0994475138vw, 26.25rem);
  background: url(../images/lower-mv-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-1.webp) 1x, url(../images/lower-mv-1@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-1.webp) 1x, url(../images/lower-mv-1@2x.webp) 2x);
  padding-top: 1px;
}
.lower-mv__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.625rem, 0.3660220994rem + 1.1049723757vw, 1.25rem);
  color: #b281b1;
  font-weight: 500;
  margin-top: clamp(6.25rem, 4.7220303867rem + 6.5193370166vw, 9.9375rem);
}
.lower-mv__jp {
  font-size: clamp(1.875rem, 0.9944751381rem + 3.7569060773vw, 4rem);
}
.lower-mv__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.7320441989rem + 2.2099447514vw, 2.5rem);
}

/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
.top-c__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10px;
}
.top-c__jp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
     -moz-column-gap: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
          column-gap: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
  font-size: clamp(1.25rem, 0.8978873239rem + 1.5023474178vw, 2.25rem);
  font-weight: 500;
}
.top-c__jp::before, .top-c__jp::after {
  content: "";
  width: clamp(4.21875rem, 3.7235915493rem + 2.1126760563vw, 5.625rem);
  height: 3px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--text);
}
.top-c__t16 {
  font-size: clamp(0.875rem, 0.7560279188rem + 0.5076142132vw, 1rem);
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
}
.top-c__t16r {
  font-size: clamp(0.9375rem, 0.8658718331rem + 0.1490312966vw, 1rem);
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .top-c__t16r {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}

.top-mv {
  position: relative;
}
.top-mv__movie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.top-mv__video {
  width: 100%;
}
@media (max-width: 768px) {
  .top-mv__video {
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 350px;
  }
}
.top-mv__balloon-area {
  max-width: clamp(13.75rem, -7.9533345753rem + 45.1564828614vw, 32.6875rem);
  width: 100%;
  position: absolute;
  top: clamp(6.6875rem, 1.4586438152rem + 10.8792846498vw, 11.25rem);
  left: clamp(0.625rem, -1.5238450075rem + 4.4709388972vw, 2.5rem);
  z-index: 3;
}
@media (max-width: 768px) {
  .top-mv__balloon-area {
    max-width: 100%;
    position: static;
    background-image: -webkit-repeating-linear-gradient(left, #f2f2f2, #f2f2f2 3.2px, var(--white) 3.2px, var(--white) 6.4px);
    background-image: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 3.2px, var(--white) 3.2px, var(--white) 6.4px);
    padding-top: 1px;
    padding-bottom: 61px;
  }
}
.top-mv__text1 {
  max-width: 523px;
  width: 100%;
}
@media (max-width: 768px) {
  .top-mv__text1 {
    max-width: clamp(18.5625rem, 12.4198473282rem + 26.2086513995vw, 25rem);
    margin-top: -50px;
    margin-inline: auto;
  }
}
.top-mv__balloon {
  max-width: 500px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: clamp(0.625rem, -0.0912816692rem + 1.4903129657vw, 1.25rem);
     -moz-column-gap: clamp(0.625rem, -0.0912816692rem + 1.4903129657vw, 1.25rem);
          column-gap: clamp(0.625rem, -0.0912816692rem + 1.4903129657vw, 1.25rem);
  margin-top: 50px;
}
@media (max-width: 768px) {
  .top-mv__balloon {
    max-width: clamp(20.9375rem, 15.2719465649rem + 24.1730279898vw, 26.875rem);
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    margin-top: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem);
    margin-inline: auto;
  }
}
.top-mv__text2 {
  max-width: 240px;
  width: 100%;
}
.top-mv__items {
  max-width: clamp(10.625rem, -0.1192250373rem + 22.3546944858vw, 20rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 3;
}
@media (max-width: 768px) {
  .top-mv__items {
    max-width: 320px;
    position: static;
    -webkit-transform: translateX(calc(clamp(-1.71875rem, -3.358778626rem + 6.9974554707vw, 0rem) * -1));
        -ms-transform: translateX(calc(clamp(-1.71875rem, -3.358778626rem + 6.9974554707vw, 0rem) * -1));
            transform: translateX(calc(clamp(-1.71875rem, -3.358778626rem + 6.9974554707vw, 0rem) * -1));
    margin-inline: auto;
    padding-top: 31px;
  }
}

.top-group1_pos {
  margin-top: 30px;
}
.top-group1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .top-group1__inner {
    max-width: 600px;
    grid-template-columns: 1fr;
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}

.top-news {
  position: relative;
  background-color: var(--main);
  color: var(--white);
  border-radius: 30px 0 0 30px;
  padding: 60px 15px 82px;
}
@media (max-width: 768px) {
  .top-news {
    border-radius: 0 30px 0 0;
    padding: clamp(2.5rem, 1.0576923077rem + 6.1538461538vw, 3.75rem) 36px clamp(1.875rem, -0.2884615385rem + 9.2307692308vw, 3.75rem);
  }
}
.top-news::after {
  content: "";
  width: clamp(2.5rem, 1.9170984456rem + 2.4870466321vw, 4rem);
  aspect-ratio: 1/1;
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
}
@media (max-width: 768px) {
  .top-news::after {
    top: 15px;
    right: 15px;
    bottom: inherit;
    left: inherit;
    border-top: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
    border-right: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
    border-bottom: none;
    border-left: none;
    border-radius: 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0 0;
  }
}
.top-news__inner {
  max-width: 480px;
  margin-inline: auto;
}
.top-news__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
.top-news__jp {
  font-size: clamp(1rem, 0.623776908rem + 0.782778865vw, 1.25rem);
}
.top-news__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2rem, 1.247553816rem + 1.5655577299vw, 2.5rem);
}
.top-news__body {
  height: 225px;
  overflow-y: auto;
  margin-top: clamp(1.25rem, -0.1923076923rem + 6.1538461538vw, 2.5rem);
}
.top-news__body::-webkit-scrollbar {
  width: 3px;
}
.top-news__body::-webkit-scrollbar-track {
  background-color: transparent;
}
.top-news__body::-webkit-scrollbar-thumb {
  background-color: var(--white);
}
.top-news__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.3125rem, -0.0576923077rem + 5.8461538462vw, 2.5rem);
}
.top-news__post-link {
  display: grid;
  grid-template-columns: clamp(5.875rem, 0.0448028674rem + 9.3189964158vw, 7.5rem) 1fr;
  font-size: clamp(0.875rem, 0.7307692308rem + 0.6153846154vw, 1rem);
}
@media (max-width: 1000px) {
  .top-news__post-link {
    grid-template-columns: 1fr;
    row-gap: 5px;
  }
}
.top-news__date {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
}
.top-news__more {
  max-width: 200px;
  width: 100%;
  height: 40px;
  display: grid;
  place-items: center;
  background-color: var(--white);
  color: var(--text);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  line-height: 1;
  text-align: center;
  border: 1px solid var(--text);
  border-radius: 5px;
  margin-inline: auto;
}

.top-info {
  border-radius: 0 30px 30px 0;
  position: relative;
  background-color: #f3d4f4;
  padding: 60px 15px;
}
@media (max-width: 768px) {
  .top-info {
    min-height: 306px;
    border-radius: 0 0 0 30px;
    padding: clamp(2.5rem, 1.0576923077rem + 6.1538461538vw, 3.75rem) 20px clamp(4.6875rem, 4.1666666667rem + 2.2222222222vw, 5rem);
  }
}
.top-info::after {
  content: "";
  width: clamp(2.5rem, 1.9170984456rem + 2.4870466321vw, 4rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: 15px;
  right: 15px;
  border-top: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-right: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-radius: 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0 0;
}
@media (max-width: 768px) {
  .top-info::after {
    top: inherit;
    right: inherit;
    bottom: 15px;
    left: 15px;
    border-top: none;
    border-right: none;
    border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
    border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
    border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
  }
}
.top-info__inner {
  max-width: 504px;
  margin-inline: auto;
}
.top-info__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 7px;
     -moz-column-gap: 7px;
          column-gap: 7px;
}
@media (max-width: 768px) {
  .top-info__title {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
.top-info__jp {
  font-size: clamp(1rem, 0.623776908rem + 0.782778865vw, 1.25rem);
}
.top-info__en {
  color: #b07cb1;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2rem, 1.247553816rem + 1.5655577299vw, 2.5rem);
}
.top-info__body {
  margin-top: clamp(1.4375rem, -0.0769230769rem + 6.4615384615vw, 2.75rem);
}

.top-greet {
  position: relative;
  padding-top: clamp(0rem, -2.8216731898rem + 5.8708414873vw, 1.875rem);
}
.top-greet::after {
  content: "";
  width: 100%;
  aspect-ratio: 1920/925;
  position: absolute;
  top: 0;
  z-index: -1;
  background: url(../images/top-greet-bg.webp) no-repeat top center/cover;
  background-image: -webkit-image-set(url(../images/top-greet-bg.webp) 1x, url(../images/top-greet-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-greet-bg.webp) 1x, url(../images/top-greet-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-greet::after {
    top: 25px;
    background: url(../images/top-greet-bg_sp.webp) no-repeat top center/cover;
    background-image: -webkit-image-set(url(../images/top-greet-bg_sp.webp) 1x, url(../images/top-greet-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-greet-bg_sp.webp) 1x, url(../images/top-greet-bg_sp@2x.webp) 2x);
  }
}
.top-greet_pos {
  margin-top: clamp(2.4375rem, 1.9007633588rem + 2.2900763359vw, 3rem);
}
.top-greet__en {
  max-width: clamp(18.0625rem, 7.4771126761rem + 45.1643192488vw, 48.125rem);
}
.top-greet__outer {
  max-width: 1440px;
  margin-top: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem);
  margin-inline: auto;
}
.top-greet__body {
  max-width: 1375px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-left: auto;
  padding-left: 15px;
}
@media (max-width: 768px) {
  .top-greet__body {
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 22px;
    margin-inline: auto;
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-greet__box {
  max-width: 560px;
  width: 100%;
}
.top-greet__box-title {
  font-size: clamp(1.5rem, 0.640461997rem + 1.7883755589vw, 2.25rem);
  line-height: 1.6;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .top-greet__box-title {
    font-size: clamp(1.25rem, 0.7729007634rem + 2.0356234097vw, 1.75rem);
  }
}
.top-greet__s {
  font-size: clamp(1.25rem, 0.6769746647rem + 1.1922503726vw, 1.75rem);
}
@media (max-width: 768px) {
  .top-greet__s {
    font-size: clamp(1.25rem, 1.1307251908rem + 0.5089058524vw, 1.375rem);
  }
}
.top-greet__text {
  margin-top: clamp(1.1875rem, 0.5314885496rem + 2.7989821883vw, 1.875rem);
}
.top-greet__links {
  max-width: 390px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
}
@media (max-width: 500px) {
  .top-greet__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
  }
}
.top-greet__link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(2.4375rem, 2.2585877863rem + 0.7633587786vw, 2.625rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  position: relative;
  background-color: var(--white);
  font-size: clamp(1rem, 0.8567436662rem + 0.2980625931vw, 1.125rem);
  border-radius: 5px;
  border: 1px solid var(--text);
  padding-right: 60px;
  padding-left: 30px;
}
.top-greet__link::after {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--text);
}
.top-greet__img {
  max-width: 720px;
  width: 100%;
  outline: 2px solid var(--white);
  outline-offset: -12px;
}

.top-feature_pos {
  margin-top: clamp(2.5rem, 0.7108778626rem + 7.6335877863vw, 4.375rem);
}
.top-feature__en {
  max-width: clamp(15.625rem, 8.5387323944rem + 30.234741784vw, 35.75rem);
}
.top-feature__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 36px;
     -moz-column-gap: 36px;
          column-gap: 36px;
}
.top-feature__number::before, .top-feature__number::after {
  content: "";
  width: clamp(3.3125rem, 2.8753238342rem + 1.8652849741vw, 4.4375rem);
  height: 4px;
  position: relative;
  top: clamp(0.25rem, 0.0710877863rem + 0.7633587786vw, 0.4375rem);
  background-color: var(--text);
}
.top-feature__box-title {
  font-size: clamp(1.25rem, 1.0556994819rem + 0.829015544vw, 1.75rem);
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(2.0625rem, 1.4310233161rem + 2.6943005181vw, 3.6875rem);
}
.top-feature__bold {
  font-weight: bold;
}

.top-feature1 {
  background: url(../images/top-feature-bg-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-feature-bg-1.webp) 1x, url(../images/top-feature-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-bg-1.webp) 1x, url(../images/top-feature-bg-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature1 {
    background: url(../images/top-feature-bg-1_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-feature-bg-1_sp.webp) 1x, url(../images/top-feature-bg-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature-bg-1_sp.webp) 1x, url(../images/top-feature-bg-1_sp@2x.webp) 2x);
  }
}
.top-feature1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 60px 30px 60px;
}
@media (max-width: 768px) {
  .top-feature1__inner {
    max-width: 700px;
    padding: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  }
}
.top-feature1__body {
  position: relative;
  background-color: var(--white);
  border-radius: 30px;
  margin-top: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem);
  padding: 40px 20px;
}
.top-feature1__body::before, .top-feature1__body::after {
  content: "";
  width: clamp(2.5rem, 1.9170984456rem + 2.4870466321vw, 4rem);
  aspect-ratio: 1/1;
  position: absolute;
}
.top-feature1__body::before {
  bottom: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  left: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
}
.top-feature1__body::after {
  top: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  right: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  border-top: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-right: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-radius: 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0 0;
}
.top-feature1__body-inner {
  max-width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px 15px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-feature1__body-inner {
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-inline: auto;
  }
}
.top-feature1__box {
  max-width: 560px;
  width: 100%;
}
.top-feature1__number img {
  max-width: clamp(3.8125rem, 2.768134715rem + 4.4559585492vw, 6.5rem);
}
.top-feature1__number::before, .top-feature1__number::after {
  background-color: #1fa3b7;
}
.top-feature1__color {
  color: #1fa3b7;
}
.top-feature1__text {
  margin-top: clamp(0.5625rem, 0.3196243523rem + 1.0362694301vw, 1.1875rem);
}
.top-feature1__img {
  max-width: 600px;
  width: 100%;
  outline: 2px solid var(--white);
  outline-offset: -12px;
}

.top-feature2 {
  overflow: hidden;
  background: url(../images/top-feature-bg-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-feature-bg-2.webp) 1x, url(../images/top-feature-bg-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-bg-2.webp) 1x, url(../images/top-feature-bg-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature2 {
    background: url(../images/top-feature-bg-2_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-feature-bg-2_sp.webp) 1x, url(../images/top-feature-bg-2_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature-bg-2_sp.webp) 1x, url(../images/top-feature-bg-2_sp@2x.webp) 2x);
  }
}
.top-feature2__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.top-feature2__outer::before, .top-feature2__outer::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 70px;
}
.top-feature2__outer::before {
  max-width: clamp(12.75rem, 3.6532228018rem + 18.9269746647vw, 20.6875rem);
  aspect-ratio: 331/411;
  left: -21px;
  background: url(../images/top-feature2-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-feature2-1.webp) 1x, url(../images/top-feature2-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature2-1.webp) 1x, url(../images/top-feature2-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature2__outer::before {
    max-width: 201px;
    aspect-ratio: 1/1;
    top: 20px;
    left: -10px;
    background: url(../images/top-feature2-1_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-feature2-1_sp.webp) 1x, url(../images/top-feature2-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature2-1_sp.webp) 1x, url(../images/top-feature2-1_sp@2x.webp) 2x);
  }
}
.top-feature2__outer::after {
  max-width: clamp(12.75rem, 3.7964791356rem + 18.6289120715vw, 20.5625rem);
  aspect-ratio: 329/409;
  right: -19px;
  background: url(../images/top-feature2-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-feature2-2.webp) 1x, url(../images/top-feature2-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature2-2.webp) 1x, url(../images/top-feature2-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature2__outer::after {
    max-width: 199px;
    aspect-ratio: 1/1;
    top: inherit;
    bottom: 20px;
    right: -10px;
    background: url(../images/top-feature2-2_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-feature2-2_sp.webp) 1x, url(../images/top-feature2-2_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature2-2_sp.webp) 1x, url(../images/top-feature2-2_sp@2x.webp) 2x);
  }
}
.top-feature2__inner {
  max-width: 640px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 112px 30px 91px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .top-feature2__inner {
    padding: calc(clamp(-15.1875rem, -23rem + 33.3333333333vw, -7rem) * -1) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 229px;
  }
}
.top-feature2__number img {
  max-width: clamp(4.9375rem, 3.5773963731rem + 5.8031088083vw, 8.4375rem);
}
.top-feature2__number::before, .top-feature2__number::after {
  width: clamp(2.84375rem, 2.5522992228rem + 1.2435233161vw, 3.59375rem);
  background-color: var(--white);
}
.top-feature2__title {
  color: var(--white);
  margin-top: clamp(2.6875rem, 1.1369274809rem + 6.6157760814vw, 4.3125rem);
}
.top-feature2__color {
  color: #f3d4f4;
}
.top-feature2__text {
  color: var(--white);
  margin-top: clamp(1.1875rem, 0.9446243523rem + 1.0362694301vw, 1.8125rem);
}

.top-feature34_pos {
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
}
.top-feature34__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 15px;
}
@media (max-width: 768px) {
  .top-feature34__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-feature34__item {
  max-width: 600px;
  width: 100%;
  position: relative;
  background-color: var(--white);
  border-radius: 0 0 20px 20px;
}
.top-feature34__item::after {
  content: "";
  width: clamp(2.5rem, 1.9170984456rem + 2.4870466321vw, 4rem);
  aspect-ratio: 1/1;
  position: absolute;
  bottom: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  left: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
}
.top-feature34__item_3::after {
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
}
.top-feature34__item_4::after {
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
}
.top-feature34__img {
  outline: 2px solid var(--white);
  outline-offset: -12px;
}
.top-feature34__box {
  padding: 60px 15px 60px;
}
@media (max-width: 768px) {
  .top-feature34__box {
    padding: clamp(1.9375rem, 0.2080152672rem + 7.3791348601vw, 3.75rem) 20px clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  }
}
.top-feature34__box-inner {
  max-width: 480px;
  margin-inline: auto;
}
.top-feature34__number_3 img {
  max-width: clamp(4.6875rem, 3.4002590674rem + 5.4922279793vw, 8rem);
}
.top-feature34__number_3::before, .top-feature34__number_3::after {
  width: clamp(2.9375rem, 2.6096178756rem + 1.3989637306vw, 3.78125rem);
  background-color: #1fa3b7;
}
.top-feature34__number_4 img {
  max-width: clamp(4.9375rem, 3.6259715026rem + 5.5958549223vw, 8.3125rem);
}
.top-feature34__number_4::before, .top-feature34__number_4::after {
  width: clamp(2.90625rem, 2.590511658rem + 1.3471502591vw, 3.71875rem);
  background-color: #ca9dc8;
}
.top-feature34__title {
  margin-top: clamp(2.625rem, 1.6708015267rem + 4.0712468193vw, 3.625rem);
}
.top-feature34__color3 {
  color: #1fa3b7;
}
.top-feature34__color4 {
  color: #ca9dc8;
}
.top-feature34__text {
  margin-top: clamp(1.1875rem, 1.1632124352rem + 0.103626943vw, 1.25rem);
}

.top-feature5 {
  overflow: hidden;
  background: url(../images/top-feature-bg-5.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-feature-bg-5.webp) 1x, url(../images/top-feature-bg-5@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-bg-5.webp) 1x, url(../images/top-feature-bg-5@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature5 {
    background: url(../images/top-feature-bg-5_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-feature-bg-5_sp.webp) 1x, url(../images/top-feature-bg-5_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature-bg-5_sp.webp) 1x, url(../images/top-feature-bg-5_sp@2x.webp) 2x);
  }
}
.top-feature5_pos {
  margin-top: clamp(2.5625rem, 1.6083015267rem + 4.0712468193vw, 3.5625rem);
}
.top-feature5__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.top-feature5__outer::before, .top-feature5__outer::after {
  content: "";
  width: 100%;
  position: absolute;
}
.top-feature5__outer::before {
  max-width: clamp(12.75rem, 1.1462369598rem + 24.1430700447vw, 22.875rem);
  aspect-ratio: 366/375;
  top: 71px;
  left: -19px;
  background: url(../images/top-feature5-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-feature5-1.webp) 1x, url(../images/top-feature5-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature5-1.webp) 1x, url(../images/top-feature5-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature5__outer::before {
    max-width: 201px;
    aspect-ratio: 1/1;
    top: inherit;
    bottom: 20px;
    left: -10px;
    background: url(../images/top-feature5-1_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-feature5-1_sp.webp) 1x, url(../images/top-feature5-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature5-1_sp.webp) 1x, url(../images/top-feature5-1_sp@2x.webp) 2x);
  }
}
.top-feature5__outer::after {
  max-width: clamp(12.75rem, 5.8020678092rem + 14.4560357675vw, 18.8125rem);
  aspect-ratio: 301/390;
  top: 54px;
  right: -21px;
  background: url(../images/top-feature5-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-feature5-2.webp) 1x, url(../images/top-feature5-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature5-2.webp) 1x, url(../images/top-feature5-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature5__outer::after {
    max-width: 199px;
    aspect-ratio: 1/1;
    top: 20px;
    right: -10px;
    background: url(../images/top-feature5-2_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-feature5-2_sp.webp) 1x, url(../images/top-feature5-2_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature5-2_sp.webp) 1x, url(../images/top-feature5-2_sp@2x.webp) 2x);
  }
}
.top-feature5__inner {
  max-width: 640px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 81px 30px 79px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .top-feature5__inner {
    padding: calc(clamp(-15.75rem, -25.9479961832rem + 43.5114503817vw, -5.0625rem) * -1) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 240px;
  }
}
.top-feature5__number img {
  max-width: clamp(4.5625rem, 3.2509715026rem + 5.5958549223vw, 7.9375rem);
}
.top-feature5__number::before, .top-feature5__number::after {
  width: clamp(2.84375rem, 2.5522992228rem + 1.2435233161vw, 3.59375rem);
  background-color: var(--white);
}
.top-feature5__title {
  color: var(--white);
  margin-top: clamp(2.6875rem, 1.1369274809rem + 6.6157760814vw, 4.3125rem);
}
.top-feature5__color {
  color: #f3d4f4;
}
.top-feature5__text {
  color: var(--white);
  margin-top: clamp(1.1875rem, 0.9446243523rem + 1.0362694301vw, 1.8125rem);
}

.top-health_pos {
  margin-top: clamp(2.5rem, 0.1145038168rem + 10.1781170483vw, 5rem);
}
.top-health__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.top-health__outer::before, .top-health__outer::after {
  content: "";
  max-width: clamp(5.875rem, -12.4488636364rem + 29.3181818182vw, 13.9375rem);
  width: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  z-index: 1;
}
@media (max-width: 768px) {
  .top-health__outer::before, .top-health__outer::after {
    max-width: clamp(7.5rem, 5.7108778626rem + 7.6335877863vw, 9.375rem);
  }
}
.top-health__outer::before {
  top: 50px;
  left: 0;
  background: url(../images/top-health-1.webp) no-repeat center center/contain;
  background-image: -webkit-image-set(url(../images/top-health-1.webp) 1x, url(../images/top-health-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-health-1.webp) 1x, url(../images/top-health-1@2x.webp) 2x);
  -webkit-box-shadow: 10px 10px 0px #98e0eb;
          box-shadow: 10px 10px 0px #98e0eb;
}
@media (max-width: 768px) {
  .top-health__outer::before {
    top: 20px;
    left: 10px;
  }
}
.top-health__outer::after {
  bottom: 60px;
  right: 0;
  background: url(../images/top-health-2.webp) no-repeat center center/contain;
  background-image: -webkit-image-set(url(../images/top-health-2.webp) 1x, url(../images/top-health-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-health-2.webp) 1x, url(../images/top-health-2@2x.webp) 2x);
  -webkit-box-shadow: -10px 10px 0px #98e0eb;
          box-shadow: -10px 10px 0px #98e0eb;
}
@media (max-width: 768px) {
  .top-health__outer::after {
    bottom: 20px;
    right: 10px;
  }
}
.top-health__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 50px;
  padding-left: 50px;
}
@media (max-width: 768px) {
  .top-health__inner {
    padding: 0 clamp(1.25rem, -0.5391221374rem + 7.6335877863vw, 3.125rem);
  }
}
.top-health__body {
  position: relative;
  background: url(../images/top-health-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-health-bg.webp) 1x, url(../images/top-health-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-health-bg.webp) 1x, url(../images/top-health-bg@2x.webp) 2x);
  color: var(--white);
  border-radius: 30px;
  padding: 60px 50px 79px;
}
@media (max-width: 768px) {
  .top-health__body {
    background: url(../images/top-health-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-health-bg_sp.webp) 1x, url(../images/top-health-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-health-bg_sp.webp) 1x, url(../images/top-health-bg_sp@2x.webp) 2x);
    padding: 161px clamp(0.625rem, -1.7604961832rem + 10.1781170483vw, 3.125rem) 160px;
  }
}
.top-health__body::before, .top-health__body::after {
  content: "";
  width: clamp(2.5rem, 1.9170984456rem + 2.4870466321vw, 4rem);
  aspect-ratio: 1/1;
  position: absolute;
}
.top-health__body::before {
  bottom: clamp(0.625rem, 0.5035621762rem + 0.518134715vw, 0.9375rem);
  left: clamp(0.625rem, 0.5035621762rem + 0.518134715vw, 0.9375rem);
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
}
.top-health__body::after {
  top: clamp(0.625rem, 0.5035621762rem + 0.518134715vw, 0.9375rem);
  right: clamp(0.625rem, 0.5035621762rem + 0.518134715vw, 0.9375rem);
  border-top: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-right: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--white);
  border-radius: 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0 0;
}
.top-health__body-inner {
  max-width: 930px;
  margin-inline: auto;
}
.top-health__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10px;
}
.top-health__jp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
     -moz-column-gap: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
          column-gap: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
  font-size: clamp(1.25rem, 0.8978873239rem + 1.5023474178vw, 2.25rem);
  font-weight: 500;
}
.top-health__jp::before, .top-health__jp::after {
  content: "";
  width: clamp(4.84375rem, 4.1725352113rem + 2.8638497653vw, 6.75rem);
  height: 3px;
  position: relative;
  background-color: var(--white);
}
.top-health__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.25rem, 1.6338028169rem + 2.6291079812vw, 4rem);
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}
.top-health__subtitle {
  font-size: clamp(1.25rem, 1.073943662rem + 0.7511737089vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin-top: clamp(1.25rem, -0.0023854962rem + 5.3435114504vw, 2.5625rem);
}
.top-health__text {
  max-width: 800px;
  margin-top: clamp(1.25rem, 0.116889313rem + 4.834605598vw, 2.4375rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-health__text {
    max-width: clamp(18.4375rem, 2.1564885496rem + 69.465648855vw, 35.5rem);
  }
}

.top-med {
  background-image: -webkit-repeating-linear-gradient(left, #f8e2f0, #f8e2f0 3.2px, var(--base) 3.2px, var(--base) 6.4px);
  background-image: repeating-linear-gradient(90deg, #f8e2f0, #f8e2f0 3.2px, var(--base) 3.2px, var(--base) 6.4px);
  padding-top: clamp(2.75rem, 1.1994274809rem + 6.6157760814vw, 4.375rem);
  padding-bottom: clamp(2.5rem, 0.1145038168rem + 10.1781170483vw, 5rem);
}
.top-med_pos {
  margin-top: clamp(2.5rem, 0.1145038168rem + 10.1781170483vw, 5rem);
}
.top-med__title {
  row-gap: clamp(1.6875rem, 1.2913732394rem + 1.6901408451vw, 2.8125rem);
}
.top-med__en {
  max-width: clamp(15.625rem, 8.5167253521rem + 30.3286384977vw, 35.8125rem);
}
.top-med__items1 {
  max-width: 1680px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(1.8125rem, 1.096851145rem + 3.0534351145vw, 2.5625rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-med__items1 {
    max-width: 600px;
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
}
.top-med__link1 {
  position: relative;
}
.top-med__link1::after {
  content: "";
  width: clamp(2.5rem, 0.7092958271rem + 3.7257824143vw, 4.0625rem);
  aspect-ratio: 65/30;
  position: absolute;
  right: clamp(0.75rem, 0.1769746647rem + 1.1922503726vw, 1.25rem);
  bottom: clamp(0.75rem, 0.0337183308rem + 1.4903129657vw, 1.375rem);
  background: url(../images/icon-med-arrow-1.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .top-med__link1::after {
    width: 65px;
    right: 15px;
    bottom: 17px;
  }
}
.top-med__inner {
  max-width: 820px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(1.25rem, -1.1354961832rem + 10.1781170483vw, 3.75rem);
}
@media (max-width: 768px) {
  .top-med__inner {
    max-width: 600px;
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-med__items2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2.5rem, -6.1599099099rem + 18.018018018vw, 3.75rem) clamp(2.5rem, -14.8198198198rem + 36.036036036vw, 5rem);
}
@media (max-width: 768px) {
  .top-med__items2 {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.9375rem, -1.6666666667rem + 11.1111111111vw, 2.5rem);
  }
}
.top-med__link2 {
  display: block;
  position: relative;
  border-radius: 30px;
  -webkit-filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.3));
}
@media (max-width: 768px) {
  .top-med__link2 {
    -webkit-filter: drop-shadow(4.36364px 4.36364px 10.9091px rgba(0, 0, 0, 0.3));
            filter: drop-shadow(4.36364px 4.36364px 10.9091px rgba(0, 0, 0, 0.3));
  }
}
.top-med__link2::before {
  content: "";
  width: clamp(1.36375rem, 0.5116666667rem + 3.6355555556vw, 1.875rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 0.625rem);
  left: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 0.625rem);
  border-radius: clamp(0.454375rem, 0.17rem + 1.2133333333vw, 0.625rem) 0 0 0;
  border-top: 3px solid #ca9dc8;
  border-left: 3px solid #ca9dc8;
}
.top-med__link2::after {
  content: "";
  width: clamp(2.613125rem, 0.9266666667rem + 7.1955555556vw, 3.625rem);
  aspect-ratio: 58/27;
  position: absolute;
  right: clamp(0.6875rem, 0.2708333333rem + 1.7777777778vw, 0.9375rem);
  bottom: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 0.625rem);
  background: url(../images/icon-med-arrow-2.svg) no-repeat center center/contain;
}

.top-movie_pos {
  margin-top: clamp(2.6875rem, -0.1154580153rem + 11.9592875318vw, 5.625rem);
}
.top-movie__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .top-movie__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-movie__title {
  row-gap: clamp(1.6875rem, 1.3133802817rem + 1.5962441315vw, 2.75rem);
}
.top-movie__jp::before, .top-movie__jp::after {
  content: "";
  width: clamp(4.84375rem, 4.1725352113rem + 2.8638497653vw, 6.75rem);
}
.top-movie__en {
  max-width: clamp(11.3125rem, 6.2288732394rem + 21.6901408451vw, 25.75rem);
}
.top-movie__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.9375rem, 1.4517487047rem + 2.0725388601vw, 3.1875rem) clamp(0.9375rem, 0.3303108808rem + 2.5906735751vw, 2.5rem);
  margin-top: clamp(2.5rem, 1.8439885496rem + 2.7989821883vw, 3.1875rem);
}
@media (max-width: 768px) {
  .top-movie__items {
    max-width: 600px;
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
}
.top-movie__item {
  max-width: 620px;
  width: 100%;
}
.top-movie__item-title {
  font-size: clamp(1.25rem, 1.0556994819rem + 0.829015544vw, 1.75rem);
  border-bottom: 2px solid #1fa3b7;
  padding-bottom: 17px;
}
.top-movie__video {
  margin-top: 20px;
}
.top-movie__youtube {
  width: 100%;
  height: auto;
  aspect-ratio: 31/17;
}
.top-movie__link {
  max-width: clamp(20.9375rem, 5.7577720207rem + 64.7668393782vw, 60rem);
  display: block;
  margin-top: clamp(1.9375rem, 0.85rem + 4.64vw, 3.75rem);
  margin-inline: auto;
}

.top-gallery {
  position: relative;
}
.top-gallery::before, .top-gallery::after {
  content: "";
  max-width: clamp(16.625rem, 9.7808098592rem + 29.2018779343vw, 36.0625rem);
  width: 100%;
  aspect-ratio: 577/217;
  position: absolute;
  z-index: -1;
}
.top-gallery::before {
  top: 0;
  left: 0;
  background: url(../images/top-gallery-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-gallery-deco-1.webp) 1x, url(../images/top-gallery-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-gallery-deco-1.webp) 1x, url(../images/top-gallery-deco-1@2x.webp) 2x);
}
.top-gallery::after {
  bottom: 0;
  right: 0;
  background: url(../images/top-gallery-deco-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-gallery-deco-2.webp) 1x, url(../images/top-gallery-deco-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-gallery-deco-2.webp) 1x, url(../images/top-gallery-deco-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-gallery::after {
    bottom: 40px;
  }
}
.top-gallery_pos {
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
}
.top-gallery__inner {
  padding-top: 104px;
  padding-bottom: 140px;
}
@media (max-width: 768px) {
  .top-gallery__inner {
    padding-top: 114px;
    padding-bottom: 150px;
  }
}
.top-gallery__title {
  row-gap: clamp(1.5625rem, 1.1003521127rem + 1.9718309859vw, 2.875rem);
}
.top-gallery__jp::before, .top-gallery__jp::after {
  content: "";
  width: clamp(4.21875rem, 3.7235915493rem + 2.1126760563vw, 5.625rem);
}
.top-gallery__en {
  max-width: clamp(16rem, 8.8257042254rem + 30.6103286385vw, 36.375rem);
}
.top-gallery__slider {
  overflow: hidden;
  margin-top: clamp(1.9375rem, 0.2080152672rem + 7.3791348601vw, 3.75rem);
}
.top-gallery__wrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-gallery__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: infinity-scroll 30s linear infinite both;
          animation: infinity-scroll 30s linear infinite both;
}
.top-gallery__slide {
  max-width: clamp(11.25rem, 8.1690140845rem + 13.1455399061vw, 20rem);
  margin-right: 20px;
}
.top-gallery__slide:nth-of-type(even) {
  margin-top: 60px;
}

/*###################################################################
  clinic（page）
###################################################################*/
.clinic1__items {
  max-width: 1440px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  margin-inline: auto;
}
.clinic1__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .clinic1__item {
    grid-template-columns: 1fr;
  }
}
.clinic1__box {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  position: relative;
  padding: 30px 15px;
}
.clinic1__box::before {
  content: "";
  position: absolute;
  bottom: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
}
.clinic1__box_odd {
  grid-area: 1/2/2/3;
  background-color: #fef4ff;
  border-top: 5px solid #ca9dc8;
}
@media (max-width: 768px) {
  .clinic1__box_odd {
    grid-area: inherit;
  }
}
.clinic1__box_odd::before {
  width: clamp(2.5rem, 1.6013601036rem + 3.8341968912vw, 4.8125rem);
  aspect-ratio: 77/64;
  right: clamp(0.375rem, -1.2859513274rem + 2.6548672566vw, 0.9375rem);
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
  border-right: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
  border-radius: 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0;
}
.clinic1__box_even {
  background-color: #d8f4f8;
  border-top: 5px solid #5fc9d9;
}
.clinic1__box_even::before {
  width: clamp(2.5rem, 1.6256476684rem + 3.7305699482vw, 4.75rem);
  aspect-ratio: 76/64;
  left: clamp(0.375rem, -1.2859513274rem + 2.6548672566vw, 0.9375rem);
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
}
.clinic1__box-inner {
  max-width: 560px;
  margin-inline: auto;
}
.clinic1__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 36px;
     -moz-column-gap: 36px;
          column-gap: 36px;
}
.clinic1__number::before, .clinic1__number::after {
  content: "";
  width: clamp(3.3125rem, 2.8753238342rem + 1.8652849741vw, 4.4375rem);
  height: 4px;
  position: relative;
  top: clamp(0.25rem, 0.0710877863rem + 0.7633587786vw, 0.4375rem);
  background-color: var(--text);
}
.clinic1__number_odd::before, .clinic1__number_odd::after {
  background-color: #ca9dc8;
}
.clinic1__number_even::before, .clinic1__number_even::after {
  background-color: #1fa3b7;
}
.clinic1__number_01 img {
  max-width: clamp(3.8125rem, 2.768134715rem + 4.4559585492vw, 6.5rem);
}
.clinic1__number_02 img {
  max-width: clamp(4.9375rem, 3.5773963731rem + 5.8031088083vw, 8.4375rem);
}
.clinic1__number_02::before, .clinic1__number_02::after {
  width: clamp(2.84375rem, 2.5522992228rem + 1.2435233161vw, 3.59375rem);
}
.clinic1__number_03 img {
  max-width: clamp(4.6875rem, 3.4002590674rem + 5.4922279793vw, 8rem);
}
.clinic1__number_03::before, .clinic1__number_03::after {
  width: clamp(2.9375rem, 2.6096178756rem + 1.3989637306vw, 3.78125rem);
}
.clinic1__number_04 img {
  max-width: clamp(4.9375rem, 3.6259715026rem + 5.5958549223vw, 8.3125rem);
}
.clinic1__number_04::before, .clinic1__number_04::after {
  width: clamp(2.90625rem, 2.590511658rem + 1.3471502591vw, 3.71875rem);
}
.clinic1__number_05 img {
  max-width: clamp(4.5625rem, 3.2509715026rem + 5.5958549223vw, 7.9375rem);
}
.clinic1__number_05::before, .clinic1__number_05::after {
  width: clamp(2.84375rem, 2.5522992228rem + 1.2435233161vw, 3.59375rem);
}
.clinic1__box-title {
  font-size: clamp(1.3125rem, 0.7232924694rem + 1.2259194396vw, 1.75rem);
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(2.0625rem, 1.4310233161rem + 2.6943005181vw, 3.6875rem);
}
@media (max-width: 768px) {
  .clinic1__box-title {
    font-size: clamp(1.25rem, 1.0556994819rem + 0.829015544vw, 1.75rem);
  }
}
.clinic1__color {
  font-weight: bold;
}
.clinic1__color_odd {
  color: #ca9dc8;
}
.clinic1__color_even {
  color: #1fa3b7;
}
.clinic1__text {
  margin-top: 19px;
}
.clinic1__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.clinic2__body {
  max-width: 960px;
  font-weight: 500;
  margin-inline: auto;
}
.clinic2__subtitle {
  color: #ca9dc8;
  font-size: clamp(1.25rem, 0.9392265193rem + 1.3259668508vw, 2rem);
  text-align: center;
  letter-spacing: 0.2em;
  border-bottom: 1px solid var(--text);
  padding-bottom: clamp(1.25rem, 0.7320441989rem + 2.2099447514vw, 2.5rem);
}

.clinic-modal__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0.9375rem, -1.1668126095rem + 4.3782837128vw, 2.5rem);
}
@media (max-width: 768px) {
  .clinic-modal__items {
    max-width: 700px;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem);
  }
}
.clinic-modal__img {
  overflow: hidden;
}
.clinic-modal__title {
  min-height: clamp(2.5rem, 1.3215849387rem + 2.4518388792vw, 3.375rem);
  display: grid;
  place-items: center;
  background-color: #ca9dc8;
  color: var(--white);
  font-size: clamp(0.9375rem, 0.5166374781rem + 0.8756567426vw, 1.25rem);
}
@media (max-width: 768px) {
  .clinic-modal__title {
    min-height: clamp(2.1875rem, 1.2929389313rem + 3.8167938931vw, 3.125rem);
    font-size: clamp(0.8125rem, 0.5143129771rem + 1.272264631vw, 1.125rem);
  }
}

@media (hover: hover) and (pointer: fine) {
  .clinic-modal__link:hover img, .clinic-modal__link:focus img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .clinic-modal__link img {
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  }
}
.clinic4 {
  padding-bottom: 120px;
}

/*###################################################################
  staff（page）
###################################################################*/
.staff1 {
  padding-bottom: 120px;
}
.staff1__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 768px) {
  .staff1__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 20px;
  }
}
.staff1__col-box {
  max-width: 680px;
  width: 100%;
}
@media (max-width: 768px) {
  .staff1__col-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
@media (max-width: 768px) {
  .staff1__text {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.staff1__name {
  max-width: clamp(18.75rem, 14.85rem + 16.64vw, 25.25rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 1px solid var(--text);
  padding-bottom: clamp(0.625rem, 0.3625rem + 1.12vw, 1.0625rem);
  margin-top: clamp(1.875rem, -0.6501751313rem + 5.2539404553vw, 3.75rem);
}
@media (max-width: 768px) {
  .staff1__name {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
}
.staff1__job {
  font-size: clamp(1.25rem, 1.1rem + 0.64vw, 1.5rem);
}
.staff1__name-jp {
  font-size: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
}
.staff1__name-en {
  color: #ca9dc8;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 1.1rem + 0.64vw, 1.5rem);
}
.staff1__img {
  max-width: 520px;
  width: 100%;
}
.staff1__box {
  background-color: var(--white);
  padding: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem) clamp(0.9375rem, 0.3411259542rem + 2.5445292621vw, 1.5625rem);
}
.staff1__box-inner {
  max-width: 1120px;
  margin-inline: auto;
}
.staff1__box-title {
  height: clamp(2.375rem, 1.625rem + 3.2vw, 3.625rem);
  display: grid;
  place-items: center;
  background-color: #ca9dc8;
  color: var(--white);
  font-size: clamp(1.25rem, 0.8rem + 1.92vw, 2rem);
}
.staff1__box-text {
  margin-top: 15px;
}
.staff1__indent {
  display: inline-block;
  text-indent: -4em;
  padding-left: 4em;
}
.staff1__faq-title {
  min-height: clamp(3.375rem, 2.7920984456rem + 2.4870466321vw, 4.875rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  font-size: clamp(1.25rem, 0.9585492228rem + 1.2435233161vw, 2rem);
  line-height: 1.5;
  text-align: center;
  border-top: 2px solid var(--text);
  border-bottom: 2px solid var(--text);
  padding: 10px 0;
}
.staff1__faq-color {
  color: #ca9dc8;
}
.staff1__faq {
  margin-inline: auto;
}

.staff-faq {
  max-width: 1120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem);
}
.staff-faq__item {
  background-color: var(--white);
}
.staff-faq__details[open] .staff-faq__icon::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.staff-faq__summary {
  display: grid;
  grid-template-columns: clamp(2.25rem, 1.551242236rem + 2.9813664596vw, 3.75rem) 1fr 18px;
  padding: clamp(0.875rem, 0.700310559rem + 0.7453416149vw, 1.25rem) clamp(0.5rem, -0.4316770186rem + 3.9751552795vw, 2.5rem);
  cursor: pointer;
}
.staff-faq__summary::-webkit-details-marker {
  display: none;
}
.staff-faq__q {
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background-color: #ca9dc8;
  color: var(--white);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.900621118rem + 1.4906832298vw, 2rem);
  font-weight: 600;
  line-height: 1;
  border-radius: 50%;
  padding-top: clamp(0.3125rem, 0.2542701863rem + 0.248447205vw, 0.4375rem);
}
.staff-faq__title {
  font-size: clamp(0.875rem, 0.7585403727rem + 0.4968944099vw, 1.125rem);
  line-height: 2;
  margin-top: clamp(0.4375rem, 0.2919254658rem + 0.6211180124vw, 0.75rem);
  padding-right: clamp(0.5rem, 0.4417701863rem + 0.248447205vw, 0.625rem);
  padding-left: clamp(0.5rem, 0.150621118rem + 1.4906832298vw, 1.25rem);
}
.staff-faq__icon {
  position: relative;
}
.staff-faq__icon:after {
  content: "";
  width: 100%;
  aspect-ratio: 18/10;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background: url(../images/icon-faq.svg) no-repeat center center/contain;
}
.staff-faq__body-inner {
  max-width: 1000px;
  margin-inline: auto;
  padding: clamp(0.625rem, 0.3338509317rem + 1.2422360248vw, 1.25rem) clamp(0.75rem, 0.5170807453rem + 0.9937888199vw, 1.25rem) 20px;
}

/*###################################################################
  med（page）
###################################################################*/
.med-col1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px 25px;
}
@media (max-width: 768px) {
  .med-col1 {
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-inline: auto;
  }
}
.med-col1__box {
  max-width: 640px;
  width: 100%;
}
.med-col1__title {
  font-size: clamp(1.25rem, 0.2399299475rem + 2.1015761821vw, 2rem);
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .med-col1__title {
    font-size: clamp(1.125rem, 0.8864503817rem + 1.0178117048vw, 1.375rem);
  }
}
.med-col1__text_mt30 {
  margin-top: clamp(0.9375rem, -0.3250875657rem + 2.6269702277vw, 1.875rem);
}
@media (max-width: 768px) {
  .med-col1__text_mt30 {
    margin-top: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem);
  }
}
.med-col1__img {
  max-width: 600px;
  width: 100%;
  -webkit-box-shadow: 10px 10px 0px #c99cc8;
          box-shadow: 10px 10px 0px #c99cc8;
}
@media (max-width: 768px) {
  .med-col1__img {
    max-width: 500px;
  }
}

.med-link {
  max-width: 266px;
  height: 62px;
  display: block;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  position: relative;
  background-color: var(--white);
  font-size: 18px;
  border: 1px solid var(--text);
  border-radius: 5px;
  margin-inline: auto;
  padding-left: 60px;
}
.med-link::after {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  background-color: var(--text);
}

.med2__video {
  max-width: 620px;
  margin-inline: auto;
}
.med2__youtube {
  width: 100%;
  height: 100%;
  aspect-ratio: 31/17;
}
.med2__box {
  max-width: 1120px;
  position: relative;
  background-color: var(--white);
  margin-inline: auto;
  border-radius: clamp(1.5625rem, 1.1257763975rem + 1.8633540373vw, 2.5rem);
  padding: 40px clamp(0.9375rem, 0.3552018634rem + 2.4844720497vw, 2.1875rem);
}
.med2__box::before, .med2__box::after {
  content: "";
  width: clamp(2.5rem, 1.6013601036rem + 3.8341968912vw, 4.8125rem);
  aspect-ratio: 77/64;
  position: absolute;
}
.med2__box::before {
  bottom: clamp(0.375rem, 0.0349740933rem + 1.4507772021vw, 1.25rem);
  right: clamp(0.375rem, 0.0349740933rem + 1.4507772021vw, 1.25rem);
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--main);
  border-right: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--main);
  border-radius: 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0;
}
.med2__box::after {
  top: clamp(0.375rem, 0.0349740933rem + 1.4507772021vw, 1.25rem);
  left: clamp(0.375rem, 0.0349740933rem + 1.4507772021vw, 1.25rem);
  border-top: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--main);
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid var(--main);
  border-radius: clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0 0 0;
}
.med2__box-inner {
  max-width: 800px;
  margin-inline: auto;
}
.med2__box-title {
  height: clamp(4.25rem, 3.4056677019rem + 3.602484472vw, 6.0625rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.75rem, 0.6626552795rem + 0.3726708075vw, 0.9375rem);
  background-color: var(--main);
  color: var(--white);
  font-size: clamp(1.25rem, 1.0170807453rem + 0.9937888199vw, 1.75rem);
  border-radius: 10px;
}
.med2__box-title::after {
  content: "";
  width: clamp(7.1875rem, 5.8190993789rem + 5.8385093168vw, 10.125rem);
  aspect-ratio: 162/10;
  background: url(../images/icon-title-deco-1.svg) no-repeat center center/contain;
}
.med2__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.5625rem, 1.3586956522rem + 0.8695652174vw, 2rem);
  margin-top: clamp(1.5625rem, 1.0675465839rem + 2.1118012422vw, 2.625rem);
}
.med2__item {
  display: grid;
  grid-template-columns: clamp(2.5rem, 0.7822204969rem + 7.3291925466vw, 6.1875rem) 1fr;
  border-bottom: 2px solid var(--text);
  padding-bottom: clamp(0.5rem, 0.2961956522rem + 0.8695652174vw, 0.9375rem);
}
.med2__number_01 {
  max-width: clamp(1.5rem, 0.4227484472rem + 4.5962732919vw, 3.8125rem);
}
.med2__number_02 {
  max-width: clamp(1.9375rem, 0.539984472rem + 5.9627329193vw, 4.9375rem);
}
.med2__number_03 {
  max-width: clamp(1.84375rem, 0.5190217391rem + 5.652173913vw, 4.6875rem);
}
.med2__number_04 {
  max-width: clamp(1.91875rem, 0.5416149068rem + 5.8757763975vw, 4.875rem);
}
.med2__item-text {
  font-size: clamp(1rem, 0.7670807453rem + 0.9937888199vw, 1.5rem);
  font-weight: bold;
  line-height: 2;
  margin-top: clamp(-0.375rem, -0.549689441rem + 0.7453416149vw, 0rem);
}

.med8 {
  padding-bottom: 120px;
}

/*###################################################################
  fee（page）
###################################################################*/
.fee1 {
  padding-bottom: 120px;
}
.fee1__dl {
  overflow-x: auto;
  overflow-y: hidden !important;
  display: grid;
  grid-template-columns: clamp(22.375rem, 1.9253246753rem + 57.4025974026vw, 50rem) 1fr;
  font-size: clamp(0.875rem, 0.6899350649rem + 0.5194805195vw, 1.125rem);
  margin-top: 20px;
}
.fee1__dl.is-scrollable {
  cursor: -webkit-grab;
  cursor: grab;
}
.fee1__dl.is-scrollable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fee1__dl_last.is-scrollable {
  padding-bottom: 30px;
}
.fee1__dl_last .scroll-hint-icon {
  top: calc(50% - 41px);
}
.fee1__dt {
  min-width: 358px;
  line-height: 1.8;
  white-space: pre-line;
  border-right: 1px solid #e3bae6;
  padding: clamp(0.75rem, 0.5418019481rem + 0.5844155844vw, 1.03125rem) 0;
  padding-right: 10px;
  padding-left: clamp(0.625rem, -0.762987013rem + 3.8961038961vw, 2.5rem);
}
.fee1__dt:nth-of-type(odd) {
  background-color: var(--main);
  color: var(--white);
}
.fee1__dt:nth-of-type(even) {
  background-color: var(--white);
}
.fee1__s {
  font-size: clamp(0.8125rem, 0.6737012987rem + 0.3896103896vw, 1rem);
  font-weight: 400;
}
.fee1__dd {
  min-width: 162px;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  white-space: pre-line;
  padding-left: clamp(0.625rem, -0.762987013rem + 3.8961038961vw, 2.5rem);
}
.fee1__dd:nth-of-type(odd) {
  background-color: var(--main);
  color: var(--white);
}
.fee1__dd:nth-of-type(even) {
  background-color: var(--white);
}
.fee1__bg {
  background-color: var(--main);
  color: var(--white);
  padding: clamp(1.875rem, 0.0858778626rem + 7.6335877863vw, 3.75rem) 0;
}
.fee1__bg-title {
  min-height: clamp(3.375rem, 2.7920984456rem + 2.4870466321vw, 4.875rem);
  display: grid;
  place-items: center;
  border-top: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  padding: 10px 0;
}
.fee1__bg-title-text {
  font-size: clamp(1.25rem, 0.9585492228rem + 1.2435233161vw, 2rem);
  line-height: 1.5;
  text-align: center;
}

/*###################################################################
  access（page）
###################################################################*/
.access1__img {
  max-width: clamp(17.5rem, 1.4285714286rem + 68.5714285714vw, 40rem);
  position: relative;
  margin-inline: auto;
}
.access1__bg {
  background-color: var(--white);
  margin-top: calc(clamp(7.0625rem, 0.5rem + 28vw, 16.25rem) * -1);
}
.access1__inner2 {
  max-width: 1005px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 320px 30px 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 900px) {
  .access1__inner2 {
    padding: clamp(9.0625rem, 1.25rem + 33.3333333333vw, 20rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 60px;
  }
}
@media (max-width: 768px) {
  .access1__inner2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 30px;
    padding: clamp(9.0625rem, 1.25rem + 33.3333333333vw, 20rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(1.875rem, 0.0858778626rem + 7.6335877863vw, 3.75rem);
  }
}
.access1__group1 {
  max-width: 381px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10px;
}
.access1__tel {
  max-width: 340px;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 5px;
  background-color: var(--white);
  color: var(--main);
  border: 2px solid var(--main);
  margin-top: 10px;
}
@media (max-width: 768px) {
  .access1__tel {
    margin-top: 0;
  }
}
.access1__tel-text {
  font-size: 0.8125rem;
}
.access1__tel-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.16rem;
     -moz-column-gap: 0.16rem;
          column-gap: 0.16rem;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  font-weight: 500;
}
.access1__tel-number::before {
  content: "";
  min-width: 13px;
  aspect-ratio: 13/25;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.access1__address {
  max-width: 340px;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 5px;
  background-color: var(--main);
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  border: 2px solid var(--main);
  padding: 0 13px;
}
.access1__address-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.access1__address-text::before {
  content: "";
  min-width: 13px;
  aspect-ratio: 13/18;
  background-color: var(--white);
  -webkit-mask-image: url(../images/icon-map-1.svg);
          mask-image: url(../images/icon-map-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.access1__address-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.access1__address-note::before {
  content: "";
  min-width: 16px;
  aspect-ratio: 16/13;
  background-color: var(--white);
  -webkit-mask-image: url(../images/icon-car-1.svg);
          mask-image: url(../images/icon-car-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.access1__hours {
  max-width: 504px;
  width: 100%;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .access1__hours {
    margin-top: 3px;
  }
}
.access1__hours .hours__table {
  font-size: clamp(0.664375rem, 0.105rem + 2.3866666667vw, 1rem);
}
.access1__hours .hours__th {
  padding-bottom: clamp(0.78125rem, 0.1041666667rem + 2.8888888889vw, 1.1875rem);
}
@media (max-width: 768px) {
  .access1__hours .hours__left {
    font-size: clamp(0.664375rem, 0.105rem + 2.3866666667vw, 1rem);
  }
}
.access1__hours .hours__am {
  padding-top: clamp(0.375rem, -0.0416666667rem + 1.7777777778vw, 0.625rem);
  padding-bottom: clamp(0.40625rem, 0.0416666667rem + 1.5555555556vw, 0.625rem);
}
.access1__hours .hours__pm {
  padding-top: clamp(0.3125rem, -0.2083333333rem + 2.2222222222vw, 0.625rem);
  padding-bottom: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 0.625rem);
}
.access1__hours .hours__td {
  font-size: clamp(1.0625rem, 0.3333333333rem + 3.1111111111vw, 1.5rem);
}
.access1__hours .hours__note {
  font-size: clamp(0.9375rem, 0.733845339rem + 0.4237288136vw, 1rem);
  margin-top: clamp(0.5rem, 0.0833333333rem + 1.7777777778vw, 0.75rem);
}
@media (max-width: 768px) {
  .access1__hours .hours__note {
    font-size: clamp(0.664375rem, 0.105rem + 2.3866666667vw, 1rem);
  }
}

.access2 {
  padding-bottom: 120px;
}
.access2__map {
  max-width: 1120px;
  margin-inline: auto;
}
.access2__gmap {
  width: 100%;
  height: 480px;
}
.access2__info {
  max-width: 1120px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .access2__info {
    max-width: 600px;
    grid-template-columns: 1fr;
  }
}
.access2__item {
  position: relative;
  padding: 35px clamp(0.9375rem, -0.5534351145rem + 6.3613231552vw, 2.5rem) 60px;
}
.access2__item::before, .access2__item::after {
  content: "";
  width: clamp(2.5rem, 2.0385362694rem + 1.9689119171vw, 3.6875rem);
  aspect-ratio: 59/64;
  position: absolute;
  bottom: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
}
.access2__item_1 {
  background-color: #d8f4f8;
  border-top: 5px solid #5fc9d9;
  border-radius: 0 0 0 50px;
}
@media (max-width: 768px) {
  .access2__item_1 {
    border-radius: 0;
  }
}
.access2__item_1::before {
  left: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #1fa3b7;
  border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
}
@media (max-width: 768px) {
  .access2__item_1::before {
    content: none;
  }
}
.access2__item_2 {
  background-color: #fef4ff;
  border-top: 5px solid #ca9dc8;
  border-radius: 0 0 50px 0;
}
@media (max-width: 768px) {
  .access2__item_2 {
    border-radius: 0 0 50px 50px;
  }
}
.access2__item_2::before {
  right: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
  border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
  border-right: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
  border-radius: 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem) 0;
}
@media (max-width: 768px) {
  .access2__item_2::after {
    left: clamp(0.375rem, 0.1564119171rem + 0.932642487vw, 0.9375rem);
    border-bottom: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
    border-left: clamp(0.3125rem, 0.2396373057rem + 0.310880829vw, 0.5rem) solid #ca9dc8;
    border-radius: 0 0 0 clamp(1.25rem, 1.0071243523rem + 1.0362694301vw, 1.875rem);
  }
}
.access2__item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 20px;
}
.access2__icon {
  max-width: clamp(4.375rem, 3.0801104972rem + 5.5248618785vw, 7.5rem);
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.access2__icon_1 {
  background: url(../images/icon-train.svg) no-repeat center center/contain;
}
.access2__icon_2 {
  background: url(../images/icon-car-2.svg) no-repeat center center/contain;
}
.access2__text1 {
  font-size: clamp(1.25rem, 0.497553816rem + 1.5655577299vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.access2__text2 {
  font-size: clamp(0.9375rem, 0.467221135rem + 0.9784735812vw, 1.25rem);
  font-weight: 500;
  line-height: 2;
  text-align: center;
  white-space: pre-line;
}
.access2__br {
  display: none;
}
@media (max-width: 1100px) {
  .access2__br {
    display: block;
  }
}
@media (max-width: 768px) {
  .access2__br {
    display: none;
  }
}
@media (max-width: 500px) {
  .access2__br {
    display: block;
  }
}

/*###################################################################
  news（page）
###################################################################*/
.news-list_pos {
  margin-top: clamp(3.125rem, 2.3298816568rem + 2.9585798817vw, 3.75rem);
}
.news-list__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .news-list__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
@media (max-width: 600px) {
  .news-list__inner {
    max-width: 400px;
  }
}
.news-list__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.875rem, -0.3571428571rem + 5.9523809524vw, 2.5rem);
  margin-top: 100px;
}
@media (max-width: 600px) {
  .news-list__items {
    row-gap: 50px;
    margin-top: 50px;
  }
}
.news-list__post-link {
  display: grid;
  grid-template-columns: clamp(11.25rem, -4.375rem + 41.6666666667vw, 15.625rem) 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
     -moz-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
          column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
  background-color: var(--white);
  border: 1px solid #75778d;
}
@media (max-width: 600px) {
  .news-list__post-link {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.news-list__thumbnail {
  max-width: 300px;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 600px) {
  .news-list__thumbnail {
    max-width: 100%;
  }
}
.news-list__thumbnail img {
  height: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list__text-box {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 600px) {
  .news-list__text-box {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
  }
}
.news-list__date {
  display: block;
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
}
.news-list__post-title {
  font-size: clamp(1.125rem, 0.6785714286rem + 1.1904761905vw, 1.25rem);
  line-height: 1.75;
  text-align: start;
  word-break: break-all;
  padding-right: 15px;
}
@media (max-width: 600px) {
  .news-list__post-title {
    padding-right: 0;
  }
}
.news-list__no-post {
  height: 200px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 500;
}
.news-list__pagination {
  font-size: 1.25rem;
  margin-top: 150px;
}
@media (max-width: 768px) {
  .news-list__pagination {
    margin-top: 80px;
  }
}
.news-list__pagination ul.page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.125rem, -0.875rem + 8vw, 2.125rem);
  margin-inline: auto;
}
.news-list__pagination ul.page-numbers li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.news-list__pagination ul.page-numbers li .page-numbers {
  --spacing: 0;
}
.news-list__pagination .page-numbers.current {
  color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .news-list__post-link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .news-list__post-link:hover .news-list__thumbnail img, .news-list__post-link:focus .news-list__thumbnail img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .news-list__post-link:hover .news-list__post-title, .news-list__post-link:focus .news-list__post-title {
    color: var(--main);
    text-decoration: underline;
  }
  .news-list__thumbnail img {
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  }
  .news-list__post-title {
    -webkit-transition: color ease 0.4s;
    transition: color ease 0.4s;
    -webkit-text-decoration-color: var(--main);
            text-decoration-color: var(--main);
  }
  .news-list__pagination a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-list__pagination a:hover, .news-list__pagination a:focus {
    opacity: 0.7;
  }
}
.news-post_pos {
  margin-top: clamp(3.125rem, 2.3298816568rem + 2.9585798817vw, 3.75rem);
}
.news-post__inner {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .news-post__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
.news-post__bg {
  background-color: var(--white);
  border: 1px solid #75778d;
  padding: 50px 20px 100px;
}
@media (max-width: 768px) {
  .news-post__bg {
    padding: 50px clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 100px;
  }
}
.news-post__date {
  display: block;
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .news-post__date {
    font-size: 1.125rem;
  }
}
.news-post__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
  word-break: break-all;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .news-post__title {
    font-size: 1.375rem;
    margin-top: 10px;
  }
}
.news-post__thumbnail {
  margin-top: 40px;
}
.news-post__editor {
  margin-top: 40px;
}

.news-post-pager {
  background-color: var(--white);
  border: 1px solid #75778d;
}
.news-post-pager_pos {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .news-post-pager_pos {
    margin-top: 60px;
  }
}
.news-post-pager__nav {
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main);
  font-size: clamp(1rem, 0.1071428571rem + 3.8095238095vw, 1.25rem);
  font-weight: 500;
  padding-right: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
  padding-left: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
}
.news-post-pager__link {
  --spacing: 0;
}
.news-post-pager__blank {
  min-width: 106px;
  min-width: clamp(5.4375rem, 0.5267857143rem + 20.9523809524vw, 6.8125rem);
}

@media (hover: hover) and (pointer: fine) {
  .news-post-pager__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-post-pager__link:hover, .news-post-pager__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  page-404（page）
###################################################################*/
.page-404_pos {
  margin-top: clamp(3.125rem, 2.7083333333rem + 1.6666666667vw, 3.75rem);
}
.page-404__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .page-404__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 100px;
  }
}
.page-404__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
}
.page-404__text {
  line-height: 1.75;
  white-space: pre-line;
  margin-top: 40px;
}
.page-404__button {
  width: 175px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  border: 1px solid var(--text);
  margin: 54px auto 0;
}

@media (hover: hover) and (pointer: fine) {
  .page-404__button {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .page-404__button:hover, .page-404__button:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  js-（js制御用）
###################################################################*/