@charset "utf-8";
@font-face {
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/tyo/common/font/ZenMaruGothic-700.woff2) format('woff2');
}
/*@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/tyo/common/font/NotoSansJP-900.woff2) format('woff2');
}*/
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
/*slider*/
.main {
  --zenfont: "Zen Maru Gothic", serif;
  .splide {
    --slider-main-bg: var(--default-color-main);
  }
  .splide__arrow {
    background: none;
    border-radius: 0;
    opacity: 1 !important;
    height: max-content;
    transform: translateY(max((-25vw / 3.75), -28px)); /*splide__paginationの高さ分マイナス*/
    &:disabled {
      opacity: 0;
      cursor: default;
    }
    svg {
      fill: var(--slider-main-bg);
      width: 80%;
      height: auto;
    }
  }
  .splide__arrow--prev {
    left: 0;
    justify-content: start;
  }
  .splide__arrow--next {
    right: 0;
    justify-content: end;
  }
  .splide__pagination {
    --slider-pagination-size: 12px;
    height: min((25vw / 3.75), 28px);
    position: static;
    gap: var(--slider-pagination-size);
    align-items: end;
    li {
      line-height: 0;
    }
  }
  .splide__pagination__page {
    opacity: 1;
    margin: 0;
    width: var(--slider-pagination-size);
    height: var(--slider-pagination-size);
    aspect-ratio: 1;
    background: var(--slider-pagination-bg, #D9D9D9);
    border-radius: 50%;
    &.is-active {
      --slider-pagination-bg: var(--default-color-green);
      transform: scale(1);
    }
  }
}
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
#headerArea {
  position: relative;
  font-family: var(--zenfont);
  background: var(--mv-bg) no-repeat center top / cover;
  /*SP*/
  @media (width<=860px) {
    --mv-bg: url("../images/mv_bg_sp.webp");
    --mv-pt: min((962vw / 7.5), 962px);
    --mv-logo-posi-ue: min((40vw / 7.5), 40px);
    --mv-logo-size-w: min((737vw / 7.5), 737px);
    --mv-logo-size-h: min((893vw / 7.5), 893px);
  }
  /*PC*/
  @media (width > 860px) {
    --mv-bg: url("../images/mv_bg_pc.webp");
    --mv-pt: 615px;
    --mv-logo-posi-ue: 43px;
    --mv-logo-size-w: 1810px;
    --mv-logo-size-h: 736px;
  }
}
/*mv*/
#mv {
  .mv__detail {
    padding-top: var(--mv-pt);
  }
  .mv__title {
    position: absolute;
    top: var(--mv-logo-posi-ue);
    left: 50%;
    width: var(--mv-logo-size-w);
    height: var(--mv-logo-size-h);
    translate: var(--mv-logo-posi-x, -50%) 0;
    .base-picture, .base-picture__image {
      width: 100%;
      height: 100%;
    }
  }
  .mv__lead {
    width: min((339vw / 3.75), 850px);
    margin: auto;
    font-size: min((15vw / 3.75), 20px);
    line-height: 1.6;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  @media (width<=860px) {
    padding-bottom: min((352vw / 7.5), 352px);
    background: url("../images/mv_ttl_sp_02.webp") no-repeat center bottom / min((749vw / 7.5), 749px);
  }
  @media (width > 860px) {
    --mv-logo-posi-x: calc(-50% + 6px);
    padding-bottom: 125px;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
/*.section-nav*/
#section-nav {
  --secnavi-bg: #FFD94B;
  .section-nav__lineup {
    width: var(--default-width);
    margin: auto;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .section-nav__lineup--item--link {
    display: block;
    background: var(--secnavi-bg);
    font-size: min((16vw / 3.75), 20px);
    line-height: 1.3;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
    .section-nav__lineup--item--inner {
      display: grid;
      align-items: center;
      height: 100%;
      &::after {
        content: var(--default-ico-anchor);
        font-family: var(--default-ff-icon);
        font-weight: bold;
        color: #AE9121;
        font-size: 1.25em;
        line-height: .5;
      }
    }
    @media (width <=1100px) {
      .is-inline-block {
        display: block;
      }
    }
  }
  .is-sp & {
    padding: min((40vw / 7.5), 40px) 0 min((82vw / 7.5), 82px);
    .section-nav__lineup {
      flex-wrap: wrap;
      --secnavi-gap: 12px;
      gap: var(--secnavi-gap);
    }
    .section-nav__lineup--item {
      --secnavi-col-num: 3;
      width: calc((100% - var(--secnavi-gap) * (var(--secnavi-col-num) - 1)) / var(--secnavi-col-num));
    }
    .section-nav__lineup--item--link {
      border-radius: 10px;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, .25);
      padding: 3px;
      min-height: min((110vw / 3.75), 80px);
      &[href="#section-kokoroodoru"] {
        letter-spacing: -3px;
      }
    }
    .section-nav__lineup--item--inner {
      border: 2px solid #fff;
      border-radius: 10px;
      padding: calc(18em / 18) 0 calc(14em / 18);
      gap: calc(10em / 18);
    }
  }
  .is-pc & {
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 50%;
    .section-nav__lineup {
      padding: 0 40px;
      border-radius: 1000px;
      background: var(--secnavi-bg);
      @media (width <=1100px) {
        border-radius: 15px;
      }
    }
    .section-nav__lineup--item {
      flex: 1;
    }
    .section-nav__lineup--item--inner {
      padding: calc(22em / 20) 0 calc(11em / 20);
      gap: calc(18em / 20);
    }
  }
}
/*section*/
.section {
  --secttl-mb: min((41.6vw / 3.75), 45px);
  --seclead-fs: min((18vw / 3.75), 32px);
  --seclead-lh: 1.8;
  --sec-yohaku-ue: min((92vw / 3.75), 194px);
  padding-top: var(--sec-yohaku-ue);
  &#section-current_issue {
    --secttl-mb: min((31.6vw / 3.75), 80px);
    --secttl-kazari-w: min((271vw / 3.75), 602px);
    --secttl-kazari-h: min((40vw / 3.75), 89px);
  }
  &#section-kokoroodoru {
    --secttl-mb: min((41.6vw / 3.75), 152px);
    --secttl-kazari-w: min((367vw / 3.75), 586px);
    --secttl-kazari-h: min((41vw / 3.75), 90px);
  }
  &#section-plan {
    --secttl-kazari-h: min((41vw / 3.75), 90px);
    --secttl-kazari-w: min((95vw / 3.75), 212px);
    --seclead-fs: min((18vw / 3.75), 22px);
    --seclead-lh: 1.6;
  }
  &#section-how_to_subscribe {
    --secttl-kazari-w: min((359vw / 3.75), 797px);
    --secttl-kazari-h: min((40vw / 3.75), 88px);
  }
  &#section-schedule {
    --secttl-kazari-w: min((175vw / 3.75), 389px);
    --secttl-kazari-h: min((41vw / 3.75), 92px);
    --seclead-fs: min((18vw / 3.75), 36px);
  }
  &#section-faq {
    --secttl-kazari-w: min((106vw / 3.75), 236px);
    --secttl-mb: min((61vw / 3.75), 75px);
    --secttl-kazari-h: min((53vw / 3.75), 119px);
    --sec-yohaku-ue: min((179vw / 3.75), 194px);
  }
}
.section__main, .section__more {
  position: relative;
}
.section__bg--kazari {
  width: var(--seckazari-size-w);
  height: var(--seckazari-size-h);
  object-fit: contain;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
.section__inner {
  width: var(--default-width);
  margin: auto;
}
.section__title, .section__subtitle, .section__lead {
  font-family: var(--zenfont);
  text-align: center;
}
.section:not(#section-contact) {
  .section__title {
    position: relative;
    font-size: min((18vw / 3.75), 40px);
    line-height: 1.3;
    margin-bottom: var(--secttl-mb);
    &::after {
      content: "";
      display: block;
      width: min((32vw / 3.75), 70px);
      height: min((3vw / 3.75), 7px);
      background: var(--default-color-green);
      position: absolute;
      bottom: calc(0px - .5em);
      left: 0;
      right: 0;
      margin: auto;
    }
  }
}
.section__title--text {
  position: relative;
  z-index: 1;
}
.section__title--kazari {
  position: absolute;
  left: 50%;
  bottom: 50%;
  translate: -50% 0;
  display: block;
  width: var(--secttl-kazari-w);
  height: var(--secttl-kazari-h);
  object-fit: contain;
  #section-faq & {
    bottom: calc(0px - .25em);
  }
}
.section__subtitle {
  font-size: min((20vw / 3.75), 28px);
  line-height: 1.3;
}
.section__lead {
  font-size: var(--seclead-fs);
  line-height: var(--seclead-lh);
}
.section__text {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  + .section__text {
    margin-top: 2em;
  }
}
/*section-current_issue*/
#section-current_issue {
  padding: min((92vw / 3.75), 186px) 0 min((100vw / 3.75), 100px);
  .section__inner {
    width: 100%;
  }
  background: var(--sec-bg, url("../images/current_issue_bg_sp.webp")) no-repeat center center / cover;
  .is-pc & {
    --sec-bg: url("../images/current_issue_bg_pc.webp");
  }
  .topic {
    position: relative;
    width: min((348vw / 3.75), 880px);
    height: min((190vw / 3.75), 483px);
    border: min((5vw / 3.75), 15px) solid #fff;
    box-shadow: 0px min((2vw / 3.75), 4px) min((3vw / 3.75), 6px) min((3vw / 3.75), 5px) rgba(0, 0, 0, .2);
    margin: auto;
  }
  .topic__item, .topic__item--banner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .topic__item:not(.is-active) {
    display: none;
  }
  .topic:not(:has(.is-hover-active)) .topic__item.is-active {
    display: block !important;
  }
  .topic__item--banner {
    object-fit: cover;
  }
  .topic-nav__lineup {
    width: min((344vw / 3.75), var(--default-width-pc));
    margin: min((23vw / 3.75), 52px) auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: min((10vw / 3.75), 25px);
  }
  .topic-nav__lineup--item {
    width: min((167vw / 3.75), 257px);
    height: min((92vw / 3.75), 139px);
    cursor: pointer;
    position: relative;
    &::before {
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .2);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }
    &.is-active {
      &::before {
        background: transparent;
        box-shadow: 0px 0px 0px min((3vw / 3.75), 4px) #15C0F2 inset;
      }
    }
  }
  .topic-nav__lineup--item--thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .subscription {
    margin-top: min((55vw / 3.75), 81px);
  }
  .subscription__title {
    margin-bottom: min((13vw / 3.75), 40px);
  }
  .subscription__buttons {
    display: grid;
    justify-items: center;
  }
}
/*section-kokoroodoru*/
#section-kokoroodoru {
  padding-top: min((82vw / 3.75), 246px);
  .section__bg--kazari.is-kazari-02 {
    bottom: 0;
  }
  .section__main {
    padding-bottom: min((224vw / 3.75), 272px);
    .section__bg--kazari.is-kazari-01 {
      --seckazari-size-w: min((155.08vw / 3.75), 367.45px);
      --seckazari-size-h: min((157vw / 3.75), 372px);
      top: 0;
      translate: var(--seckazari-posi-x, min((7vw / 3.75), 9px)) var(--seckazari-posi-y, min((111vw / 3.75), 220px));
      .is-pc & {
        --seckazari-posi-x: -455px;
        --seckazari-posi-y: max((-134vw / 3.75), -370px);
      }
    }
    .section__bg--kazari.is-kazari-02 {
      --seckazari-size-w: min((169.77vw / 3.75), 298.58px);
      --seckazari-size-h: var(--seckazari-size-w);
      rotate: 6.77deg;
      translate: var(--seckazari-posi-x, min((92vw / 3.75), 444px)) var(--seckazari-posi-y, max((-72vw / 3.75), -80px));
      .is-sp & {
        @media(width >=540px) {
          --seckazari-posi-y: -40px;
        }
      }
      .is-pc & {
        --seckazari-posi-x: min((105vw / 3.75), 444px);
        --seckazari-posi-y: max((-35vw / 3.75), -134px);
      }
    }
    .section__lead {
      padding-bottom: var(--seclead-pb);
      width: var(--default-width);
      margin: auto;
    }
    .kokoroodoru-intro__item {
      display: grid;
    }
    .kokoroodoru-intro__item--title {
      font-size: min((18vw / 3.75), 26px);
      line-height: 2.3;
      font-weight: bold;
    }
    .kokoroodoru-intro__item--text {
      font-size: 16px;
      line-height: 1.8;
      .is-pc & {
        line-height: 2;
        &.is-fs-big {
          font-size: 22px;
        }
      }
    }
    .kokoroodoru-intro__item--image {
      position: relative;
      width: 100%;
      padding-top: var(--item-img-size-h);
      .kokoroodoru-intro__item.is-01 & {
        --item-img-size-h: calc((606 / 478) * 100%);
      }
      .kokoroodoru-intro__item.is-02 & {
        --item-img-size-h: calc((397 / 539) * 100%);
      }
    }
    .kokoroodoru-intro__item--image--photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
    }
    .is-sp & {
      --seclead-pb: min((201vw / 3.75), 476px);
      .kokoroodoru-intro__item--inner2 {
        width: var(--item-img-size-w);
        order: -1;
        margin: min((10vw / 3.75), 20px) auto;
      }
      .kokoroodoru-intro__item--title {
        text-align: center;
      }
      .kokoroodoru-intro__item {
        &.is-01 {
          --item-img-size-w: min((238vw / 3.75), 478px);
          position: relative;
          .kokoroodoru-intro__item--inner2 {
            position: absolute;
            top: min((140vw / 3.75), 227px);
            left: 0;
            right: 0;
            margin: auto;
          }
          .kokoroodoru-intro__item--title {
            .is-inline-block {
              display: block;
            }
            padding-bottom: min((350vw / 3.75), 704px);
          }
        }
        &.is-02 {
          --item-img-size-w: min((298vw / 3.75), 539px);
          .kokoroodoru-intro__item--texts {
            width: max-content;
            margin: auto;
          }
        }
      }
    }
    .is-pc & {
      --seclead-pb: 94px;
      .section__inner {
        width: min(98%, var(--default-width-pc));
      }
      .kokoroodoru-intro__item {
        &.is-01 {
          --item-inner-size: 665;
          grid-template-columns: calc((var(--item-inner-size) / var(--default-width-pc-val)) * 100%) 1fr;
          .kokoroodoru-intro__item--inner {
            padding: calc((80 / var(--item-inner-size)) * 100%) 0 calc((120 / var(--item-inner-size)) * 100%);
          }
          .kokoroodoru-intro__item--title {
            margin-bottom: calc((70 / var(--item-inner-size)) * 100%);
            text-align: center;
          }
          .kokoroodoru-intro__item--texts {
            padding: 0 calc((15 / var(--item-inner-size)) * 100%) 0 calc((42 / var(--item-inner-size)) * 100%);
          }
        }
        &.is-02 {
          --item-inner-size: 606;
          grid-template-columns: 1fr calc((var(--item-inner-size) / var(--default-width-pc-val)) * 100%);
          margin-top: calc((10 / var(--default-width-pc-val)) * 100%);
          .kokoroodoru-intro__item--inner {
            padding: 0 0 0 calc((70 / var(--item-inner-size)) * 100%);
          }
          .kokoroodoru-intro__item--title {
            margin-bottom: calc((20 / var(--item-inner-size)) * 100%);
          }
          .kokoroodoru-intro__item--inner2 {
            order: -1;
          }
          .kokoroodoru-intro__item--image {
            margin-top: calc((-98 / 527) * 100%);
          }
        }
        .kokoroodoru-intro__item--image {
          position: relative;
        }
        .kokoroodoru-intro__item--image--photo {
          position: absolute;
          top: 0;
          left: 0;
        }
      }
    }
  }
  .section__more {
    background: url("../images/kokoroodoru_idea_kazari_line.png") repeat-x center 0 / auto min((33vw / 3.75), 49px), linear-gradient(180deg, #FFEFBA 0%, #FFFFFF 95.8%);
    padding: min((75vw / 3.75), 156px) 0 min((147vw / 3.75), 147px);
    .is-pc & {
      padding-bottom: 90.15px;
    }
    .section__bg--kazari {
      z-index: 0;
    }
    .section__bg--kazari.is-kazari-01 {
      --seckazari-size-w: min((108.31vw / 3.75), 225.12px);
      --seckazari-size-h: min((102vw / 3.75), 212px);
      top: 0;
      translate: var(--seckazari-posi-x, max((-111vw / 3.75), -381px)) max((-42vw / 3.75), -92px);
      &:nth-child(2) {
        scale: -1 1;
        --seckazari-posi-x: min((111vw / 3.75), 381px);
      }
    }
    .section__bg--kazari.is-kazari-02 {
      translate: var(--seckazari-posi-x, min((37vw / 3.75), 85px)) var(--seckazari-posi-y, -37px);
      .is-pc & {
        --seckazari-posi-x: min((120vw /3.75), 463px);
        --seckazari-posi-y: 0;
      }
    }
    .kokoroodoru-idea__title {
      font-size: min((18vw / 3.75), 32px);
      margin-bottom: min((52.67vw / 3.75), 140px);
    }
    .kokoroodoru-idea__lineup {
      --lineup-col-num: 2;
      --lineup-yohaku-x: min((6.61vw / 3.75), 40px);
      width: min((346.61vw / 3.75), var(--default-width-pc));
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      gap: min((63.33vw / 3.75), 103.64px) var(--lineup-yohaku-x);
      @media(width >=940px) {
        --lineup-col-num: 3;
        justify-content: center;
      }
    }
    .kokoroodoru-idea__lineup--item {
      width: calc((100% - var(--lineup-yohaku-x) * (var(--lineup-col-num) - 1)) / var(--lineup-col-num));
      background: #fff;
      border-radius: min((10.28vw / 3.75), 20px);
      border: 1px solid #E9D8AC;
      padding: min((32vw / 3.75), 71px) min((15vw / 3.75), 35px) min((15vw / 3.75), 27px);
      font-size: min((14vw / 3.75), 20px);
      line-height: 1.8;
      text-align: center;
      position: relative;
    }
  }
  .kokoroodoru-idea__lineup--item--title {
    font-size: min((17vw / 3.75), 24px);
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: min((11.62vw / 3.75), 22px);
    &::after {
      content: "";
      display: block;
      width: min((105.61vw / 3.75), 200px);
      border: 1px dashed;
      margin: min((10.58vw / 3.75), 30px) auto 0;
    }
  }
  .kokoroodoru-idea__lineup--item--icon {
    width: 100%;
    height: var(--icon-size-h);
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% var(--icon-posi-y);
    object-fit: contain;
    .is-spot & {
      --icon-size-h: min((51.22vw / 3.75), 97px);
      --icon-posi-y: max((-27.16vw / 3.75), -51px);
    }
    .is-hobby & {
      --icon-size-h: min((60.7vw / 3.75), 115px);
      --icon-posi-y: max((-32.67vw / 3.75), -62.21px);
    }
    .is-trip & {
      --icon-size-h: min((78.15vw / 3.75), 152.57px);
      --icon-posi-y: max((-47.33vw / 3.75), -90.21px);
    }
    .is-impresso & {
      --icon-size-h: min((58.04vw / 3.75), 109.91px);
      --icon-posi-y: max((-33.48vw / 3.75), -63.43px);
    }
    .is-gourmet & {
      --icon-size-h: min((58vw / 3.75), 110px);
      --icon-posi-y: max((-34vw / 3.75), -63.64px);
    }
  }
}
/*section-plan*/
#section-plan {
  .section__lead {
    width: min((316vw / 3.75), var(--default-width-pc));
    margin: 0 auto min((60vw / 3.75), 50px);
  }
  .section__main {
    .section__bg--kazari.is-kazari-01 {
      --seckazari-size-w: min((236.06vw / 3.75), 524.58px);
      --seckazari-size-h: min((126vw / 3.75), 280px);
      top: 0;
      translate: var(--seckazari-posi-x, max((-72vw / 3.75), -482px)) var(--seckazari-posi-y, 43px);
      .is-sp & {
        @media (width >=550px) {
          --seckazari-posi-y: calc(-23vw / 3.75);
        }
      }
      .is-pc & {
        --seckazari-posi-x: max((-120vw / 3.75), -482px);
        --seckazari-posi-y: -94px;
      }
    }
  }
  .plan-lineup {
    display: grid;
    gap: var(--lineup-yohaku);
    --lineup-yohaku: min((10vw / 3.75), 24px);
    .is-pc & {
      --lineup-col-num: 2;
      grid-template-columns: repeat(auto-fit, calc((100% - var(--lineup-yohaku) * (var(--lineup-col-num) - 1)) / var(--lineup-col-num)));
      justify-content: center;
    }
  }
  .plan-lineup__item {
    background: #F8F4EB;
    border-radius: min((10vw / 3.75), 20px);
    text-align: center;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
    padding: min((26vw / 3.75), 34px) min((12vw / 3.75), 24px);
  }
  .plan-lineup__item--title--type {
    font-family: var(--zenfont);
    color: var(--default-color-green);
    font-size: min((20.61vw / 3.75), 30px);
    line-height: 1.13;
  }
  .plan-lineup__item--title--type--num {
    display: block;
    font-size: min((44vw / 3.75), 64px);
    margin-bottom: min((20vw / 3.75), 32px);
  }
  .plan-lineup__item--title--name {
    display: block;
    font-size: min((22vw / 3.75), 32px);
    font-weight: bold;
    .is-plus {
      margin: 0 .2em;
    }
  }
  .plan-lineup__item--texts {
    text-align: left;
    margin-top: min((10vw / 3.75), 12px);
  }
  .plan-lineup__item--text {
    font-size: min((13.74vw / 3.75), 20px);
    line-height: 1.8;
  }
  .plan-lineup__item--price {
    font-size: min((21.43vw / 3.75), 30px);
    font-weight: bold;
    &::before {
      content: "";
      display: block;
      width: 100%;
      border: 1px solid var(--default-color-green);
      margin: min((20vw / 3.75), 23px) auto min((22.5vw / 3.75), 25px);
    }
  }
}
/*section-how_to_subscribe*/
#section-how_to_subscribe {
  --main-color: #FFC104;
  .section__lead {
    margin-bottom: min((30vw / 3.75), 50px);
  }
  .section__main {
    .section__bg--kazari.is-kazari-01 {
      --seckazari-size-w: min((161vw / 3.75), 406px);
      --seckazari-size-h: var(--seckazari-size-w);
      top: 0;
      translate: min((138vw / 3.75), 557px) max((-45.99vw / 3.75), -251px);
    }
  }
  .howto {
    --lineup-yohaku: min((10vw / 3.75), 24px);
    display: grid;
    gap: var(--lineup-yohaku);
    grid-template-rows: max-content max-content 1fr;
    @media(width < 640px) {
      width: min((250vw / 3.75), 352px);
      margin: auto;
    }
    @media(width >=640px) {
      --lineup-col-num: 2;
      grid-template-columns: repeat(auto-fit, calc((100% - var(--lineup-yohaku) * (var(--lineup-col-num) - 1)) / var(--lineup-col-num)));
      justify-content: center;
    }
    @media(width >=940px) {
      --lineup-col-num: 3;
    }
  }
  .howto__item {
    background: #fff;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: min((20vw / 3.75), 28.16px) 0;
    border: 1px solid var(--main-color);
    border-radius: min((12.7vw / 3.75), 17.88px);
    padding: min((18vw / 3.75), 25.34px) min((33vw / 3.75), 46.46px) min((23.33vw / 3.75), 24px);
  }
  .howto__item--title {
    font-size: min((22.86vw / 3.75), 32.19px);
    font-weight: bold;
    text-align: center;
    &::after {
      content: "";
      display: block;
      width: min((95.24vw / 3.75), 134.1px);
      height: min((3.17vw / 3.75), 4.47px);
      background: var(--main-color);
      margin: min((6vw / 3.75), 8.32px) auto 0;
    }
  }
  .howto__item--text {
    font-size: min((14vw / 3.75), 19.71px);
  }
  .howto__item--capture {
    width: 100%;
    height: 0;
    padding-top: calc((601 / 520) * 100%);
    position: relative;
  }
  .howto__item--capture--photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/*section-schedule*/
#section-schedule {
  .section__lead {
    margin-bottom: min((30vw / 3.75), 50px);
  }
  .section__texts {
    margin-bottom: 50px;
    .is-sp & {
      .is-ta-left {
        text-align: left;
      }
    }
  }
  .section__main {
    .section__bg--kazari.is-kazari-01 {
      --seckazari-size-w: min((125vw / 3.75), 258px);
      --seckazari-size-h: var(--seckazari-size-w);
      top: 0;
      translate: max((-125vw / 3.75), -256px) max((-116.99vw / 3.75), -213px);
    }
    .section__bg--kazari.is-kazari-02 {
      --seckazari-size-w: min((295.8vw / 3.75), 435.29px);
      --seckazari-size-h: min((176vw / 3.75), 259px);
      bottom: 0;
      translate: var(--seckazari-posi-x, 40px) min((129vw / 3.75), 191px);
      .is-sp & {
        @media(width >=520px) {
          --seckazari-posi-x: calc(86vw / 3.75);
        }
      }
      .is-pc & {
        --seckazari-posi-x: min((120vw / 3.75), 491px);
      }
    }
  }
  .schedule-table_wrapper {
    overflow-x: auto;
    margin-bottom: min((35vw / 3.75), 50px)
  }
  .schedule-table {
    --table-border: 1px solid var(--ui-static-navy-40);
    width: max-content;
    border: var(--table-border);
    border-collapse: collapse;
    margin: auto;
    font-size: 12px;
    text-align: center;
    th, td {
      border: var(--table-border);
    }
    th {
      font-size: 14px;
    }
  }
  .schedule-table__month--item {
    width: min((70vw / 3.75), 80px);
    height: 53px;
    background: var(--ui-static-navy-20);
  }
  .schedule-table__season {
    &.is-first {
      --table-season-bg1: #EBE8C7;
      --table-season-bg2: #FEFFCC;
    }
    &.is-spring {
      --table-season-bg1: #EDD1DB;
      --table-season-bg2: var(--ui-static-magenta-20);
    }
    &.is-summer {
      --table-season-bg1: #C7E0EB;
      --table-season-bg2: var(--ui-static-aqua-blue-20);
    }
    &.is-autumn {
      --table-season-bg1: #E2C9B6;
      --table-season-bg2: #EEDED1;
    }
    &.is-winter {
      --table-season-bg1: #E0D7F2;
      --table-season-bg2: #ECE6F8;
    }
  }
  .schedule-table__season--name {
    width: min((80vw / 3.75), 100px);
    height: 55px;
    background: var(--table-season-bg1);
  }
  .schedule-table__season--content:has(.schedule-table__season--procedure) {
    background: var(--table-season-bg2);
  }
  .schedule-table__season--delivery--month {
    line-height: 1.3;
    font-weight: bold;
    padding: .1em .75em .2em;
    color: var(--ui-static-navy-70);
    background: var(--table-season-bg2);
    display: inline-block;
    border-radius: 4px;
    margin-bottom: .25em;
  }
  .schedule__links {
    display: grid;
    justify-items: center;
    gap: min((16vw / 3.75), 40px);
  }
  .section__notes--wrapper {
    margin-top: 50px;
    font-size: 14px;
  }
  .section__notes--title {
    margin-bottom: .25em;
  }
}
/*section-faq*/
#section-faq {
  .section__main {
    padding-bottom: min((214vw / 3.75), 337px);
    .section__bg--kazari.is-kazari-01 {
      --seckazari-size-w: min((342.26vw / 3.75), 839.29px);
      --seckazari-size-h: min((115vw / 3.75), 282px);
      bottom: 0;
      translate: var(--seckazari-posi-x, -6px) max((-69vw / 3.75), -100px);
      .is-pc & {
        --seckazari-posi-x: min((80vw / 3.75), 421px);
      }
    }
  }
  .ui-static-faq-question {
    align-items: baseline;
    &::before {
      color: var(--ui-static-teal-60);
    }
  }
  .ui-static-faq-answer {
    background: var(--ui-static-teal-20);
    border-radius: 0;
  }
  .ui-static-faq-answer-links:not(:first-child) {
    margin-top: .5em;
  }
  .ui-static-faq-answer-link + .ui-static-faq-answer-link {
    margin-top: 8px;
  }
  .ui-static-faq-answer-text {
    .base-text-link[href="#section-schedule"]::after {
      rotate: 180deg;
    }
  }
}
/*section-contact*/
#section-contact {
  padding: min((50vw / 3.75), 64px) 0;
  background: var(--default-color-green3);
  .section__title {
    width: var(--default-width);
    margin: 0 auto min((24vw / 3.75), 24px);
    text-align: left;
    font-size: min((20vw / 3.75), 30px);
    color: var(--default-color-green4);
  }
  .contact {
    display: grid;
    justify-items: center;
    font-weight: bold;
  }
  .contact__tel, .contact__form {
    display: flex;
    align-items: center;
    gap: .25em;
    .ui-static-icon {
      font-size: 1em;
      margin-top: .1em;
    }
  }
  .contact__tel {
    font-size: min((32vw / 3.75), 64px);
    text-align: center;
  }
  .contact__tel--link {
    color: inherit;
  }
  .contact__time {
    font-size: min((16vw / 3.75), 24px);
    display: grid;
    grid-template-columns: max-content 1fr;
    margin-top: min((8vw / 3.75), 8px);
  }
  .contact__time--detail--lineup {
    .is-pc & {
      display: flex;
      flex-wrap: wrap;
      gap: 0 1em;
    }
  }
  .contact__time--title {
    &::after {
      content: "：";
    }
  }
  .contact__form {
    font-size: min((24vw / 3.75), 40px);
    color: var(--default-color-green4);
    margin-top: min((24vw / 3.75), 24px);
  }
  .section__notes {
    font-size: min((16vw / 3.75), 20px);
    margin-top: min((26vw / 3.75), 24px);
  }
}
/*------------------------------------------------*/
/*★ ＝＝ footerArea ＝＝ ★*/
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .section-nav__lineup--item--link {
    transition: var(--default-hover-transition-background);
    &:hover {
      --secnavi-bg: #FFE68C;
    }
  }
  #section-contact .contact__form {
    transition: var(--default-hover-transition-color);
    &:hover {
      color: var(--default-color-green2);
    }
  }
}