@charset "UTF-8";
body { margin: 0; }

.l-container { width: 100%; }
.l-footer,.pc-footer { margin: 0; padding: 0; }
.l-container::after { content: ""; }
sup, sub { position: static; top: auto; }
.efs-system-notification { display: none !important; }

html { scroll-behavior: smooth; font-size: 1.3333333vw; }

html.js-anim .js-reveal { opacity: 0; filter: blur(4px); transform: scale(1.05);
  transition: filter .5s linear, opacity 1s ease, transform 1s ease; }
html.js-anim .js-reveal.-text { filter: none; transform: translateY(1.923077rem);
  transition: transform .8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .5s ease; }

html.js-anim .js-reveal.-fade { transform: none; }
html.js-anim .js-reveal.is-inview { opacity: 1; filter: none; transform: none; }
.is-noanim .js-reveal, .is-noanim .js-anime { transition: none !important; opacity: 1 !important; filter: none !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  html:not(.is-forceanim) .js-reveal, html:not(.is-forceanim) .js-anime { transition: none !important; opacity: 1 !important; filter: none !important; transform: none !important; }
  html:not(.is-forceanim) { scroll-behavior: auto; }
}

.feature { box-sizing: border-box; color: #000; margin: 0 auto; position: relative; width: 100%;
  font-family: hiragino-kaku-gothic-pron, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", meiryo, メイリオ, sans-serif;
  font-weight: 400; font-style: normal; font-size: 2rem;
  text-spacing-trim: space-all; line-break: strict;

  --f-ohno: "ohno-softie-variable-1", "ohno-softie-variable-2", "Ohno Softie Variable", "Arial Rounded MT Bold", sans-serif;
  --f-maru: "dnp-shuei-mgothic-std-1", "dnp-shuei-mgothic-std-2", "DNP 秀英丸ゴシック Std", hiragino-maru-gothic-pron, "Hiragino Maru Gothic ProN", sans-serif;
  --f-din: "din-2014-1", "din-2014-2", "DIN 2014", "DIN Alternate", Arial, sans-serif;
  background: #FFFBEE;  }
.feature * { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; scroll-margin-top: 50px; }
.feature h1, .feature h2, .feature h3, .feature h4, .feature h5, .feature h6,
.feature strong, .feature b { font-weight: inherit; }
.feature .pc { display: none; }
.feature a { color: #000; text-decoration: none; }

@media (hover: hover) {
  .feature a img { transition: opacity .3s, filter .3s; }
  .feature a:has(img:not([alt=""])):hover img { filter: contrast(0.8) brightness(1.15); }
  .feature a:not(:has(img:not([alt=""]))), .feature button { transition: opacity .3s; }
  .feature a:not(:has(img:not([alt=""]))):hover, .feature button:hover { opacity: .7; text-decoration: none; }
}
.feature a.-solid { background: #fff; }
.feature img { display: block; vertical-align: bottom; max-width: 100%; height: auto; }
.feature ul { list-style: none; }

.feature .frame-main__inner { display: flow-root; width: 100%; margin: auto; background: #fff; }

.feature .sec { position: relative; overflow-x: clip; isolation: isolate; }
.feature .sec > *, .feature .grp > * { position: absolute; }
.feature .sec a { display: block; }
.feature .tx { pointer-events: none; white-space: nowrap; z-index: 3; }
.feature .u-contents { display: contents; }
.feature .u-contents > *, .feature .grp__in > * { position: absolute; }
.feature .u-pe-none { pointer-events: none; }
.feature .p-bags47 { top: calc(353.71rem - 3rem); }
.feature .p-bags48 { top: calc(400.95rem - 3rem); }
.feature .s01 { background: #b3b3b3; }
.feature .s02 { background: #FFFBEE; }
.feature .s03 { background: #FFFBEE; }
.feature .s04, .feature .s05, .feature .s06 { background: #fff; }
.feature .s06 { z-index: 2; }
.feature .s07 { background: #A3B9D7; z-index: 1; }
.feature .s08 { background: #FFFBEE; }

.feature .s09 { background: linear-gradient(transparent 0 17.8rem, #FCEFF1 17.8rem); }
.feature .s10 { background: linear-gradient(transparent 0 17.8rem, #FFFBEE 17.8rem); }
.feature .bg { left: 0; width: 75rem; pointer-events: none; }
.feature .bg img { width: 100%; }
.feature .bg.-s03 { top: 102rem; }
.feature .bg.-s07 { top: 0; }
.feature .bg.-s09arc { top: 0; }
.feature .bg.-s09 { top: 0;

  -webkit-mask-image: radial-gradient(45.866rem 42.137rem at 37.5rem 42.137rem, #000 99.8%, transparent 100%), linear-gradient(transparent 17.8rem, #000 17.8rem);
          mask-image: radial-gradient(45.866rem 42.137rem at 37.5rem 42.137rem, #000 99.8%, transparent 100%), linear-gradient(transparent 17.8rem, #000 17.8rem); }
.feature .bg.-s10arc { top: 0; }

.feature .cover-wrap { position: relative; }
.feature .cover-wrap.-in { z-index: 2; }
.feature .s08.cover-under { position: sticky; top: calc(100vh - 678rem); }
.feature .s09.cover-under { position: sticky; top: calc(100vh - 449rem); z-index: 1; overflow: clip; }
.feature .s10 { z-index: 2; }

.feature .cover-wait { height: 30vh; }
.is-noanim .cover-wait { height: 0 !important; }
@media (prefers-reduced-motion: reduce) { html:not(.is-forceanim) .cover-wait { height: 0 !important; } }

.feature .fv__video { top: 0; left: 0; width: 75rem; height: 133rem; object-fit: cover; display: block; background: #b3b3b3; }
.feature .p-asset01 { z-index: 1; cursor: pointer; background: none; }
.feature .p-asset01 img { width: 100%; }

.feature .p-asset01 .-on { display: none; }
.feature .p-asset01[aria-pressed="true"] .-off { display: none; }
.feature .p-asset01[aria-pressed="true"] .-on { display: block; }

.feature [class*="p-look"] img, .feature [class*="p-asset"] img { width: 100%; }

.feature .tx-th { font-size: var(--th-fs); }
.feature .tx-th.-a { --th-fs: .7058em; }
.feature .tx-th.-b { --th-fs: .6659em; }
.feature .tx-th.-c { --th-fs: .7em; }

.feature .p-txt02, .feature .p-txt14 { margin-top: -.8rem; }

.feature p.p-txt52 { margin-top: -.25rem; line-height: 3.96rem; }
.feature .tx-paren { font-size: .8462em; }
.feature .tx-in { display: inline-block; }

.feature .tx.-svg img { width: 100%; height: auto; display: block; }

.feature .js-bounce .ch { display: inline-block; white-space: pre; }
.feature .js-bounce.is-bounce .ch { animation: bounce-in .6s steps(4) calc(.2s + .06s * var(--i)) both; }
@keyframes bounce-in {
  0% { transform: translateY(0); } 16% { transform: translateY(-35%); } 32% { transform: translateY(-40%); }
  48% { transform: translateY(-25%); } 64% { transform: translateY(0); } 76% { transform: translateY(-18%); }
  88% { transform: translateY(0); } 94% { transform: translateY(-8%); } 100% { transform: translateY(0); }
}

.feature .js-curve { mix-blend-mode: multiply; }
.feature .js-curve .curve-svg { display: block; width: 100%; height: 100%; overflow: visible; }
html.js-anim .feature .js-curve path { opacity: 0; transition: opacity .35s ease; transition-delay: calc(.3s + .06s * var(--i)); }
html.js-anim .feature .js-curve.is-inview path { opacity: 1; }
.is-noanim .feature .js-curve path { opacity: 1 !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) { html:not(.is-forceanim) .feature .js-curve path { opacity: 1; transition: none; } }

.feature .js-sway { animation: sway 3s ease infinite; transform-origin: center; }
@keyframes sway { 0%, 100% { rotate: 0deg; } 50% { rotate: 10deg; } }
@media (prefers-reduced-motion: reduce) { html:not(.is-forceanim) .feature .js-sway { animation: none; } }

.feature .u-float { animation: float 3.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite; }
.feature .u-float.-d2 { animation-duration: 4s; }
.feature .u-float.-d3 { animation-duration: 3.8s; }
@keyframes float { 50% { transform: translateY(-1.54rem); } 100% { transform: translateY(0); } }

.feature .p-asset16, .feature .p-asset17, .feature .p-asset18, .feature .p-asset21, .feature .p-asset24, .feature .p-asset27,
.feature .p-asset28, .feature .p-asset29, .feature .p-asset30, .feature .p-asset31, .feature .p-asset32 { z-index: 2; }

.feature .p-asset16 img, .feature .p-asset17 img, .feature .p-asset18 img, .feature .p-asset21 img, .feature .p-asset24 img, .feature .p-asset27 img,
.feature .p-asset28 img, .feature .p-asset29 img, .feature .p-asset30 img, .feature .p-asset31 img, .feature .p-asset32 img { width: 105%; max-width: none; height: auto; margin: -2.5%; }

.feature .p-look03 { z-index: 1; }

.feature .grp__in.u-float { animation-name: float-l; }
@keyframes float-l { 50% { transform: translateY(-3rem); } 100% { transform: translateY(0); } }

.feature .grp { position: absolute; }
.feature .grp__in { position: absolute; inset: 0; }

.feature .js-tilt { transition: transform .5s steps(1, end) 0s; }
.js-anim .js-tilt.-card6 { transform: rotate(-7.04deg); }
.js-anim .js-tilt.-look22 { transform: rotate(2.61deg); }
.js-anim .is-inview .js-tilt { transform: none; }
.is-noanim .js-tilt { transform: none !important; transition: none !important; }

.feature .credit .item { display: block; margin: 0; padding: 0; border: 0; white-space: nowrap; }
.feature .credit .link { font: inherit; letter-spacing: inherit; color: inherit; display: inline;
  pointer-events: auto; cursor: pointer; }
.feature .credit .item.-noline { border-bottom: none; }

.feature .js-slider { position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
:where(.feature .js-slider) .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; box-sizing: content-box; transition-property: transform; }
:where(.feature .js-slider) .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.feature .js-slider img { width: 100%; }

.feature .switcher { position: relative; }
.feature .switcher .switch-img + .switch-img { position: absolute; inset: 0; }
.feature .switcher a.switch-img { display: block; }
.feature .switcher .switch-img:not(.is-current) { opacity: 0; visibility: hidden; pointer-events: none; }
.feature .switcher.-snap .switch-img { transition: none; }
.is-noanim .switcher .switch-img:first-child { opacity: 1 !important; visibility: visible !important; }

.feature .marquee { left: 0; width: 75rem; height: 41.5rem; overflow: hidden; --mq-unit: 115.25rem; --mq-head: 3rem; }
.feature .marquee__track { position: absolute; top: var(--mq-head); display: flex; width: 345.75rem; }
.feature .marquee__item { flex: 0 0 23.05rem; width: 23.05rem; min-width: 0; }
.feature .marquee__item img { width: 100%; }
.feature .marquee.-left .marquee__track { left: 2.499rem; animation: mq-left 20s linear infinite; }
.feature .marquee.-right .marquee__track { left: -40.894rem; animation: mq-right 20s linear infinite; }
@keyframes mq-left { from { transform: translateX(0); } to { transform: translateX(calc(var(--mq-unit) * -1)); } }
@keyframes mq-right { from { transform: translateX(calc(var(--mq-unit) * -1)); } to { transform: translateX(0); } }

.feature .u-hop { animation: hop 3s steps(4) infinite; }
.feature .u-hop.-late { animation-delay: 1.2s; }
@keyframes hop {
  0% { transform: translateY(0); } 3% { transform: translateY(-6%); } 6% { transform: translateY(-7%); }
  10% { transform: translateY(-4%); } 13% { transform: translateY(0); } 15% { transform: translateY(-3%); }
  18% { transform: translateY(0); } 100% { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  html:not(.is-forceanim) .feature .marquee__track, html:not(.is-forceanim) .feature .u-hop,
  html:not(.is-forceanim) .feature .u-float { animation: none; }
}

.feature .p-look52 a { display: block; }

.feature .s01 { height: 133rem; }
.feature .s02 { height: 189rem; }
.feature .s03 { height: 500rem; }
.feature .s04 { height: 134rem; }
.feature .s05 { height: 425rem; }
.feature .s06 { height: 478rem; }
.feature .s07 { height: 119rem; }
.feature .s08 { height: 678rem; }
.feature .s09 { height: 449rem; }
.feature .s10 { height: 318rem; }
.feature .p-g-card6 { top: 1.525rem; left: -1.819rem; width: 63.829rem; height: 79.145rem; }
.feature .p-g-float1 { top: 7.083rem; left: -4.584rem; width: 58.74rem; height: 146.027rem; }
.feature .p-g-float2 { top: 36.414rem; left: 26.704rem; width: 53.732rem; height: 87.526rem; }
.feature .p-asset01 { top: 125.6rem; left: 67.6rem; width: 4.4rem; }
.feature .p-txt02 { top: 13.7172rem; left: -11.5325rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 9.872rem; line-height: 7.8976rem; letter-spacing: 0.05em; color: #A3B9D7; }
.feature .p-txt03 { top: 20.5251rem; left: -12.504rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6.504rem; line-height: 7.6747rem; letter-spacing: 0.05em; color: #A3B9D7; }
.feature .p-txt04 { top: 26.6459rem; left: -12.5225rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 5.807rem; line-height: 7.6652rem; letter-spacing: 0.05em; color: #A3B9D7; }
.feature .p-txt05 { top: 40.908rem; left: -12.5rem; width: 100rem; text-align: center; font-family: var(--f-maru); font-weight: 700; font-size: 2.6rem; line-height: 4.992rem; letter-spacing: 0.06em; color: #7696C3; }
.feature .p-txt06 { top: 53.712rem; left: -12.5rem; width: 100rem; text-align: center; font-family: var(--f-maru); font-weight: 700; font-size: 2.6rem; line-height: 4.992rem; letter-spacing: 0.06em; color: #7696C3; }
.feature .p-txt07 { top: 71.512rem; left: -12.5rem; width: 100rem; text-align: center; font-family: var(--f-maru); font-weight: 700; font-size: 2.6rem; line-height: 4.992rem; letter-spacing: 0.06em; color: #7696C3; }
.feature .p-txt08 { top: 89.308rem; left: -12.5rem; width: 100rem; text-align: center; font-family: var(--f-maru); font-weight: 700; font-size: 2.6rem; line-height: 4.992rem; letter-spacing: 0.06em; color: #7696C3; }
.feature .p-look03 { top: 105.856rem; left: 9rem; width: 57rem; }
.feature .p-look04 { top: 157.8rem; left: 7.5rem; width: 60rem; }
.feature .p-look05 { top: 0rem; left: 0rem; width: 75rem; }
.feature .p-credit01 { top: 103.7rem; left: 3rem; text-align: left; font-family: var(--f-din); font-weight: 600; font-size: 2.4rem; line-height: 3rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-txt09 { top: 123.464rem; left: 59.431rem; transform: translate(-50%, -50%) rotate(-5.55deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 9.011rem; line-height: 5.767rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-txt10 { top: 131.1095rem; left: 51.7715rem; transform: translate(-50%, -50%) rotate(7.59deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.64rem; line-height: 4.8896rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-look06 { top: 127rem; left: 3.6rem; width: 67.8rem; }
.feature .p-look07 { top: 225.6rem; left: 26rem; width: 43rem; }
.feature .p-txt11 { top: 236.439rem; left: 25.4285rem; transform: translate(-50%, -50%) rotate(-14.66deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.918rem; line-height: 5.0675rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-look08 { top: 290.402rem; left: 0.159rem; width: 69.855rem; }
.feature .p-look09 { top: 291.937rem; left: 1.656rem; width: 66.861rem; }
.feature .p-asset02 { top: 291.937rem; left: 1.656rem; width: 66.861rem; }
.feature .p-txt12 { top: 328.806rem; left: 47.828rem; width: 16.5146rem; height: 16.0347rem; }
.feature .p-asset03 { top: 354.7rem; left: 50.9rem; width: 16.4rem; }
.feature .p-look10 { top: 386.021rem; left: 3.204rem; width: 76.268rem; }
.feature .p-look11 { top: 387.652rem; left: 4.871rem; width: 72.934rem; }
.feature .p-asset04 { top: 387.652rem; left: 4.871rem; width: 72.934rem; }
.feature .p-txt13 { top: 412.49rem; left: 63.213rem; width: 5.7173rem; height: 22.0056rem; }
.feature .p-asset05 { top: 462rem; left: 54.6rem; width: 16.4rem; }
.feature .p-look12 { top: 0rem; left: 0rem; width: 75rem; }
.feature .p-credit02 { top: 121.7rem; left: 3rem; text-align: left; font-family: var(--f-din); font-weight: 600; font-size: 2.4rem; line-height: 3rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-txt14 { top: 11.0712rem; left: -12.462rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 9.854rem; line-height: 6.3066rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-txt15 { top: 18.3834rem; left: -12.481rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.666rem; line-height: 4.9062rem; letter-spacing: 0.02em; color: #C3CEAD; }
.feature .p-txt16 { top: 25.0372rem; left: -12.503rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6.636rem; line-height: 4.1807rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-look13 { top: 38.547rem; left: -0.413rem; width: 74.735rem; }
.feature .p-asset06 { top: 39.813rem; left: 0.905rem; width: 71.983rem; }
.feature .p-look14 { top: 39.82rem; left: 0.901rem; width: 71.983rem; }
.feature .p-txt17 { top: 78.361rem; left: 46.202rem; width: 21.4729rem; height: 13.1617rem; }
.feature .p-asset07 { top: 114.477rem; left: 51.286rem; width: 17.181rem; }
.feature .p-look15 { top: 144rem; left: 4rem; width: 48rem; }
.feature .p-credit03 { top: 209.7rem; left: 4rem; text-align: left; font-family: var(--f-din); font-weight: 600; font-size: 2.4rem; line-height: 3rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-look16 { top: 225rem; left: 13.1rem; width: 59.8rem; }
.feature .p-look17 { top: 226.37rem; left: 14.454rem; width: 57.092rem; }
.feature .p-asset08 { top: 226.37rem; left: 14.454rem; width: 57.092rem; }
.feature .p-txt18 { top: 229.361rem; left: 20.015rem; width: 21.9828rem; height: 9.9189rem; }
.feature .p-asset09 { top: 239.361rem; left: 2.671rem; width: 23.6rem; }
.feature .p-txt19 { top: 304.639rem; left: 34.482rem; transform: translate(-50%, -50%) rotate(8.94deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.8rem; line-height: 4.914rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-txt20 { top: 308.497rem; left: -26.919rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.8rem; line-height: 4.914rem; letter-spacing: 0.02em; color: #DFBBB8; }
.feature .p-look18 { top: 320.051rem; left: -4.16rem; width: 76.512rem; }
.feature .p-look19 { top: 321.592rem; left: -2.599rem; width: 73.39rem; }
.feature .p-asset10 { top: 321.592rem; left: -2.599rem; width: 73.39rem; }
.feature .p-asset11 { top: 362.747rem; left: 57.636rem; width: 14rem; }
.feature .p-txt21 { top: 383.358rem; left: 49.835rem; width: 16.0309rem; height: 19.3765rem; }
.feature .p-look20 { top: 0rem; left: 0rem; width: 63.829rem; }
.feature .p-asset12 { top: 2.051rem; left: 38.222rem; width: 21rem; }
.feature .p-look21 { top: 1.641rem; left: 1.619rem; width: 60.591rem; }
.feature .p-asset13 { top: 1.641rem; left: 1.619rem; width: 60.591rem; }
.feature .p-txt22 { top: 9.203rem; left: 14.567rem; width: 24.3715rem; height: 4.7134rem; }
.feature .p-look22 { top: 67.5rem; left: 4.097rem; width: 73.806rem; }
.feature .p-txt23 { top: 157.088rem; left: 56.0935rem; transform: translate(-50%, -50%) rotate(12.07deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 8.868rem; line-height: 5.6755rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-txt24 { top: 163.437rem; left: 48.367rem; transform: translate(-50%, -50%) rotate(2.71deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.787rem; line-height: 4.9837rem; letter-spacing: 0.02em; color: #C3CEAD; }
.feature .p-look23 { top: 176.6rem; left: 3rem; width: 69rem; }
.feature .p-asset14 { top: 178.3rem; left: 4.6rem; width: 65.8rem; }
.feature .p-look24 { top: 178.375rem; left: 4.628rem; width: 65.744rem; }
.feature .p-txt25 { top: 183.83rem; left: 8.871rem; width: 11.5015rem; height: 21.846rem; }
.feature .p-asset15 { top: 251.351rem; left: 4.568rem; width: 17.6rem; }
.feature .p-look25 { top: 277rem; left: 10.4rem; width: 66.6rem; }
.feature .p-credit04 { top: 374.7rem; right: 4rem; text-align: right; font-family: var(--f-din); font-weight: 600; font-size: 2.4rem; line-height: 3rem; letter-spacing: 0.02em; color: #E4BAC2; }
.feature .p-look26 { top: 386rem; left: 3.2rem; width: 50rem; }
.feature .p-txt26 { top: 411.2505rem; left: 59.6445rem; transform: translate(-50%, -50%) rotate(8.89deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.492rem; line-height: 4.7949rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-look27 { top: 446.176rem; left: 40.684rem; width: 31.033rem; }
.feature .p-txt27 { top: 10.07rem; left: -12.5rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 9rem; line-height: 4.86rem; letter-spacing: 0.03em; color: #F4DCE8; }
.feature .p-look28 { top: 21rem; left: 2.5rem; width: 70rem; }
.feature .p-credit05 { top: 106.7rem; left: -12.5rem; width: 100rem; text-align: center; font-family: var(--f-din); font-weight: 700; font-size: 2.4rem; line-height: 3rem; letter-spacing: 0.02em; color: #F4DCE8; }
.feature .p-asset16 { top: 3.481rem; left: 14.785rem; width: 8rem; }
.feature .p-asset17 { top: 13.608rem; left: 56.869rem; width: 13.4rem; }
.feature .p-txt28 { top: 25.412rem; left: 16.454rem; transform: translate(-50%, -50%) rotate(-12.52deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 10rem; line-height: 7.1rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-look29 { top: 30.85rem; left: 2.569rem; width: 69.863rem; }
.feature .p-txt29 { top: 83.0715rem; left: 51.0755rem; transform: translate(-50%, -50%) rotate(9.54deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7rem; line-height: 5.11rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-asset18 { top: 86.832rem; left: 7.174rem; width: 10rem; }
.feature .p-asset19 { top: 94.571rem; left: 54.4rem; width: 17.6rem; }
.feature .p-look30 { top: 100.664rem; left: -3.124rem; width: 76.887rem; }
.feature .p-look31 { top: 102.155rem; left: -1.691rem; width: 74.021rem; }
.feature .p-asset20 { top: 102.155rem; left: -1.691rem; width: 74.021rem; }
.feature .p-txt30 { top: 155.863rem; left: 8.997rem; width: 11.9403rem; height: 19.3337rem; }
.feature .p-asset21 { top: 193.335rem; left: 56.764rem; width: 10.2rem; }
.feature .p-look32 { top: 207.365rem; left: 13.996rem; width: 58.282rem; }
.feature .p-look33 { top: 208.88rem; left: 15.487rem; width: 55.299rem; }
.feature .p-asset22 { top: 208.88rem; left: 15.487rem; width: 55.299rem; }
.feature .p-txt31 { top: 221.039rem; left: 56.823rem; width: 12.894rem; height: 21.7879rem; }
.feature .p-asset23 { top: 255.049rem; left: 5.079rem; width: 19rem; }
.feature .p-asset24 { top: 290.621rem; left: 5.079rem; width: 10.2rem; }
.feature .p-asset25 { top: 294.786rem; left: 56.469rem; width: 16rem; }
.feature .p-look34 { top: 296.045rem; left: -6.315rem; width: 83.257rem; }
.feature .p-look35 { top: 297.699rem; left: -4.733rem; width: 80.094rem; }
.feature .p-asset26 { top: 297.699rem; left: -4.733rem; width: 80.094rem; }
.feature .p-txt32 { top: 371.403rem; left: 6.765rem; width: 11.4097rem; height: 22.7715rem; }
.feature .p-txt33 { top: 415.145rem; left: 18.6925rem; transform: translate(-50%, -50%) rotate(-9.64deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7rem; line-height: 4.41rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-look36 { top: 418rem; left: 7.5rem; width: 60rem; }
.feature .p-txt34 { top: 420.6875rem; left: -20.8485rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7rem; line-height: 4.41rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-look37 { top: 516rem; left: 4.2rem; width: 64rem; }
.feature .p-txt35 { top: 522.7985rem; left: 48.488rem; transform: translate(-50%, -50%) rotate(5deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 8.8rem; line-height: 7.216rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-asset27 { top: 517.524rem; left: 8.969rem; width: 10.347rem; }
.feature .p-txt36 { top: 598.0165rem; left: 24.599rem; transform: translate(-50%, -50%) rotate(5.34deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6.6rem; line-height: 4.818rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-txt37 { top: 605.6195rem; left: 26.591rem; transform: translate(-50%, -50%) rotate(-2.55deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6.6rem; line-height: 4.818rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-look38 { top: 605.1rem; left: 23.1rem; width: 48rem; }
.feature .p-asset28 { top: 609.678rem; left: 62.203rem; width: 10.347rem; }
.feature .p-asset29 { top: 656.954rem; left: 6.817rem; width: 12rem; }
.feature .p-credit06 { top: 664.399rem; left: -12.5rem; width: 100rem; text-align: center; font-family: var(--f-din); font-weight: 700; font-size: 2.4rem; line-height: 3rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-look39 { top: 0rem; left: 18.076rem; width: 21.963rem; }
.feature .p-txt38 { top: 31.002rem; left: 20.5985rem; transform: translate(-50%, -50%) rotate(-10.14deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 5.738rem; line-height: 4.9921rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-look40 { top: 17.922rem; left: 0rem; width: 58.74rem; }
.feature .p-look41 { top: 0rem; left: 15.923rem; width: 21.089rem; }
.feature .p-look42 { top: 15.842rem; left: 0rem; width: 53.732rem; }
.feature .p-txt39 { top: 112.854rem; left: 60.175rem; transform: translate(-50%, -50%) rotate(6.4deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 5.738rem; line-height: 5.279rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-txt40 { top: 156.833rem; left: 22.0895rem; transform: translate(-50%, -50%) rotate(-9.76deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6.309rem; line-height: 5.0472rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-look43 { top: 156.26rem; left: 0.364rem; width: 74.272rem; }
.feature .p-txt41 { top: 162.5505rem; left: 26.5295rem; transform: translate(-50%, -50%) rotate(-17.6deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6.309rem; line-height: 5.0472rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-look44 { top: 157.926rem; left: 2.5rem; width: 70rem; }
.feature .p-look45 { top: 251.084rem; left: 0.364rem; width: 74.272rem; }
.feature .p-txt42 { top: 258.025rem; left: 62.611rem; transform: translate(-50%, -50%) rotate(7.59deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 5.4rem; line-height: 4.806rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-look46 { top: 252.75rem; left: 2.5rem; width: 70rem; }
.feature .p-txt43 { top: 268.7665rem; left: 15.9705rem; transform: translate(-50%, -50%) rotate(-11.66deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 5.4rem; line-height: 4.806rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-txt44 { top: 279.2425rem; left: 62.922rem; transform: translate(-50%, -50%) rotate(7.59deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 5.4rem; line-height: 4.806rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-txt45 { top: 333.0015rem; left: 16.636rem; transform: translate(-50%, -50%) rotate(-18.95deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 5.4rem; line-height: 4.806rem; letter-spacing: 0.02em; color: #C6888C; }
.feature .p-txt46 { top: 394.637rem; left: -12.5005rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6rem; line-height: 3.84rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-asset30 { top: 8.056rem; left: 46.87rem; width: 8rem; }
.feature .p-txt47 { top: 19.207rem; left: 18.531rem; transform: translate(-50%, -50%) rotate(-13.99deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 10rem; line-height: 7.4rem; letter-spacing: 0.02em; color: #A3B9D7; }
.feature .p-txt48 { top: 21.4592rem; left: -1.8425rem; width: 100rem; text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 7.64rem; line-height: 4.8896rem; letter-spacing: 0.02em; color: #C5D9E8; }
.feature .p-txt49 { top: 32.3785rem; left: 40.6185rem; transform: translate(-50%, -50%) rotate(5.14deg); text-align: center; font-family: var(--f-ohno); font-weight: 700; font-size: 6.143rem; line-height: 3.993rem; letter-spacing: 0.02em; color: #E4BAC2; }
.feature .p-look49 { top: 27.944rem; left: 6.5rem; width: 62rem; }
.feature .p-asset31 { top: 102.953rem; left: 6rem; width: 9rem; }
.feature .p-asset32 { top: 115.585rem; left: 54.87rem; width: 11rem; }
.feature .p-look50 { top: 140.832rem; left: 12.249rem; width: 50.501rem; }
.feature .p-look51 { top: 222.482rem; left: 6.512rem; width: 21.594rem; }
.feature .p-look52 { top: 236.8rem; left: 6.3rem; width: 62.4rem; }
.feature .p-txt51 { top: 260.6655rem; left: -12.0695rem; width: 100rem; text-align: center; font-family: var(--f-din); font-weight: 600; font-size: 2.6rem; line-height: 4.004rem; letter-spacing: 0.02em; color: #7696C3; }
.feature .p-txt52 { top: 268.9525rem; left: -12.069rem; width: 100rem; text-align: center; font-family: var(--f-din); font-weight: 600; font-size: 2.6rem; line-height: 4.004rem; letter-spacing: 0em; color: #7696C3; }

.feature .p-credit04 { top: auto; bottom: 94.3rem; }

.feature .p-txt05 { top: 42.1rem; left: 3.9rem; width: 67.2rem; margin: 0; }
.feature .p-txt06 { top: 54.9rem; left: 15.7rem; width: 43.7rem; margin: 0; }
.feature .p-txt07 { top: 72.8rem; left: 9.6rem; width: 55.8rem; margin: 0; }
.feature .p-txt08 { top: 90.5rem; left: 5.3rem; width: 64.6rem; margin: 0; }

.feature .p-txt02 { margin-left: .4rem; }

.feature .p-txt04 .ch:nth-child(3), .feature .p-txt04 .ch:nth-child(15) { margin-right: -.6rem; }
.feature .p-txt11 { margin-left: -.6rem; }
.feature .p-txt09 { margin-top: -.3rem; }
.feature .p-txt28 .tx-th { margin-left: .5rem; position: relative; top: -.4rem; }
.feature .p-txt33 .ch:nth-child(3) { margin-right: -.6rem; }
.feature .p-txt34 .ch:nth-child(3) { margin-right: -.4rem; }
.feature .p-txt34 { margin-left: .7rem; }
.feature .p-txt35 { margin-top: -.3rem; }
.feature .p-txt38, .feature .p-txt39 { margin-left: -.2rem; }
.feature .p-txt47 { margin-top: -.3rem; }

@media screen and (min-width: 751px) {
  html { font-size: min(0.429528vw, 5.86667px); }
  .feature .pc { display: block; }
  .feature .sp { display: none; }
  .feature .frame > .pc { display: contents; }
  .feature { --pcu: 0.0732064vw; --rail-top: 80px; }
  .feature .frame { display: flex; align-items: stretch; justify-content: center; }
  .feature .frame-main { flex: 0 0 auto; width: 75rem; }

  .feature .frame-side { position: relative; flex: 1 1 0; min-width: 0; }
  .feature .frame-side.-left { flex-grow: 1200; }
  .feature .frame-side.-right { flex-grow: 729; }

  .feature .frame-side__inner { position: sticky; top: var(--rail-top); height: calc(100vh - var(--rail-top));
    display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; }

  .feature { --ru: calc(5.86667 * var(--pcu)); }

  .feature .rail-ttl { position: relative; width: calc(39.7 * var(--ru)); height: calc(18.1 * var(--ru)); }
  .feature .rail-ttl > span { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap;
    font-family: var(--f-ohno); font-weight: 700; letter-spacing: .05em; color: #A3B9D7; }
  .feature .rail-ttl > .-l1 { top: 0; font-size: calc(10.74 * var(--ru)); line-height: calc(8.59 * var(--ru)); }
  .feature .rail-ttl > .-l2 { top: calc(7.74 * var(--ru)); font-size: calc(4.878 * var(--ru)); line-height: calc(5.756 * var(--ru)); }
  .feature .rail-ttl > .-l3 { top: calc(12.34 * var(--ru)); font-size: calc(4.355 * var(--ru)); line-height: calc(5.749 * var(--ru)); }

  .feature .rail-art { position: relative; margin-top: calc(4 * var(--ru)); width: calc(63.75 * var(--ru)); height: calc(73.4 * var(--ru)); }
  .feature .rail-art > * { position: absolute; }
  .feature .rail-art > .-art { top: 0; left: 50%; transform: translateX(-50%); width: calc(60.4 * var(--ru)); z-index: 1;  }
  .feature .rail-art > .-logo { top: calc(54.85 * var(--ru)); left: 0; width: calc(63.75 * var(--ru)); }
  .feature .rail-art img, .feature .rail-btn img { width: 100%; }
  .feature .rail-btn { width: calc(45.36 * var(--ru)); }
}