.frame-container{position:relative;inline-size:100%;background-color:#fff}.frame-container>.left,.frame-container>.right{display:none}.frame-container>.content{position:relative;z-index:1;inline-size:100%;margin-inline:auto;background-color:#fff}@media(min-width:48rem){.frame-container{display:grid;grid-template-columns:1fr clamp(200px,26.0416666667vw,375px) 1fr;align-items:start}.frame-container>.left,.frame-container>.right{position:sticky;inset-block-start:0;display:block;align-self:start;inline-size:100%;block-size:100vh;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom center;object-position:bottom center}.frame-container>.left{grid-row:1;grid-column:1}.frame-container>.right{grid-row:1;grid-column:3}.frame-container>.content{grid-row:1;grid-column:2;inline-size:100%;box-shadow:0 0 10px #0000004d}}.kv-section{gap:0px;border-radius:0}.choice-banner{gap:6px;border-radius:0}.noise{gap:0px;border-radius:0}.state-section{gap:0px;background-color:#fff;border-radius:0}.statement-content{gap:20px;border-radius:0}.statement-copy{font-family:Noto Sans JP;font-size:16px;font-weight:900;color:#000;background-color:transparent}.statement-panel{gap:0px;padding:60px 24px;border-radius:0}.text{gap:0px;border-radius:0}.state-section .statement-panel{position:relative;z-index:1;padding:clamp(3.4133333333rem,17.0666666667vw,8.192rem) 0 clamp(4.5866666667rem,22.9333333333vw,11.008rem)}@media(min-width:48rem){.state-section .statement-panel{padding:clamp(34.1333333333px,4.4444444444vw,64px) 0 clamp(45.8666666667px,5.9722222222vw,86px)}}.state-section .statement-content{display:flex;flex-direction:column;gap:clamp(1.0666666667rem,5.3333333333vw,2.56rem);align-items:center;inline-size:100%}@media(min-width:48rem){.state-section .statement-content{gap:clamp(10.6666666667px,1.3888888889vw,20px)}}.state-section .statement-copy{inline-size:clamp(14.9866666667rem,74.9333333333vw,35.968rem)}@media(min-width:48rem){.state-section .statement-copy{inline-size:clamp(149.8666666667px,19.5138888889vw,281px)}}.state-section .choice-banner{display:flex;flex-direction:column;gap:clamp(.32rem,1.6vw,.768rem);align-items:center;inline-size:100%}@media(min-width:48rem){.state-section .choice-banner{gap:clamp(3.2px,.4166666667vw,6px)}}.state-section .choice-banner>.pop{inline-size:clamp(13.0666666667rem,65.3333333333vw,31.36rem)}@media(min-width:48rem){.state-section .choice-banner>.pop{inline-size:clamp(130.6666666667px,17.0138888889vw,245px)}}.state-section .choice-banner>.text{inline-size:clamp(15.04rem,75.2vw,36.096rem)}@media(min-width:48rem){.state-section .choice-banner>.text{inline-size:clamp(150.4px,19.5833333333vw,282px)}}.state-section .side-img{position:absolute;inset-block-start:clamp(-4.608rem,-9.6vw,-1.92rem);inset-inline-start:50%;z-index:2;inline-size:100%;transform:translate(-50%)}@media(min-width:48rem){.state-section .side-img{inset-block-start:clamp(-36px,-2.5vw,-19.2px)}}.state-section{position:relative;min-block-size:clamp(34.350336rem,171.75168vw,82.4408064rem)}@media(min-width:48rem){.state-section{min-block-size:clamp(332.8366933333px,43.3381111111vw,624.0688px)}}.state-section>.noise{position:absolute;inset:0 0 auto;z-index:0;inline-size:100%}.result-section,.result-box,.result-image,.slide-band{gap:0;border-radius:0}.result-section .slide-band{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-start;inline-size:100%;block-size:clamp(3.2rem,16vw,7.68rem);overflow:hidden}.result-section .slide-band[data-variant=white]{background:linear-gradient(180deg,#e0f2ff,#fff)}.result-section .slide-band[data-variant=blue]{background:linear-gradient(180deg,#4242a7,#0824b6)}@media(min-width:48rem){.result-section .slide-band{block-size:clamp(32px,4.1666666667vw,60px)}}.result-section .slide-band>.slide-text{flex:0 0 auto}.result-section .slide-text{--slide-text-item-inline-size: clamp(96.24rem, 481.2vw, 230.976rem);--slide-text-gap: 0;--slide-text-loop-distance: calc(var(--slide-text-item-inline-size) + var(--slide-text-gap));display:flex;gap:var(--slide-text-gap);inline-size:calc(var(--slide-text-loop-distance) + var(--slide-text-item-inline-size))}.result-section .slide-text img{flex:0 0 var(--slide-text-item-inline-size);inline-size:var(--slide-text-item-inline-size);max-inline-size:none}.result-section .slide-text{animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite}@media(min-width:48rem){.result-section .slide-text{--slide-text-item-inline-size: clamp(962.4px, 125.3125vw, 1804.5px)}}.result-section [data-variant=white]>.slide-text{--slide-text-gap: clamp(.5973333333rem, 2.9866666667vw, 1.4336rem);animation-name:slide-text-loop-left}@media(min-width:48rem){.result-section [data-variant=white]>.slide-text{--slide-text-gap: clamp(5.9733333333px, .7777777778vw, 11.2px)}}.result-section [data-variant=blue]>.slide-text{--slide-text-item-inline-size: clamp(90.2133333333rem, 451.0666666667vw, 216.512rem);--slide-text-gap: clamp(.5791093333rem, 2.8955466667vw, 1.3898624rem);transform:translate(calc(var(--slide-text-loop-distance) * -1));animation-name:slide-text-loop-right}@media(min-width:48rem){.result-section [data-variant=blue]>.slide-text{--slide-text-item-inline-size: clamp(902.1333333333px, 117.4652777778vw, 1691.5px);--slide-text-gap: clamp(5.7910933333px, .7540486111vw, 10.8583px)}}@keyframes slide-text-loop-left{0%{transform:translate(0)}to{transform:translate(calc(var(--slide-text-loop-distance) * -1))}}@keyframes slide-text-loop-right{0%{transform:translate(calc(var(--slide-text-loop-distance) * -1))}to{transform:translate(0)}}.result-section .result-box{position:relative;inline-size:100%;block-size:clamp(40.5333333333rem,202.6666666667vw,97.28rem);overflow:hidden;background-color:#0824b6}@media(min-width:48rem){.result-section .result-box{block-size:clamp(405.3333333333px,52.7777777778vw,760px)}}.result-section .result-box>.result-image{position:absolute;inset-inline-start:50%;transform:translate(-50%)}.result-section .result-image>img{display:block;inline-size:100%;block-size:auto}.result-section .result-image[data-variant=hero]{inset-block-start:clamp(2.1333333333rem,10.6666666667vw,5.12rem);inline-size:clamp(20rem,100vw,48rem)}@media(min-width:48rem){.result-section .result-image[data-variant=hero]{inset-block-start:clamp(21.3333333333px,2.7777777778vw,40px);inline-size:clamp(200px,26.0416666667vw,375px)}}.result-section .result-image[data-variant=score]{inset-block-start:clamp(13.1733333333rem,65.8666666667vw,31.616rem);inline-size:clamp(17.6rem,88vw,42.24rem)}@media(min-width:48rem){.result-section .result-image[data-variant=score]{inset-block-start:clamp(131.7333333333px,17.1527777778vw,247px);inline-size:clamp(176px,22.9166666667vw,330px)}}.result-section .result-image[data-variant=winner]{inset-block-start:clamp(21.856rem,109.28vw,52.4544rem);inline-size:clamp(20rem,100vw,48rem)}@media(min-width:48rem){.result-section .result-image[data-variant=winner]{inset-block-start:clamp(218.56px,28.4583333333vw,409.8px);inline-size:clamp(200px,26.0416666667vw,375px)}}.result-section .result-image[data-variant=products]{inset-block-start:clamp(27.1466666667rem,135.7333333333vw,65.152rem);inline-size:clamp(20rem,100vw,48rem)}@media(min-width:48rem){.result-section .result-image[data-variant=products]{inset-block-start:clamp(271.4666666667px,35.3472222222vw,509px);inline-size:clamp(200px,26.0416666667vw,375px)}}.result-section .result-side{position:absolute;inset-block-start:clamp(-8.704rem,-18.1333333333vw,-3.6266666667rem);inset-inline-start:calc(50% - clamp(.0077333333rem,.0386666667vw,.01856rem));z-index:2;inline-size:100%;transform:translate(-50%)}@media(min-width:48rem){.result-section .result-side{inset-block-start:clamp(-68px,-4.7222222222vw,-36.2666666667px);inset-inline-start:calc(50% - clamp(.0773333333px,.0100694444vw,.145px))}}.result-section{position:relative;min-block-size:clamp(44.6617493333rem,223.3087466667vw,107.1881984rem)}@media(min-width:48rem){.result-section{min-block-size:clamp(446.6174933333px,58.1533194444vw,837.4078px)}}:where(.content-sample) *,:where(.content-sample) *:before,:where(.content-sample) *:after{box-sizing:border-box}:where(.content-sample) *{padding:0;margin:0;font-size:inherit;line-height:inherit}:where(.content-sample) textarea{overflow:auto}:where(.content-sample) textarea{resize:vertical}:where(.content-sample) template{display:none}:where(.content-sample) details,:where(.content-sample) main,:where(.content-sample) summary{display:block}:where(.content-sample) progress{display:inline-block}:where(.content-sample) input[type=number]{width:auto}:where(.content-sample) button,:where(.content-sample) input,:where(.content-sample) select,:where(.content-sample) textarea{font-family:inherit;font-style:inherit;font-weight:inherit;color:inherit}:where(.content-sample) button{overflow:visible}:where(.content-sample) button,:where(.content-sample) select{text-transform:none}:where(.content-sample) input{line-height:normal}:where(.content-sample) button,:where(.content-sample) input[type=button],:where(.content-sample) input[type=reset]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;background-color:transparent;border-style:none}:where(.content-sample) button[disabled],:where(.content-sample) input[disabled]{cursor:default}:where(.content-sample) button::-moz-focus-inner,:where(.content-sample) input::-moz-focus-inner{padding:0;border:0}:where(.content-sample) audio,:where(.content-sample) img,:where(.content-sample) svg,:where(.content-sample) video{vertical-align:middle}:where(.content-sample) audio:not([controls]){display:none}:where(.content-sample) picture{display:block}:where(.content-sample) img{display:block;width:100%;max-width:100%;height:auto;border:0}:where(.content-sample) svg{width:100%;height:auto}:where(.content-sample) select{-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.content-sample){font-family:Noto Sans JP,sans-serif;font-size:1rem;line-height:1.5;color:#333;overflow-wrap:break-word;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(.content-sample) a{color:#00f;text-decoration:underline}:where(.content-sample) .u-visuallyhidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}:where(.content-sample){--color-red: #d51313;--color-yellow: #ffdf2f;--white: #fff;--black: #000;--gray: #d4d4d4;--gray-50: #f9fafb;--gray-100: #f8fafc;--gray-200: #f3f4f6;--gray-300: #e5e7eb;--gray-400: #e2e8f0;--gray-500: #cbd5e1;--gray-600: #6c757d;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--slate-900: #0f172a;--red: #ff4d4d;--orange: #ff944d;--yellow: #ffeb3b;--green: #4caf50;--blue: #2196f3;--purple: #9c27b0;--light-gray: #fafafa;--light-red: #ffe5e7;--light-orange: #fff1e0;--light-yellow: #ffffe0;--light-green: #e6ffeb;--light-blue: #e6f7ff;--light-purple: #f3e6ff;--focus-ring-color: #005fcc}@media print{:where(.content-sample) *,:where(.content-sample) *:before,:where(.content-sample) *:after{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}:where(.content-sample) a,:where(.content-sample) a:visited{text-decoration:underline}:where(.content-sample) tr,:where(.content-sample) img{-moz-column-break-inside:avoid;break-inside:avoid}:where(.content-sample) img{max-width:100%!important}:where(.content-sample) p,:where(.content-sample) h2{widows:3;orphans:3}:where(.content-sample) h2{-moz-column-break-after:avoid;break-after:avoid}}.content-sample{inline-size:100%}