@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none}*:focus{outline:none}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}
:root{
	--color-green:#00eee0;
	--color-lightgray:#e6e9e9;
	--color-gray:#5e625f;
	--font-sans:"Noto Sans JP";
	--vw-min:500;
	--scale:1.28205128205;
	--invw:calc(100vw - var(--scrollbar));
}
@media screen and (max-width:768px){
	:root{
		--width-full:100%;
		--vw-min:780;
		--scale:2;
	}
}
body{
	-webkit-text-size-adjust:100%;
	font-family:var(--font-sans),sans-serif;
	font-size:min(calc(12 * var(--scale) / var(--vw-min) * var(--invw)),calc(12px * var(--scale)));
	font-weight:500;
	line-height:1;
	word-wrap:break-word;
}
::selection{
	background:#6ccfee;
	color:#fff;
}
::-moz-selection{
	background:#6ccfee;
	color:#fff;
}
@media screen and (max-width:768px){
	body{
		min-width:320px;
	}
	.pc{display:none}
}
@media screen and (min-width:769px){
	body{
		scrollbar-gutter:stable;
	}
	.sp{display:none}
	::-webkit-scrollbar{
		width:8px;
		height:8px;
	}
	::-webkit-scrollbar-track{
		border-radius:0px;
		background:#fff;
	}
	::-webkit-scrollbar-thumb{
		background:#000;
		border-radius:0;
		margin:2px;
		box-shadow:none;
	}
	@-moz-document url-prefix(){
		html{
			scrollbar-color:#000 #fff;
			scrollbar-width:thin;
		}
	}
}
#fullWrap{
	position:relative;
	min-height:100vh;
}
@media screen and (max-width:768px){
	#fullWrap{
		min-height:100dvh;
	}
}
#fullWrap:before{
	content:'';
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
@media screen and (max-width:768px){
}
@media screen and (min-width:769px){
	#fullWrap:before{
		content:'';
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:0;
		background:url(../img/common/bg.png) no-repeat center top / cover;
	}
	#fullWrap:after{
		content:'';
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:0;
		background:url(../img/common/icon_8.svg) no-repeat right 3.64% bottom max(calc(-16 * var(--scale) / var(--vw-min) * var(--invw)),calc(-16px * var(--scale))) / min(15.9895%,min(calc(236 * var(--scale) / var(--vw-min) * var(--invw)),calc(236px * var(--scale))));
		overflow:hidden;
	}
}
.mContent{
	opacity:0;
	transition:opacity 0.5s ease;
}
body.is-loaded .mContent{
	opacity:1;
}
.topContent{
	width:500px;
	margin:0 auto;
	background:var(--color-green);
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
	position:relative;
	z-index:2;
	min-height:100vh;
	min-height:100dvh;
}
.topContent:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:10px;
	background:#000;

}
@media screen and (max-width:768px){
	.topContent{
		width:100%;
		filter:unset;
	}
}
.header{
	position:absolute;
	height:calc(min(calc(16 * var(--scale) / var(--vw-min) * var(--invw)),calc(16px * var(--scale))) + 1px);
	border-top:1px solid #000;
	top:min(calc(10 * var(--scale) / var(--vw-min) * var(--invw)),calc(10px * var(--scale)));
	left:0;
	right:0;
}
.topContent__mv{
	display:block;
	width:100%;
	height:auto;
	pointer-events:none;
}
.header__title{
	height:min(calc(16 * var(--scale) / var(--vw-min) * var(--invw)),calc(16px * var(--scale)));
	background:url(../img/common/head_title.svg) no-repeat center center / contain;
}
.topContent__startBtn{
	position:absolute;
	left:0;
	right:0;
	top:min(calc(597 * var(--scale) / var(--vw-min) * var(--invw)),calc(597px * var(--scale)));
	display:flex;
	justify-content:center;
}
.topContent__startBtn a{
	display:block;
	width:min(calc(213 * var(--scale) / var(--vw-min) * var(--invw)),calc(213px * var(--scale)));
	height:min(calc(53 * var(--scale) / var(--vw-min) * var(--invw)),calc(53px * var(--scale)));
	background:url(../img/top/btn_start.svg) no-repeat center center / contain;
	position:relative;
}
@keyframes tcsov-in{
	0%{
		-webkit-mask-size:0 100%;
		mask-size:0 100%;
	}
	100%{
		-webkit-mask-size:100% 100%;
		mask-size:100% 100%;
	}
}
@keyframes tcsov-out{
	0%{
		opacity:1;
		-webkit-mask-size:100% 100%;
		mask-size:100% 100%;
	}
	99%{
		opacity:0;
		-webkit-mask-size:100% 100%;
		mask-size:100% 100%;
	}
	100%{
		opacity:0;
		-webkit-mask-size:0 100%;
		mask-size:0 100%;
	}
}
.tcs-ov{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../img/top/btn_start-ov.svg) no-repeat center center / contain;
	-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%) no-repeat center center / 100% 100%;
	mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%) no-repeat center center / 0 100%;
	animation:tcsov-out 0.3s ease forwards;
}
@media screen and (hover:hover){
	.topContent__startBtn a:hover .tcs-ov{
		animation:tcsov-in 0.4s ease forwards;
	}
}
.topContent__top{
	padding-bottom:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale)));
	border-bottom:1px solid #000;
	background:var(--color-lightgray);
}
.subContent{
	padding:min(calc(40 * var(--scale) / var(--vw-min) * var(--invw)),calc(40px * var(--scale))) min(calc(20 * var(--scale) / var(--vw-min) * var(--invw)),calc(20px * var(--scale)));
	background:url(../img/common/subbg.png) no-repeat center center / cover;
}
.subContent__movie{
	padding-top:56.25%;
	position:relative;
	width:100%;
	margin-bottom:min(calc(31 * var(--scale) / var(--vw-min) * var(--invw)),calc(31px * var(--scale)));
}
.subContent__movie iframe{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.subContent__text{
	height:min(calc(162 * var(--scale) / var(--vw-min) * var(--invw)),calc(162px * var(--scale)));
	background:url(../img/common/sub_text.svg) no-repeat center center / contain;
}
.gFooter{
	padding:min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale))) 0 min(calc(24 * var(--scale) / var(--vw-min) * var(--invw)),calc(24px * var(--scale)));
	background:var(--color-green);
}
.footer__back{
	display:flex;
	justify-content:center;
	margin-bottom:min(calc(24 * var(--scale) / var(--vw-min) * var(--invw)),calc(24px * var(--scale)));
	font-size:min(calc(12 * var(--scale) / var(--vw-min) * var(--invw)),calc(12px * var(--scale)));
}
.footer__back a{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#000;
	transition:all 0.3s ease;
	text-decoration:none;
	font-weight:500;
}
.footer__back a:before{
	content:'';
	display:block;
	width:min(calc(14 * var(--scale) / var(--vw-min) * var(--invw)),calc(14px * var(--scale)));
	height:min(calc(14 * var(--scale) / var(--vw-min) * var(--invw)),calc(14px * var(--scale)));
	margin-right:min(calc(7 * var(--scale) / var(--vw-min) * var(--invw)),calc(7px * var(--scale)));
	background:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
}
@media screen and (hover:hover){
	.footer__back a:hover{
		opacity:0.65;
	}
}
.footer__copyright{
	height:min(calc(10 * var(--scale) / var(--vw-min) * var(--invw)),calc(10px * var(--scale)));
	background:url(../img/common/copyright.svg) no-repeat center center / contain;
	margin-bottom:min(calc(16 * var(--scale) / var(--vw-min) * var(--invw)),calc(16px * var(--scale)));
}
.footer__toPolicy{
	display:flex;
	justify-content:center;
}
.footer__toPolicy a{
	font-size:min(calc(10 * var(--scale) / var(--vw-min) * var(--invw)),calc(10px * var(--scale)));
	color:#000;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.footer__toPolicy a:hover{
		opacity:0.6
	}
}
.floating{
	position:sticky;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	pointer-events:none;
	z-index:10;
}
.floating img{
	display:block;
	width:100%;
	height:auto;
}
.floating p{
	background:#000;
	transition:all .5s ease-in-out;
	transform:translateY(100%);
}
.floating.is-show p{
	background:#000;
	transition:all .5s ease-in-out;
	transform:translateY(0);
}
.uContent{
	width:500px;
	margin:0 auto;
	background:var(--color-lightgray);
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
	position:relative;
	z-index:2;
	min-height:100vh;
	min-height:100dvh;
}
@media screen and (max-width:768px){
	.uContent{
		width:100%;
		filter:unset;
	}
}
.queMain{
	background:url(../img/question/question_bg.png) no-repeat center top / 100% auto;
	padding-top:min(calc(40 * var(--scale) / var(--vw-min) * var(--invw)),calc(40px * var(--scale)));
	padding-bottom:min(calc(48 * var(--scale) / var(--vw-min) * var(--invw)),calc(48px * var(--scale)));
}
.queMain__title{
	height:min(calc(32 * var(--scale) / var(--vw-min) * var(--invw)),calc(32px * var(--scale)));
	background:url(../img/common/sub_logo.png) no-repeat center center / contain;
	margin-bottom:min(calc(19 * var(--scale) / var(--vw-min) * var(--invw)),calc(19px * var(--scale)));
}
.queBox{
	width:min(calc(350 * var(--scale) / var(--vw-min) * var(--invw)),calc(350px * var(--scale)));
	margin:0 auto;
	border:1px solid #000;
	background:#fff;
	position:relative;
	padding-bottom:min(calc(12 * var(--scale) / var(--vw-min) * var(--invw)),calc(12px * var(--scale)));
}
.queBox__header{
	display:flex;
}
.queBox__nums{
	width:min(calc(68 * var(--scale) / var(--vw-min) * var(--invw)),calc(68px * var(--scale)));
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.queBox__num{
	pointer-events:none;
}
.queBox__num img{
	width:100%;
	height:auto;
}
.queBox__now{
	border-top:1px solid #000;
	padding:min(calc(5 * var(--scale) / var(--vw-min) * var(--invw)),calc(5px * var(--scale)));
	display:flex;
	justify-content:center;
	align-items:center;
	pointer-events:none;
}
.queBox__now img{
	display:block;
	height:min(calc(13 * var(--scale) / var(--vw-min) * var(--invw)),calc(13px * var(--scale)));
	width:auto;
}
.queBox__question{
	flex:1;
	padding-left:min(calc(19 * var(--scale) / var(--vw-min) * var(--invw)),calc(19px * var(--scale)));
	padding-top:min(calc(10 * var(--scale) / var(--vw-min) * var(--invw)),calc(10px * var(--scale)));
	display:flex;
	align-items:center;
	pointer-events:none;
}
.queBox__question img{
	height:min(calc(64 * var(--scale) / var(--vw-min) * var(--invw)),calc(64px * var(--scale)));
}
.queBox__img{
	padding:min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale))) min(calc(20 * var(--scale) / var(--vw-min) * var(--invw)),calc(20px * var(--scale))) min(calc(20 * var(--scale) / var(--vw-min) * var(--invw)),calc(20px * var(--scale)));
}
.queBox__imgin{
	border:2px solid var(--color-green);
	pointer-events:none;
}
.queBox__imgin img{
	width:100%;
	height:auto;
}
.queBox__answerTitle{
	display:flex;
	justify-content:center;
	align-items:flex-end;
	margin-bottom:min(calc(22 * var(--scale) / var(--vw-min) * var(--invw)),calc(22px * var(--scale)));
}
.queBox__answerTitle img{
	height:min(calc(16 * var(--scale) / var(--vw-min) * var(--invw)),calc(16px * var(--scale)));
	width:auto;
}
.queBox__answerTitle:before,
.queBox__answerTitle:after{
	content:'';
	display:block;
	flex:1;
	margin:0 min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale)));
	height:1px;
	background:#000;
}
.queBox__answerLists{
	margin:0 min(calc(20 * var(--scale) / var(--vw-min) * var(--invw)),calc(20px * var(--scale)));
}
.queBox__answerList{
	margin-bottom:min(calc(16 * var(--scale) / var(--vw-min) * var(--invw)),calc(16px * var(--scale)));
}
.queBox__answerList a{
	display:block;
	position:relative;
}
.queBox__answerList a img{
	width:100%;
	height:auto;
}
@keyframes imgov-in{
	0%{
		width:0;
		left:0;
	}
	100%{
		width:100%;
		left:0;
	}
}
@keyframes imgov-out{
	0%{
		width:100%;
		left:0;
	}
	100%{
		width:0;
		left:100%;
	}
}
.queBox__answerList a span{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	overflow:hidden;
	background:#fff;
	animation:imgov-out 0.3s ease forwards;
	display:flex;
	justify-content:flex-end;
}
@media screen and (hover:hover){
	.queBox__answerList a:hover span{
		animation:imgov-in 0.3s ease forwards;
		justify-content:flex-start;
	}
}
.queBox__answerList a span img{
	height:100%;
	width:auto;
}
.sFooter{
	background:var(--color-lightgray);
	padding:min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale))) 0 min(calc(24 * var(--scale) / var(--vw-min) * var(--invw)),calc(24px * var(--scale)));
}
.rsMain{
	background:url(../img/result/result_bg.png) no-repeat center top / 100% auto;
	padding-top:min(calc(40 * var(--scale) / var(--vw-min) * var(--invw)),calc(40px * var(--scale)));
}
.rsMain__title{
	height:min(calc(32 * var(--scale) / var(--vw-min) * var(--invw)),calc(32px * var(--scale)));
	background:url(../img/common/sub_logo.png) no-repeat center center / contain;
	margin-bottom:min(calc(19 * var(--scale) / var(--vw-min) * var(--invw)),calc(19px * var(--scale)));
}
.rsBox{
	padding-bottom:min(calc(62 * var(--scale) / var(--vw-min) * var(--invw)),calc(62px * var(--scale)));
}
.rsBox__img{
	padding:0 min(calc(10 * var(--scale) / var(--vw-min) * var(--invw)),calc(10px * var(--scale))) min(calc(35 * var(--scale) / var(--vw-min) * var(--invw)),calc(35px * var(--scale)));
	pointer-events:none;
}
.rsBox__img img{
	width:100%;
	height:auto;
}
.rsBox__text{
	height:min(calc(19 * var(--scale) / var(--vw-min) * var(--invw)),calc(19px * var(--scale)));
	background:url(../img/result/result_posttext.svg) no-repeat center center / contain;
	margin-bottom:min(calc(14 * var(--scale) / var(--vw-min) * var(--invw)),calc(14px * var(--scale)));
}
.rsBox__shareBtn{
	display:flex;
	justify-content:center;
	margin-bottom:min(calc(18 * var(--scale) / var(--vw-min) * var(--invw)),calc(18px * var(--scale)));
}
.rsBox__shareBtn a{
	display:block;
	width:min(calc(280 * var(--scale) / var(--vw-min) * var(--invw)),calc(280px * var(--scale)));
	height:min(calc(53 * var(--scale) / var(--vw-min) * var(--invw)),calc(53px * var(--scale)));
	background:url(../img/result/result_sharebtn.svg) no-repeat center center / contain;
	position:relative;
}
.rsb-ov{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../img/result/result_sharebtn-ov.svg) no-repeat center center / contain;
	-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%) no-repeat center center / 100% 100%;
	mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%) no-repeat center center / 0 100%;
	animation:tcsov-out 0.3s ease forwards;
}
@media screen and (hover:hover){
	.rsBox__shareBtn a:hover .rsb-ov{
		animation:tcsov-in 0.4s ease forwards;
	}
}
.rsBox__retryBtn{
	width:min(calc(147 * var(--scale) / var(--vw-min) * var(--invw)),calc(147px * var(--scale)));
	margin:0 auto;
}
.rsBox__retryBtn a{
	display:block;
	height:min(calc(48 * var(--scale) / var(--vw-min) * var(--invw)),calc(48px * var(--scale)));
	background:url(../img/result/result_retrybtn.svg) no-repeat center center / contain;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.rsBox__retryBtn a:hover{
		opacity:0.6;
	}
}
.rsPresent{
	background:#000;
	position:relative;
	padding:min(calc(59 * var(--scale) / var(--vw-min) * var(--invw)),calc(59px * var(--scale))) min(calc(20 * var(--scale) / var(--vw-min) * var(--invw)),calc(20px * var(--scale)));
}
.rsPresent:before,
.rsPresent:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	height:min(calc(17 * var(--scale) / var(--vw-min) * var(--invw)),calc(17px * var(--scale)));
	background:url(../img/result/present_parts.png) repeat-x left center / auto 100%;
	animation:rsParts 3s linear infinite;
}
.rsPresent:before{
	top:min(calc(3 * var(--scale) / var(--vw-min) * var(--invw)),calc(3px * var(--scale)));
}
.rsPresent:after{
	bottom:min(calc(3 * var(--scale) / var(--vw-min) * var(--invw)),calc(3px * var(--scale)));
	transform:rotate(180deg);
}
@keyframes rsParts{
	0%{
		background-position:0 center;
	}
	100%{
		background-position:min(calc(62 * var(--scale) / var(--vw-min) * var(--invw)),calc(62px * var(--scale))) center;
	}
}
.rsPresent__tc{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.rsPresent__img{
	width:min(calc(191 * var(--scale) / var(--vw-min) * var(--invw)),calc(191px * var(--scale)));
	pointer-events:none;
}
.rsPresent__imgin{
	margin-bottom:min(calc(6.6 * var(--scale) / var(--vw-min) * var(--invw)),calc(6.6px * var(--scale)));
}
.rsPresent__imgin img{
	width:100%;
}

.rsPresent__caution{
	height:min(calc(11.56 * var(--scale) / var(--vw-min) * var(--invw)),calc(11.56px * var(--scale)));
	background:url(../img/result/present_cautiontext.svg) no-repeat left center / auto 100%;
	margin-bottom:min(calc(34 * var(--scale) / var(--vw-min) * var(--invw)),calc(34px * var(--scale)));
}
.rsPresent__text{
	width:min(calc(145 * var(--scale) / var(--vw-min) * var(--invw)),calc(145px * var(--scale)));
}
.rsPresent__textin{
	padding-top:min(calc(27 * var(--scale) / var(--vw-min) * var(--invw)),calc(27px * var(--scale)));
}
.rsPresent__textin img{
	width:100%;
	height:auto;
}
.rsPresent__toDetailBtn{
	display:flex;
	justify-content:center;
}
.rsPresent__toDetailBtn a{
	display:block;
	width:min(calc(127 * var(--scale) / var(--vw-min) * var(--invw)),calc(127px * var(--scale)));
	height:min(calc(48 * var(--scale) / var(--vw-min) * var(--invw)),calc(48px * var(--scale)));
	background:url(../img/result/present_detail.svg) no-repeat center center / contain;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.rsPresent__toDetailBtn a:hover{
		opacity:0.6;
	}
}