@import "init.css";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@charset "utf-8";
/** * main_layout.css */
/* import--------------------------------------------------*/
/* html, body--------------------------------------------------*/
html,body{width:100%;min-width:1000px;background:#fff;text-align:left;-webkit-text-size-adjust:none;font-family:'Noto Sans Japanese', sans-serif;}

/* siteCommonStyle--------------------------------------------------*/
/* font-size */
body, td, th{font-size:16px;line-height:1.8;color:#000000;}
 .gray{color:#666666;}


 /* a */
 a{color:#666666;text-decoration:underline;}
 a:hover{color:#999999;text-decoration:none;}
 /* input */
 input[type="radio"]{position:relative;width:16px;height:16px;background:#ffffff;}
 input[type="radio"]::before{content:'';display:block;width:20px;height:20px;position:relative;top:-2px;left:-2px;z-index:1;border:2px solid #67C696;border-radius:100%;box-sizing:border-box;float:left;background:#ffffff;}
 input[type="radio"]:checked:before{position:relative;display:block;width:20px;height:20px;z-index:1;border:6px solid #67C696;border-radius:100%;box-sizing:border-box;background:#ffffff;}
 .sub{font-size:24px;}
.pc{display:block;}
.sp{display:none;}


.hint{
	position:relative;
	padding-top:30px;
	text-align:center;
	display:block;
}

.hint a{
	position:relative;
	width:400px;
	background:#fc8b49;
	color:#ffffff;
	display:inline-block;
	border-radius:10px;
	line-height:60px;
	font-size:21px;
	text-decoration:none;
	text-align:left;
}

.quiz_list li .hint_icon{
	position:relative;
	display:inline;
	margin-top:0;
	margin-left:90px;
	margin-right:30px;
	vertical-align:middle;
}

.quiz_list li .hint_icon_popup{
	position:absolute;
	top:10px;
	margin-top:0;
	right:10px;
}

.hint_over{
	position:absolute;
	width:400px;
	height:62px;
	display:inline-block;
	border-radius:10px;
	z-index:1;
}

.hint_over:hover{
	border:solid 2px #f94c15;
}


 /* layout--------------------------------------------------*/
/* container */
.endAnnounce {
	display: block;
    border: 4px #ccc solid;
    color: #aaa;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    margin: 20px;
    padding: 20px;
}
.endAnnounce a {
	color: #FF8B49;
}
#container{width:100%;overflow:hidden;}
.main{position:relative;width:100%;text-align:center;}
.main h1{width:960px;margin:40px auto 40px;}
.box.ptn01{ border-radius:10px;border: 4px solid #f77f80;background: #fff;}
.box.ptn01_box{ border-radius:10px;border: 4px solid #6dae2e;background: #fff;}
.box.ptn02{ border-radius:10px;background: #67C696;}

.hd_01{background:#6dae2e;text-align: center;padding: 25px;}


.box{position: relative;width: 960px;margin:0 auto;}
.h2_note{width: 960px;margin:1em auto 2em;}
.h2_note p{padding-left: 1em;text-indent: -1em;}
.h2_note p::before{content: "※";}
.box_hazure{
	position: relative;
	width: 960px;
	margin:70px auto 70px;
}

.hd_01_hazure{
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;
}

.hazure_link{
	width:330px;
	display:block;
	float:left;
	margin-right:10px;
}

.hazure_link:hover{
	opacity:0.8;
}

.hazure_link:nth-of-type(3){
	margin-right:0px;
}


.hd_02{text-align: center;padding:2rem .6rem 1rem;}
.box.ptn01 > .inr{padding:0rem 3rem 0;}
.box.ptn02 > .inr{padding: 3rem;}
.box + .box{margin-top:38px;}

.text{
	width:839px;
	margin:40px auto 40px;
}

.cmp_tbl{width: 100%;border-collapse: collapse;margin: 0 auto;padding: 0;}
.cmp_tbl tr {padding: .35em;background: url('../imgs/tbl_line.png') bottom left repeat-x;}
.cmp_tbl tr.last {background:none;}
.cmp_tbl th,.cmp_tbl td {padding: 1.8rem 0; font-size: 18px;}
.cmp_tbl th {width: 21.6%; color: #6dae2e;}
.cmp_tbl td{width: 78.4%;}

p.note_indent{padding-left:1.4em;position:relative;}
p.note_indent:before{content:url('../imgs/maru01_pc.png');position:absolute;left:0.4em;top:-0.1em;}
p.note_indent02{padding-left:2.2em;position:relative;}
p.note_indent02:before{content:url('../imgs/maru02_pc.gif');position:absolute;left:1.4em;top:0;}
.note_important {background: #FFDE52;padding-right: 0.2em; display:inline-block;}

a.privacy_link{
	position:relative;
	display:inline-block;
	color:#6dae2e;
	margin-right:2em;
}

a.privacy_link:before{
	content:url('../imgs/link_icon01_pc.gif');
	position:absolute;
	right:-27px;
	top:3px;
}



.quiz_list{}
.quiz_list li{border-radius:10px;margin:0 auto 20px;padding:30px;font-size:18px;background: #FFFDF7;position: relative;width: 92%;}
.quiz_list li .title{display: block;padding: 0 40px 10px; font-size:28px;font-weight:bold;line-height:1.6;color: #FF8B49;}
.quiz_list li td{line-height:2;}
.quiz_list li + li{margin-top: 80px;}
.quiz_list li img{display: block;position:absolute;margin-top:-80px;margin-left:-80px;}
.quiz_list li input[type="radio"]{margin-top:8px;margin-right:10px;float:left;}
.quiz_list li p{float:left;}
.btn_wrap{margin: 4rem auto 1rem;text-align: center;}
#enter{background-image:url("../imgs/btn_on.png");display:inline-block;}

 #container{min-height: calc(100vh - 149px - 62px);}
.foot{text-align:center;padding:40px 0 50px;background:#ffffff;text-align:center;height: 149px;}
.foot a{display:inline-block;}
.foot a img{width: 316px;}
/*
.page_top{position:absolute;left:50%;width:100px;margin-left:-50px;text-align:center;cursor:pointer;font-size:12px;color:#999999;margin-top:-33px;}
.page_top img{display:inline;}
*/
.thanks_box{position:relative;width:860px;background:#67C696;padding:50px 50px;border-radius:10px;margin:20px auto 0;text-align:center;font-size:24px;color:#ffffff;display:none;}

.ptn01_caption{font-size: 20px;color: #fff;text-align: center;background:#67C696;padding: .5rem; }

.bnr_list{display: flex;justify-content: space-between;}
.bnr_list li{text-align: center;}



/* ������ ���j���[�A������ ������ */	
.entry_box{
	position:relative;
	padding-top:22px;
	padding-bottom:60px;
}

.thanks_box{
	position:relative;
	margin-top:60px;
	margin-bottom:120px;
}

.btn_caption{
	font-size:18px;
	text-align:center;
	margin-bottom:17px;
}

.btn01{
	position:relative;
	text-align:center;
}

.btn_text_set{
	position:relative;
	width:430px;
	text-align:right;
	margin:25px auto 70px;
}

.btn_text_set a{
	font-size:18px;
	color:#e10b32;
}



.btn02{
	position:relative;
	text-align:center;
}


#enter_kewpieid{
	background-image:url("../imgs/btn01_on_pc.gif");
	display:inline-block;
}


#enter_no_kewpieid{
	background-image:url("../imgs/btn02_on_pc.gif");
	display:inline-block;
}



/* ������ �t�b�^�G���A ������ */	
	.footer_contents{
		width:100%;
		background:#ffffff;
		padding-top:16px;
	}	


/* ������ �g�b�v�֖߂� ������ */
	.top_btn{
		position:fixed;
		right:20px;
		bottom:20px;
		z-index:3;
	}

	.top_btn img:nth-child(1){
		position:absolute;
		opacity:0;
	}
	
	#pagetop{
		width: 40px;
		height: 40px;
		position: fixed;
		right: 30px;
		bottom: 30px;
		z-index: 200;
	}
	
	#pagetop a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	
	#pagetop a:before, #pagetop a:after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		vertical-align: middle;
	}
	
    #pagetop a:before{
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border-style: solid;
		border-width: 1px;
		border-color: #e4002b;
		background-color: #fff;
	}
	
    #pagetop a:after{
		top: 5px;
		right: 15px;
		width: 8px;
		height: 8px;
		transform: rotate(-45deg);
		border-top-style: solid;
		border-right-style: solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-top-color: #e4002b;
		border-right-color: #e4002b;
	}
	
	#pagetop a {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out; }
	
	#pagetop a:hover {
		opacity: 0.7;
		-webkit-opacity: .7;
		-moz-opacity: .7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

	
/* ������ SNS ������ */
	.sns{display: flex; max-width: 1040px; margin: 0 auto 1rem;}
	.sns li{margin: 0 5px;}
	.sns li:nth-child(1){margin-left:0;}
	.sns li img{height: 45px;width: auto;}


/* �t�b�^�[���S */	
	.l-simple-footer__logo{
		bottom: 18px !important;
	}
	
	.l-simple-footer__logo__link .l-simple-footer__logo__img{
		width: auto !important;
		height:55px !important;
	}








 /*------------------------
layout mobile
---------------------------*/


@media screen and (max-width: 768px) {
.pc{display:none;}
.sp{display:block;font-size: 0;}
body, td, th{font-size:14px;line-height:1.6;}
 html,body{width:100%;min-width:320px;}
.main h1{width:100%;margin:0 auto 1rem;}
.main h1 img{width:100%;height:auto;}
	
.box{width: 92%;}
.h2_note{width: 92%;}
.hd_01{padding: .3rem;border-radius:2px 2px 0 0;}
.hd_02{text-align: center;padding: .3rem;}
.box.ptn01 > .inr{padding: 0 1rem 0;}
.box.ptn02 > .inr{padding: 1rem;}
.box + .box{margin-top:1rem;}
	
.cmp_tbl tr {padding: .35em;}
.cmp_tbl th,.cmp_tbl td { font-size: 3.8vw;display: block;}
.cmp_tbl th {width: auto; padding:1rem 0 0.5rem;}
.cmp_tbl td{width: auto;padding:0 0 1rem;}

.quiz_list li{padding:40px;font-size:18px;}
.quiz_list li .title{padding: 0 10px 10px; font-size:18px;}
.quiz_list li table{width:100%;}
.quiz_list li td{line-height:1.6;}
.quiz_list li + li{margin-top: 60px;}
.quiz_list li img{margin-top:-60px;margin-left:-60px;width:64px;}
.quiz_list li input[type="radio"]{margin-top:4px;margin-right:10px;float:left;}  
.quiz_list li p{width:calc(100% - 40px);margin-bottom:15px;}
.btn_wrap{margin: 4rem auto 1rem;text-align: center;}
/*#enter{background-image:url("../imgs/btn_on.png");display:inline-block;}*/
.btn_wrap{margin: 2rem auto;}
.thanks_box{width:90%;background:#67C696;padding:20px 10px;margin:10px auto 0;font-size:18px;}
 #enter img{width:100%;}
.sub{font-size:14px;}
.foot{width:100%;}
.foot a{width:70%;}
.foot a img{width:100%;}

.ptn01_caption{font-size: 18px;padding: .5rem; }

.bnr_list{justify-content: center;flex-wrap: wrap;padding: 2rem 0;}
.bnr_list li{text-align: center;}
.bnr_list li + li{margin-top: 2rem;}



.hint{
	padding-top:0;
	text-align:center;;
	display:block;
}

.hint a{
	width:100%;
	display:inline-block;
	border-radius:10px;
	line-height:4;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}

.quiz_list li .hint_icon{
	position:relative;
	display:inline;
	margin-top:0;
	margin-left:0;
	margin-right:5%;
	vertical-align:middle;
	width:10px;
}

.quiz_list li .hint_icon_popup{
	position:absolute;
	top:0;
	bottom:auto;
	margin-top:3%;
	right:3%;
	width:11px;
	vertical-align:middle;
}

.hint_over{
	display:none;
}


.text{
	width:85%;
	margin:30px auto 30px;
}


.text img{
	width:100%;
	height:auto;
}
.box_hazure{
	position: relative;
	width: 90%;
	margin:0 auto 20px;
}

.hd_01_hazure{
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;
}

.hd_01_hazure img{
	width: 90%;
	height:auto;
}

.hazure_link{
	width:100%;
	display:block;
	float:none;
	margin-right:0;
	margin-top:20px;
}

.hazure_link img{
	width:100%;
	height:auto;
}

.hazure_link:hover{
	opacity:0.8;
}

.hazure_link:nth-of-type(3){
	margin-right:0px;
}



/* ������ ���j���[�A������ ������ */	
a.privacy_link{
	margin-right:2em;
}

a.privacy_link:before{
	content:"";
	display:inline-block;
	background-image: url("../imgs/link_icon01_pc.gif");
	background-size:10% auto;
	background-position:right center;
	background-repeat:no-repeat;
	vertical-align: middle;
	width:100%;
	height:100%;
	position:absolute;
	right:-14%;
	top:10%;
}


.entry_box{
	position:relative;
	padding-top:5%;
	padding-bottom:60px;
}

.thanks_box{
	position:relative;
	margin-top:7%;
	margin-bottom:0;
}

.btn_caption{
	font-size:3.8vw;
	text-align:center;
	margin-bottom:3%;
}

.btn01{
	position:relative;
	text-align:center;
}

.btn_text_set{
	position:relative;
	width:90%;
	text-align:right;
	margin:5% auto 13%;
}

.btn_text_set a{
	color:#e10b32;
	font-size:3.8vw;
	line-height:2;
}

.btn_text_set a img{
	position:relative;
	width:90%;
	height:auto;
}



.btn02{
	position:relative;
	text-align:center;
}


#enter_kewpieid{
	background-image:url("../imgs/btn01_on_pc.gif");
	display:inline-block;
}


#enter_no_kewpieid{
	background-image:url("../imgs/btn02_on_pc.gif");
	display:inline-block;
}







/* ������ �t�b�^�G���A ������ */	
	.footer_contents{
		width:100%;
		background:#ffffff;
		padding-top:14%;
	}	

/* ������ �g�b�v�֖߂� ������ */
	#pagetop {
		right: 15px;
		bottom: 15px;
	} 
	
	#pagetop a {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition: none;
	}
	
	#pagetop a:hover {
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
		/* IE lt 8 */
		-ms-filter: "alpha(opacity=100)";
		/* IE 8 */ }

	
/* ������ �V���v���t�b�^���� ������ */
	.l-simple-footer__logo__img{
		display:inline;
	}
	.sns {
		margin-top:0;
		display: flex;
		justify-content: center;
	}
	.sns li:nth-child(1){margin-left:5px;}
	
	
/* �t�b�^�[���S */	
	.l-simple-footer__logo__link .l-simple-footer__logo__img{
		height: 11vw !important; 
	}
	
	.l-fsnav__list__itm{
		font-size:3vw;
	}	

}