.bg-light-blue{overflow:hidden;background-color:#e8f3f9}@media screen and (min-width:769px){.bg-bottom{width:100%;height:127px;background-color:#c9dfeb}}.main-title{margin-top:42px}.main-title h1{font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.main-title img{display:block;width:280px;margin:0 auto 19px;padding-bottom:9px;border-bottom:1px solid #000}.description p{font-size:13px;text-align:center}@media screen and (min-width:769px){.main-title{margin-top:102px;margin-bottom:36px}.main-title h1{font-size:36px}.main-title img{width:560px;height:80px;margin-top:33px;margin-bottom:0}.description p{font-size:20px}}.characters img{display:block;height:224px;margin:0 auto}.button-start{position:relative}.button-start a img{display:block;width:297px;height:105px;margin:29px auto 26px}.button-start a img:hover{opacity:1}@media screen and (min-width:769px){.button-start{z-index:1;width:900px;height:250px;margin:0 auto}.button-start a img{width:489px;height:173px}.button-start:after,.button-start:before{position:absolute;z-index:-1;display:block;content:"";background-repeat:no-repeat;background-position:50%;background-size:contain}.button-start:before{top:0;left:-150px;width:402px;height:364px;background-image:url(/img/diagnosis/character_woman.png)}.button-start:after{top:-20px;right:-370px;width:656px;height:403px;background-image:url(/img/diagnosis/character_man.png)}}.step-bar{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem .5rem}.step-bar span{display:block;width:20%;height:.4rem;margin:0 .5rem;border-radius:.3rem;background-color:#fff}.step-bar span.active{background-color:#015caf}@media screen and (min-width:769px){.step-bar{width:300px;margin:0 auto}.step-bar span{margin:0 .3rem}}.question-wrap{margin:1rem;padding:3rem 0;background-color:#fff}.question-wrap .question{width:auto}.question-wrap .question label{width:5.5rem;margin:0 .8rem 0 0;padding:1rem;color:#fff;border-radius:0 .3rem .3rem 0;background-color:#015caf}.question-wrap .question h3{font-size:1.1rem;font-weight:700;display:inline-block;width:65%;vertical-align:middle}.answers{margin-top:3rem;padding-bottom:3rem;text-align:center}.answers button{font-size:1.3rem;width:8rem;padding:2rem 0;border:.3rem solid #2aaae3;border-radius:.3rem;background-color:#fff}.answers button:first-child{margin-right:.5rem}.answers button:last-child{margin-left:.5rem}.answers button:hover{opacity:.6}@media screen and (min-width:769px){.question-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1rem 0}.question-wrap .question{width:500px}.question-wrap .question h3,.question-wrap .question label{width:auto}}.result-block{position:relative;margin:0 1rem;padding:1rem 0;text-align:center;background-color:#fff}.result-block h3{font-size:1.3rem;font-weight:700}.result-block h1{font-size:2.3rem;font-weight:700;margin:1rem 0;color:rgba(0,0,0,0);text-shadow:1px 2px 0 #8acfee;-webkit-text-stroke:1px #707070;text-stroke:1px #707070}.result-block h1 small{font-size:1.5rem}.result-block img{width:100%;max-width:500px;margin:0 auto 1.5rem;padding:0 1rem}.result-block p{line-height:2rem;width:100%;white-space:pre-wrap;text-underline-offset:.5rem}.result-block:after,.result-block:before{position:absolute;top:100%;left:50%;width:0;height:0;content:"";border:solid rgba(0,0,0,0)}.result-block:after{margin-left:-16px;border-width:16px;border-top-color:#fff}.result-block:before{margin-left:-17px;border-width:17px;border-top-color:#fff}.result-block .underline-wrap{width:100%;margin:30px auto 0;padding:1em;text-align:center}.result-block .underline-wrap p{line-height:2;border-top:1px solid #000;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),color-stop(97%, rgba(0,0,0,0)),color-stop(0, #000),to(#000));background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 97%,#000 0,#000);background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0) 97%,#000 0,#000);background-size:100% 2em}@media screen and (min-width:769px){.result-block{width:1200px;margin:0 auto}.result-block .underline-wrap{width:500px}}.recommend{margin:2rem 0 0;padding:0 1rem}.recommend a{display:block;width:100%;margin-top:1rem}@media screen and (min-width:769px){.recommend{margin:2rem auto}.recommend a{width:300px;margin:1rem auto 0}}