html{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}html *{-webkit-box-sizing:border-box;box-sizing:border-box}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-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:"Noto Sans",Arial}img{width:100%;display:block}.wrapper{overflow-x:hidden;min-width:310px}.container{width:100%;max-width:560px;margin:0 auto;padding:0 20px}@media screen and (max-width: 520px){.container{padding:0 15px 0 15px}}span.inblock{display:inline-block}.cookie{position:relative;width:100%;padding:13px;font-size:13px;line-height:24px;background-color:#f5f5f5;z-index:999999999;display:none}.cookie .container{width:100%;max-width:1260px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 768px){.cookie .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.cookie .container span{display:inline-block}.cookie .container span.know{display:inline-block;text-decoration:underline;color:#005ca2;cursor:pointer;width:4rem;text-align:right}@media screen and (max-width: 768px){.cookie .container span{display:block}.cookie .container span.know{margin-left:auto}}.scrollbar{position:fixed;width:100%;bottom:10px;left:0}.scrollbar .container{position:relative;max-width:1217px}.goTopBtn{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;text-align:center;width:35px;height:51px;right:0px;bottom:10px;font-size:0.5rem;color:#ffffff;background-color:#5a5a5a;font-weight:600;opacity:0;-webkit-transition:all 0.25s;transition:all 0.25s;cursor:pointer;z-index:99999;padding:10px 0 0 0;margin-right:10px}.goTopBtn:hover{padding-top:6px}.goTopBtn img{width:100%;max-width:12px;display:block;margin-right:auto;margin-left:auto}.goTopBtn span{font-size:12px;line-height:2;color:#ffffff;font-weight:bold;display:block}.goTopBtn.upToShow{opacity:1;bottom:20px}@media screen and (max-width: 768px){.goTopBtn{padding:8px 0 0 0}.scrollbar .upToShow{right:0rem}}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px rgba(0,0,0,0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active{-webkit-animation-name:hvr-bob-float, hvr-bob;animation-name:hvr-bob-float, hvr-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}html{font-family:"Noto Sans",Arial}.italic{font-style:italic}.header .test{width:100px;height:32px;background-color:#ddd;position:fixed;top:0;left:0;z-index:99}.header .test p{font-size:12px;line-height:1.25}.wrapper{background-color:#fff}@media screen and (max-width: 520px){.wrapper{overflow:hidden;height:100vh}}main{display:block;max-width:520px;min-height:925px;margin:0 auto;background-color:#fff;overflow:hidden}@media screen and (max-width: 520px){main{height:100vh;max-height:100vh;overflow-y:hidden}}.btnBlock{background-color:#fff;padding:25px 20px;position:absolute;z-index:6;width:100%;left:0px;bottom:0}@media screen and (max-width: 520px){.btnBlock{position:fixed;padding:10px 15px}}@media screen and (max-width: 400px){.btnBlock{padding:15px 15px}}.btn{display:block;text-decoration:none;width:100%;height:80px;border-radius:10px;background-color:#ccc;font-size:42px;line-height:80px;text-align:center;color:#333;cursor:pointer;margin:0 auto;-webkit-box-shadow:4px 4px 2px 0px rgba(0,0,0,0.15);box-shadow:4px 4px 2px 0px rgba(0,0,0,0.15)}.btn:hover{opacity:0.8}.btn[data-type='gameStart']{background-color:#febd17;color:#ffffff;font-weight:bold}.btn[data-type='informationFinish'],.btn[data-type='storyIntro'],.btn[data-type='nextTopic']{background-color:#f2836b;color:#ffffff}.btn[data-type='fbShare']{background-color:#00b7ee;color:#ffffff}.btn[data-result="yes"],.btn[data-result="no"]{display:inline-block;width:calc( 50% - 6px);background-color:#f2836b;line-height:0;padding:6px 0px}.btn[data-result="yes"] span,.btn[data-result="no"] span{font-size:24px;line-height:1.4;color:#ffffff;font-weight:bold}.btn[data-result="yes"]{background-color:#febd17;margin-right:7px}@media screen and (max-width: 520px){.btn{height:75px;font-size:26px;line-height:75px}.btn[data-result="yes"],.btn[data-result="no"]{padding:7px 2px}.btn[data-result="yes"] span,.btn[data-result="no"] span{font-size:19px;line-height:1.5}}@media screen and (max-width: 400px){.btn{height:75px;font-size:24px;line-height:75px}.btn[data-result="yes"],.btn[data-result="no"]{padding:14px 1px}.btn[data-result="yes"] span,.btn[data-result="no"] span{font-size:15px;line-height:1.5}}p[type='pages']{font-size:22px;line-height:1.64;color:#434343;margin-bottom:0.8em;text-align:justify}@media screen and (max-width: 520px){p[type='pages']{font-size:20px}}@media screen and (max-width: 400px){p[type='pages']{font-size:16px}}.questionBox{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 20px;position:relative;background-color:#fff}.questionBox .icon{width:64px;padding-right:10px;text-align:center}.questionBox .icon img{width:auto;display:inline;position:relative;top:2px}.questionBox .qtxt{width:calc( 100% - 70px);font-size:30px;line-height:1.34;font-weight:bold;color:#e46159}@media screen and (max-width: 520px){.questionBox{padding:10px 20px}.questionBox .icon{width:56px}.questionBox .icon img{width:100%;max-width:36px}.questionBox .qtxt{font-size:24px}}@media screen and (max-width: 400px){.questionBox .icon{width:40px;padding-right:10px}.questionBox .icon img{width:100%;max-width:30px}.questionBox .qtxt{width:calc( 100% - 40px);font-size:20px}}section{height:auto;min-height:768px;margin:0 auto;padding-bottom:130px;opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;position:relative}@media screen and (max-width: 520px){section{padding-bottom:100px;min-height:auto;height:100vh;overflow-y:scroll;overflow-x:hidden}}section.loading{background-color:#faabaf;position:fixed;top:0;left:0;z-index:99;width:100vw;max-width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.loading .pic{width:65%;max-width:440px;margin:0 auto;position:relative;top:0;-webkit-animation-name:loadingLogo;animation-name:loadingLogo;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}section.loading .pic img{width:100%}section.loading .pic p{margin-top:10px;text-align:center;letter-spacing:0.1em}@-webkit-keyframes loadingLogo{0%{top:-20px}50%{top:0px}100%{top:-20px}}@keyframes loadingLogo{0%{top:-20px}50%{top:0px}100%{top:-20px}}@-webkit-keyframes heartMove{0%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);opacity:1}25%{-webkit-transform:translate(-10px, -40px);transform:translate(-10px, -40px);opacity:0.85}45%{-webkit-transform:translate(0px, -80px);transform:translate(0px, -80px);opacity:0.65}65%{-webkit-transform:translate(5px, -110px);transform:translate(5px, -110px);opacity:0.5}80%{-webkit-transform:translate(0px, -130px);transform:translate(0px, -130px);opacity:0.25}95%{-webkit-transform:translate(-5px, -140px);transform:translate(-5px, -140px);opacity:0}100%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);opacity:0}}@keyframes heartMove{0%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);opacity:1}25%{-webkit-transform:translate(-10px, -40px);transform:translate(-10px, -40px);opacity:0.85}45%{-webkit-transform:translate(0px, -80px);transform:translate(0px, -80px);opacity:0.65}65%{-webkit-transform:translate(5px, -110px);transform:translate(5px, -110px);opacity:0.5}80%{-webkit-transform:translate(0px, -130px);transform:translate(0px, -130px);opacity:0.25}95%{-webkit-transform:translate(-5px, -140px);transform:translate(-5px, -140px);opacity:0}100%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);opacity:0}}section.home{padding-top:18px;padding-bottom:0;background-color:#ffffff;position:relative;z-index:20}@media screen and (max-width: 520px){section.home{padding-bottom:0px}}section.home .container{height:100%;padding:0}section.home .banner{padding:0 15px;position:relative;z-index:0;background-color:#fa8e94}section.home .banner:before{content:"";display:block;background-color:#fa8e94;width:calc( 100% + 40px);height:500px;position:absolute;top:-18px;left:-20px}section.home .banner .people{width:100%;max-width:420px;margin:0 auto;position:relative;z-index:4}section.home .banner .heart{width:calc( 100% + 40px);position:absolute;top:-110px;left:-20px;z-index:0}section.home .banner .heartL{width:209px;position:absolute;top:20px;left:20px;z-index:2;opacity:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-animation-name:heartMove;animation-name:heartMove;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:2.5s;animation-delay:2.5s;display:none}section.home .banner .heartR{width:167px;position:absolute;top:200px;right:10%;z-index:2;opacity:0;-webkit-animation-name:heartMove;animation-name:heartMove;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:3.5s;animation-delay:3.5s;display:none}@media screen and (max-width: 520px){section.home .banner::before{height:400px}section.home .banner .people{max-width:320px}section.home .banner .heart{width:520px;left:calc( 50vw - 258px);top:-100px}section.home .banner .heartL{width:140px;top:50px;left:30px}section.home .banner .heartR{width:120px;top:120px;right:15%}}@media screen and (max-width: 400px){section.home .banner .people{max-width:280px}section.home .banner .heart{width:400px;left:calc( 50vw - 200px);top:-85px}section.home .banner .heartL{width:80px}section.home .banner .heartR{width:70px;right:30px}}section.home .content{position:relative;background-color:#fff;width:100%}section.home .content::before{content:"";width:100%;height:55px;background-image:url(../img/innerPage_bg.png);background-size:553px auto;background-position:center top;background-repeat:no-repeat;position:absolute;top:-55px;left:0;z-index:0}section.home .content .inner{position:relative;z-index:2}section.home .content .heading{position:relative;top:-100px;padding:0 15px;margin-left:auto;margin-right:auto}@media screen and (max-width: 520px){section.home .content .heading{max-width:360px}}@media screen and (max-width: 400px){section.home .content .heading{max-width:280px;top:-80px}}section.home h1{font-size:70px;line-height:85px;color:transparent !important;text-align:center;width:435px;height:85px;margin:0 auto;background-image:url(../img/homeHeading1.png);position:relative;z-index:1}@media screen and (max-width: 520px){section.home h1{width:100%;max-width:435px;background-size:100% auto;background-repeat:no-repeat}}@media screen and (max-width: 400px){section.home h1{height:75px}}section.home h1 sub{width:172px;height:58px;font-size:25px;line-height:58px;letter-spacing:0.25em;position:absolute;top:-45px;left:0;background-image:url(../img/homeHeading1_sub.png);background-repeat:no-repeat}@media screen and (max-width: 400px){section.home h1 sub{width:140px;background-size:100% auto;top:-37px}}section.home h2{font-size:20px;line-height:100px;text-align:center;color:transparent !important;width:488px;height:108px;background-image:url(../img/homeHeading2.png);margin:0 auto;position:relative;z-index:0;top:-12px}@media screen and (max-width: 520px){section.home h2{width:100%;max-width:470px;height:75px;background-size:100% auto;background-repeat:no-repeat;top:-25px}}@media screen and (max-width: 400px){section.home h2{width:340px;height:80px;left:-40px;top:-40px}}section.home .gifts{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 20px 80px 20px;z-index:2;position:relative;top:-80px;margin-bottom:-80px}@media screen and (max-width: 520px){section.home .gifts{padding:0 20px 0px 20px;top:-110px;margin-bottom:-110px}}section.home .gifts .gift{width:31%;text-align:center;background-color:#faebd9;padding:18px 12px;border-radius:10px;margin:0px 1.5%}section.home .gifts .gift img{width:auto;display:inline-block}section.home .gifts .gift .img{padding:6px 0 14px 0}section.home .gifts .gift p{text-align:center;font-size:16px;line-height:1;color:#f2836b}@media screen and (max-width: 520px){section.home .gifts .gift{width:31.5%;max-width:110px;margin:0px 1.25%;padding:10px 8px}section.home .gifts .gift img{height:20px}section.home .gifts .gift .img img{height:60px}section.home .gifts .gift .img{padding:4px 0 5px 0}section.home .gifts .gift p{font-size:14px}}@media screen and (max-width: 400px){section.home .gifts .gift{max-width:100px;padding:6px 6px}section.home .gifts .gift img{height:20px}section.home .gifts .gift .img img{-webkit-transform:scale(0.7);transform:scale(0.7)}section.home .gifts .gift .img{padding:0px}}section.information{padding-top:30px}@media screen and (max-width: 520px){section.information{padding-top:25px}}@media screen and (max-width: 400px){section.information{padding-top:20px}}section.information .banner{max-width:219px;display:block;margin:0 auto}@media screen and (max-width: 520px){section.information .banner{max-width:120px}}@media screen and (max-width: 400px){section.information .banner{max-width:80px}}section.information h2{font-size:36px;line-height:1.5;font-weight:bold;color:#035f6b;text-align:center;margin:12px 0}@media screen and (max-width: 520px){section.information h2{font-size:28px}}@media screen and (max-width: 400px){section.information h2{font-size:24px}}section.information .formBox{margin-bottom:10px;position:relative}section.information .formBox.formAge{margin:20px 0}@media screen and (max-width: 520px){section.information .formBox.formAge{margin:12px 0}}@media screen and (max-width: 400px){section.information .formBox.formAge{margin:10px 0}}section.information .formBox p,section.information .formBox label{font-size:24px;line-height:1.5;color:#434343;display:inline-block;padding:0 20px}@media screen and (max-width: 520px){section.information .formBox p,section.information .formBox label{font-size:18px}}@media screen and (max-width: 400px){section.information .formBox p,section.information .formBox label{font-size:16px;padding:0 15px}}section.information .formBox label{color:#898989}section.information .formBox input[type='text'],section.information .formBox input[type='tel']{width:calc( 100% - 100px);height:66px;font-size:24px;line-height:2;display:inline-block;background-color:#f7f8f8;border:2px solid #c9c9c9;border-radius:10px;position:relative}section.information .formBox input[type='text']:focus,section.information .formBox input[type='tel']:focus{border-radius:10px}section.information .formBox input[type='radio']{width:auto;margin:0 0 0 20px;display:inline-block;background-color:#f7f8f8;border:2px solid #c9c9c9;color:-internal-light-dark(#c9c9c9, #f7f8f8)}@media screen and (max-width: 520px){section.information .formBox input[type='text'],section.information .formBox input[type='tel']{width:calc( 100% - 85px);height:40px;font-size:18px}section.information .formBox input[type='radio']{margin:0 0 0 15px}}@media screen and (max-width: 400px){section.information .formBox input[type='text'],section.information .formBox input[type='tel']{width:calc( 100% - 82px);height:36px;font-size:16px}section.information .formBox input[type='radio']{margin:0 0 0 12px}}section.information .formBox select{width:calc( 100% - 100px);height:66px;font-size:24px;line-height:2;display:inline-block;background-color:#f7f8f8;border:2px solid #c9c9c9;border-radius:10px}@media screen and (max-width: 520px){section.information .formBox select{width:calc( 100% - 85px);height:40px;font-size:18px}}@media screen and (max-width: 400px){section.information .formBox select{width:calc( 100% - 82px);height:36px;font-size:16px}}section.information .formBox.empty input{-webkit-box-shadow:0px 0px 0px 2px #ff0000 inset;box-shadow:0px 0px 0px 2px #ff0000 inset}section.information .formBox.empty::before{content:"!";font-size:1em;line-height:20px;font-weight:bold;color:#ff0000;width:20px;height:20px;display:block;background-color:#fff;border-radius:50%;border:2px solid #ff0000;position:absolute;top:50%;right:25px;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}section.information .privacy{width:calc( 100% - 100px);margin-left:auto;color:#898989;font-size:16px;line-height:1.5;margin-top:35px}@media screen and (max-width: 520px){section.information .privacy{width:calc( 100% - 85px);margin-top:20px;font-size:15px}}@media screen and (max-width: 460px){section.information .privacy{width:100%}}section.information .agree{margin:15px 0 25px 0;text-align:right;position:relative}section.information .agree label{font-size:18px;line-height:1.5;color:#434343}@media screen and (max-width: 520px){section.information .agree label{font-size:16px}}@media screen and (max-width: 460px){section.information .agree{text-align:left}}section.information .agree.empty{border:2px solid #ff0000}section.information .agree.empty::before{content:"!";font-size:1em;line-height:20px;font-weight:bold;color:#ff0000;width:20px;height:20px;display:block;background-color:#fff;border-radius:50%;border:2px solid #ff0000;position:absolute;top:-5px;right:20px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:10}section.information .notice{text-align:left;width:80%;max-width:500px;margin-left:auto;font-size:1rem;line-height:1.5;background-color:#fff;border:2px solid #ff0000;position:fixed;top:0px;right:0;padding:10px}section.information .notice p{color:#ff0000}section.information .lb_btn{text-decoration:underline;cursor:pointer}section.information .lb_btn:hover{color:#f2836b}section[data-temp='quenstion']{padding-bottom:130px;position:relative;background-color:#fff}section[data-temp='quenstion'].storyIntro .content .inner{height:auto;max-height:none;overflow-y:none}@media screen and (max-width: 520px){section[data-temp='quenstion']{height:calc( 100vh - 100px);max-height:auto;padding-bottom:0;overflow:hidden;position:relative}}section[data-temp='quenstion'] .situation{background-color:#d5e5fb;height:360px;position:relative;top:-30px;padding:0 20px}section[data-temp='quenstion'] .situation .back{width:100%;position:absolute;top:-30px;left:0}section[data-temp='quenstion'] .situation .front{width:100%;display:block;margin:0 auto;position:relative;z-index:1}@media screen and (max-width: 520px){section[data-temp='quenstion'] .situation{height:calc( (100vh - 108px - 108px - 100px) / 2 + 30px);max-height:360px}section[data-temp='quenstion'] .situation .front{width:90%;top:5%}}@media screen and (max-width: 400px){section[data-temp='quenstion'] .situation{top:-20px}}section[data-temp='quenstion'] .content{background-color:#fff;position:relative;z-index:2}section[data-temp='quenstion'] .content::before{content:"";background-image:url(../img/innerPage_bg.png);background-repeat:no-repeat;background-position:center top;width:100%;height:55px;position:absolute;top:-55px;left:0}section[data-temp='quenstion'] .content .innerBox{position:relative}section[data-temp='quenstion'] .content .innerBox::after{content:"";width:100%;height:45px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.05)), to(#fff));background:linear-gradient(rgba(255,255,255,0.05), #fff);display:block;position:absolute;bottom:0px;left:0}section[data-temp='quenstion'] .content .inner{width:100%;max-width:450px;padding:0 15px;margin:0 auto;height:auto;max-height:310px;position:relative;overflow-y:scroll;padding-bottom:30px}@media screen and (max-width: 520px){section[data-temp='quenstion'] .content .inner{height:calc( (100vh - 108px - 108px - 100px) / 2);max-height:500px}}@media screen and (max-width: 400px){section[data-temp='quenstion'] .content::before{top:-50px}section[data-temp='quenstion'] .content .inner{top:-10px}}section[data-temp='answer'] .answerBox{padding:30px 30px 40px 30px}section[data-temp='answer'] .answerBox img[data-type='hide']{display:none}section[data-temp='answer'] .answerBox img[data-type='show']{display:block}@media screen and (max-width: 520px){section[data-temp='answer'] .answerBox{padding:20px 20px 30px 20px}section[data-temp='answer'] .answerBox img{width:90%;display:block;margin:0 auto}}@media screen and (max-width: 520px){section[data-temp='answer'] iframe{height:35vh}}section[data-temp='answer'] .content{background-color:#fff;position:relative;z-index:2;padding-bottom:20px}section[data-temp='answer'] .content .inner{width:100%;max-width:450px;padding:0 15px 20px 0;margin:0 auto;height:auto;position:relative}@media screen and (max-width: 520px){section[data-temp='answer'] .content .inner{padding:0 15px 100px 15px}}@media screen and (max-width: 400px){section[data-temp='answer'] .content::before{top:-50px}section[data-temp='answer'] .content .inner{top:-10px}}section[data-temp='answer'] ul{padding-left:20px}section[data-temp='answer'] ul li p[type='pages']{margin-bottom:0em}section[data-temp='answer'] ul li:last-of-type p[type='pages']{margin-bottom:0.8em}section[data-temp='result'] .resultBox{padding:60px 30px 20px 30px;margin-bottom:25px;height:425px;background-image:url(../img/result_bg.png);background-size:cover}section[data-temp='result'] .resultBox img{display:block;width:100%;max-width:430px;margin:0 auto}section[data-temp='result'] .resultBox img[data-type='hide']{display:none}section[data-temp='result'] .resultBox img[data-type='show']{display:block}@media screen and (max-width: 520px){section[data-temp='result'] .resultBox{padding:30px 20px 20px 20px;height:360px}}@media screen and (max-width: 400px){section[data-temp='result'] .resultBox{padding:20px 20px 20px 20px;margin-bottom:15px;height:auto}}section[data-temp='result'] .content{background-color:#fff;position:relative;z-index:2}section[data-temp='result'] .content .inner{width:100%;max-width:450px;padding:0 15px 150px 0;margin:0 auto;height:auto;position:relative}@media screen and (max-width: 520px){section[data-temp='result'] .content .inner{padding:0 15px 100px 15px}}@media screen and (max-width: 400px){section[data-temp='result'] .content::before{top:-50px}section[data-temp='result'] .content .inner{top:-10px}}section[data-temp='result'] .scoreNumBox{text-align:center;font-size:62px;line-height:1;color:#03636f}section[data-temp='result'] .scoreNumBox span{vertical-align:baseline}section[data-temp='result'] .scoreNumBox #scoreNum{font-size:167px;line-height:1;font-weight:bold;color:#03636f}@media screen and (max-width: 520px){section[data-temp='result'] .scoreNumBox{font-size:40px}section[data-temp='result'] .scoreNumBox #scoreNum{font-size:120px}}@media screen and (max-width: 400px){section[data-temp='result'] .scoreNumBox{font-size:26px}section[data-temp='result'] .scoreNumBox #scoreNum{font-size:90px}}main section.sec_lightBox{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;bottom:0;left:0;z-index:1000;display:none;padding-bottom:0}main section.sec_lightBox .content{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding-right:15px;padding-left:15px}@media screen and (max-width: 768px){main section.sec_lightBox .content{padding-right:15px;padding-left:15px}}main section.sec_lightBox .tent{width:100%;max-width:970px;margin-right:auto;margin-left:auto;position:relative}@media screen and (max-width: 960px){main section.sec_lightBox .tent{max-width:700px}}@media screen and (max-width: 520px){main section.sec_lightBox .tent{max-width:400px}}main section.sec_lightBox .scroll_tent{width:100%;height:auto;min-height:300px;max-height:75vh;background-color:#fff;position:relative;padding-top:40px;padding-bottom:40px;padding-left:10px;padding-right:2px}@media screen and (max-width: 768px){main section.sec_lightBox .scroll_tent{max-height:80vh;padding:30px 15px;padding-right:0;position:relative}}main section.sec_lightBox .inner{width:100%;position:relative;top:0;left:0;padding-left:25px;min-height:300px;max-height:calc( 75vh - 80px)}main section.sec_lightBox .inner .box{margin-bottom:25px}main section.sec_lightBox .inner p,main section.sec_lightBox .inner li{font-size:16px;line-height:1.5;color:#313131;margin-bottom:0.5em}main section.sec_lightBox .inner ul li{padding-left:1em;position:relative;margin-bottom:0}main section.sec_lightBox .inner ul li:before{content:"・";position:absolute;top:0;left:0;display:block}@media screen and (max-width: 768px){main section.sec_lightBox .inner{padding-left:10px;padding-bottom:20px;max-height:calc( 80vh - 50px);-webkit-overflow-scrolling:touch}}@media screen and (max-width: 520px){main section.sec_lightBox .inner{padding-left:0}}main section.sec_lightBox .inner .mCSB_scrollTools{right:6px}main section.sec_lightBox .inner.show{display:block;width:100%}main section.sec_lightBox .inner .row{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:950px;margin-right:auto;margin-left:auto}@media screen and (max-width: 768px){main section.sec_lightBox .inner .row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:550px}}main section.sec_lightBox .grid{width:100%;max-width:775px;margin-right:auto;margin-left:auto;padding:40px 0}main section.sec_lightBox #iAgree{display:block;width:200px;margin:0 auto;padding:15px;font-size:20px;text-align:center;background-color:#f2836b;color:#fff;font-weight:bold;cursor:pointer}main section.sec_lightBox .closeBtn{position:absolute;top:-15px;right:-15px;width:40px;height:40px;padding:6px 8px;cursor:pointer;z-index:10;background-color:#f2836b}main section.sec_lightBox .closeBtn span{width:24px;height:2px;display:block;background-color:#fff}main section.sec_lightBox .closeBtn span:first-child{-webkit-transform:translateX(1px) translateY(13px) rotate(45deg);transform:translateX(1px) translateY(13px) rotate(45deg)}main section.sec_lightBox .closeBtn span:last-child{-webkit-transform:translateX(0px) translateY(12px) rotate(-45deg);transform:translateX(0px) translateY(12px) rotate(-45deg)}main .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(242,131,107,0.75) !important}main .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#f2836b}main .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(242,131,107,0.75)}body.noscroll{position:fixed;width:100%}body.noscroll .section.sec_lightBox{position:absolute;width:100%;height:100%;top:0;overflow-y:scroll}.d_flex{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex}footer{font-family:Segoe UI, Helvetica, Arial, '微軟正黑體', Microsoft JhengHei, Apple LiGothic, '蘋果儷中黑';background-color:#f2f2f2;font-size:15px;min-width:320px;color:#000000;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.f_nav{padding:0 5%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f_nav_l,.f_nav_r{width:50%;-ms-flex-pack:distribute;justify-content:space-around}.f_nav_group{display:inline-block}.f_nav_group h4{font-size:15px;line-height:20px;font-weight:bolder;padding:36px 0 4px 0;color:#616161;display:block}.f_nav_group ul li{font-size:11px;line-height:16px;padding:8px 0;display:block}.f_nav_group li a,.f_bottomR ul li a,.f_bottomL a{text-decoration:none;color:#616161;word-break:break-word;background-color:transparent}.f_nav_group li a:hover,.f_bottomR ul li a:hover,.f_bottomL a:hover{text-decoration:underline;color:rgba(0,0,0,0.9)}.f_new{width:100%;max-width:215px}.f_store{width:100%;max-width:150px}.f_education{width:100%;max-width:200px}.f_enterprise{width:100%;max-width:215px}.f_developer{width:100%;max-width:200px}.f_company{width:100%;max-width:100px}.f_bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 5% 20px 5%;-ms-flex-wrap:wrap;flex-wrap:wrap}.f_bottomL{min-width:100px;display:block;font-size:11px;line-height:16px;color:#616161;padding:8px 0}.f_bottomL:before{content:" ";background-image:url(../img/lan_earth.png);width:22px;height:22px;display:inline-block;line-height:22px;margin-right:5px;vertical-align:middle}.f_bottomR{width:auto;display:block;padding:8px 0}.f_bottomR ul li{display:inline-block;padding:0 24px 4px 0;font-size:11px;line-height:16px;color:#616161}@media screen and (max-width: 1200px){.f_nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%}.f_nav_l,.f_nav_r{width:auto}.f_new,.f_store,.f_education,.f_enterprise,.f_developer,.f_company{width:100%;max-width:300px}}@media screen and (max-width: 768px){.f_bottomR{display:block;width:100%}.f_bottomR ul li{display:inline-block;padding:0 4px 4px 6px;font-size:11px;line-height:16px;color:#616161}}@media screen and (max-width: 540px){.f_nav_l,.f_nav_r{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.f_new,.f_store,.f_education,.f_enterprise,.f_developer,.f_company{width:100%;max-width:320px}}
/*# sourceMappingURL=all.css.map */