@charset "utf-8";.hslide{position: relative}.hslide .bframe__bar{position: relative}.hslide__load{position: absolute;left: 0;bottom: -2px;height: 3px;width: 100%;background: var(--grad-brand);transform-origin: 0 50%;transform: scaleX(0);border-radius: 0 3px 3px 0;pointer-events: none}.hslide.is-playing .hslide__load{transition: transform var(--hs-dur, 4s) linear;transform: scaleX(1)}.hslide .bframe__body{isolation: isolate}.hslide .bframe__body img{position: relative}.hslide__next{position: absolute !important;inset: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;object-position: top center}.hslide__caret{display: inline-block;width: 1.5px;height: 1.05em;margin-left: 1px;vertical-align: -.15em;background: var(--navy);animation: caret 1s steps(1) infinite}@keyframes caret{50%{opacity: 0}}.hslide__open{position: absolute;inset: 0;z-index: 3;border-radius: 18px;cursor: pointer}.hslide__open:focus-visible{outline: 3px solid var(--navy);outline-offset: 4px}.hslide__label{position: absolute;right: 14px;bottom: 14px;z-index: 4;display: inline-flex;align-items: center;gap: 8px;max-width: calc(100% - 80px);padding: 7px 8px 7px 14px;border: 2px solid var(--navy);border-radius: var(--r-pill);background: #fff;box-shadow: 0 3px 0 var(--navy);font: 700 13px/1.3 var(--font-maru);letter-spacing: .03em;pointer-events: none;transition: translate .3s var(--ease-bound),background-color .2s}.hslide__label b{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700}.hslide__label .icon{flex: none;width: 22px;height: 22px;padding: 4px;border-radius: 50%;background: var(--navy);color: #fff;rotate: 90deg}@media (hover: hover){.hslide__open:hover ~ .hslide__label{translate: 0 -3px;background: var(--yellow)}}.hslide .bframe__ctrl{display: none}.hslide__toggle{position: absolute;right: 7px;top: 5px;z-index: 4;display: grid;place-items: center;width: 28px;height: 28px;border: 2px solid var(--navy);border-radius: 50%;background: #fff;color: var(--navy);transition: background-color .2s}.hslide__toggle .icon{width: 12px;height: 12px}.hslide__toggle::before{content: "";position: absolute;inset: -8px}.hslide__toggle:hover{background: var(--yellow)}.hslide__toggle .hslide__ic-play{display: none}.hslide.is-paused .hslide__toggle .hslide__ic-play{display: block}.hslide.is-paused .hslide__toggle .hslide__ic-pause{display: none}.hslide__dots{position: absolute;left: 50%;bottom: -30px;translate: -50% 0;display: flex;gap: 6px;pointer-events: none}.hslide__dots i{width: 8px;height: 8px;border-radius: 99px;background: rgba(255, 255, 255, .7);box-shadow: inset 0 0 0 1.5px rgba(37, 45, 92, .25);transition: width .35s var(--ease-out),background-color .25s}.hslide__dots i.is-on{width: 22px;background: var(--navy);box-shadow: none}.page-design-samples .phero__photo .bframe__body{--ar: 1376 / 768}.phero__visual .phero__mascot{pointer-events: none}@media (max-width: 767.98px){.hslide__label{right: 8px;bottom: 8px;padding: 4px 5px 4px 10px;font-size: 11px;gap: 6px;max-width: calc(100% - 60px)}.hslide__label .icon{width: 18px;height: 18px;padding: 3px}.hslide__toggle{width: 24px;height: 24px;right: 5px;top: 2px}.hslide__toggle .icon{width: 10px;height: 10px}.hslide__dots{bottom: -22px}.hslide__dots i{width: 6px;height: 6px}.hslide__dots i.is-on{width: 16px}}.ds-note{padding-block: clamp(28px, 3vw, 40px) clamp(20px, 2.4vw, 32px)}.dsnote{position: relative;display: flex;align-items: flex-end;gap: clamp(18px, 3vw, 36px);max-width: 940px;margin-inline: auto;padding: 32px clamp(24px, 4vw, 48px) 32px clamp(20px, 3vw, 34px);border: 2.5px dashed var(--navy-soft);border-radius: var(--r-card);background: radial-gradient(rgba(37, 45, 92, .1) 1.1px, transparent 1.4px) 0 0 / 18px 18px,linear-gradient(135deg, #fff 10%, var(--yellow-soft))}.dsnote__chara{flex: none}.dsnote__chara .mascot{--m-w: 120px}.dsnote__body{min-width: 0}.dsnote__en{display: inline-flex;align-items: center;gap: 10px;font: 700 12px/1 var(--font-mono);letter-spacing: .22em;color: var(--sky-text)}.dsnote__ttl{margin-top: 12px;font: 900 clamp(21px, 2.1vw, 27px)/1.5 var(--font-maru);letter-spacing: .01em}.dsnote__txt{margin-top: 10px;font-size: 15px;line-height: 1.95;color: var(--navy-soft);word-break: auto-phrase;text-wrap: pretty}.dsnote__txt strong{color: var(--navy);background: linear-gradient(transparent 62%, rgba(246, 203, 60, .55) 62%)}.dsnote__links{display: flex;flex-wrap: wrap;gap: 8px 22px;margin-top: 16px}.dsnote__links a{display: inline-flex;align-items: center;gap: 8px;min-height: 32px;font: 700 14.5px/1.45 var(--font-maru);color: var(--navy);text-decoration: underline;text-decoration-thickness: 1.5px;text-underline-offset: 4px;text-decoration-color: rgba(37, 45, 92, .35);transition: text-decoration-color .2s,color .2s}.dsnote__links .icon{flex: none;width: 22px;height: 22px;padding: 4px;border-radius: 50%;background: var(--navy);color: #fff;transition: translate .3s var(--ease-bound)}@media (hover: hover){.dsnote__links a:hover{color: var(--pink-text);text-decoration-color: currentColor}.dsnote__links a:hover .icon{translate: 3px 0}}@media (min-width: 960px){.dsnote{align-items: center;max-width: 1080px;gap: 24px;padding: 20px 32px 20px 24px}.dsnote__chara .mascot{--m-w: 72px}.dsnote__body{flex: 1;display: grid;grid-template-columns: minmax(0, 1fr) auto;column-gap: 32px;align-items: center}.dsnote__en,.dsnote__ttl,.dsnote__txt{grid-column: 1}.dsnote__ttl{margin-top: 8px;font-size: 21px}.dsnote__txt{margin-top: 4px;font-size: 14px;line-height: 1.8}.dsnote__links{grid-column: 2;grid-row: 1 / span 3;flex-direction: column;gap: 4px;margin: 0;padding-left: 28px;border-left: 2px dashed rgba(37, 45, 92, .2)}}@media (max-width: 767.98px){.ds-note{padding-block: 44px 40px}.dsnote{flex-direction: column;align-items: stretch;padding: 24px 20px 22px}.dsnote__chara{position: absolute;right: 10px;top: -54px}.dsnote__chara .mascot{--m-w: 88px}.dsnote__ttl{font-size: 20px;margin-top: 10px}.dsnote__txt{font-size: 14px}.dsnote__links{flex-direction: column;gap: 6px}.dsnote__links a{font-size: 14px}}.ds-gal__panel{padding: clamp(48px, 4.5vw, 64px) 0 clamp(96px, 10vw, 150px)}.ds-gal .shead{margin-bottom: clamp(24px, 2.4vw, 32px)}.dsnav{position: sticky;top: calc(var(--hdr-cur) + 14px);z-index: 30;display: flex;justify-content: center;margin: 0 auto clamp(48px, 5vw, 72px);transition: top .35s var(--ease-out)}.dsnav__bar{max-width: 100%;padding: 8px;border-radius: 30px;transition: background-color .3s,box-shadow .3s}.dsnav.is-stuck .dsnav__bar{background: rgba(255, 255, 255, .93);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);box-shadow: 0 0 0 2px var(--navy),0 5px 0 var(--navy),0 18px 34px -10px rgba(37, 45, 92, .35)}.dsnav__list{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 0;padding: 0;list-style: none;scrollbar-width: none}.dsnav__list::-webkit-scrollbar{display: none}.dsnav.is-stuck .dsnav__list{flex-wrap: nowrap}.dsnav__chip{flex: none;gap: 8px;padding: 6px 16px 6px 6px;font-size: 14px;white-space: nowrap}@media (min-width: 768px){.dsnav:not(.is-stuck) .dsnav__list{max-width: 760px;margin-inline: auto}}.dsnav__no{display: grid;place-items: center;flex: none;width: 30px;height: 30px;border: 2px solid var(--navy);border-radius: 50%;background: var(--sky);font: 700 12px/1 var(--font-mono);color: var(--navy);transition: scale .3s var(--ease-bound)}.dsnav__no--pink{background: var(--pink)}.dsnav__no--yellow{background: var(--yellow)}.dsnav__no--green{background: var(--green)}.dsnav__chip.is-active .dsnav__no{border-color: #fff;scale: 1.08}@media (max-width: 959.98px){.dsnav{top: 80px}}@media (max-width: 767.98px){.dsnav{display: block;margin-inline: calc(var(--gutter) * -1);margin-bottom: 72px}.dsnav__bar{padding: 6px 0;border-radius: 0}.dsnav__list{flex-wrap: nowrap;justify-content: flex-start;padding: 4px var(--gutter) 8px;overflow-x: auto;scroll-snap-type: x proximity;scroll-padding-inline: 16px;overscroll-behavior-x: contain;-webkit-mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 28px), transparent);mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 28px), transparent)}.dsnav__list > li{scroll-snap-align: start}.dsnav__chip{min-height: 44px;font-size: 13.5px;padding-right: 14px}.dsnav__no{width: 28px;height: 28px}.dsnav.is-stuck .dsnav__bar{margin-inline: 10px;border-radius: 18px;padding: 4px 0}.dsnav.is-stuck .dsnav__list{padding-inline: 10px 30px;scroll-padding-inline: 16px}.dsnav.is-stuck::before{content: "";position: absolute;left: 0;right: 0;top: -16px;height: calc(16px + 50%);background: #fff;pointer-events: none}.dsnav.is-stuck .dsnav__bar{position: relative}.dsnav__list.is-hint{animation: chip-hint 1.3s var(--ease-inout) .6s 1 both}}@keyframes chip-hint{0%,100%{translate: 0 0}45%{translate: -38px 0}70%{translate: 4px 0}}html.no-js .dsnav{position: static}.dslist{display: grid;gap: clamp(80px, 10vw, 150px);margin: 0;padding: 0;list-style: none}.dsrow{scroll-margin-top: calc(var(--hdr-h) + 96px)}.dsrow__in{display: grid;grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr);gap: 40px clamp(40px, 5.4vw, 88px);align-items: center}.dsrow--rev .dsrow__in{grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr)}.dsrow--rev .dsrow__visual{order: 2}.dsrow__visual{position: relative;padding: clamp(28px, 3vw, 44px) clamp(20px, 2.4vw, 36px) clamp(28px, 3vw, 44px) 0}.dsrow--rev .dsrow__visual{padding-inline: 0 0;padding-left: clamp(20px, 2.4vw, 36px)}.dsrow__stage{position: absolute;z-index: 0;inset: 0 0 0 12%;border-radius: 40px;background: radial-gradient(rgba(37, 45, 92, .13) 1.2px, transparent 1.5px) 0 0 / 20px 20px,var(--st, var(--sky-soft))}.dsrow--rev .dsrow__stage{inset: 0 12% 0 0}.dsrow--yellow{--st: var(--yellow-soft);--st2: var(--yellow)}.dsrow--sky{--st: var(--sky-soft);--st2: var(--sky)}.dsrow--green{--st: var(--green-soft);--st2: var(--green)}.dsrow--pink{--st: var(--pink-tint);--st2: var(--pink)}.dsrow__stage::after{content: "";position: absolute;right: 7%;bottom: -26px;width: 92px;height: 92px;border-radius: 50%;background: var(--st2, var(--sky));border: 3px solid var(--navy);opacity: .9}.dsrow--rev .dsrow__stage::after{right: auto;left: 7%}.dsrow__num{position: absolute;z-index: 2;top: -.74em;right: 0;font: 700 clamp(84px, 9.4vw, 148px)/1 var(--font-mono);letter-spacing: -.04em;color: transparent;-webkit-text-stroke: 2.5px var(--navy);pointer-events: none}.dsrow--rev .dsrow__num{right: auto;left: 0}@media (min-width: 860px){.dsrow__num{right: auto;left: 0}.dsrow--rev .dsrow__num{left: auto;right: 0}}.dsrow__frame{position: relative;z-index: 1;rotate: -1.6deg;transition: rotate .5s var(--ease-out),translate .5s var(--ease-out)}.dsrow--rev .dsrow__frame{rotate: 1.6deg}.dsframe{box-shadow: 0 26px 50px rgba(26, 32, 72, .2)}.dsframe .bframe__body{--ar: 1600 / 1000}.dsphone{position: absolute;z-index: 3;left: -18px;bottom: -34px;width: clamp(92px, 11vw, 150px);margin: 0;padding: 7px 6px;border: 3px solid var(--navy);border-radius: 24px;background: #fff;box-shadow: 0 18px 34px rgba(26, 32, 72, .26);rotate: -4deg;pointer-events: none}.dsrow--rev .dsphone{left: auto;right: -18px;rotate: 4deg}.dsphone__screen{display: block;overflow: hidden;aspect-ratio: 585 / 1266;border-radius: 16px;background: var(--gray-bg)}.dsphone__screen img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: top center}@media (max-width: 767.98px){.dsphone{left: 2px;bottom: -22px;width: 22vw;padding: 5px 4px;border-width: 2.5px;border-radius: 18px}.dsrow--rev .dsphone{left: auto;right: 2px}.dsphone__screen{border-radius: 12px}}.dsrow--flip .dsphone{left: auto;right: -18px;rotate: 4deg}.dsrow--rev.dsrow--flip .dsphone{right: auto;left: -18px;rotate: -4deg}.dsrow--flip .dsrow__stage::after{right: auto;left: 7%}.dsrow--rev.dsrow--flip .dsrow__stage::after{left: auto;right: 7%}@media (max-width: 767.98px){.dsrow--flip .dsphone{left: auto;right: 2px}.dsrow--rev.dsrow--flip .dsphone{right: auto;left: 2px}}.dsframe .bframe__body img{object-position: center top}.dsrow__zoom{position: absolute;inset: 0;z-index: 2;display: flex;align-items: flex-end;justify-content: flex-end;padding: 16px;border-radius: 18px;cursor: zoom-in}.dsrow__zoom:focus-visible{outline: 3px solid var(--navy);outline-offset: 5px}.dsrow__pill{display: inline-flex;align-items: center;gap: 8px;padding: 6px 14px 6px 6px;border: 2px solid var(--navy);border-radius: var(--r-pill);background: #fff;box-shadow: 0 3px 0 var(--navy);font: 700 13px/1 var(--font-maru);letter-spacing: .04em;color: var(--navy);transition: translate .3s var(--ease-bound),background-color .2s,opacity .3s}.dsrow__zoom-ic{display: grid;place-items: center;width: 26px;height: 26px;border-radius: 50%;background: var(--navy)}.dsrow__zoom-ic svg{width: 15px;height: 15px;fill: none;stroke: #fff;stroke-width: 2.4;stroke-linecap: round}@media (hover: hover){.dsrow__pill{opacity: 0;translate: 0 8px}.dsrow__frame:hover{rotate: 0deg;translate: 0 -6px}.dsrow__frame:hover .bframe__body img{scale: 1.035}.dsrow__zoom:hover .dsrow__pill,.dsrow__zoom:focus-visible .dsrow__pill{opacity: 1;translate: 0 0}.dsrow__zoom:hover .dsrow__pill{background: var(--yellow)}}html.no-js .dsrow__zoom{display: none}.dsrow__text{min-width: 0}.dsrow__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px}.dsrow__idx{font: 700 12px/1 var(--font-mono);letter-spacing: .2em;color: var(--sky-text)}.dsrow__ttl{margin-top: 16px}.dsrow__head{display: block;font: 900 clamp(28px, 2.7vw, 38px)/1.4 var(--font-maru);letter-spacing: .01em}.dsrow__sub{display: block;margin-top: 8px;font: 700 clamp(16px, 1.35vw, 19px)/1.6 var(--font-maru);letter-spacing: .03em;color: var(--navy-soft);word-break: auto-phrase;text-wrap: pretty}.dsrow__desc{margin-top: 18px;font-size: 15.5px;line-height: 2;color: var(--navy-soft);word-break: auto-phrase;text-wrap: pretty}.dsrow__head,.dsrow__sub{text-wrap: balance}.dsrow__client{margin-top: 12px;font: 700 14.5px/1.6 var(--font-maru);letter-spacing: .04em;color: var(--navy)}.dsrow__client::before{content: "";display: inline-block;width: 16px;height: 3px;margin: 0 9px 0 0;border-radius: 2px;background: var(--st2, var(--pink));vertical-align: .3em}.dsrow__site{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 12px;margin-top: 16px;padding-top: 10px;border-top: 2px dotted var(--line)}.dsrow__site-lbl{font: 700 13px/1 var(--font-maru);color: var(--navy-soft);letter-spacing: .06em}.dsrow__site-link{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;font-size: 14px;font-weight: 700;color: var(--navy);text-decoration: underline;text-decoration-color: rgba(37, 45, 92, .3);text-underline-offset: 4px;overflow-wrap: anywhere}.dsrow__site-link .mono{font-size: 14px}.dsrow__site-link .icon{flex: none;width: 15px;height: 15px}@media (hover: hover){.dsrow__site-link:hover{color: var(--pink-text);text-decoration-color: currentColor}}html.no-js .ds-jsonly{display: none}.dsrow__cta{margin-top: 22px}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.dsrow__frame{animation: ds-tilt linear both;animation-timeline: view();animation-range: entry 5% cover 42%}.dsrow--rev .dsrow__frame{animation-name: ds-tilt-r}.dsrow__stage{animation: ds-stage linear both;animation-timeline: view();animation-range: entry 0% cover 40%}.dsrow__num{animation: ds-num linear both;animation-timeline: view();animation-range: entry 10% cover 45%}}}@keyframes ds-tilt{from{rotate: -8deg;scale: .86;opacity: .35}to{rotate: 0deg;scale: 1;opacity: 1}}@keyframes ds-tilt-r{from{rotate: 8deg;scale: .86;opacity: .35}to{rotate: 0deg;scale: 1;opacity: 1}}@keyframes ds-stage{from{clip-path: inset(30% 30% 30% 30% round 40px)}to{clip-path: inset(0 0 0 0 round 40px)}}@keyframes ds-num{from{translate: 0 40px;opacity: 0}to{translate: 0 0;opacity: 1}}@media (max-width: 1099.98px){.dsrow__in{grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr)}.dsrow--rev .dsrow__in{grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr)}}@media (max-width: 859.98px){.dsrow__in,.dsrow--rev .dsrow__in{grid-template-columns: minmax(0, 1fr);gap: 26px}.dsrow--rev .dsrow__visual{order: 0}}@media (max-width: 767.98px){.dslist{gap: 104px}.dsrow{scroll-margin-top: 150px}.dsrow__visual,.dsrow--rev .dsrow__visual{padding: 30px 10px 26px 0}.dsrow--rev .dsrow__visual{padding: 30px 0 26px 10px}.dsrow__stage{inset: 0 -8px 0 16%;border-radius: 28px}.dsrow--rev .dsrow__stage{inset: 0 16% 0 -8px}.dsrow__stage::after{width: 56px;height: 56px;bottom: -16px;border-width: 2.5px}.dsrow__num{font-size: 76px;top: -.84em;-webkit-text-stroke-width: 2px}.dsrow__zoom{padding: 10px}.dsrow__pill{padding: 4px 11px 4px 4px;font-size: 12px;gap: 6px}.dsrow__zoom-ic{width: 22px;height: 22px}.dsrow__zoom-ic svg{width: 13px;height: 13px}.dsrow__ttl{margin-top: 12px}.dsrow__head{font-size: 26px}.dsrow__sub{font-size: 16px}.dsrow__desc{margin-top: 14px;font-size: 14.5px;line-height: 1.95}.dsrow__cta .btn{width: 100%}}.ds-zero{padding-block: clamp(80px, 9vw, 130px) clamp(40px, 5vw, 70px)}.ds-zero__grid{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 40px clamp(48px, 7vw, 110px);align-items: start}.ds-zero__side{display: flex;flex-direction: column;align-items: center;gap: 26px}.ds-zero__side .vhead__ttl{font-size: clamp(48px, 5vw, 72px)}.ds-zero__chara .mascot{--m-w: 160px}.ds-zero .shead{margin-bottom: 18px}.ds-zero__lead{max-width: 40em;font-size: var(--fs-lead);line-height: 2.05;color: var(--navy-soft);word-break: auto-phrase;text-wrap: pretty}.ds-zero__lead strong{color: var(--navy);background: linear-gradient(transparent 62%, var(--pink-tint) 62%)}.dszero{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;margin: 36px 0 0;padding: 0;list-style: none}.dszero__card{position: relative;padding: 30px 24px 26px;border-radius: var(--r-card);background: var(--tint);box-shadow: inset 0 0 0 2px rgba(37, 45, 92, .06)}.dszero__card--pink{background: var(--pink-tint)}.dszero__card--yellow{background: #FEF7DA}.dszero__no{display: grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;background: var(--navy);color: #fff;font: 700 15px/1 var(--font-mono);box-shadow: 0 4px 0 var(--sky)}.dszero__card--pink .dszero__no{box-shadow: 0 4px 0 var(--pink)}.dszero__card--yellow .dszero__no{box-shadow: 0 4px 0 var(--yellow)}.dszero__ttl{margin-top: 18px;font: 700 19px/1.5 var(--font-maru);letter-spacing: .03em}.dszero__txt{margin-top: 8px;font-size: 14.5px;line-height: 1.9;color: var(--navy-soft);word-break: auto-phrase;text-wrap: pretty}.dszero__note{display: block;margin-top: 6px;font-size: 13px;line-height: 1.6;color: var(--navy-soft)}@media (min-width: 1024px){.ds-zero__grid{grid-template-rows: auto auto;align-items: center;row-gap: 0}.ds-zero__side{display: contents}.ds-zero__side > .vhead{grid-column: 1;grid-row: 1 / span 2;align-self: center}.ds-zero__main{grid-column: 2;grid-row: 1}.ds-zero__chara{grid-column: 2;grid-row: 2;justify-self: end;margin-top: -24px}.ds-zero__chara .mascot{--m-w: 136px}}@media (max-width: 1023.98px){.ds-zero__grid{grid-template-columns: minmax(0, 1fr)}.ds-zero__side{flex-direction: row;justify-content: center;align-items: flex-end;gap: 12px}.dszero{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 767.98px){.ds-zero{padding-block: 64px 24px}.ds-zero__side .vhead__ttl{font-size: 46px}.ds-zero__chara .mascot{--m-w: 128px}.ds-zero__chara .mascot__bubble{font-size: 12px}.dszero{gap: 14px;margin-top: 28px}.dszero__card{display: grid;grid-template-columns: auto minmax(0, 1fr);column-gap: 16px;padding: 20px 18px}.dszero__card:nth-child(1){margin-right: 22px}.dszero__card:nth-child(2){margin-left: 22px}.dszero__card:nth-child(3){margin-right: 22px}.dszero__no{grid-row: 1 / 3;width: 44px;height: 44px}.dszero__ttl{margin-top: 0;font-size: 17px;align-self: center}.dszero__txt{font-size: 13.5px;margin-top: 4px}}.ds-cta{padding-top: clamp(40px, 5vw, 70px);padding-bottom: var(--panel-m)}.ds-cta__strip{position: relative;z-index: 3;margin-bottom: calc(clamp(110px, 12vw, 180px) * -1)}.ds-cta__strip .marquee__item{border-radius: 18px;box-shadow: 0 14px 30px rgba(37, 45, 92, .16)}.ds-cta__strip .marquee__viewport{padding-block: 10px 40px}.ds-cta__strip .marquee__item img{width: clamp(220px, 26vw, 400px)}.ds-cta__strip .marquee__toggle{bottom: 50px;right: 18px}.ds-cta__tag{position: absolute;left: clamp(20px, 4vw, 60px);top: -8px;z-index: 4;display: inline-flex;align-items: center;gap: 8px;padding: 7px 16px 7px 12px;border: 2px solid var(--navy);border-radius: var(--r-pill);background: #fff;box-shadow: 0 3px 0 var(--navy);font: 700 13px/1.3 var(--font-maru);letter-spacing: .04em}.ds-cta__tag-dot{width: 10px;height: 10px;border-radius: 50%;background: var(--pink);box-shadow: 0 0 0 3px var(--pink-tint)}.ds-cta__panel{padding: clamp(190px, 19vw, 280px) 0 clamp(96px, 9vw, 130px)}.ds-cta__grid{display: grid;grid-template-columns: minmax(0, 1fr);justify-items: center;text-align: center}.ds-cta .shead{text-align: center}.ds-cta .shead__en{justify-content: center}.ds-cta__lead{margin-inline: auto}.ds-cta__btns{justify-content: center}.ds-cta .shead__ttl > .pn--open:first-child{margin-inline-start: -.5em}.ds-cta .shead{margin-bottom: 20px}.ds-cta__lead{max-width: 36em;font: 500 var(--fs-lead)/2 var(--font-body);color: var(--navy);word-break: auto-phrase;text-wrap: pretty}.ds-cta__btns{margin-top: 30px}.ds-cta__n{margin-left: 6px;padding: 2px 8px;border-radius: var(--r-pill);background: var(--sky-soft);font: 700 12px/1.4 var(--font-mono);vertical-align: 1px}@media (max-width: 767.98px){.ds-cta__strip{margin-bottom: -96px}.ds-cta__strip .marquee__item img{width: 210px}.ds-cta__strip .marquee__toggle{bottom: 46px;right: 12px}.ds-cta__tag{left: 16px;top: -10px;font-size: 12px;padding: 5px 12px 5px 10px}.ds-cta__panel{padding: 150px 0 72px}.ds-cta__grid{justify-items: stretch;text-align: left}.ds-cta .shead{text-align: left}.ds-cta .shead__en{justify-content: flex-start}.ds-cta__btns .btn{width: 100%}}.dsbox{width: min(1180px, calc(100vw - 48px));max-width: none;max-height: calc(100dvh - 48px);margin: auto;padding: 0;border: 0;border-radius: 28px;background: #fff;color: var(--navy);box-shadow: 0 30px 80px rgba(20, 24, 60, .45);overflow: hidden}.dsbox::backdrop{background: rgba(28, 33, 72, .62);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.dsbox[open]{animation: dsbox-in .5s var(--ease-bound)}.dsbox[open]::backdrop{animation: dsbox-fade .3s ease}@keyframes dsbox-in{from{opacity: 0;scale: .9}to{opacity: 1;scale: 1}}@keyframes dsbox-fade{from{opacity: 0}to{opacity: 1}}.dsbox__in{display: grid;grid-template-rows: auto minmax(0, 1fr) auto;max-height: calc(100dvh - 48px)}.dsbox__top{display: flex;align-items: center;gap: 14px;padding: 16px 18px 12px 24px;border-bottom: 2px solid var(--line)}.dsbox__count{flex: none;font: 700 13px/1 var(--font-mono);color: var(--navy-mute)}.dsbox__count b{font-size: 18px;color: var(--navy)}.dsbox__count span{margin-inline: 3px}.dsbox__ttl{flex: 1;min-width: 0;font: 700 17px/1.4 var(--font-maru);letter-spacing: .04em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dsbox__rot{display: none}.dsbox__close{flex: none;display: grid;place-items: center;width: 44px;height: 44px;border: 2px solid var(--navy);border-radius: 50%;background: #fff;color: var(--navy);transition: background-color .2s,rotate .3s var(--ease-bound)}.dsbox__close .icon{width: 16px;height: 16px}@media (hover: hover){.dsbox__close:hover{background: var(--yellow);rotate: 90deg}}.dsbox__track{display: flex;margin: 0;padding: 0;list-style: none;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;overscroll-behavior-x: contain;scrollbar-width: none}.dsbox__track::-webkit-scrollbar{display: none}.dsbox__slide{flex: 0 0 100%;min-width: 0;scroll-snap-align: center;scroll-snap-stop: always}.dsbox__fig{display: flex;flex-direction: column;height: 100%;margin: 0;padding: 20px 24px 8px}.dsbox__pic{position: relative;flex: 1;min-height: 0;display: grid;place-items: center}.dsbox__pic img{max-width: 100%;max-height: calc(100dvh - 300px);width: auto;height: auto;border-radius: 12px;border: 2px solid var(--chrome-line);background: var(--gray-bg)}.dsbox__cap{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;gap: 4px 10px;padding-top: 12px;font-size: 13px;color: var(--navy-mute);text-align: center}.dsbox__cap b{font: 700 15px/1.5 var(--font-maru);color: var(--navy)}.dsbox__lead{display: none}.dsbox__act{display: inline-flex;margin-left: 4px;align-self: center}.dsbox__hint{display: none}.dsbox__nav{display: flex;align-items: center;justify-content: center;gap: 18px;padding: 10px 18px 18px}.dsbox__nb{display: grid;place-items: center;width: 48px;height: 48px;border: 2px solid var(--navy);border-radius: 50%;background: #fff;color: var(--navy);box-shadow: 0 3px 0 var(--navy);transition: background-color .2s,translate .25s var(--ease-bound),box-shadow .25s}.dsbox__nb .icon{width: 18px;height: 18px}.dsbox__nb:disabled{opacity: .35;box-shadow: none}@media (hover: hover){.dsbox__nb:not(:disabled):hover{background: var(--yellow);translate: 0 -2px;box-shadow: 0 5px 0 var(--navy)}}.dsbox__dots{display: flex;gap: 6px}.dsbox__dots i{width: 8px;height: 8px;border-radius: 99px;background: var(--line);transition: width .35s var(--ease-out),background-color .25s}.dsbox__dots i.is-on{width: 24px;background: var(--navy)}html.is-dsbox{overflow: hidden}@media (max-width: 767.98px){.dsbox{width: 100vw;height: 100dvh;max-height: none;border-radius: 0;background: var(--navy);color: #fff;--focus: var(--yellow)}.dsbox[open]{animation: dsbox-up .45s var(--ease-out)}@keyframes dsbox-up{from{translate: 0 40px;opacity: 0}to{translate: 0 0;opacity: 1}}.dsbox__in{height: 100dvh;max-height: none}.dsbox__top{gap: 10px;padding: calc(10px + env(safe-area-inset-top)) 12px 10px 16px;border-bottom-color: rgba(255, 255, 255, .14)}.dsbox__count{color: rgba(255, 255, 255, .7)}.dsbox__count b{color: #fff}.dsbox__ttl{font-size: 14.5px}.dsbox__rot{display: inline-flex;align-items: center;gap: 6px;flex: none;min-height: 40px;padding: 4px 12px 4px 6px;border: 2px solid #fff;border-radius: var(--r-pill);background: transparent;color: #fff;font: 700 12px/1 var(--font-maru);letter-spacing: .04em}.dsbox__rot-ic{display: grid;place-items: center;width: 26px;height: 26px;border-radius: 50%;background: var(--yellow)}.dsbox__rot-ic svg{width: 16px;height: 16px;fill: none;stroke: var(--navy);stroke-width: 2;stroke-linecap: round;transition: rotate .5s var(--ease-bound)}.dsbox__rot[aria-pressed="true"]{background: var(--yellow);border-color: var(--yellow);color: var(--navy)}.dsbox__rot[aria-pressed="true"] .dsbox__rot-ic{background: var(--navy)}.dsbox__rot[aria-pressed="true"] .dsbox__rot-ic svg{stroke: var(--yellow);rotate: 90deg}.dsbox__close{width: 40px;height: 40px;background: transparent;border-color: #fff;color: #fff}.dsbox__fig{padding: 14px 12px 6px}.dsbox__pic img{max-height: none;border-radius: 10px;border-color: rgba(255, 255, 255, .25)}.dsbox__cap{color: rgba(255, 255, 255, .72);padding-top: 14px}.dsbox__cap b{color: #fff;font-size: 14.5px}.dsbox__nav{padding: 8px 16px calc(16px + env(safe-area-inset-bottom))}.dsbox__nb{background: transparent;border-color: #fff;color: #fff;box-shadow: none}.dsbox__dots i{background: rgba(255, 255, 255, .3)}.dsbox__dots i.is-on{background: var(--yellow)}.dsbox__hint{display: flex;align-items: center;justify-content: center;gap: 10px;margin: 0 16px;padding: 8px 14px 8px 8px;border-radius: 16px;background: rgba(255, 255, 255, .1);font: 700 12.5px/1.6 var(--font-maru);color: #fff;letter-spacing: .03em}.dsbox__hint img{flex: none;width: 46px;height: auto}.dsbox.is-rot .dsbox__hint{display: none}.dsbox__fig{justify-content: center;gap: 20px}.dsbox__pic{flex: 0 1 auto}.dsbox.is-rot .dsbox__pic{flex: 1 1 auto}.dsbox__cap{font-size: 14px;color: rgba(255, 255, 255, .85);padding-top: 0}.dsbox__lead{display: block;flex-basis: 100%;max-width: 30em;margin-top: 4px;font-size: 14px;line-height: 1.85;color: rgba(255, 255, 255, .85);text-wrap: pretty;word-break: auto-phrase}.dsbox__act{flex-basis: 100%;margin-top: 12px}.dsbox.is-rot .dsbox__cap{display: none}.dsbox.is-rot .dsbox__pic{overflow: hidden}.dsbox.is-rot .dsbox__pic img{position: absolute;left: 50%;top: 50%;width: var(--rot-w, 80vh);max-width: none;height: auto;translate: -50% -50%;rotate: 90deg}.dsbox.is-rot.is-turning .dsbox__pic img{animation: ds-turn .6s var(--ease-bound)}@keyframes ds-turn{from{rotate: 0deg;scale: .7}to{rotate: 90deg;scale: 1}}}@media (prefers-reduced-motion: reduce){.hslide__caret{display: none}.dsnav__list.is-hint{animation: none}.dsbox[open],.dsbox[open]::backdrop,.dsbox.is-rot.is-turning .dsbox__pic img{animation: none}}@media (max-width: 767.98px){html.js .ds-stack > .ds-note{position: sticky;top: var(--stick, 0px);z-index: 0}html.js .ds-stack > .ds-gal{position: relative;z-index: 1;margin-top: -28px;border-radius: 28px 28px 0 0;background: #fff;box-shadow: 0 -10px 24px -14px rgba(37, 45, 92, .3)}}