/* ------------------------------ */
/* Fonts */
/* ------------------------------ */
@font-face {
  font-family: "lato";
  src: url("../fonts/Lato-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/Lato-Thin.woff") format("woff");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/Lato-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/Lato-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/Lato-Black.woff") format("woff");
  font-weight: 900;
  font-display: swap;
}
:root {
  --color-white: #FFF;
  --color-base: #8D784E;
  --color-base-light: #E2DEDB;
  --color-bg1: #FBFBFB;
  --color-bg2: #F9F8F7;
  --color-txt: #555555;
  --color-pink: #EBBDA7;
  --color-pink-light: #F8F0EC;
  --color-pink-deep: #E9B69D;
  --color-pink-mid: #F9DAD5;
  --color-blue: #B6D8D6;
  --color-blue-deep: #8BB9CA;
  --color-green: #BFE3CE;
  --color-green-deep: #A6C4B3;
  --color-green-mid: #BCE4DB;
  --color-yellow: #FEDE83;
  --color-yellow-deep: #E7B66E;
  --color-gray1: #F3F2EF;
  --color-gray2: #ABABAB;
  --color-gray3: #E5E5E5;
  --color-gray4: #F9F7F7;
  --color-onlineshop: #f66152;
  --font-family-sans-serif: "Noto Sans JP", sans-serif;
  --font-family-serif: "Zen Old Mincho", serif;
  --font-family-lato: "lato", sans-serif;
  --font-size-default: 16px;
  --font-size-xxsmall: 10px;
  --font-size-xsmall: 12px;
  --font-size-msmall: 13px;
  --font-size-small: 14px;
  --font-size-medium: 18px;
  --font-size-large: 20px;
  --font-size-xlarge: 24px;
  --font-size-xxlarge: 28px;
  --font-size-xxxlarge: 30px;
  --font-size-splarge: 40px;
  --line-height-default: 1.4;
}

/* ------------------------------ */
/* Animations */
/* ------------------------------ */
@-webkit-keyframes blurIn {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes blurIn {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.a-blur-in {
  opacity: 0;
}
.a-blur-in.inview {
  -webkit-animation: blurIn 0.8s ease forwards;
          animation: blurIn 0.8s ease forwards;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.a-fade-in-up {
  opacity: 0;
}
.a-fade-in-up.inview {
  -webkit-animation: fadeInUp 0.6s ease forwards;
          animation: fadeInUp 0.6s ease forwards;
}

@-webkit-keyframes mainVisalMain {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    letter-spacing: 0.15em;
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    letter-spacing: 0;
  }
}

@keyframes mainVisalMain {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    letter-spacing: 0.15em;
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    letter-spacing: 0;
  }
}
.a-main-visual-main {
  opacity: 0;
}
.a-main-visual-main.inview {
  -webkit-animation: mainVisalMain 0.9s ease forwards;
          animation: mainVisalMain 0.9s ease forwards;
}

@-webkit-keyframes mainVisualSub {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    letter-spacing: 0.4em;
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    letter-spacing: 0.25em;
  }
}

@keyframes mainVisualSub {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    letter-spacing: 0.4em;
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    letter-spacing: 0.25em;
  }
}
.a-main-visual-sub {
  opacity: 0;
}
.a-main-visual-sub.inview {
  -webkit-animation: mainVisualSub 1.4s ease forwards;
          animation: mainVisualSub 1.4s ease forwards;
}

@-webkit-keyframes sectionHeadingMain {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    letter-spacing: 0.24em;
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    letter-spacing: 0.15em;
  }
}

@keyframes sectionHeadingMain {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    letter-spacing: 0.24em;
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    letter-spacing: 0.15em;
  }
}
.a-section-heading-main {
  opacity: 0;
}
.a-section-heading-main.inview {
  -webkit-animation: sectionHeadingMain 0.9s ease forwards;
          animation: sectionHeadingMain 0.9s ease forwards;
}

@-webkit-keyframes sectionHeadingSub {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes sectionHeadingSub {
  from {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.a-section-heading-sub {
  opacity: 0;
}
.a-section-heading-sub.inview {
  -webkit-animation: sectionHeadingSub 0.6s ease forwards;
          animation: sectionHeadingSub 0.6s ease forwards;
}

/* ------------------------------ */
/* Main */
/* ------------------------------ */
.b-main {
  background-color: var(--color-bg1);
  min-height: 100vh;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 0 2.6666666667vw;
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-default);
  font-weight: 400;
  color: var(--color-txt);
  line-height: var(--line-height-default);
}
.b-main a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.b-main img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .b-main {
    padding: 0 0 10px;
  }
}

/* ------------------------------ */
/* Section */
/* ------------------------------ */
.b-section {
  padding: 13.3333333333vw 5.3333333333vw;
}
.b-section__heading {
  text-align: center;
  margin: 0 0 8vw;
}
.b-section__heading__main {
  display: block;
  font-family: var(--font-family-lato);
  font-size: 8.5333333333vw;
  font-weight: 300;
  letter-spacing: 0.15em;
}
.b-section__heading__main::first-letter {
  color: var(--color-pink);
}
.b-section__heading__sub {
  display: block;
  font-family: var(--font-family-serif);
  font-size: 3.7333333333vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.b-section__round-corner-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 1.6vw;
  height: 8vw;
  font-size: 3.7333333333vw;
  font-weight: 700;
  background-color: var(--color-pink-mid);
  border-radius: 4vw;
}
.b-section__round-corner-heading--multi {
  height: 13.3333333333vw;
  border-radius: 6.6666666667vw;
}
.b-section__txt {
  font-size: 3.7333333333vw;
  line-height: 2;
  margin: 2.6666666667vw 0;
}
.b-section__txt b {
  font-weight: 700;
}
.b-section__txt--deco1 {
  position: relative;
}
.b-section__txt--deco1 span {
  position: relative;
  z-index: 1;
}
.b-section__txt--deco1::before {
  content: "";
  position: absolute;
  bottom: -2.6666666667vw;
  right: 2.6666666667vw;
  height: 33.8666666667vw;
  width: 38.1333333333vw;
  background-image: url("/sc_rsc/inner/renew2025/images/common/deco-cloud-1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.b-section__txt--deco2 {
  position: relative;
}
.b-section__txt--deco2 span {
  position: relative;
  z-index: 1;
}
.b-section__txt--deco2::before {
  content: "";
  position: absolute;
  bottom: -6.9333333333vw;
  left: 0;
  height: 43.7333333333vw;
  width: 48.8vw;
  background-image: url("/sc_rsc/inner/renew2025/images/common/deco-cloud-2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.b-section__img {
  position: relative;
  width: 100%;
  display: block;
  margin: 2.6666666667vw 0;
  z-index: 1;
}
.b-section__lineup-section {
  margin: 8vw 0 10.6666666667vw;
}
.b-section__lineup-section__heading {
  margin: 0 0 5.3333333333vw;
  padding: 1.3333333333vw 0;
  font-family: var(--font-family-serif);
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  color: var(--color-white);
  background-color: var(--color-base);
}
.b-section__lineup-section__banners .pgadm-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 2.6666666667vw auto;
  gap: 2.6666666667vw;
}
.b-section--bg-gray {
  background-color: var(--color-gray1);
}
.b-section--bg-pink {
  background-color: var(--color-pink-light);
}
.b-section--wave {
  background-image: url("/sc_rsc/inner/renew2025/images/common/wave-top.svg"), url("/sc_rsc/inner/renew2025/images/common/wave-bottom.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom -0.2666666667vw center;
  background-size: 100% auto, 100% auto;
  padding-top: 26.6666666667vw;
  padding-bottom: 26.6666666667vw;
}
.b-section--anzan-kigan {
  padding: 26.6666666667vw 5.3333333333vw;
  background-image: url("/sc_rsc/inner/renew2025/images/top/wave-top-anzan-kigan.svg"), url("/sc_rsc/inner/renew2025/images/top/wave-bottom-anzan-kigan.svg"), linear-gradient(323deg, rgba(234, 192, 172, 0.2) 16.93%, rgba(166, 196, 179, 0.2) 60.63%, rgba(139, 185, 202, 0.2) 78.51%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: top center, bottom -0.5333333333vw center, center center;
  background-size: 100% auto, 100% auto, cover;
}
@media screen and (min-width: 768px) {
  .b-section {
    padding: 60px 80px;
  }
  .b-section__heading {
    margin: 0 0 50px;
  }
  .b-section__heading__main {
    font-size: 48px;
  }
  .b-section__heading__sub {
    font-size: 20px;
  }
  .b-section__round-corner-heading {
    margin: 0 0 10px;
    height: 40px;
    font-size: 18px;
  }
  .b-section__round-corner-heading--multi {
    height: 70px;
    border-radius: 35px;
  }
  .b-section__txt {
    margin: 20px 0;
    font-size: 18px;
  }
  .b-section__txt--deco1::before {
    bottom: -15px;
    right: 15px;
    height: 190px;
    width: 215px;
  }
  .b-section__txt--deco2::before {
    bottom: -30px;
    left: 0;
    height: 220px;
    width: 245px;
  }
  .b-section__img {
    margin: 20px 0;
  }
  .b-section__lineup-section {
    margin: 40px 0 60px;
  }
  .b-section__lineup-section__heading {
    padding: 10px 0;
    margin: 0 0 30px;
    font-size: 20px;
  }
  .b-section__lineup-section__banners {
    width: 380px;
    margin: 0 auto;
  }
  .b-section__lineup-section__banners .pgadm-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    margin: 20px auto;
  }
  .b-section--wave {
    padding-top: 150px;
    padding-bottom: 150px;
    background-position: top center, bottom -2px center;
  }
  .b-section--anzan-kigan {
    padding: 150px 80px;
    background-position: top center, bottom -2px center, center center;
  }
}

/* ------------------------------ */
/* Round Head Section */
/* ------------------------------ */
.b-round-head-section {
  background-color: var(--color-white);
  margin: 8vw 0;
  padding: 8vw 5.3333333333vw 2.6666666667vw;
  border-top-left-radius: 44.8vw;
  border-top-right-radius: 44.8vw;
}
.b-round-head-section__heading {
  margin: 0 0 5.3333333333vw;
}
.b-round-head-section__heading__main {
  display: block;
  font-family: var(--font-family-serif);
  font-size: 6.4vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}
.b-round-head-section__heading__sub {
  display: block;
  width: 18.6666666667vw;
  margin: 1.3333333333vw auto 0;
}
.b-round-head-section__kv {
  display: block;
  width: 100%;
  margin: 5.3333333333vw 0;
}
.b-round-head-section__sub-section {
  margin: 2.6666666667vw 0;
}
.b-round-head-section__sub-section__heading {
  margin: 2.6666666667vw 0;
  padding: 0 0 0.5333333333vw;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  border-bottom: 0.2666666667vw solid var(--color-base);
}
.b-round-head-section__sub-section__txt {
  margin: 2.6666666667vw 0;
  font-size: 3.7333333333vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.b-round-head-section--pink {
  -webkit-box-shadow: 0 0 5.3333333333vw 0 rgba(234, 192, 172, 0.4);
          box-shadow: 0 0 5.3333333333vw 0 rgba(234, 192, 172, 0.4);
}
.b-round-head-section--pink .b-round-head-section__sub-section__heading {
  color: var(--color-pink-deep);
  border-color: var(--color-pink-deep);
}
.b-round-head-section--blue {
  -webkit-box-shadow: 0 0 5.3333333333vw 0 rgba(189, 215, 225, 0.5);
          box-shadow: 0 0 5.3333333333vw 0 rgba(189, 215, 225, 0.5);
}
.b-round-head-section--blue .b-round-head-section__sub-section__heading {
  color: var(--color-blue-deep);
  border-color: var(--color-blue-deep);
}
.b-round-head-section--yellow {
  -webkit-box-shadow: 0 0 5.3333333333vw 0 rgba(231, 182, 110, 0.3);
          box-shadow: 0 0 5.3333333333vw 0 rgba(231, 182, 110, 0.3);
}
.b-round-head-section--yellow .b-round-head-section__sub-section__heading {
  color: var(--color-yellow-deep);
  border-color: var(--color-yellow-deep);
}
.b-round-head-section--green {
  -webkit-box-shadow: 0 0 5.3333333333vw 0 rgba(172, 215, 191, 0.3);
          box-shadow: 0 0 5.3333333333vw 0 rgba(172, 215, 191, 0.3);
}
.b-round-head-section--green .b-round-head-section__sub-section__heading {
  color: var(--color-green-deep);
  border-color: var(--color-green-deep);
}
@media screen and (min-width: 768px) {
  .b-round-head-section {
    margin: 60px 0;
    padding: 60px 80px 40px;
    border-top-left-radius: 304px;
    border-top-right-radius: 304px;
  }
  .b-round-head-section__heading {
    margin: 0 0 30px;
  }
  .b-round-head-section__heading__main {
    font-size: 32px;
  }
  .b-round-head-section__heading__sub {
    width: 100px;
    margin: 10px auto 0;
  }
  .b-round-head-section__kv {
    margin: 30px 0;
  }
  .b-round-head-section__sub-section {
    margin: 30px 0;
  }
  .b-round-head-section__sub-section__heading {
    margin: 10px 0;
    padding: 0 0 4px;
    font-size: 20px;
    border-width: 2px;
  }
  .b-round-head-section__sub-section__txt {
    margin: 10px 0;
    font-size: 16px;
  }
  .b-round-head-section--pink {
    -webkit-box-shadow: 0 0 30px 0 rgba(234, 192, 172, 0.4);
            box-shadow: 0 0 30px 0 rgba(234, 192, 172, 0.4);
  }
  .b-round-head-section--blue {
    -webkit-box-shadow: 0 0 30px 0 rgba(189, 215, 225, 0.5);
            box-shadow: 0 0 30px 0 rgba(189, 215, 225, 0.5);
  }
  .b-round-head-section--yellow {
    -webkit-box-shadow: 0 0 30px 0 rgba(231, 182, 110, 0.3);
            box-shadow: 0 0 30px 0 rgba(231, 182, 110, 0.3);
  }
  .b-round-head-section--green {
    -webkit-box-shadow: 0 0 30px 0 rgba(172, 215, 191, 0.3);
            box-shadow: 0 0 30px 0 rgba(172, 215, 191, 0.3);
  }
}

/* ------------------------------ */
/* Type Section */
/* ------------------------------ */
.b-type-section {
  margin: 0 0 16vw;
  padding: 13.3333333333vw 5.3333333333vw 8vw;
  background-color: var(--color-gray1);
  border-top-left-radius: 44.8vw;
  border-top-right-radius: 44.8vw;
}
.b-type-section__heading {
  width: 65.3333333333vw;
  margin: 0 auto 2.6666666667vw;
  padding: 0 0 1.3333333333vw;
  border-bottom: 0.2666666667vw solid var(--color-base);
}
.b-type-section__heading__label {
  display: block;
  width: 65.3333333333vw;
  margin: 0 auto 0.5333333333vw;
}
.b-type-section__heading__txt {
  display: block;
  font-family: var(--font-family-serif);
  font-size: 6.4vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  color: var(--color-base);
}
.b-type-section__lead {
  margin: 0 0 2.6666666667vw;
  font-family: var(--font-family-serif);
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
}
.b-type-section__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.6666666667vw;
  margin: 1.3333333333vw 0;
  padding: 5.3333333333vw;
  background-color: var(--color-bg1);
}
.b-type-section__features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.6666666667vw;
  font-family: var(--font-family-serif);
  font-size: 3.7333333333vw;
  font-weight: 700;
  color: var(--color-base);
}
.b-type-section__features__item::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0.5333333333vw 0 0 0;
}
.b-type-section__features__item:nth-child(1)::before {
  background-image: url("/sc_rsc/inner/renew2025/images/howtochoose/icon-num-square-1.svg");
}
.b-type-section__features__item:nth-child(2)::before {
  background-image: url("/sc_rsc/inner/renew2025/images/howtochoose/icon-num-square-2.svg");
}
.b-type-section__features__item:nth-child(3)::before {
  background-image: url("/sc_rsc/inner/renew2025/images/howtochoose/icon-num-square-3.svg");
}
.b-type-section__features__item:nth-child(4)::before {
  background-image: url("/sc_rsc/inner/renew2025/images/howtochoose/icon-num-square-4.svg");
}
.b-type-section__features__item:nth-child(5)::before {
  background-image: url("/sc_rsc/inner/renew2025/images/howtochoose/icon-num-square-5.svg");
}
.b-type-section__txt {
  font-size: 3.7333333333vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.b-type-section__sub-section {
  margin: 8vw 0 0 0;
}
.b-type-section__sub-section__heading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 13.8666666667vw;
  margin: 0 0 8vw;
  background-color: var(--color-base);
  color: var(--color-white);
  border-radius: 6.9333333333vw;
}
.b-type-section__sub-section__heading__sub {
  font-size: 2.6666666667vw;
}
.b-type-section__sub-section__heading__main {
  font-family: var(--font-family-serif);
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.2;
}
.b-type-section__sub-section__heading::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 14.9333333333vw;
  width: 0;
  height: 0;
  border-left: 2.1333333333vw solid transparent;
  border-right: 2.1333333333vw solid transparent;
  border-top: 2.6666666667vw solid var(--color-base);
}
.b-type-section__item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10.6666666667vw;
}
.b-type-section__item-list__item__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.6666666667vw;
  margin: 0 0 2.6666666667vw;
  padding: 0 0 0.5333333333vw;
  font-family: var(--font-family-serif);
  border-bottom: 0.2666666667vw solid var(--color-base);
}
.b-type-section__item-list__item__heading__num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 7.4666666667vw;
  color: var(--color-base-light);
}
.b-type-section__item-list__item__heading__txt {
  font-size: 4.8vw;
  font-weight: 700;
  color: var(--color-base);
}
.b-type-section__item-list__item__txt {
  font-size: 3.7333333333vw;
  line-height: 2;
  margin: 2.6666666667vw 0;
}
.b-type-section__item-list__item__product {
  padding: 8vw 6.1333333333vw;
  background-color: var(--color-bg1);
  border-top-left-radius: 40.2666666667vw;
  border-top-right-radius: 40.2666666667vw;
  overflow: hidden;
}
.b-type-section__item-list__item__product__heading {
  font-family: var(--font-family-serif);
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  margin: 0 0 2.6666666667vw;
}
.b-type-section__item-list__item__product__img {
  display: block;
  width: 100%;
  margin: 2.6666666667vw auto;
}
.b-type-section__item-list__item__product__point {
  margin: 1.3333333333vw 0;
}
.b-type-section__item-list__item__product__point dt {
  margin: 0 0 1.3333333333vw;
  font-family: var(--font-family-lato);
  font-size: 5.3333333333vw;
  font-weight: 300;
  color: var(--color-base);
  letter-spacing: 0.1em;
  text-align: center;
  border-bottom: 0.2666666667vw solid var(--color-base);
}
.b-type-section__item-list__item__product__point dd {
  font-size: 3.7333333333vw;
  line-height: 2;
  margin: 1.3333333333vw 0 0 0;
}
.b-type-section__item-list__item__product .b-btn {
  margin: 1.3333333333vw auto;
}
@media screen and (min-width: 768px) {
  .b-type-section {
    margin: 0 0 80px;
    padding: 60px 50px 40px;
    border-top-left-radius: 304px;
    border-top-right-radius: 304px;
  }
  .b-type-section__heading {
    width: 320px;
    margin: 0 auto 10px;
    padding: 0 0 5px;
    border-width: 1px;
  }
  .b-type-section__heading__label {
    width: 280px;
  }
  .b-type-section__heading__txt {
    font-size: 32px;
  }
  .b-type-section__lead {
    font-size: 20px;
    margin: 0 0 15px;
  }
  .b-type-section__features {
    gap: 15px;
    margin: 10px 0;
    padding: 30px;
  }
  .b-type-section__features__item {
    font-size: 16px;
    gap: 15px;
  }
  .b-type-section__features__item::before {
    width: 20px;
    height: 20px;
    margin: 3px 0 0 0;
  }
  .b-type-section__txt {
    font-size: 18px;
    line-height: 1.8;
  }
  .b-type-section__sub-section {
    margin: 60px 0 0 0;
  }
  .b-type-section__sub-section__heading {
    height: 62px;
    margin: 0 0 30px;
  }
  .b-type-section__sub-section__heading__sub {
    font-size: 12px;
  }
  .b-type-section__sub-section__heading__main {
    font-size: 24px;
  }
  .b-type-section__sub-section__heading::after {
    right: 80px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-top-width: 12px;
  }
  .b-type-section__item-list {
    gap: 60px;
  }
  .b-type-section__item-list__item__heading {
    gap: 15px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    border-width: 1px;
  }
  .b-type-section__item-list__item__heading__num {
    font-size: 36px;
  }
  .b-type-section__item-list__item__heading__txt {
    font-size: 24px;
  }
  .b-type-section__item-list__item__txt {
    font-size: 18px;
    margin: 15px 0;
  }
  .b-type-section__item-list__item__product {
    padding: 40px 60px;
    border-top-left-radius: 254px;
    border-top-right-radius: 254px;
  }
  .b-type-section__item-list__item__product__heading {
    font-size: 24px;
    margin: 0 0 15px;
  }
  .b-type-section__item-list__item__product__img {
    width: 240px;
    margin: 10px auto;
  }
  .b-type-section__item-list__item__product__point {
    margin: 10px 0;
  }
  .b-type-section__item-list__item__product__point dt {
    margin: 0 0 10px;
    font-size: 24px;
    border-width: 1px;
  }
  .b-type-section__item-list__item__product__point dd {
    margin: 10px 0 0 0;
    font-size: 18px;
  }
  .b-type-section__item-list__item__product .b-btn {
    margin: 10px auto;
  }
}

/* ------------------------------ */
/* Worries Section */
/* ------------------------------ */
.b-worries-section {
  background-color: var(--color-gray1);
  padding: 8vw 5.3333333333vw;
}
.b-worries-section__heading__kv {
  display: block;
  width: 54.6666666667vw;
  margin: 0 auto 2.6666666667vw;
}
.b-worries-section__heading__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.3333333333vw;
  margin: 0 auto 1.3333333333vw;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.b-worries-section__heading__txt::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 3.7333333333vw;
  height: 3.7333333333vw;
  background-color: var(--color-base);
  border-radius: 50%;
  margin: 1.0666666667vw 0 0;
}
.b-worries-section__heading__txt--pink::before {
  background-color: var(--color-pink-deep);
}
.b-worries-section__heading__txt--blue::before {
  background-color: var(--color-blue);
}
.b-worries-section__heading__txt--yellow::before {
  background-color: var(--color-yellow);
}
.b-worries-section__heading__txt--green::before {
  background-color: var(--color-green-mid);
}
.b-worries-section__txt {
  font-size: 3.7333333333vw;
  line-height: 2;
  margin: 1.3333333333vw 0 2.6666666667vw;
}
.b-worries-section__point {
  padding: 5.3333333333vw;
  background-color: var(--color-bg1);
}
.b-worries-section__point dt {
  margin: 0 0 1.3333333333vw;
  padding: 0 0 1.3333333333vw;
  font-family: var(--font-family-lato);
  font-size: 5.3333333333vw;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.15em;
  color: var(--color-base);
  border-bottom: 0.2666666667vw solid var(--color-base);
}
.b-worries-section__point dd {
  font-size: 3.7333333333vw;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .b-worries-section {
    padding: 50px 80px;
  }
  .b-worries-section__heading__kv {
    width: 220px;
    margin: 0 auto 10px;
  }
  .b-worries-section__heading__txt {
    gap: 5px;
    margin: 0 auto 5px;
    font-size: 18px;
  }
  .b-worries-section__heading__txt::before {
    width: 14px;
    height: 14px;
    margin: 4px 0 0;
  }
  .b-worries-section__txt {
    font-size: 16px;
    margin: 5px 0 20px;
  }
  .b-worries-section__point {
    padding: 30px;
  }
  .b-worries-section__point dt {
    margin: 0 0 10px;
    padding: 0 0 5px;
    font-size: 24px;
    border-width: 1px;
  }
  .b-worries-section__point dd {
    font-size: 16px;
  }
}

/* ------------------------------ */
/* Supervision Section */
/* ------------------------------ */
.b-supervision-section {
  padding: 8vw 5.3333333333vw;
  background-color: var(--color-gray1);
}
.b-supervision-section__heading {
  margin: 0 0 5.3333333333vw;
  text-align: center;
  color: var(--color-base);
}
.b-supervision-section__heading__main {
  display: block;
  font-family: var(--font-family-lato);
  font-size: 6.4vw;
  font-weight: 300;
  letter-spacing: 0.15em;
}
.b-supervision-section__heading__sub {
  display: block;
  font-family: var(--font-family-serif);
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.b-supervision-section__img {
  display: block;
  width: 37.3333333333vw;
  height: 37.3333333333vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin: 0 auto 5.3333333333vw;
}
.b-supervision-section__name {
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
  margin: 0 0 1.3333333333vw;
}
.b-supervision-section__txt {
  font-size: 3.7333333333vw;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .b-supervision-section {
    padding: 50px 80px;
  }
  .b-supervision-section__heading {
    margin: 0 0 30px;
  }
  .b-supervision-section__heading__main {
    font-size: 32px;
  }
  .b-supervision-section__heading__sub {
    font-size: 18px;
  }
  .b-supervision-section__img {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px;
  }
  .b-supervision-section__name {
    font-size: 18px;
    margin: 0 0 10px;
  }
  .b-supervision-section__txt {
    font-size: 16px;
  }
}

/* ------------------------------ */
/* Size Section */
/* ------------------------------ */
.b-size-section {
  margin: 8vw 0;
  padding: 0 5.3333333333vw;
}
.b-size-section__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.3333333333vw;
  margin: 0 -5.3333333333vw 8vw;
  padding: 2.6666666667vw 5.3333333333vw;
  font-family: var(--font-family-serif);
  font-size: 5.3333333333vw;
  font-weight: 700;
  background-color: var(--color-gray1);
}
.b-size-section__heading::before {
  content: "";
  display: block;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background-color: var(--color-text);
  border-radius: 50%;
}
.b-size-section__figure {
  margin: 0;
}
.b-size-section__figure__img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.b-size-section__figure__chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.6666666667vw 1.3333333333vw;
  width: 100%;
  margin: 2.6666666667vw 0 0;
}
.b-size-section__figure__chart dt,
.b-size-section__figure__chart dd {
  font-size: 3.2vw;
}
.b-size-section__figure__chart dt {
  width: 27.7333333333vw;
  padding: 1.6vw 2.6666666667vw;
  font-weight: 700;
  text-align: center;
  background-color: var(--color-gray1);
  border-radius: 1.3333333333vw;
}
.b-size-section__figure__chart dt[data-type=bust] {
  background-color: #FFCCBB;
}
.b-size-section__figure__chart dt[data-type=underbust] {
  background-color: #F8E2C2;
}
.b-size-section__figure__chart dt[data-type=waist] {
  background-color: #DAECC7;
}
.b-size-section__figure__chart dt[data-type=abdomen] {
  background-color: #C7E7DC;
}
.b-size-section__figure__chart dt[data-type=hip] {
  background-color: #B7D5F2;
}
.b-size-section__figure__chart dd {
  width: calc(100% - 1.3333333333vw - 27.7333333333vw);
}
.b-size-section__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.6666666667vw 4vw;
}
.b-size-section__nav__item {
  width: calc((100% - 4vw) / 2);
}
.b-size-section__nav__item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.6666666667vw 1.3333333333vw;
  border-bottom: 0.2666666667vw solid var(--color-text);
}
.b-size-section__nav__item__link__txt {
  font-size: 3.2vw;
  font-weight: 700;
}
.b-size-section__nav__item__link::after {
  content: "";
  display: block;
  width: 5.6vw;
  height: 5.6vw;
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-round-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.b-size-section__table {
  width: 100%;
  border-collapse: collapse;
  margin: 5.3333333333vw 0;
  font-size: 3.2vw;
  border: 0.2666666667vw solid var(--color-gray3);
}
.b-size-section__table th,
.b-size-section__table td {
  padding: 3.4666666667vw 2.6666666667vw;
}
.b-size-section__table thead th {
  background-color: var(--color-gray3);
  font-weight: 700;
  text-align: center;
}
.b-size-section__table tbody tr:not(:last-child) {
  border-bottom: 0.2666666667vw solid var(--color-gray3);
}
.b-size-section__table tbody th,
.b-size-section__table tbody td {
  width: 50%;
}
.b-size-section__table tbody th {
  background-color: var(--color-gray4);
}
.b-size-section__table tbody td {
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .b-size-section {
    margin: 40px 0;
    padding: 0 120px;
  }
  .b-size-section__heading {
    gap: 8px;
    margin: 0 -120px 30px;
    padding: 12px 100px;
    font-size: 24px;
  }
  .b-size-section__heading::before {
    width: 14px;
    height: 14px;
  }
  .b-size-section__figure__chart {
    gap: 10px;
    margin: 20px 0 0;
  }
  .b-size-section__figure__chart dt,
  .b-size-section__figure__chart dd {
    font-size: 14px;
  }
  .b-size-section__figure__chart dt {
    width: 140px;
    padding: 8px 12px;
    border-radius: 5px;
  }
  .b-size-section__figure__chart dd {
    width: calc(100% - 10px - 140px);
  }
  .b-size-section__nav {
    gap: 15px 30px;
  }
  .b-size-section__nav__item {
    width: calc((100% - 30px) / 2);
  }
  .b-size-section__nav__item__link {
    padding: 12px 10px;
    border-width: 1px;
  }
  .b-size-section__nav__item__link__txt {
    font-size: 14px;
  }
  .b-size-section__nav__item__link::after {
    width: 20px;
    height: 20px;
  }
  .b-size-section__nav__item__link:hover, .b-size-section__nav__item__link:focus {
    background-color: var(--color-gray1);
    color: var(--color-base);
    letter-spacing: 0.05em;
  }
  .b-size-section__table {
    margin: 30px 0;
    font-size: 14px;
    border-width: 1px;
  }
  .b-size-section__table th,
  .b-size-section__table td {
    padding: 15px 12px;
  }
  .b-size-section__table tbody tr:not(:last-child) {
    border-width: 1px;
  }
}

/* ------------------------------ */
/* Page Header */
/* ------------------------------ */
.b-page-header {
  position: relative;
}
.b-page-header__heading {
  position: absolute;
  top: 17.8666666667vw;
  left: 5.3333333333vw;
  font-family: var(--font-family-serif);
  font-weight: 700;
  color: var(--color-base);
  letter-spacing: 0.04em;
  z-index: 1;
}
.b-page-header__heading__main {
  display: block;
  font-size: 5.3333333333vw;
}
.b-page-header__heading__sub {
  display: block;
  font-size: 3.7333333333vw;
}
.b-page-header__heading__img {
  display: block;
  margin-top: 2.1333333333vw;
  width: 47.4666666667vw;
  height: auto;
}
.b-page-header__bg-img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .b-page-header__heading {
    top: 126px;
    left: 60px;
  }
  .b-page-header__heading__main {
    font-size: 38px;
  }
  .b-page-header__heading__sub {
    font-size: 20px;
  }
  .b-page-header__heading__img {
    width: 256px;
    margin-top: 12px;
  }
}

/* ------------------------------ */
/* Page Period Header */
/* ------------------------------ */
.b-page-period-header {
  position: relative;
}
.b-page-period-header__title {
  position: absolute;
  bottom: 3.2vw;
  z-index: 1;
  width: 100%;
  font-family: var(--font-family-serif);
  font-weight: 700;
  text-align: center;
}
.b-page-period-header__title__main {
  display: block;
  font-size: 6.4vw;
  letter-spacing: 0.04em;
}
.b-page-period-header__title__sub {
  display: block;
  font-size: 3.2vw;
  letter-spacing: 0.1em;
}
.b-page-period-header__title__label {
  display: block;
  width: 17.0666666667vw;
  height: auto;
  margin: 1.0666666667vw auto 0;
}
.b-page-period-header__img {
  position: relative;
  display: block;
  width: 100%;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .b-page-period-header__title {
    bottom: 46px;
  }
  .b-page-period-header__title__main {
    font-size: 38px;
  }
  .b-page-period-header__title__sub {
    font-size: 18px;
  }
  .b-page-period-header__title__label {
    width: 90px;
    margin: 8px auto 0;
  }
}

/* ------------------------------ */
/* Page Simple Header */
/* ------------------------------ */
.b-page-simple-header {
  background-color: var(--color-gray1);
  padding: 8vw 2.6666666667vw;
}
.b-page-simple-header__title {
  text-align: center;
}
.b-page-simple-header__title__main {
  display: block;
  margin: 0 0 1.3333333333vw;
  font-family: var(--font-family-serif);
  font-size: 6.4vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.b-page-simple-header__title__sub {
  display: block;
  font-family: var(--font-family-lato);
  font-size: 4.2666666667vw;
  color: var(--color-base);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .b-page-simple-header {
    padding: 30px 10px;
  }
  .b-page-simple-header__title__main {
    margin: 0 0 5px;
    font-size: 32px;
  }
  .b-page-simple-header__title__sub {
    font-size: 18px;
  }
}

/* ------------------------------ */
/* Button */
/* ------------------------------ */
.b-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 11.7333333333vw;
  padding: 0 8vw;
  margin: 5.3333333333vw 0;
  font-family: var(--font-family-serif);
  font-size: 3.7333333333vw;
  font-weight: 700;
  background-color: var(--color-bg2);
  border: 0.2666666667vw solid var(--color-gray2);
  border-radius: 5.8666666667vw;
}
.b-btn::after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 0 auto;
}
.b-btn--white {
  background-color: var(--color-white);
}
.b-btn--multi {
  height: 16vw;
  border-radius: 8vw;
}
.b-btn--onlineshop {
  background-color: var(--color-onlineshop);
  border-color: var(--color-onlineshop);
  color: var(--color-white);
}
.b-btn--onlineshop::after {
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-white.svg");
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media screen and (min-width: 768px) {
  .b-btn {
    height: 54px;
    margin: 30px 0;
    padding: 0 40px;
    font-size: 16px;
    border-width: 1px;
    border-radius: 28px;
  }
  .b-btn::after {
    width: 28px;
    height: 28px;
  }
  .b-btn:hover, .b-btn:focus {
    background-color: var(--color-base);
    border-color: var(--color-base);
    color: var(--color-white);
  }
  .b-btn:hover::after, .b-btn:focus::after {
    background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-white.svg");
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .b-btn--multi {
    height: 70px;
    border-radius: 35px;
  }
  .b-btn--onlineshop:hover, .b-btn--onlineshop:focus {
    background-color: var(--color-white);
    color: var(--color-onlineshop);
    border-color: var(--color-onlineshop);
  }
  .b-btn--onlineshop:hover::after, .b-btn--onlineshop:focus::after {
    background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-red.svg");
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/* ------------------------------ */
/* Product Banners */
/* ------------------------------ */
.b-product-banners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.6666666667vw;
  margin: 8vw 0 16vw;
}
.b-product-banners__item img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .b-product-banners {
    gap: 20px;
    width: 380px;
    margin: 50px auto 80px;
  }
  .b-product-banners__item a:hover, .b-product-banners__item a:focus {
    opacity: 0.8;
  }
}

/* ------------------------------ */
/* Notes */
/* ------------------------------ */
.b-notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.6666666667vw;
  margin: 5.3333333333vw 0 16vw;
  padding: 0 5.3333333333vw;
}
.b-notes__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0666666667vw;
  font-size: 3.2vw;
}
.b-notes__item::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background-color: var(--color-txt);
  border-radius: 50%;
  margin: 1.0666666667vw 0 0;
}
@media screen and (min-width: 768px) {
  .b-notes {
    gap: 10px;
    margin: 20px 0 60px;
    padding: 0 120px;
  }
  .b-notes__item {
    gap: 4px;
    font-size: 14px;
  }
  .b-notes__item::before {
    width: 10px;
    height: 10px;
    margin: 4px 0 0;
  }
}

/* ------------------------------ */
/* Ad Banners */
/* ------------------------------ */
.b-ad-banners {
  margin: 8vw 0 16vw;
}
.b-ad-banners .pgadm-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.6666666667vw;
  margin: 2.6666666667vw 0;
}
@media screen and (min-width: 768px) {
  .b-ad-banners {
    width: 380px;
    margin: 50px auto 60px;
  }
  .b-ad-banners .pgadm-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
  }
}

/* ------------------------------ */
/* Top Header */
/* ------------------------------ */
.b-top-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-bg2);
}
.b-top-header__contents {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: -6.4vw 0 0 0;
  padding: 0 5.3333333333vw 5.3333333333vw;
}
.b-top-header__contents__title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-family: var(--font-family-serif);
  font-size: 7.4666666667vw;
  font-weight: 700;
}
.b-top-header__contents__catch {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-family: var(--font-family-serif);
  font-size: 4.8vw;
  font-weight: 700;
  letter-spacing: 0.25em;
  color: var(--color-base);
  margin: 0 0 4.2666666667vw;
}
.b-top-header__contents__desc {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  font-size: 3.7333333333vw;
  line-height: 2;
}
.b-top-header__contents__deco {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  z-index: 1;
  display: block;
  width: 68.2666666667vw;
}
.b-top-header__img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.b-top-header__bottom-img {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .b-top-header__contents {
    margin: -50px 0 0 0;
    padding: 0 80px 80px;
  }
  .b-top-header__contents__title {
    font-size: 40px;
  }
  .b-top-header__contents__catch {
    font-size: 24px;
    margin: 0 0 24px;
  }
  .b-top-header__contents__desc {
    font-size: 18px;
  }
  .b-top-header__contents__deco {
    width: 400px;
  }
}

/* ------------------------------ */
/* Nav Buttons */
/* ------------------------------ */
.b-nav-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.6666666667vw;
  margin: 8vw 0;
  padding: 0 5.3333333333vw;
}
.b-nav-btns__item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.6666666667vw;
  height: 16vw;
  padding: 0 10.6666666667vw;
  font-family: var(--font-family-serif);
  font-size: 3.7333333333vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--color-white);
  background-color: var(--color-base);
  border: 0.2666666667vw solid var(--color-base);
  border-radius: 8vw;
}
.b-nav-btns__item__link small {
  display: block;
  font-size: 0.8em;
}
.b-nav-btns__item__link::after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0 0 auto;
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.b-nav-btns__item__link--pink, .b-nav-btns__item__link--blue, .b-nav-btns__item__link--green, .b-nav-btns__item__link--yellow {
  color: var(--color-txt);
}
.b-nav-btns__item__link--pink::after, .b-nav-btns__item__link--blue::after, .b-nav-btns__item__link--green::after, .b-nav-btns__item__link--yellow::after {
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-black.svg");
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.b-nav-btns__item__link--pink {
  background-color: var(--color-pink);
  border-color: var(--color-pink);
}
.b-nav-btns__item__link--blue {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}
.b-nav-btns__item__link--green {
  background-color: var(--color-green);
  border-color: var(--color-green);
}
.b-nav-btns__item__link--yellow {
  background-color: var(--color-yellow);
  border-color: var(--color-yellow);
}
.b-nav-btns__item__link--lineup {
  margin: 2.6666666667vw 0 0;
  background-color: var(--color-pink);
  border-color: var(--color-pink);
}
.b-nav-btns__item__link--lineup::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 5.0666666667vw;
  height: 10.1333333333vw;
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-lineup.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.b-nav-btns--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.6666666667vw 1.3333333333vw;
  padding: 0;
}
.b-nav-btns--small .b-nav-btns__item {
  width: calc((100% - 1.3333333333vw) / 2);
}
.b-nav-btns--small .b-nav-btns__item__link {
  padding: 0 8vw;
  font-family: var(--font-family-sans-serif);
  letter-spacing: 0;
}
.b-nav-btns--inside {
  padding: 0;
}
.b-nav-btns--reverse-color .b-nav-btns__item__link {
  background-color: var(--color-white);
  color: var(--color-base);
  border-color: var(--color-base);
}
.b-nav-btns--reverse-color .b-nav-btns__item__link::after {
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-gold.svg");
}
.b-nav-btns--reverse-color .b-nav-btns__item__link--lineup::before {
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-lineup-gold.svg");
}
.b-nav-btns--size .b-nav-btns__item__link {
  gap: 1.3333333333vw;
  padding: 0 5.3333333333vw;
  color: var(--color-text);
  background-color: var(--color-white);
  border-color: var(--color-text);
}
.b-nav-btns--size .b-nav-btns__item__link::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background-color: var(--color-text);
  border-radius: 50%;
}
.b-nav-btns--size .b-nav-btns__item__link::after {
  background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-black.svg");
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .b-nav-btns {
    gap: 20px;
    margin: 50px 0;
    padding: 0 100px;
  }
  .b-nav-btns__item__link {
    gap: 15px;
    padding: 0 60px;
    font-size: 16px;
    height: 70px;
    border-width: 1px;
  }
  .b-nav-btns__item__link::after {
    width: 28px;
    height: 28px;
  }
  .b-nav-btns__item__link:hover, .b-nav-btns__item__link:focus {
    background-color: var(--color-white);
    color: var(--color-base);
    border-color: var(--color-base);
    letter-spacing: 0.08em;
  }
  .b-nav-btns__item__link:hover::after, .b-nav-btns__item__link:focus::after {
    background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-gold.svg");
  }
  .b-nav-btns__item__link--lineup {
    margin: 20px 0 0;
  }
  .b-nav-btns__item__link--lineup::before {
    width: 22px;
    height: 44px;
  }
  .b-nav-btns__item__link--lineup:hover::before, .b-nav-btns__item__link--lineup:focus::before {
    background-image: url("/sc_rsc/inner/renew2025/images/common/icon-lineup-gold.svg");
  }
  .b-nav-btns--small {
    gap: 20px 10px;
    padding: 0;
  }
  .b-nav-btns--small .b-nav-btns__item {
    width: calc((100% - 10px) / 2);
  }
  .b-nav-btns--small .b-nav-btns__item__link {
    padding: 0 30px;
    font-size: 16px;
  }
  .b-nav-btns--small .b-nav-btns__item__link:hover::after, .b-nav-btns--small .b-nav-btns__item__link:focus::after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .b-nav-btns--inside {
    padding: 0;
  }
  .b-nav-btns--reverse-color .b-nav-btns__item__link:hover, .b-nav-btns--reverse-color .b-nav-btns__item__link:focus {
    background-color: var(--color-base);
    color: var(--color-white);
    border-color: var(--color-base);
  }
  .b-nav-btns--reverse-color .b-nav-btns__item__link:hover::after, .b-nav-btns--reverse-color .b-nav-btns__item__link:focus::after {
    background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-white.svg");
  }
  .b-nav-btns--size .b-nav-btns__item__link {
    gap: 10px;
    padding: 0 30px;
  }
  .b-nav-btns--size .b-nav-btns__item__link::before {
    width: 12px;
    height: 12px;
  }
  .b-nav-btns--size .b-nav-btns__item__link:hover, .b-nav-btns--size .b-nav-btns__item__link:focus {
    background-color: var(--color-text);
    color: var(--color-white);
    border-color: var(--color-text);
  }
  .b-nav-btns--size .b-nav-btns__item__link:hover::before, .b-nav-btns--size .b-nav-btns__item__link:focus::before {
    background-color: var(--color-white);
  }
  .b-nav-btns--size .b-nav-btns__item__link:hover::after, .b-nav-btns--size .b-nav-btns__item__link:focus::after {
    background-image: url("/sc_rsc/inner/renew2025/images/common/icon-arrow-white.svg");
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/* ------------------------------ */
/* Utility */
/* ------------------------------ */
/* margin */
.u-margin--top--10 {
  margin-top: 2.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--10 {
    margin-top: 10px !important;
  }
}
.u-margin--top--20 {
  margin-top: 5.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--20 {
    margin-top: 20px !important;
  }
}
.u-margin--top--30 {
  margin-top: 8vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--30 {
    margin-top: 30px !important;
  }
}
.u-margin--top--40 {
  margin-top: 10.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--40 {
    margin-top: 40px !important;
  }
}
.u-margin--top--50 {
  margin-top: 13.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--50 {
    margin-top: 50px !important;
  }
}
.u-margin--top--60 {
  margin-top: 16vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--60 {
    margin-top: 60px !important;
  }
}
.u-margin--top--70 {
  margin-top: 18.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--70 {
    margin-top: 70px !important;
  }
}
.u-margin--top--80 {
  margin-top: 21.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--80 {
    margin-top: 80px !important;
  }
}
.u-margin--top--90 {
  margin-top: 24vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--90 {
    margin-top: 90px !important;
  }
}
.u-margin--top--100 {
  margin-top: 26.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--100 {
    margin-top: 100px !important;
  }
}
.u-margin--top--110 {
  margin-top: 29.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--110 {
    margin-top: 110px !important;
  }
}
.u-margin--top--120 {
  margin-top: 32vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--120 {
    margin-top: 120px !important;
  }
}
.u-margin--top--130 {
  margin-top: 34.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--130 {
    margin-top: 130px !important;
  }
}
.u-margin--top--140 {
  margin-top: 37.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--140 {
    margin-top: 140px !important;
  }
}
.u-margin--top--150 {
  margin-top: 40vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--150 {
    margin-top: 150px !important;
  }
}
.u-margin--top--160 {
  margin-top: 42.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--160 {
    margin-top: 160px !important;
  }
}
.u-margin--top--170 {
  margin-top: 45.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--170 {
    margin-top: 170px !important;
  }
}
.u-margin--top--180 {
  margin-top: 48vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--180 {
    margin-top: 180px !important;
  }
}
.u-margin--top--190 {
  margin-top: 50.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--190 {
    margin-top: 190px !important;
  }
}
.u-margin--top--200 {
  margin-top: 53.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--top--200 {
    margin-top: 200px !important;
  }
}
.u-margin--btm--10 {
  margin-bottom: 2.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--10 {
    margin-bottom: 10px !important;
  }
}
.u-margin--btm--20 {
  margin-bottom: 5.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--20 {
    margin-bottom: 20px !important;
  }
}
.u-margin--btm--30 {
  margin-bottom: 8vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--30 {
    margin-bottom: 30px !important;
  }
}
.u-margin--btm--40 {
  margin-bottom: 10.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--40 {
    margin-bottom: 40px !important;
  }
}
.u-margin--btm--50 {
  margin-bottom: 13.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--50 {
    margin-bottom: 50px !important;
  }
}
.u-margin--btm--60 {
  margin-bottom: 16vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--60 {
    margin-bottom: 60px !important;
  }
}
.u-margin--btm--70 {
  margin-bottom: 18.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--70 {
    margin-bottom: 70px !important;
  }
}
.u-margin--btm--80 {
  margin-bottom: 21.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--80 {
    margin-bottom: 80px !important;
  }
}
.u-margin--btm--90 {
  margin-bottom: 24vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--90 {
    margin-bottom: 90px !important;
  }
}
.u-margin--btm--100 {
  margin-bottom: 26.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--100 {
    margin-bottom: 100px !important;
  }
}
.u-margin--btm--110 {
  margin-bottom: 29.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--110 {
    margin-bottom: 110px !important;
  }
}
.u-margin--btm--120 {
  margin-bottom: 32vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--120 {
    margin-bottom: 120px !important;
  }
}
.u-margin--btm--130 {
  margin-bottom: 34.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--130 {
    margin-bottom: 130px !important;
  }
}
.u-margin--btm--140 {
  margin-bottom: 37.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--140 {
    margin-bottom: 140px !important;
  }
}
.u-margin--btm--150 {
  margin-bottom: 40vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--150 {
    margin-bottom: 150px !important;
  }
}
.u-margin--btm--160 {
  margin-bottom: 42.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--160 {
    margin-bottom: 160px !important;
  }
}
.u-margin--btm--170 {
  margin-bottom: 45.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--170 {
    margin-bottom: 170px !important;
  }
}
.u-margin--btm--180 {
  margin-bottom: 48vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--180 {
    margin-bottom: 180px !important;
  }
}
.u-margin--btm--190 {
  margin-bottom: 50.6666666667vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--190 {
    margin-bottom: 190px !important;
  }
}
.u-margin--btm--200 {
  margin-bottom: 53.3333333333vw !important;
}
@media screen and (min-width: 768px) {
  .u-margin--btm--200 {
    margin-bottom: 200px !important;
  }
}

.u-pos--center {
  float: none !important;
  margin: 0px auto !important;
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-font-weight-medium {
  font-weight: 500;
}

.u-font-weight-bold {
  font-weight: 600;
}

.u-font-size16 {
  font-size: 16px;
}
@media screen and (max-width: 374px) {
  .u-font-size16 {
    font-size: 14px;
  }
}
@media screen and (min-width: 540px) {
  .u-font-size16 {
    font-size: 18px;
  }
}