/* CSS Document */
@charset "UTF-8";


@media(min-width:1100px){
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 1200);}/*10px;*/
	.sp_only{display: none!important;}
}
@media (max-width: 1099px) and (min-width: 600px) {
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 770);}
	.pc_only{display: none!important;}
}
@media(max-width:599px){
	html{font-size:calc( 1000vw / 630 );}/*10px;*/
	.pc_only{display: none!important;}

}

body {background-color: #6CBCE3;background-image: radial-gradient(#6DB0E2 1px, transparent 1px);background-size: 5px 5px;}
.svg_flag polygon{fill:#f1dc0c;}
.svg_arrow circle{fill:#FFF;}
.svg_false .cls-1 {fill: none;stroke: #000;stroke-linecap: round;stroke-linejoin: round;}
.svg_false .cls-2 {fill: #f2635f;}
.svg_true {transform:translateY(-0.2rem);}
.svg_true .cls-1 {fill: #3d8dcc;}
.svg_true .cls-2 {fill: none;stroke: #211715;stroke-linecap: round;stroke-linejoin: round;}

.top .sec01{padding-top:38rem;}
.top .sec01 .logo{position:absolute;top:0;left:0;width:100%;z-index:2;}
.top .sec01 .wrap{width:60rem;background:#FFF;border:2px solid #000000;box-sizing:border-box;border-radius:1.5rem;padding:6rem 3rem;margin: 0 auto;}
.top .sec01 .wrap .text{font-size:1.6rem;line-height:2.6rem;}
.top .sec01 .wrap .links{margin:4rem auto 0;width:33rem;}
.top .sec01 .wrap .links .link{font-size:2rem;line-height:5rem;border:2px solid #000;border-radius:2.7rem;display:block;position:relative;text-align:center;}
.top .sec01 .wrap .links .link + .link{margin-top:2rem;}
.top .sec01 .wrap .links .link::before{content:"";font-size:1.4rem;line-height:2.4rem;width:2.4rem;border-radius:50%;text-align:center;position:absolute;top:50%;right:2.5rem;transform:translate(50%,-50%);}
.top .sec01 .wrap .links .link01{color:#FFF;background:#EB6001;}
.top .sec01 .wrap .links .link02{color:#FFF;background:#539B45;}
.top .sec01 .wrap .links .link03{color:#FFF;background:#F25958;}
.top .sec01 .wrap .links .link04{color:#FFF;background:#7B599A;}
.top .sec01 .wrap .links .link05{color:#FFF;background:#006CAC;}
.top .sec01 .copy{font-size:1.4rem;line-height:2.4rem;text-align:center;margin-top:2rem;}

.p_question{padding-bottom:15rem;}
.p_question .headarea{position:relative;}
.p_question .headarea .name{font-size:2rem;line-height:6rem;font-weight:bold;color:#FFF;background:#006CAC;text-align:center;border-bottom:2px solid #000;}
.p_question .headarea .number{width:16.2rem;position:absolute;bottom:0;left:0;transform:translateY(50%);}
.p_question .headarea .number svg{}
.p_question .headarea .number .text{font-size:1.8rem;font-weight:bold;width:90%;text-align:center;position:absolute;top:50%;left:0%;transform:translate(0%,-50%);}
.p_question .sec01{padding-top:7rem;}
.p_question .sec01 .wrap{width:60rem;margin: 0 auto;}
.p_question .sec01 .wrap .texts{border:2px solid #000;background:#FFF;border-radius:1.5rem;box-sizing:border-box;overflow:hidden;}
.p_question .sec01 .wrap .texts .name{font-size:1.8rem;line-height:3.4rem;color:#FFF;background:#000;text-align:center;}
.p_question .sec01 .wrap .texts .text{font-size:2rem;line-height:2.8rem;text-align:justify;padding:2rem 3rem;}
.p_question .sec01 .wrap .btns{margin-top:5rem;}
.p_question .sec01 .wrap .btns label{position:relative;border:2px solid #000;border-radius:3rem;display:block;overflow:hidden;cursor:pointer;}
.p_question .sec01 .wrap .btns label + label{margin-top:2rem;}
.p_question .sec01 .wrap .btns input{display:none;}
.p_question .sec01 .wrap .btns .num{position:absolute;top:2.5rem;left:2.5rem;transform:translate(-50%,-50%);font-size:2rem;line-height:3rem;font-weight:bold;width:3rem;text-align:center;color:#FFF;background:#006CAC;border-radius:50%;}
.p_question .sec01 .wrap .btns .text{font-size:1.8rem;line-height:3rem;font-weight:bold;padding:1rem 0;padding:1rem 5rem;background:#FFF;display:block;}
.p_question .sec01 .wrap .btns input:checked ~ .num{color:#006CAC;background:#FFF;}
.p_question .sec01 .wrap .btns input:checked ~ .text{color:#FFF;background:#006CAC;}
.p_question .sec01 .wrap .next{position:fixed;bottom:0;left:0;width:100%;background:#FFF;height:13rem;display:flex;align-items:center;justify-content:center;}
.p_question .sec01 .wrap .next button{font-size:1.8rem;line-height:5rem;font-weight:bold;width:33rem;border:2px solid #000;background:#6CBCE3;text-align:center;border-radius:3rem;position:relative;}
.p_question .sec01 .wrap .next button.off{color:#FFF;background:#CCC;}
.p_question .sec01 .wrap .next button svg{position:absolute;top:50%;right:3rem;transform:translate(50%,-50%);width:2.4rem;}

.p_question.class1 .headarea .name{background:#EB6001;}
.p_question.class2 .headarea .name{background:#539B45;}
.p_question.class3 .headarea .name{background:#F25958;}
.p_question.class4 .headarea .name{background:#7B599A;}
.p_question.class5 .headarea .name{background:#006CAC;}


.p_results{padding-bottom:15rem;}
.p_results .headarea{position:relative;}
.p_results .headarea .name{font-size:2rem;line-height:6rem;font-weight:bold;color:#FFF;background:#006CAC;text-align:center;border-bottom:2px solid #000;}
.p_results .sec01{padding-top:7rem;}
.p_results .sec01 .wrap{width:60rem;margin: 0 auto;}
.p_results .sec01 .wrap .score{border:2px solid #000;background:#FFF;padding:1rem 0;border-radius:1.5rem;box-sizing:border-box;overflow:hidden;text-align:center;}
.p_results .sec01 .wrap .score .name{font-size:1.8rem;line-height:3.4rem;}
.p_results .sec01 .wrap .score .text{font-size:3rem;line-height:5rem;display:inline-block;background:linear-gradient(to top, transparent 1rem ,#F1DC0C 1rem ,#F1DC0C 2rem, transparent 2rem);}
.p_results .sec01 .wrap .score .text b{font-size:4rem;line-height:5rem;}
.p_results .sec01 .wrap .results{margin-top:4rem;}
.p_results .sec01 .wrap .results .title{font-size:1.8rem;line-height:3.4rem;text-align:center;position:relative;margin-bottom:2.5rem;}
.p_results .sec01 .wrap .results .title::before{content:"";width: 24rem;height: 0.8rem;background-image: radial-gradient(circle, black 0.2rem, transparent 0.2rem);background-repeat: repeat-x;background-size: 0.8rem 0.8rem;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.p_results .sec01 .wrap .results .title::after{content:"";width: 24rem;height: 0.8rem;background-image: radial-gradient(circle, black 0.2rem, transparent 0.2rem);background-repeat: repeat-x;background-size: 0.8rem 0.8rem;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.p_results .sec01 .wrap .results .items{}
.p_results .sec01 .wrap .results .items .item{}
.p_results .sec01 .wrap .results .items .item + .item{margin-top:4rem;}
.p_results .sec01 .wrap .results .items .item .box01{border:2px solid #000;background:#FFF;border-radius:1.5rem;box-sizing:border-box;overflow:hidden;}
.p_results .sec01 .wrap .results .items .item .box01 .numbers{font-size:1.8rem;line-height:3.4rem;color:#FFF;background:#000;text-align:center;position:relative;}
.p_results .sec01 .wrap .results .items .item .box01 .numbers .text{border-bottom:2px solid #000;padding-right:9rem;}
.p_results .sec01 .wrap .results .items .item .box01 .numbers .result{position:absolute;top:0;right:0;width:9rem;color:#000;background:#FFF;display:flex;justify-content:center;align-items:center;}
.p_results .sec01 .wrap .results .items .item .box01 .numbers .result svg{width:1.9rem;margin-right:0.5rem;}
.p_results .sec01 .wrap .results .items .item .box01 .texts {padding:3rem 4rem;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .name{font-size:2rem;line-height:2.8rem;text-align:justify;margin-bottom:1.5rem;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text{font-size:1.8rem;line-height:2.8rem;text-align:justify;padding-left:5.5rem;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text span{display:block;padding-left:3.5rem;position:relative;color:#909090;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text span.check{color:#006CAC;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text span.check::before{content:"これ！";color:#000;line-height:1;position:absolute;top:1.4rem;left:-3.5rem;transform:translate(-50%,-50%) rotate(-20deg);background:linear-gradient(to top, #F1DC0C 0.6rem ,transparent 0.6rem);}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text span.check b{background:#006CAC;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text span:not(.check).select{color:#F2635F;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text span.select::after{content:"×";font-size:3.5rem;font-weight:bold;color:#F00;line-height:1;position:absolute;top:1.4rem;left:-3rem;transform:translate(-50%,-50%);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #F00;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text span.check.select::after{content:"◯";}


.p_results .sec01 .wrap .results .items .item .box01 .texts .text span + span{margin-top:1.5rem;}
.p_results .sec01 .wrap .results .items .item .box01 .texts .text b{font-size:2rem;line-height:3rem;letter-spacing:0;width:3rem;text-align:center;color:#FFF;background:#999999;position:absolute;top:1.4rem;left:0;transform:translateY(-50%);border-radius:50%;}
.p_results .sec01 .wrap .results .items .item .box02{border:2px solid #000;background:#FFF;border-radius:1.5rem;box-sizing:border-box;transform:translateY(-2px);padding:3rem 4rem;}
.p_results .sec01 .wrap .results .items .item .box02 .tag{font-size:1.8rem;line-height:2.8rem;text-align:center;width:7rem;border:2px solid #000;box-sizing:border-box;position:absolute;top:2.5rem;left:-0.8rem;background:#F1DC0C;}
.p_results .sec01 .wrap .results .items .item .box02 .tag::before{content:"";width:0.8rem;height:0.8rem;position:absolute;bottom:2px;left:-2px;transform:translateY(100%) skewY(45deg);background:#000;z-index:-1;}
.p_results .sec01 .wrap .results .items .item .box02 .text{font-size:2rem;line-height:2.8rem;text-align:justify;padding-left:3.5rem;}
.p_results .sec01 .links{margin:4rem auto 0;width:33rem;}
.p_results .sec01 .links .link{font-size:2rem;line-height:5rem;border:2px solid #000;border-radius:2.7rem;display:block;position:relative;text-align:center;}
.p_results .sec01 .copy{font-size:1.4rem;line-height:2.4rem;text-align:center;margin-top:2rem;}

.p_results.class1 .headarea .name{background:#EB6001;}
.p_results.class2 .headarea .name{background:#539B45;}
.p_results.class3 .headarea .name{background:#F25958;}
.p_results.class4 .headarea .name{background:#7B599A;}
.p_results.class5 .headarea .name{background:#006CAC;}
.p_results.class1 .sec01 .links .link{background:#EB6001;}
.p_results.class2 .sec01 .links .link{background:#539B45;}
.p_results.class3 .sec01 .links .link{background:#F25958;}
.p_results.class4 .sec01 .links .link{background:#7B599A;}
.p_results.class5 .sec01 .links .link{background:#006CAC;}