@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.serif{font-family:shippori-mincho,sans-serif}.en-cond,.serif{font-weight:400!important}.en-cond{font-family:span-compressed,serif}#footer,body{min-width:100%}#header,#header_category_wrap{z-index:9999}#topicsList{color:#000;font-family:Noto Sans JP,sans-serif;font-style:normal;font-weight:300;line-height:1;text-align:left}#topicsList h1,#topicsList h2,#topicsList h3,#topicsList h4,#topicsList h5{font-size:inherit;font-weight:inherit;margin:0}#topicsList *,#topicsList :after,#topicsList :before{box-sizing:border-box}#topicsList a{color:#000;cursor:pointer}#topicsList a,#topicsList a:hover{text-decoration:none}#topicsList button{background-color:#0000;border-width:0;color:inherit;cursor:pointer;padding:0}#topicsList figure{margin:0}#topicsList dd,#topicsList dl,#topicsList ol,#topicsList ul{list-style:none;margin:0;padding:0}#topicsList p{margin:0}#topicsList img{border:none;display:block;height:auto;max-width:none;width:100%}#topicsList .over{opacity:1;transition:opacity .4s}#topicsList .pc{display:block}#topicsList .sp{display:none}#topicsList .side{container-type:inline-size;width:clamp(452.5px,35.35156%,100%)}#topicsList .side>div{display:grid;height:calc(100vh - 70px);left:0;overflow:hidden;place-content:center;position:-webkit-sticky;position:sticky;top:70px;width:100%}#topicsList article{background:#5fc6ff;display:flex}#topicsList article .inrWrap{background:#85ceff;container-type:inline-size;margin-inline:auto;min-width:375px;overflow:hidden;width:29.296875%}#topicsList article .wrap{margin-inline:auto;position:relative;width:84%}#topicsList article .wrap__inr{margin-inline:auto;width:88.8888888889%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;translate:0 15% 0}to{opacity:1;translate:0 0 0}}.fadeIn{animation-duration:1s;animation-fill-mode:both;opacity:0}.fadeIn.active{animation-delay:.2s;animation-name:fadeIn}.fadeInUp{animation-duration:1s;animation-fill-mode:both;opacity:0}.fadeInUp.active{animation-delay:.2s;animation-name:fadeInUp}.fadeInUp--d1.active{animation-delay:.1s}.fadeInUp--d2.active{animation-delay:.4s}.fadeInUp--d3.active{animation-delay:.7s}.fadeInUp--d4.active{animation-delay:1s}@keyframes ctaPulse{0%,to{opacity:1}50%{opacity:.5}}.btn-cta-pulse{animation:ctaPulse 1.8s ease-in-out infinite}#topicsList article .inrWrap{--pink:#ff70da;--purple:#5082ff;--yellow:#ff0;--white:#fff}#topicsList article .inrWrap .sec{align-items:center;display:none;flex-direction:column;min-height:100vh;width:100%}#topicsList article .inrWrap .sec.is-active{display:flex}#topicsList article .inrWrap .sec-logo{display:block;margin-top:auto;margin-inline:auto;padding-bottom:0;padding-top:10.6666666667cqw;width:37.3333333333cqw}#topicsList article .inrWrap .sec-ttl{margin-bottom:10.6666666667cqw;margin-top:5.3333333333cqw;margin-inline:auto;width:53.3333333333cqw}#topicsList article .inrWrap .sec-start{padding-bottom:12.8cqw;text-align:center}#topicsList article .inrWrap .sec-start .start__kv{display:block;width:100%}#topicsList article .inrWrap .sec-start .start__kv-ph{align-items:center;aspect-ratio:375/420;background:#0000001f;color:#fff9;display:flex;font-size:3.4666666667cqw;justify-content:center;width:100%}#topicsList article .inrWrap .sec-start .start__lead{color:#000;font-family:Noto Sans JP,sans-serif;font-size:3.7333333333cqw;font-weight:500;line-height:2.1;padding:1.0666666667cqw 7.4666666667cqw 6.4cqw}#topicsList article .inrWrap .btn-cta{align-items:center;background:var(--yellow);border:none;border-radius:4px;color:#2a2a2a;cursor:pointer;display:inline-flex;font-size:4.8cqw;font-weight:700;height:13.3333333333cqw;justify-content:center;letter-spacing:.06em;position:relative;text-decoration:none;transition:transform .1s,opacity .15s;width:53.3333333333cqw;-webkit-tap-highlight-color:rgba(0,0,0,0)}#topicsList article .inrWrap .btn-cta:after{content:"▶";font-size:3.2cqw;position:absolute;right:2.6666666667cqw}#topicsList article .inrWrap .btn-cta:active{opacity:.85;transform:scale(.97)}#topicsList article .inrWrap .sec-question{padding-bottom:12.8cqw;text-align:center}#topicsList article .inrWrap .sec-question .q__step{color:var(--yellow);font-size:4.2666666667cqw;font-weight:500;letter-spacing:.06em;margin-bottom:13.3333333333cqw}#topicsList article .inrWrap .sec-question .q__text{color:#000;font-family:Noto Sans JP,sans-serif;font-size:5.3333333333cqw;font-weight:500;line-height:1.7;margin-bottom:17.3333333333cqw;text-align:center}#topicsList article .inrWrap .sec-question .q__choices{align-items:center;display:flex;flex-direction:column;gap:3.7333333333cqw;margin-bottom:7.4666666667cqw;width:100%}#topicsList article .inrWrap .sec-question .btn-choice{border:none;border-radius:6px;color:var(--white);cursor:pointer;font-size:4.8cqw;font-weight:700;height:26.6666666667cqw;line-height:1.5;padding:0 5.3333333333cqw 0 calc(5.3333333333cqw + 1.5em);text-align:left;text-indent:-1.5em;transition:transform .1s,opacity .15s;width:82.6666666667cqw;-webkit-tap-highlight-color:rgba(0,0,0,0)}#topicsList article .inrWrap .sec-question .btn-choice:active{opacity:.85;transform:scale(.97)}#topicsList article .inrWrap .sec-question .btn-choice--a{background:var(--pink)}#topicsList article .inrWrap .sec-question .btn-choice--b{background:var(--purple)}#topicsList article .inrWrap .sec-question .btn-back{background:none;border:1px solid #ffffff73;border-radius:4px;color:#ffffffbf;cursor:pointer;font-size:3.2cqw;margin-bottom:0;padding:2.1333333333cqw 5.8666666667cqw;transition:opacity .15s}#topicsList article .inrWrap .sec-question .btn-back:hover{opacity:.7}#topicsList article .inrWrap .sec-question .btn-back.is-hidden{pointer-events:none;visibility:hidden}#topicsList article .inrWrap .sec-result{padding:0 6.4cqw 12.8cqw;text-align:center}#topicsList article .inrWrap .sec-result .r__intro{color:#000;font-family:noto-sans-jp,sans-serif;font-size:5.3333333333cqw;font-weight:500;margin-bottom:10.6666666667cqw}#topicsList article .inrWrap .sec-result .r__hero{margin-bottom:8.5333333333cqw;position:relative;text-align:center;width:100%}#topicsList article .inrWrap .sec-result .r__hero .r__names{display:block;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#topicsList article .inrWrap .sec-result .r__hero .r__names .r__name-en{color:#fff;display:block;font-family:span-compressed,serif;font-size:20cqw;font-weight:100;line-height:.9;margin-bottom:0;white-space:nowrap}#topicsList article .inrWrap .sec-result .r__hero .r__names .r__name-ja{color:#fff;font-size:4cqw;font-weight:500;letter-spacing:.05em;margin-bottom:0;text-align:right}#topicsList article .inrWrap .sec-result .r__hero .r__hero-body{align-items:flex-start;display:flex;margin-top:-12cqw;position:relative}#topicsList article .inrWrap .sec-result .r__hero .r__hero-body .r__illust{flex-shrink:0;width:43.4666666667cqw}#topicsList article .inrWrap .sec-result .r__hero .r__hero-body .r__desc{align-self:center;color:#000;font-family:Noto Sans JP,sans-serif;font-size:3.7333333333cqw;font-weight:400;line-height:1.9;margin-bottom:0;margin-top:2.6666666667cqw;text-align:left}#topicsList article .inrWrap .sec-result .r__hero .r__hero-body .r__style{background:var(--purple);color:var(--white);font-size:3.4666666667cqw;font-weight:400;letter-spacing:.04em;padding:1.0666666667cqw 2.6666666667cqw;position:absolute;right:-6.4cqw;top:16cqw;white-space:nowrap}#topicsList article .inrWrap .sec-result .r__point{margin:0 auto 8.5333333333cqw;width:80cqw}#topicsList article .inrWrap .sec-result .r__point-title{border-bottom:1px solid var(--yellow);color:var(--yellow);display:inline-block;font-size:5.3333333333cqw;margin-bottom:5.3333333333cqw;padding-bottom:1.6cqw}#topicsList article .inrWrap .sec-result .r__point-text{color:#000;font-family:Noto Sans JP,sans-serif;font-size:3.7333333333cqw;font-weight:400;line-height:1.9;margin-bottom:5.3333333333cqw;text-align:left}#topicsList article .inrWrap .sec-result .r__point-img{display:block;margin-bottom:2.6666666667cqw;width:100%}#topicsList article .inrWrap .sec-result .r__point-info{align-items:flex-start;display:flex;justify-content:space-between}#topicsList article .inrWrap .sec-result .r__point-name{color:#000;font-family:Noto Sans JP,sans-serif;font-size:3.7333333333cqw;font-weight:500}#topicsList article .inrWrap .sec-result .r__point-price{color:#000;font-size:8cqw}#topicsList article .inrWrap .sec-result .btn-retry{background:none;border:none;color:#ffffffa6;cursor:pointer;display:block;font-size:3.2cqw;letter-spacing:.04em;margin:5.3333333333cqw auto 0;text-decoration:underline}@media(hover:hover){#topicsList .over:hover{opacity:.6}}@media(width < 560px){#topicsList .pc{display:none!important}#topicsList .sp{display:block!important}#topicsList .side{display:none}#topicsList article .inrWrap{min-width:unset;width:100%}}@media(560px <= width < 960px){#topicsList .side{display:none}}
/*# sourceMappingURL=style.css.map*/