@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;900&family=Oswald:wght@300&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a{text-decoration:none}a img{border:none;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{font-size:62.5%;overflow-y:scroll;background-color:#005fa8}body{-webkit-text-size-adjust:100%;font-family:Noto Sans JP,sans-serif;font-weight:500;color:#000;line-height:1.3}img{width:100%}a,button{color:#000;transition:all .3s}.wrapper{width:100%;overflow:hidden}@media print{.wrapper .inner-wrap{width:450px}.wrapper:before{left:calc(50% - 225px);width:450px}.wrapper{width:100%;min-height:100svh;background:url(../images/bg_pc.jpg) no-repeat center center;background-size:cover;overflow:hidden;opacity:0;transition:opacity .6s}.wrapper .inner-wrap{position:relative;min-height:100svh;margin:0 auto;padding-bottom:60px;background-color:#f3f3f3;box-shadow:0 0 30px #005fa8;box-sizing:border-box;overflow:hidden;z-index:2}.wrapper .inner-wrap.bg-blue{background-color:#0068b5}.wrapper:before{content:"";position:absolute;top:0;display:block;height:0;background-color:#198bcb;transition:height .3s ease-in-out;z-index:8000}.wrapper.color-blue:before{background-color:#00285a}.wrapper.screen:before{height:100%}.contents-body{background-color:#f3f3f3;overflow:hidden;z-index:2}.bg-pc{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(../images/bg_pc.jpg) no-repeat center center;background-size:cover;opacity:0;transition:opacity .6s;z-index:1}.loading{position:fixed;top:calc(50% - 150vw);left:calc(50% - 150vw);display:flex;justify-content:center;align-items:center;width:300vw;height:300vw;background-color:#005fa8;border-radius:100%;transition:transform 1s ease-in-out;transform:scale(1);z-index:9999}.loading .loader,.loading .loader:after{border-radius:50%;width:36px;height:36px}.loading .loader{position:relative;text-indent:-9999em;border-top:8.4px solid rgba(255,255,255,.2);border-right:8.4px solid rgba(255,255,255,.2);border-bottom:8.4px solid rgba(255,255,255,.2);border-left:8.4px solid #ffffff;transform:translateZ(0);animation:load8 1.1s infinite linear}body.view .wrapper{opacity:1}body.view .loading{transform:scale(0)}body.view .bg-pc{opacity:1}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.first-scene{background-color:#0068b5}.first-scene .main-visual{position:relative;padding-bottom:42px;background-color:#fff}.first-scene .main-visual:before{content:"";position:absolute;bottom:-58.8px;left:0;display:block;width:100%;height:0;border-top:60px solid #fff;border-left:225px solid #0068b5;border-right:225px solid #0068b5;box-sizing:border-box}.first-scene .main-visual .lead-main{margin-top:30px;font-size:19.2px;font-weight:900;color:#00285a;text-align:center;line-height:36px}.first-scene .main-visual .campaign-wrap{width:378px;margin:12px auto 0;padding:18px 12px 15px;border-radius:6px;background-color:#0068b5;box-sizing:border-box}.first-scene .main-visual .campaign-wrap .title-campaign{padding:4.2px 0 6px;font-size:21.6px;font-weight:900;color:#fcee21;text-align:center;line-height:30px;border-top:solid 1.2px #fcee21;border-bottom:solid 1.2px #fcee21}.first-scene .main-visual .campaign-wrap .text-campaign{margin-top:12px;font-size:15.6px;color:#fff;text-align:center;line-height:25.2px}.first-scene .main-visual .campaign-wrap .text-campaign strong{color:#fcee21}.first-scene .next-btn{margin-top:0;padding-bottom:12px;text-align:center}.first-scene .next-btn .btn-start{position:relative;display:inline-block;border:solid 6px #00285a;border-radius:9999px}.first-scene .next-btn .btn-start span{position:relative;display:inline-flex;justify-content:center;align-items:center;width:378px;height:48px;font-size:21.6px;font-weight:900;letter-spacing:.16em;text-indent:.16em;color:#00285a;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%2310285a" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 21px center;background-size:18px;background-color:#ffb7d7;border-radius:9999px;transition:all .3s ease-in-out;z-index:1}.first-scene .next-btn .btn-start:before{content:"";position:absolute;top:-6px;left:-6px;display:block;width:calc(100% + 12px);height:calc(100% + 24px);background-color:#00285a;border:solid 6px #00285a;border-radius:30px;box-sizing:border-box}.first-scene .next-btn .btn-start:after{content:"";position:absolute;top:-18px;left:42px;display:block;width:60px;height:60px;background:url(../images/icon_megane.png) no-repeat center center;background-size:contain;box-sizing:border-box;z-index:2}.first-scene .next-btn .btn-start:hover span{background-color:#ff91c2}.question-scene{padding-bottom:42px;background-color:#f3f3f3}.question-scene .question{position:relative;height:390px;padding-top:57px;border-top:solid 30px #00c7fd;box-sizing:border-box}.question-scene .question:before{content:"";position:absolute;top:-12px;left:calc(50% - 22.8px);display:block;width:45.6px;height:60px;padding-top:6px;font-family:Oswald,sans-serif;font-weight:300;font-size:30px;color:#fff;letter-spacing:.04em;text-indent:.04em;text-align:center;background:url(../images/num_bg.svg) no-repeat bottom center;background-size:contain;box-sizing:border-box}.question-scene .question .title-question{display:flex;justify-content:center;align-items:center;height:66px;font-size:30px;font-weight:900;color:#00285a;text-align:center;line-height:33px}.question-scene .question[class*=question1]:before{content:"Q1"}.question-scene .question[class*=question2]:before{content:"Q2"}.question-scene .question[class*=question3]:before{content:"Q3"}.question-scene .question[class*=question4]:before{content:"Q4"}.question-scene .question[class*=question5]:before{content:"Q5"}.question-scene .question[class*=question6]:before{content:"Q6"}.question-scene .question.illust1{background:url(../images/illust_question1.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust2{background:url(../images/illust_question2.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust3{background:url(../images/illust_question3.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust4{background:url(../images/illust_question4.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust5{background:url(../images/illust_question5.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust6{background:url(../images/illust_question6.png) no-repeat bottom center;background-size:contain}.question-scene .answer-list{margin-top:30px}.question-scene .answer-list .answer-item{margin-top:18px;text-align:center}.question-scene .answer-list .answer-item .answer-input{width:0;margin:0;padding:0;border:none;background:none;outline:none;opacity:0}.question-scene .answer-list .answer-item .answer-input:disabled+.answer-label{background-color:#5e8fb6;cursor:not-allowed}.question-scene .answer-list .answer-item .answer-label{position:relative;display:inline-flex;justify-content:center;align-items:center;width:390px;height:72px;font-size:18px;font-weight:900;letter-spacing:.1em;text-indent:.1em;line-height:24px;color:#fff;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 21px center;background-size:18px;background-color:#0068b5;border-radius:9999px;transition:all .3s ease-in-out}.question-scene .answer-list .answer-item .answer-label:hover{background-color:#00285a}.result-scene{padding-bottom:42px;background-color:#f3f3f3}.result-scene .result-title_wrap{padding-top:13.8px;padding-bottom:40.2px;background:url(../images/lead_result_bg.jpg) no-repeat center center;background-size:cover}.result-scene .result-title_wrap .lead-result{position:relative;width:100%;text-align:center;z-index:2}.result-scene .result-title_wrap .title-result{position:relative;width:396px;margin:9px auto 0;padding:0 6px 36px;font-size:25.8px;font-weight:900;color:#00285a;text-align:center;line-height:36px;background-color:#ffffffbf;box-sizing:border-box;z-index:1}.result-scene .result-title_wrap .title-result:before{content:"";position:absolute;top:-24px;left:0;display:block;width:100%;height:24px;border-right:solid 24px transparent;border-left:solid 24px transparent;border-bottom:solid 24px rgba(255,255,255,.75);box-sizing:border-box}.result-scene .result-title_wrap .title-result strong{color:#07aaff}.result-scene .recs-content{position:relative;padding-bottom:30px;background-color:#00285a}.result-scene .recs-content:before{content:"";position:absolute;bottom:-24px;right:3px;display:block;width:97.2px;height:97.2px;background:url(../images/bg_recs.png) no-repeat bottom center;background-size:contain;opacity:.23;z-index:1}.result-scene .recs-content .title-recs{position:relative;top:-12px;display:flex;justify-content:center;align-items:center;height:30px;font-size:16.8px;font-weight:900;color:#fcee21;text-align:center;background:url(../images/bg_title_recs.png) no-repeat center center;background-size:contain;z-index:2}.result-scene .recs-content .recs-cpu{position:relative;display:flex;align-items:center;width:390px;margin:6px auto 0;z-index:2}.result-scene .recs-content .recs-cpu .img-cpu{width:114px;margin-right:12px;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .recs-content .recs-cpu .name-cpu{flex:1;font-size:19.2px;font-weight:900;color:#fcee21;line-height:30px;text-align:center}.result-scene .recs-content .lead-recs{position:relative;margin-top:16.2px;font-size:18px;color:#fff;text-align:center;line-height:24px;z-index:2}.result-scene .recs-content .recs-pc{position:relative;display:flex;align-items:center;width:390px;margin:16.2px auto 0;padding-top:18px;border-top:solid 1px #93daff;z-index:2}.result-scene .recs-content .recs-pc .img-pc{width:114px;margin-right:12px;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .recs-content .recs-pc .name-pc{flex:1;color:#fff;font-weight:900;text-align:center}.result-scene .recs-content .recs-pc .name-pc .lead-text{display:block;font-size:16.8px;line-height:21.6px}.result-scene .recs-content .recs-pc .name-pc .pc-name{display:block;margin-top:9px;font-size:19.2px;line-height:27.6px}.result-scene .more-text{display:flex;justify-content:center;align-items:center;height:54px;font-size:18px;color:#00285a;text-align:center;background:url(../images/bg_more.png) no-repeat center center;background-size:64.2px}.result-scene .specs .specs-cpu{display:flex;align-items:center;padding:24px 30px;background-color:#0068b5}.result-scene .specs .specs-cpu .img-cpu{width:114px;margin-right:12px;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .specs .specs-cpu .name-cpu{flex:1;font-size:20.4px;font-weight:900;color:#fcee21;line-height:30px;letter-spacing:-.04em;text-align:center}.result-scene .specs .specs-item{width:390px;margin:24px auto 0;padding:15px;font-size:18px;font-weight:900;color:#fff;line-height:25.2px;letter-spacing:.1em;text-indent:.1em;text-align:center;background-color:#00285a;border-radius:1.2px;box-sizing:border-box}.result-scene .specs .specs-item strong{font-size:25.2px;letter-spacing:0}.result-scene .text{margin-top:36px;font-size:18px;color:#00285a;text-align:center;line-height:23.4px}.result-scene .text-s{margin-top:18px;font-size:14.4px;color:#00285a;text-align:center;line-height:21px}.result-scene .links{display:flex;justify-content:space-between;flex-wrap:wrap;width:420px;margin:0 auto;padding-top:3px}.result-scene .links .link-item{width:204px;margin-top:12px;line-height:1}.result-scene .links .link-item a{display:block;transition:all .3s ease-in-out}.result-scene .links .link-item a:hover{transform:scale(1.03)}.result-scene .annot{width:420px;margin:12px auto 0;font-size:12px;color:#00285a;text-align:right}.result-scene .result{position:relative;width:390px;margin:96px auto 0;padding:0 30px 30px;box-sizing:border-box}.result-scene .result:before{content:"";position:absolute;top:-66px;left:18px;display:block;width:59.4px;height:66px;background:url(../images/illust_result.png) no-repeat bottom center;background-size:contain;box-sizing:border-box;z-index:1}.result-scene .result:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#fff;border:solid 2.4px #0068b5;border-radius:18px;z-index:2}.result-scene .result .title-result_sub{position:relative;top:-18px;text-align:center;z-index:3}.result-scene .result .title-result_sub span{position:relative;display:inline-block;padding:3.6px 14.4px 7.2px;font-size:18px;font-weight:900;color:#fcee21;background-color:#0068b5;border-radius:1.2px}.result-scene .result .title-result_sub span:before{content:"";position:absolute;bottom:-5.4px;left:calc(50% - 4.2px);display:block;width:9px;height:6px;background:url(../images/icon_fukidashi.png) no-repeat top center;background-size:contain;border-radius:30px;box-sizing:border-box}.result-scene .result .result-item{position:relative;margin-top:18px;z-index:3}.result-scene .result .result-item dt{padding:6px 8.4px 7.2px;font-size:14.4px;font-weight:900;color:#fff;text-align:center;line-height:18px;background-color:#0068b5;border-radius:9999px}.result-scene .result .result-item dd{margin-top:9px;font-size:18px;font-weight:900;color:#00285a;text-align:center;line-height:21px}.result-scene .campaign{width:378px;margin:42px auto 30px;padding:18px 12px;border-radius:6px;background-color:#0068b5;box-sizing:border-box}.result-scene .campaign .title-campaign{padding:4.2px 0 6px;font-size:21.6px;font-weight:900;color:#fcee21;text-align:center;line-height:30px;border-top:solid 1.2px #fcee21;border-bottom:solid 1.2px #fcee21}.result-scene .campaign .text-campaign{margin-top:12px;font-size:15.6px;color:#fff;text-align:center;line-height:25.2px}.result-scene .campaign .text-campaign strong{color:#fcee21}.result-scene .campaign .text-campaign strong.underline{border-bottom:dashed 1px #fcee21}.result-scene .campaign .campaign-btn{margin-top:12px;text-align:center}.result-scene .campaign .campaign-btn .btn-campaign{position:relative;display:inline-flex;justify-content:center;align-items:center;width:318px;height:48px;font-size:18px;font-weight:900;letter-spacing:.1em;text-indent:.1em;line-height:24px;color:#0068b5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%231068b5" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 21px center;background-size:18px;background-color:#fff;border:solid 2.4px #fff;border-radius:9999px;box-sizing:border-box;transition:all .3s ease-in-out}.result-scene .campaign .campaign-btn .btn-campaign:hover{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#0068b5}.result-scene .campaign .campaign-btn .btn-campaign.no-link{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#ddd;border:solid 2.4px #ddd}.result-scene .campaign .campaign-btn .btn-campaign.no-link:hover{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#ddd}.footer{position:absolute;margin:0 auto;bottom:0;left:0;width:100%;padding-bottom:18px;background-color:#f3f3f3;box-sizing:border-box;z-index:2}.footer .copyright{font-size:9.6px;color:#000;text-align:center}.footer.bg-blue{background-color:#0068b5}.footer.bg-blue .copyright{color:#fff}body.type-b .wrapper .inner-wrap{padding-bottom:48px}body.type-b .question-scene{padding-bottom:18px}body.type-b .question-scene .answer-list .answer-item .answer-label{height:48px}body.type-b .result-scene .result-title_wrap{padding-top:32.4px;padding-bottom:52.2px}@keyframes slide_x{0%{opacity:0;transform:translate(18px)}80%{opacity:1;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes main_visual{0%{opacity:0;transform:translate(60px,-18px);filter:blur(10px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes zoom_in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fead_in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}body .main-visual .catch .catch-shift_and_twist,body .main-visual .catch .text{opacity:0}body .main-visual .vsual:before{left:-100%;transition:all .8s ease-out}body .main-visual .scroll{opacity:0}body.view .main-visual .catch .catch-shift_and_twist{animation:slide_x .2s forwards linear .6s}body.view .main-visual .catch .text{animation:slide_x .2s forwards linear .8s}body.view .main-visual .vsual:before{left:0}body.view .main-visual .scroll{animation:fead_in .5s forwards linear 1s}.ttl-section.scroll-flag:before{opacity:0}.ttl-section.scroll-flag .en,.ttl-section.scroll-flag .ja{opacity:0}.ttl-section.show:before{animation:fead_in .3s forwards linear .6s}.ttl-section.show .en{animation:fead_in .3s forwards linear .3s}.ttl-section.show .ja{animation:fead_in .3s forwards linear 0s}}@media only screen and (min-width: 450px){.wrapper .inner-wrap{width:450px}.wrapper:before{left:calc(50% - 225px);width:450px}.wrapper{width:100%;min-height:100svh;background:url(../images/bg_pc.jpg) no-repeat center center;background-size:cover;overflow:hidden;opacity:0;transition:opacity .6s}.wrapper .inner-wrap{position:relative;min-height:100svh;margin:0 auto;padding-bottom:60px;background-color:#f3f3f3;box-shadow:0 0 30px #005fa8;box-sizing:border-box;overflow:hidden;z-index:2}.wrapper .inner-wrap.bg-blue{background-color:#0068b5}.wrapper:before{content:"";position:absolute;top:0;display:block;height:0;background-color:#198bcb;transition:height .3s ease-in-out;z-index:8000}.wrapper.color-blue:before{background-color:#00285a}.wrapper.screen:before{height:100%}.contents-body{background-color:#f3f3f3;overflow:hidden;z-index:2}.bg-pc{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(../images/bg_pc.jpg) no-repeat center center;background-size:cover;opacity:0;transition:opacity .6s;z-index:1}.loading{position:fixed;top:calc(50% - 150vw);left:calc(50% - 150vw);display:flex;justify-content:center;align-items:center;width:300vw;height:300vw;background-color:#005fa8;border-radius:100%;transition:transform 1s ease-in-out;transform:scale(1);z-index:9999}.loading .loader,.loading .loader:after{border-radius:50%;width:36px;height:36px}.loading .loader{position:relative;text-indent:-9999em;border-top:8.4px solid rgba(255,255,255,.2);border-right:8.4px solid rgba(255,255,255,.2);border-bottom:8.4px solid rgba(255,255,255,.2);border-left:8.4px solid #ffffff;transform:translateZ(0);animation:load8 1.1s infinite linear}body.view .wrapper{opacity:1}body.view .loading{transform:scale(0)}body.view .bg-pc{opacity:1}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.first-scene{background-color:#0068b5}.first-scene .main-visual{position:relative;padding-bottom:42px;background-color:#fff}.first-scene .main-visual:before{content:"";position:absolute;bottom:-58.8px;left:0;display:block;width:100%;height:0;border-top:60px solid #fff;border-left:225px solid #0068b5;border-right:225px solid #0068b5;box-sizing:border-box}.first-scene .main-visual .lead-main{margin-top:30px;font-size:19.2px;font-weight:900;color:#00285a;text-align:center;line-height:36px}.first-scene .main-visual .campaign-wrap{width:378px;margin:12px auto 0;padding:18px 12px 15px;border-radius:6px;background-color:#0068b5;box-sizing:border-box}.first-scene .main-visual .campaign-wrap .title-campaign{padding:4.2px 0 6px;font-size:21.6px;font-weight:900;color:#fcee21;text-align:center;line-height:30px;border-top:solid 1.2px #fcee21;border-bottom:solid 1.2px #fcee21}.first-scene .main-visual .campaign-wrap .text-campaign{margin-top:12px;font-size:15.6px;color:#fff;text-align:center;line-height:25.2px}.first-scene .main-visual .campaign-wrap .text-campaign strong{color:#fcee21}.first-scene .next-btn{margin-top:0;padding-bottom:12px;text-align:center}.first-scene .next-btn .btn-start{position:relative;display:inline-block;border:solid 6px #00285a;border-radius:9999px}.first-scene .next-btn .btn-start span{position:relative;display:inline-flex;justify-content:center;align-items:center;width:378px;height:48px;font-size:21.6px;font-weight:900;letter-spacing:.16em;text-indent:.16em;color:#00285a;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%2310285a" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 21px center;background-size:18px;background-color:#ffb7d7;border-radius:9999px;transition:all .3s ease-in-out;z-index:1}.first-scene .next-btn .btn-start:before{content:"";position:absolute;top:-6px;left:-6px;display:block;width:calc(100% + 12px);height:calc(100% + 24px);background-color:#00285a;border:solid 6px #00285a;border-radius:30px;box-sizing:border-box}.first-scene .next-btn .btn-start:after{content:"";position:absolute;top:-18px;left:42px;display:block;width:60px;height:60px;background:url(../images/icon_megane.png) no-repeat center center;background-size:contain;box-sizing:border-box;z-index:2}.first-scene .next-btn .btn-start:hover span{background-color:#ff91c2}.question-scene{padding-bottom:42px;background-color:#f3f3f3}.question-scene .question{position:relative;height:390px;padding-top:57px;border-top:solid 30px #00c7fd;box-sizing:border-box}.question-scene .question:before{content:"";position:absolute;top:-12px;left:calc(50% - 22.8px);display:block;width:45.6px;height:60px;padding-top:6px;font-family:Oswald,sans-serif;font-weight:300;font-size:30px;color:#fff;letter-spacing:.04em;text-indent:.04em;text-align:center;background:url(../images/num_bg.svg) no-repeat bottom center;background-size:contain;box-sizing:border-box}.question-scene .question .title-question{display:flex;justify-content:center;align-items:center;height:66px;font-size:30px;font-weight:900;color:#00285a;text-align:center;line-height:33px}.question-scene .question[class*=question1]:before{content:"Q1"}.question-scene .question[class*=question2]:before{content:"Q2"}.question-scene .question[class*=question3]:before{content:"Q3"}.question-scene .question[class*=question4]:before{content:"Q4"}.question-scene .question[class*=question5]:before{content:"Q5"}.question-scene .question[class*=question6]:before{content:"Q6"}.question-scene .question.illust1{background:url(../images/illust_question1.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust2{background:url(../images/illust_question2.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust3{background:url(../images/illust_question3.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust4{background:url(../images/illust_question4.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust5{background:url(../images/illust_question5.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust6{background:url(../images/illust_question6.png) no-repeat bottom center;background-size:contain}.question-scene .answer-list{margin-top:30px}.question-scene .answer-list .answer-item{margin-top:18px;text-align:center}.question-scene .answer-list .answer-item .answer-input{width:0;margin:0;padding:0;border:none;background:none;outline:none;opacity:0}.question-scene .answer-list .answer-item .answer-input:disabled+.answer-label{background-color:#5e8fb6;cursor:not-allowed}.question-scene .answer-list .answer-item .answer-label{position:relative;display:inline-flex;justify-content:center;align-items:center;width:390px;height:72px;font-size:18px;font-weight:900;letter-spacing:.1em;text-indent:.1em;line-height:24px;color:#fff;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 21px center;background-size:18px;background-color:#0068b5;border-radius:9999px;transition:all .3s ease-in-out}.question-scene .answer-list .answer-item .answer-label:hover{background-color:#00285a}.result-scene{padding-bottom:42px;background-color:#f3f3f3}.result-scene .result-title_wrap{padding-top:13.8px;padding-bottom:40.2px;background:url(../images/lead_result_bg.jpg) no-repeat center center;background-size:cover}.result-scene .result-title_wrap .lead-result{position:relative;width:100%;text-align:center;z-index:2}.result-scene .result-title_wrap .title-result{position:relative;width:396px;margin:9px auto 0;padding:0 6px 36px;font-size:25.8px;font-weight:900;color:#00285a;text-align:center;line-height:36px;background-color:#ffffffbf;box-sizing:border-box;z-index:1}.result-scene .result-title_wrap .title-result:before{content:"";position:absolute;top:-24px;left:0;display:block;width:100%;height:24px;border-right:solid 24px transparent;border-left:solid 24px transparent;border-bottom:solid 24px rgba(255,255,255,.75);box-sizing:border-box}.result-scene .result-title_wrap .title-result strong{color:#07aaff}.result-scene .recs-content{position:relative;padding-bottom:30px;background-color:#00285a}.result-scene .recs-content:before{content:"";position:absolute;bottom:-24px;right:3px;display:block;width:97.2px;height:97.2px;background:url(../images/bg_recs.png) no-repeat bottom center;background-size:contain;opacity:.23;z-index:1}.result-scene .recs-content .title-recs{position:relative;top:-12px;display:flex;justify-content:center;align-items:center;height:30px;font-size:16.8px;font-weight:900;color:#fcee21;text-align:center;background:url(../images/bg_title_recs.png) no-repeat center center;background-size:contain;z-index:2}.result-scene .recs-content .recs-cpu{position:relative;display:flex;align-items:center;width:390px;margin:6px auto 0;z-index:2}.result-scene .recs-content .recs-cpu .img-cpu{width:114px;margin-right:12px;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .recs-content .recs-cpu .name-cpu{flex:1;font-size:19.2px;font-weight:900;color:#fcee21;line-height:30px;text-align:center}.result-scene .recs-content .lead-recs{position:relative;margin-top:16.2px;font-size:18px;color:#fff;text-align:center;line-height:24px;z-index:2}.result-scene .recs-content .recs-pc{position:relative;display:flex;align-items:center;width:390px;margin:16.2px auto 0;padding-top:18px;border-top:solid 1px #93daff;z-index:2}.result-scene .recs-content .recs-pc .img-pc{width:114px;margin-right:12px;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .recs-content .recs-pc .name-pc{flex:1;color:#fff;font-weight:900;text-align:center}.result-scene .recs-content .recs-pc .name-pc .lead-text{display:block;font-size:16.8px;line-height:21.6px}.result-scene .recs-content .recs-pc .name-pc .pc-name{display:block;margin-top:9px;font-size:19.2px;line-height:27.6px}.result-scene .more-text{display:flex;justify-content:center;align-items:center;height:54px;font-size:18px;color:#00285a;text-align:center;background:url(../images/bg_more.png) no-repeat center center;background-size:64.2px}.result-scene .specs .specs-cpu{display:flex;align-items:center;padding:24px 30px;background-color:#0068b5}.result-scene .specs .specs-cpu .img-cpu{width:114px;margin-right:12px;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .specs .specs-cpu .name-cpu{flex:1;font-size:20.4px;font-weight:900;color:#fcee21;line-height:30px;letter-spacing:-.04em;text-align:center}.result-scene .specs .specs-item{width:390px;margin:24px auto 0;padding:15px;font-size:18px;font-weight:900;color:#fff;line-height:25.2px;letter-spacing:.1em;text-indent:.1em;text-align:center;background-color:#00285a;border-radius:1.2px;box-sizing:border-box}.result-scene .specs .specs-item strong{font-size:25.2px;letter-spacing:0}.result-scene .text{margin-top:36px;font-size:18px;color:#00285a;text-align:center;line-height:23.4px}.result-scene .text-s{margin-top:18px;font-size:14.4px;color:#00285a;text-align:center;line-height:21px}.result-scene .links{display:flex;justify-content:space-between;flex-wrap:wrap;width:420px;margin:0 auto;padding-top:3px}.result-scene .links .link-item{width:204px;margin-top:12px;line-height:1}.result-scene .links .link-item a{display:block;transition:all .3s ease-in-out}.result-scene .links .link-item a:hover{transform:scale(1.03)}.result-scene .annot{width:420px;margin:12px auto 0;font-size:12px;color:#00285a;text-align:right}.result-scene .result{position:relative;width:390px;margin:96px auto 0;padding:0 30px 30px;box-sizing:border-box}.result-scene .result:before{content:"";position:absolute;top:-66px;left:18px;display:block;width:59.4px;height:66px;background:url(../images/illust_result.png) no-repeat bottom center;background-size:contain;box-sizing:border-box;z-index:1}.result-scene .result:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#fff;border:solid 2.4px #0068b5;border-radius:18px;z-index:2}.result-scene .result .title-result_sub{position:relative;top:-18px;text-align:center;z-index:3}.result-scene .result .title-result_sub span{position:relative;display:inline-block;padding:3.6px 14.4px 7.2px;font-size:18px;font-weight:900;color:#fcee21;background-color:#0068b5;border-radius:1.2px}.result-scene .result .title-result_sub span:before{content:"";position:absolute;bottom:-5.4px;left:calc(50% - 4.2px);display:block;width:9px;height:6px;background:url(../images/icon_fukidashi.png) no-repeat top center;background-size:contain;border-radius:30px;box-sizing:border-box}.result-scene .result .result-item{position:relative;margin-top:18px;z-index:3}.result-scene .result .result-item dt{padding:6px 8.4px 7.2px;font-size:14.4px;font-weight:900;color:#fff;text-align:center;line-height:18px;background-color:#0068b5;border-radius:9999px}.result-scene .result .result-item dd{margin-top:9px;font-size:18px;font-weight:900;color:#00285a;text-align:center;line-height:21px}.result-scene .campaign{width:378px;margin:42px auto 30px;padding:18px 12px;border-radius:6px;background-color:#0068b5;box-sizing:border-box}.result-scene .campaign .title-campaign{padding:4.2px 0 6px;font-size:21.6px;font-weight:900;color:#fcee21;text-align:center;line-height:30px;border-top:solid 1.2px #fcee21;border-bottom:solid 1.2px #fcee21}.result-scene .campaign .text-campaign{margin-top:12px;font-size:15.6px;color:#fff;text-align:center;line-height:25.2px}.result-scene .campaign .text-campaign strong{color:#fcee21}.result-scene .campaign .text-campaign strong.underline{border-bottom:dashed 1px #fcee21}.result-scene .campaign .campaign-btn{margin-top:12px;text-align:center}.result-scene .campaign .campaign-btn .btn-campaign{position:relative;display:inline-flex;justify-content:center;align-items:center;width:318px;height:48px;font-size:18px;font-weight:900;letter-spacing:.1em;text-indent:.1em;line-height:24px;color:#0068b5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%231068b5" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 21px center;background-size:18px;background-color:#fff;border:solid 2.4px #fff;border-radius:9999px;box-sizing:border-box;transition:all .3s ease-in-out}.result-scene .campaign .campaign-btn .btn-campaign:hover{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#0068b5}.result-scene .campaign .campaign-btn .btn-campaign.no-link{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#ddd;border:solid 2.4px #ddd}.result-scene .campaign .campaign-btn .btn-campaign.no-link:hover{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#ddd}.footer{position:absolute;margin:0 auto;bottom:0;left:0;width:100%;padding-bottom:18px;background-color:#f3f3f3;box-sizing:border-box;z-index:2}.footer .copyright{font-size:9.6px;color:#000;text-align:center}.footer.bg-blue{background-color:#0068b5}.footer.bg-blue .copyright{color:#fff}body.type-b .wrapper .inner-wrap{padding-bottom:48px}body.type-b .question-scene{padding-bottom:18px}body.type-b .question-scene .answer-list .answer-item .answer-label{height:48px}body.type-b .result-scene .result-title_wrap{padding-top:32.4px;padding-bottom:52.2px}@keyframes slide_x{0%{opacity:0;transform:translate(18px)}80%{opacity:1;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes main_visual{0%{opacity:0;transform:translate(60px,-18px);filter:blur(10px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes zoom_in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fead_in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}body .main-visual .catch .catch-shift_and_twist,body .main-visual .catch .text{opacity:0}body .main-visual .vsual:before{left:-100%;transition:all .8s ease-out}body .main-visual .scroll{opacity:0}body.view .main-visual .catch .catch-shift_and_twist{animation:slide_x .2s forwards linear .6s}body.view .main-visual .catch .text{animation:slide_x .2s forwards linear .8s}body.view .main-visual .vsual:before{left:0}body.view .main-visual .scroll{animation:fead_in .5s forwards linear 1s}.ttl-section.scroll-flag:before{opacity:0}.ttl-section.scroll-flag .en,.ttl-section.scroll-flag .ja{opacity:0}.ttl-section.show:before{animation:fead_in .3s forwards linear .6s}.ttl-section.show .en{animation:fead_in .3s forwards linear .3s}.ttl-section.show .ja{animation:fead_in .3s forwards linear 0s}.device-sp{display:none!important}}@media only screen and (max-width: 449px){.wrapper:before{left:0;width:100%}.wrapper{width:100%;min-height:100svh;background:url(../images/bg_pc.jpg) no-repeat center center;background-size:cover;overflow:hidden;opacity:0;transition:opacity .6s}.wrapper .inner-wrap{position:relative;min-height:100svh;margin:0 auto;padding-bottom:13.3333333333vw;background-color:#f3f3f3;box-shadow:0 0 6.6666666667vw #005fa8;box-sizing:border-box;overflow:hidden;z-index:2}.wrapper .inner-wrap.bg-blue{background-color:#0068b5}.wrapper:before{content:"";position:absolute;top:0;display:block;height:0;background-color:#198bcb;transition:height .3s ease-in-out;z-index:8000}.wrapper.color-blue:before{background-color:#00285a}.wrapper.screen:before{height:100%}.contents-body{background-color:#f3f3f3;overflow:hidden;z-index:2}.bg-pc{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(../images/bg_pc.jpg) no-repeat center center;background-size:cover;opacity:0;transition:opacity .6s;z-index:1}.loading{position:fixed;top:calc(50% - 150vw);left:calc(50% - 150vw);display:flex;justify-content:center;align-items:center;width:300vw;height:300vw;background-color:#005fa8;border-radius:100%;transition:transform 1s ease-in-out;transform:scale(1);z-index:9999}.loading .loader,.loading .loader:after{border-radius:50%;width:8vw;height:8vw}.loading .loader{position:relative;text-indent:-9999em;border-top:1.8666666667vw solid rgba(255,255,255,.2);border-right:1.8666666667vw solid rgba(255,255,255,.2);border-bottom:1.8666666667vw solid rgba(255,255,255,.2);border-left:1.8666666667vw solid #ffffff;transform:translateZ(0);animation:load8 1.1s infinite linear}body.view .wrapper{opacity:1}body.view .loading{transform:scale(0)}body.view .bg-pc{opacity:1}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.first-scene{background-color:#0068b5}.first-scene .main-visual{position:relative;padding-bottom:9.3333333333vw;background-color:#fff}.first-scene .main-visual:before{content:"";position:absolute;bottom:-13.0666666667vw;left:0;display:block;width:100%;height:0;border-top:13.3333333333vw solid #fff;border-left:50vw solid #0068b5;border-right:50vw solid #0068b5;box-sizing:border-box}.first-scene .main-visual .lead-main{margin-top:6.6666666667vw;font-size:4.2666666667vw;font-weight:900;color:#00285a;text-align:center;line-height:8vw}.first-scene .main-visual .campaign-wrap{width:84vw;margin:2.6666666667vw auto 0;padding:4vw 2.6666666667vw 3.3333333333vw;border-radius:1.3333333333vw;background-color:#0068b5;box-sizing:border-box}.first-scene .main-visual .campaign-wrap .title-campaign{padding:.9333333333vw 0 1.3333333333vw;font-size:4.8vw;font-weight:900;color:#fcee21;text-align:center;line-height:6.6666666667vw;border-top:solid .2666666667vw #fcee21;border-bottom:solid .2666666667vw #fcee21}.first-scene .main-visual .campaign-wrap .text-campaign{margin-top:2.6666666667vw;font-size:3.4666666667vw;color:#fff;text-align:center;line-height:5.6vw}.first-scene .main-visual .campaign-wrap .text-campaign strong{color:#fcee21}.first-scene .next-btn{margin-top:0;padding-bottom:2.6666666667vw;text-align:center}.first-scene .next-btn .btn-start{position:relative;display:inline-block;border:solid 1.3333333333vw #00285a;border-radius:9999px}.first-scene .next-btn .btn-start span{position:relative;display:inline-flex;justify-content:center;align-items:center;width:84vw;height:10.6666666667vw;font-size:4.8vw;font-weight:900;letter-spacing:.16em;text-indent:.16em;color:#00285a;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%2310285a" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 4.6666666667vw center;background-size:4vw;background-color:#ffb7d7;border-radius:9999px;transition:all .3s ease-in-out;z-index:1}.first-scene .next-btn .btn-start:before{content:"";position:absolute;top:-1.3333333333vw;left:-1.3333333333vw;display:block;width:calc(100% + 2.6666666667vw);height:calc(100% + 5.3333333333vw);background-color:#00285a;border:solid 1.3333333333vw #00285a;border-radius:6.6666666667vw;box-sizing:border-box}.first-scene .next-btn .btn-start:after{content:"";position:absolute;top:-4vw;left:9.3333333333vw;display:block;width:13.3333333333vw;height:13.3333333333vw;background:url(../images/icon_megane.png) no-repeat center center;background-size:contain;box-sizing:border-box;z-index:2}.first-scene .next-btn .btn-start:hover span{background-color:#ff91c2}.question-scene{padding-bottom:9.3333333333vw;background-color:#f3f3f3}.question-scene .question{position:relative;height:86.6666666667vw;padding-top:12.6666666667vw;border-top:solid 6.6666666667vw #00c7fd;box-sizing:border-box}.question-scene .question:before{content:"";position:absolute;top:-2.6666666667vw;left:calc(50% - 5.0666666667vw);display:block;width:10.1333333333vw;height:13.3333333333vw;padding-top:1.3333333333vw;font-family:Oswald,sans-serif;font-weight:300;font-size:6.6666666667vw;color:#fff;letter-spacing:.04em;text-indent:.04em;text-align:center;background:url(../images/num_bg.svg) no-repeat bottom center;background-size:contain;box-sizing:border-box}.question-scene .question .title-question{display:flex;justify-content:center;align-items:center;height:14.6666666667vw;font-size:6.6666666667vw;font-weight:900;color:#00285a;text-align:center;line-height:7.3333333333vw}.question-scene .question[class*=question1]:before{content:"Q1"}.question-scene .question[class*=question2]:before{content:"Q2"}.question-scene .question[class*=question3]:before{content:"Q3"}.question-scene .question[class*=question4]:before{content:"Q4"}.question-scene .question[class*=question5]:before{content:"Q5"}.question-scene .question[class*=question6]:before{content:"Q6"}.question-scene .question.illust1{background:url(../images/illust_question1.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust2{background:url(../images/illust_question2.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust3{background:url(../images/illust_question3.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust4{background:url(../images/illust_question4.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust5{background:url(../images/illust_question5.png) no-repeat bottom center;background-size:contain}.question-scene .question.illust6{background:url(../images/illust_question6.png) no-repeat bottom center;background-size:contain}.question-scene .answer-list{margin-top:6.6666666667vw}.question-scene .answer-list .answer-item{margin-top:4vw;text-align:center}.question-scene .answer-list .answer-item .answer-input{width:0;margin:0;padding:0;border:none;background:none;outline:none;opacity:0}.question-scene .answer-list .answer-item .answer-input:disabled+.answer-label{background-color:#5e8fb6;cursor:not-allowed}.question-scene .answer-list .answer-item .answer-label{position:relative;display:inline-flex;justify-content:center;align-items:center;width:86.6666666667vw;height:16vw;font-size:4vw;font-weight:900;letter-spacing:.1em;text-indent:.1em;line-height:5.3333333333vw;color:#fff;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 4.6666666667vw center;background-size:4vw;background-color:#0068b5;border-radius:9999px;transition:all .3s ease-in-out}.question-scene .answer-list .answer-item .answer-label:hover{background-color:#00285a}.result-scene{padding-bottom:9.3333333333vw;background-color:#f3f3f3}.result-scene .result-title_wrap{padding-top:3.0666666667vw;padding-bottom:8.9333333333vw;background:url(../images/lead_result_bg.jpg) no-repeat center center;background-size:cover}.result-scene .result-title_wrap .lead-result{position:relative;width:100%;text-align:center;z-index:2}.result-scene .result-title_wrap .title-result{position:relative;width:88vw;margin:2vw auto 0;padding:0 1.3333333333vw 8vw;font-size:5.7333333333vw;font-weight:900;color:#00285a;text-align:center;line-height:8vw;background-color:#ffffffbf;box-sizing:border-box;z-index:1}.result-scene .result-title_wrap .title-result:before{content:"";position:absolute;top:-5.3333333333vw;left:0;display:block;width:100%;height:5.3333333333vw;border-right:solid 5.3333333333vw transparent;border-left:solid 5.3333333333vw transparent;border-bottom:solid 5.3333333333vw rgba(255,255,255,.75);box-sizing:border-box}.result-scene .result-title_wrap .title-result strong{color:#07aaff}.result-scene .recs-content{position:relative;padding-bottom:6.6666666667vw;background-color:#00285a}.result-scene .recs-content:before{content:"";position:absolute;bottom:-5.3333333333vw;right:.6666666667vw;display:block;width:21.6vw;height:21.6vw;background:url(../images/bg_recs.png) no-repeat bottom center;background-size:contain;opacity:.23;z-index:1}.result-scene .recs-content .title-recs{position:relative;top:-2.6666666667vw;display:flex;justify-content:center;align-items:center;height:6.6666666667vw;font-size:3.7333333333vw;font-weight:900;color:#fcee21;text-align:center;background:url(../images/bg_title_recs.png) no-repeat center center;background-size:contain;z-index:2}.result-scene .recs-content .recs-cpu{position:relative;display:flex;align-items:center;width:86.6666666667vw;margin:1.3333333333vw auto 0;z-index:2}.result-scene .recs-content .recs-cpu .img-cpu{width:25.3333333333vw;margin-right:2.6666666667vw;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .recs-content .recs-cpu .name-cpu{flex:1;font-size:4.2666666667vw;font-weight:900;color:#fcee21;line-height:6.6666666667vw;text-align:center}.result-scene .recs-content .lead-recs{position:relative;margin-top:3.6vw;font-size:4vw;color:#fff;text-align:center;line-height:5.3333333333vw;z-index:2}.result-scene .recs-content .recs-pc{position:relative;display:flex;align-items:center;width:86.6666666667vw;margin:3.6vw auto 0;padding-top:4vw;border-top:solid 1px #93daff;z-index:2}.result-scene .recs-content .recs-pc .img-pc{width:25.3333333333vw;margin-right:2.6666666667vw;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .recs-content .recs-pc .name-pc{flex:1;color:#fff;font-weight:900;text-align:center}.result-scene .recs-content .recs-pc .name-pc .lead-text{display:block;font-size:3.7333333333vw;line-height:4.8vw}.result-scene .recs-content .recs-pc .name-pc .pc-name{display:block;margin-top:2vw;font-size:4.2666666667vw;line-height:6.1333333333vw}.result-scene .more-text{display:flex;justify-content:center;align-items:center;height:12vw;font-size:4vw;color:#00285a;text-align:center;background:url(../images/bg_more.png) no-repeat center center;background-size:14.2666666667vw}.result-scene .specs .specs-cpu{display:flex;align-items:center;padding:5.3333333333vw 6.6666666667vw;background-color:#0068b5}.result-scene .specs .specs-cpu .img-cpu{width:25.3333333333vw;margin-right:2.6666666667vw;border:solid 1px #fff;box-sizing:border-box;line-height:0}.result-scene .specs .specs-cpu .name-cpu{flex:1;font-size:4.5333333333vw;font-weight:900;color:#fcee21;line-height:6.6666666667vw;letter-spacing:-.04em;text-align:center}.result-scene .specs .specs-item{width:86.6666666667vw;margin:5.3333333333vw auto 0;padding:3.3333333333vw;font-size:4vw;font-weight:900;color:#fff;line-height:5.6vw;letter-spacing:.1em;text-indent:.1em;text-align:center;background-color:#00285a;border-radius:.2666666667vw;box-sizing:border-box}.result-scene .specs .specs-item strong{font-size:5.6vw;letter-spacing:0}.result-scene .text{margin-top:8vw;font-size:4vw;color:#00285a;text-align:center;line-height:5.2vw}.result-scene .text-s{margin-top:4vw;font-size:3.2vw;color:#00285a;text-align:center;line-height:4.6666666667vw}.result-scene .links{display:flex;justify-content:space-between;flex-wrap:wrap;width:93.3333333333vw;margin:0 auto;padding-top:.6666666667vw}.result-scene .links .link-item{width:45.3333333333vw;margin-top:2.6666666667vw;line-height:1}.result-scene .links .link-item a{display:block;transition:all .3s ease-in-out}.result-scene .links .link-item a:hover{transform:scale(1.03)}.result-scene .annot{width:93.3333333333vw;margin:2.6666666667vw auto 0;font-size:2.6666666667vw;color:#00285a;text-align:right}.result-scene .result{position:relative;width:86.6666666667vw;margin:21.3333333333vw auto 0;padding:0 6.6666666667vw 6.6666666667vw;box-sizing:border-box}.result-scene .result:before{content:"";position:absolute;top:-14.6666666667vw;left:4vw;display:block;width:13.2vw;height:14.6666666667vw;background:url(../images/illust_result.png) no-repeat bottom center;background-size:contain;box-sizing:border-box;z-index:1}.result-scene .result:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#fff;border:solid .5333333333vw #0068b5;border-radius:4vw;z-index:2}.result-scene .result .title-result_sub{position:relative;top:-4vw;text-align:center;z-index:3}.result-scene .result .title-result_sub span{position:relative;display:inline-block;padding:.8vw 3.2vw 1.6vw;font-size:4vw;font-weight:900;color:#fcee21;background-color:#0068b5;border-radius:.2666666667vw}.result-scene .result .title-result_sub span:before{content:"";position:absolute;bottom:-1.2vw;left:calc(50% - .9333333333vw);display:block;width:2vw;height:1.3333333333vw;background:url(../images/icon_fukidashi.png) no-repeat top center;background-size:contain;border-radius:6.6666666667vw;box-sizing:border-box}.result-scene .result .result-item{position:relative;margin-top:4vw;z-index:3}.result-scene .result .result-item dt{padding:1.3333333333vw 1.8666666667vw 1.6vw;font-size:3.2vw;font-weight:900;color:#fff;text-align:center;line-height:4vw;background-color:#0068b5;border-radius:9999px}.result-scene .result .result-item dd{margin-top:2vw;font-size:4vw;font-weight:900;color:#00285a;text-align:center;line-height:4.6666666667vw}.result-scene .campaign{width:84vw;margin:9.3333333333vw auto 6.6666666667vw;padding:4vw 2.6666666667vw;border-radius:1.3333333333vw;background-color:#0068b5;box-sizing:border-box}.result-scene .campaign .title-campaign{padding:.9333333333vw 0 1.3333333333vw;font-size:4.8vw;font-weight:900;color:#fcee21;text-align:center;line-height:6.6666666667vw;border-top:solid .2666666667vw #fcee21;border-bottom:solid .2666666667vw #fcee21}.result-scene .campaign .text-campaign{margin-top:2.6666666667vw;font-size:3.4666666667vw;color:#fff;text-align:center;line-height:5.6vw}.result-scene .campaign .text-campaign strong{color:#fcee21}.result-scene .campaign .text-campaign strong.underline{border-bottom:dashed 1px #fcee21}.result-scene .campaign .campaign-btn{margin-top:2.6666666667vw;text-align:center}.result-scene .campaign .campaign-btn .btn-campaign{position:relative;display:inline-flex;justify-content:center;align-items:center;width:70.6666666667vw;height:10.6666666667vw;font-size:4vw;font-weight:900;letter-spacing:.1em;text-indent:.1em;line-height:5.3333333333vw;color:#0068b5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%231068b5" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-repeat:no-repeat;background-position:right 4.6666666667vw center;background-size:4vw;background-color:#fff;border:solid .5333333333vw #fff;border-radius:9999px;box-sizing:border-box;transition:all .3s ease-in-out}.result-scene .campaign .campaign-btn .btn-campaign:hover{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#0068b5}.result-scene .campaign .campaign-btn .btn-campaign.no-link{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#ddd;border:solid .5333333333vw #ddd}.result-scene .campaign .campaign-btn .btn-campaign.no-link:hover{color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29.156" height="22.15" viewBox="0 0 29.156 22.15"><path fill="%23fff" d="M663.491,3128.87l-25.685-9.37a1.72,1.72,0,0,0-2.156,2.34l3.71,7.91a1.726,1.726,0,0,1,0,1.46l-3.71,7.91a1.72,1.72,0,0,0,2.156,2.34l25.685-9.37A1.711,1.711,0,0,0,663.491,3128.87Z" transform="translate(-635.469 -3119.41)"/></svg>');background-color:#ddd}.footer{position:absolute;margin:0 auto;bottom:0;left:0;width:100%;padding-bottom:4vw;background-color:#f3f3f3;box-sizing:border-box;z-index:2}.footer .copyright{font-size:2.1333333333vw;color:#000;text-align:center}.footer.bg-blue{background-color:#0068b5}.footer.bg-blue .copyright{color:#fff}body.type-b .wrapper .inner-wrap{padding-bottom:10.6666666667vw}body.type-b .question-scene{padding-bottom:4vw}body.type-b .question-scene .answer-list .answer-item .answer-label{height:10.6666666667vw}body.type-b .result-scene .result-title_wrap{padding-top:7.2vw;padding-bottom:11.6vw}@keyframes slide_x{0%{opacity:0;transform:translate(4vw)}80%{opacity:1;transform:translate(-1.3333333333vw)}to{opacity:1;transform:translate(0)}}@keyframes main_visual{0%{opacity:0;transform:translate(13.3333333333vw,-4vw);filter:blur(10px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes zoom_in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fead_in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}body .main-visual .catch .catch-shift_and_twist,body .main-visual .catch .text{opacity:0}body .main-visual .vsual:before{left:-100%;transition:all .8s ease-out}body .main-visual .scroll{opacity:0}body.view .main-visual .catch .catch-shift_and_twist{animation:slide_x .2s forwards linear .6s}body.view .main-visual .catch .text{animation:slide_x .2s forwards linear .8s}body.view .main-visual .vsual:before{left:0}body.view .main-visual .scroll{animation:fead_in .5s forwards linear 1s}.ttl-section.scroll-flag:before{opacity:0}.ttl-section.scroll-flag .en,.ttl-section.scroll-flag .ja{opacity:0}.ttl-section.show:before{animation:fead_in .3s forwards linear .6s}.ttl-section.show .en{animation:fead_in .3s forwards linear .3s}.ttl-section.show .ja{animation:fead_in .3s forwards linear 0s}.device-pc{display:none!important}}