@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

html {
	background: #ffffff;
	font-family: 'Noto Sans Japanese', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
	body {
		line-height: 1;
		-webkit-text-size-adjust: 100%;
		margin: 0;
		width: 100%;
		position: relative;
		z-index: 1;
	}
		article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
			display: block
		}
		iframe { overflow-y: hidden; z-index: 1 !important; }
		
#worldnazo {
	position: relative;
	z-index: 1;
	background: #ffffff;
	overflow: hidden;
}

img{
	image-rendering: -webkit-optimize-contrast;
}

/*-----------------------------------------------------------
	base setting
-----------------------------------------------------------*/
p { margin: 0 0 0 0; }

a { text-decoration: underline; color: #000000; }
	a:hover { text-decoration: none; }
	a:focus { outline: none; }
	
.pc { display: block !important; }
.sp { display: none !important; }


.fade:hover {
	opacity: 0.7;
}
					/*===================sp=*/@media screen and (max-width: 860px) {

.pc { display: none !important; }
.sp { display: block !important; }
.fade:hover {
	opacity: 1;
}

					}/*====================*/

/*-----------------------------------------------------------
	text setting
-----------------------------------------------------------*/

h2 img ,
h3 img ,
h4 img ,
.img img {
	pointer-events : none !important;
}

.flt {
	text-decoration: line-through;
}

.fcR { color: #e62a05; }
.fcG { color: #a4a4a4; }
.fcB { color: #abebef; }
.fcY { color: #ffa282; }

.note {
	color: #000000;
	font-size: 12px;
}

					/*===================sp=*/@media screen and (max-width: 860px) {

.note {
	font-size: 2.4vw;
}

					}/*====================*/

					
.wakuwakuBox{
	text-align: center;
	margin:40px 0;
	font-size: 20px;
}
.wakuwakuBox img{
	width:90%;
	max-width: 400px;
}
/*-----------------------------------------------------------
	header setting
-----------------------------------------------------------*/
#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 20;
	position: fixed;
	background: #f1d813;
}
	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9;
	}
	
	/*----------------------------------#g_menu setting----------*/
	#g_navi {
		margin: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 9;
		padding: 0 0 0 0;
		top: 0;
		position: absolute;
	}
	
	#g_menu .hdBox {
		width: 100%;
		padding: 0 0 0 0;
		overflow: hidden;
		z-index: 9;
	}
		#g_navi .logo {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
			#g_navi .logo img {
				width: 55%;
				margin: 0 auto 0 auto;
				padding-left: 0;
			}
		#g_navi #menuBtn {
			width: 13%;
			margin: 15px 3% 15px 0;
			float: right;
			line-height: 0;
			z-index: 2;
			position: relative;
		}
		.f #g_navi #menuBtn {
			display: none;
		}
		#g_navi #menuClose {
			width: 13%;
			margin: 15px 3% 15px 0;
			float: right;
			z-index: 2;
			position: relative;
		}
	
	#g_navi .navi {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
		#g_navi .nav {
			width: 90%;
			margin: 0 auto 0 auto;
			padding-top: 5%;
			overflow: hidden;
			border-top: 1px solid #000000;
		}
		#g_navi .nav li {
			width: 100%;
			margin: 0 auto 10px auto;
			height: auto;
			border-left: none;
			line-height: 0;
			font-weight: 500;
		}
		#g_navi .nav li.off {
			opacity: 0.7;
		}
		#g_navi .nav li a {
			height: auto !important;
			display: block;
			line-height: 1.0;
		}
		#g_navi .nav li.nav_play img { width: 36.5%; }
		#g_navi .nav li.nav_mystery img { width: 36.9%; }
		#g_navi .nav li.nav_price img { width: 28.2%; }
		#g_navi .nav li.nav_buy img { width: 32.9%; }
		#g_navi .nav li.nav_faq img { width: 60.5%; margin-top: -5%; }
		
		#g_navi .share {
			width: 56%;
			margin: 25px auto 0 auto;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
			#g_navi .share li {
				width: 23%;
			}
		
	#g_menu {
		position: absolute;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 1000;
		display: none;
		top: 0;
		bottom: 0;
	}
	.fix #g_menu {
		top: 0;
	}
	
	#g_navi .navBox {
		background: rgba(243, 217, 19, 0.96);
		background-size: 95% auto;
		width: 100%;
		margin: 0 auto 0 auto;
		overflow: hidden;
		padding: 0 0 200vw 0;
	}
	
	#g_navi .nav li:hover,
	#g_navi .nav li.off:hover,
	#g_navi .nav li.off {
		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
		-ms-filter: "alpha(opacity=100)" !important;
		-moz-opacity: 1 !important;
		-khtml-opacity: 1 !important;
	}
		#g_navi .nav .logo {
			display: none;
		}
	
					/*===================sp=*/@media (min-width: 960px) {
						
	#g_navi #menuBtn,
	#g_navi #menuClose,
	#g_navi .navi,
	#header .share,
	#g_menu .hdBox {
		display: none;
	}
	
#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	padding: 11px 0 11px 0;
	z-index: 25;
	position: fixed;
	height: auto;
	display: block;
}
	.headerWrap {
		background: none;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 9999;
		overflow: auto;
	}
	#g_navi {
		background: none;
		padding: 0 0 0 0;
		position: relative;
		top: 0;
	}
	#g_menu {
		padding: 0 0 0 0;
		width: 100%;
		background: none;
		position: relative;
		display: block !important;
		overflow: auto;
		overflow-x: auto;
		overflow-y: auto;
		top: 0;
	}
	#g_navi .navBox {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		overflow: auto;
		border: none;
		background: none;
	}
	#g_navi .nav {
		width: 100%;
		border: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items:         center;
			-webkit-justify-content: space-between;
			justify-content:         space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
		#g_navi .nav .logo {
			width: 17%;
			position: relative;
			margin: 0 0 0 2%;
			display: block;
		}
			#g_navi .nav .logo img {
				width: 100%;
				padding-left: 0;
			}
		#g_navi .nav .main {
			width: 79%;
			padding: 0 0 0 0;
			margin: 0 2% 0 0;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items:         center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: end;
			-ms-flex-pack: end;
			justify-content: flex-end;
		}
		#g_navi .nav .main li {
			padding: 0 0 0 0;
			margin: 0 0 0 17px;
			line-height: 0;
		}

		#g_navi .nav li.nav_play { width: 9.89%; padding-top: 0.3%; }
		#g_navi .nav li.nav_mystery { width: 9.89%; padding-top: 0.5%; }
		#g_navi .nav li.nav_price { width: 7.21%; padding-top: 0.4%; }
		#g_navi .nav li.nav_buy { width: 9.07%; padding-top: 0.1%; }
		#g_navi .nav li.nav_faq { width: 19.38%; }
		
		#g_navi .nav li.nav_play img,
		#g_navi .nav li.nav_mystery img,
		#g_navi .nav li.nav_price img,
		#g_navi .nav li.nav_buy img,
		#g_navi .nav li.nav_faq img { display: none; }
		
		#g_navi .nav li.nav_play a {
		}
		#g_navi .nav li.nav_play a { padding-top: 28%; background: url(../img/nav_play.svg) no-repeat center center; background-size: 100% auto; }
		#g_navi .nav li.nav_mystery a { padding-top: 26%; background: url(../img/nav_mystery.svg) no-repeat center center; background-size: 100% auto; }
		#g_navi .nav li.nav_price a { padding-top: 34%; background: url(../img/nav_price.svg) no-repeat center center; background-size: 100% auto; }
		#g_navi .nav li.nav_buy a { padding-top: 30%; background: url(../img/nav_buy.svg) no-repeat center center; background-size: 100% auto; }
		#g_navi .nav li.nav_faq a { padding-top: 18%; background: url(../img/nav_faq.svg) no-repeat center center; background-size: 100% auto; }

	#g_navi .nav li a {
		display: block;
	}
	
	#g_navi .nav li:hover {
		opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;
		-ms-filter: "alpha(opacity=50)" !important;
		-moz-opacity: 0.5 !important;
		-khtml-opacity: 0.5 !important;
	}
	


					}/*====================*/
					
.hdsp {
	width: 100%;
	display: none;
}
		
					/*===================sp=*/@media (min-width: 960px) {
						
.hdsp {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	padding: 11px 0 11px 0;
	height: auto;
	display: block;
	line-height: 0;
}
		.hdsp .logo {
			width: 17%;
			position: relative;
			margin: 0 0 0 2%;
		}
			.hdsp .logo img {
				width: 100%;
				padding-left: 0;
			}

					}/*====================*/

/*-----------------------------------------------------------
	#content setting
-----------------------------------------------------------*/
#content {
	font-family: 'Noto Sans Japanese', sans-serif;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	z-index: -1;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
	color: #000000;
	z-index: 1;
}
	.contentWrap {
		width: 100%;
		margin: 0 auto 0 auto;
/* 		position: relative; */
	}
		.contentBox {
			max-width: 800px;
			margin: 0 auto 0 auto;
			padding: 85px 0 85px 0;
			position: relative;
			z-index: 12;
		}
		
#content h2 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h2 img {
		width: 100%;
	}
	
#content h3 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h3 img {
		width: 100%;
		max-width: 600px;
	}
	
.contentBox .bnr {
	width: 50%;
	max-width: 300px;
	margin: 30px auto 0 auto;
}
	.contentBox .bnr:hover {
		opacity: 0.7;
	}
	
.contentBox .bnrA {
	width: auto;
}
	.contentBox .bnrA img {
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		box-shadow: 4px 4px 0 #f0884a;
	}
	.contentBox .bnrA:hover {
		opacity: 0.7;
	}

.contentBox .btn {
	width: 60%;
	max-width: 370px;
	margin: 0 auto 0 auto;
}

	.movie {
		margin: 0 auto 0 auto;
		position: relative; 
		padding-bottom: 34%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%;
	}
		.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	

.navArea { display: none; }


					/*===================sp=*/@media screen and (max-width: 860px) {


	.contentWrap {
		width: 100%;
		max-width: 960px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
	}
		.contentBox {
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 10vw 0 10vw 0;
		}
			
#content h2 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	
					}/*====================*/
					


/*-----------------------------------------------------------
	mv setting
-----------------------------------------------------------*/
#main {
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
	z-index: 21;
}
	#main .mainWrap {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		line-height: 0;
		z-index: 2;
		position: relative;
		overflow: hidden;
	}
		#main .bg {
		}
		#main .bg p {
			width: 100%;
			padding-top: 25%;
			background: url(../img/mv_bg_01.jpg) no-repeat center top;
			background-size: 100% auto;
			display: block;
		}
		#main .bg p.bg02 {
			background: url(../img/mv_bg_02.jpg) no-repeat center top;
			background-size: 100% auto;
		}
	
	#main .mv {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 0;
	}
	#main .mv .mainBox {
		width: 100%;
		height: 100%;
		margin: 0 0 0 0;
		display: block;
		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;
	}
	
		#main .mainBox .lead {
			width: 13%;
/* 			margin: auto; */
		}
			#main .mainBox .lead p {
				padding-top: 110%;
				background: url(../img/mv_a_lead.svg) no-repeat center top;
				background-size: 100% auto;
			}
		#main .logo {
			width: 10.6%;
			position: absolute;
			right: 1.8%;
			top: 3%;
			z-index: 2;
		}
		#main .online {
			width: 10.7%;
			position: absolute;
			left: 1.8%;
			top: 5%;
			z-index: 2;
		}
		
	#main .titBox {
		width: 100%;
		background: #f1d813;
		margin: auto;
	}
		#main .titBox .tit {
			width: 66.6%;
			max-width: 800px;
			margin: 0 auto 0 auto;
			padding: 65px 0 65px 0;
		}



					/*===================sp=*/@media screen and (max-width: 860px) {
							
		#main .bg p {
			width: 100%;
			padding-top: 53%;
			background: url(../img/sp/mv_bg_01.jpg) no-repeat center top;
			background-size: 100% auto;
			display: block;
		}
		#main .bg p.bg02 {
			background: url(../img/sp/mv_bg_02.jpg) no-repeat center top;
			background-size: 100% auto;
		}
		#main .mainBox .lead {
			width: 22%;
			margin: auto;
		}
		#main .logo {
			width: 20%;
		}
		#main .online {
			width: 20%;
			top: 3%;
		}
		#main .titBox .tit {
			width: 90%;
			max-width: 90%;
			padding: 35px 0 35px 0;
		}

					}/*====================*/
				
	.inner #main .titBox {
		width: 100%;
		height: 100%;
		background: rgba(241, 216, 19, 0.80);
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		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;
	}
		.inner #main .titBox .tit {
			width: 50%;
			max-width: 600px;
			margin: 0 auto 0 auto;
		}
		.inner #main .bg {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
		.inner #main .bg p {
			width: 50%;
			padding-top: 25%;
		}
		.inner #main .bg p {
			background: url(../img/mv_bg_01_in.jpg) no-repeat center center;
			background-size: 100% auto;
		}
		.inner #main .bg p.bg02 {
			background: url(../img/mv_bg_02_in.jpg) no-repeat center center;
			background-size: 100% auto;
		}
		.inner #main .logo {
			width: 9.25%;
			position: absolute;
			right: 2.5%;
			top: 9%;
			z-index: 2;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {

		.inner #main .titBox .tit {
			width: 80%;
			max-width: 490px;
			margin: 0 auto 0 auto;
		}
		.inner #main .bg p {
			width: 50%;
			padding-top: 60%;
		}
		.inner #main .logo {
			width: 18%;
			right: 3%;
			top: 7%;
		}
		.inner #main .bg p {
			background: url(../img/mv_bg_01_in.jpg) no-repeat center center;
			background-size: cover;
		}
		.inner #main .bg p.bg02 {
			background: url(../img/mv_bg_02_in.jpg) no-repeat center center;
			background-size: cover;
		}

					}/*====================*/
					

/*-----------------------------------------------------------
	#lead setting
-----------------------------------------------------------*/
#lead {
	padding-top: 0;
	padding-bottom: 0;
}
	#lead .leadBox {
		font-size: 24px;
		background: url(../img/lead_bg.svg) no-repeat center center;
		background-size: 90% auto;
		margin: 0 0 0 0;
		font-weight: 500;
		text-align: center;
	}
	#lead .catchyWrap {
		width: 90%;
		max-width: 740px;
	}
		#lead .catchyWrap {
			width: 100%;
			margin: 30px auto 0 auto;
			
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
		}
			#lead .catchyWrap div {
				width: 28.3%;
				margin: 0 0 0 0;
				text-align: center;
				position: relative;
				
			}
				#lead .catchyWrap div .img {
					width: 88%;
					padding: 6%;
					margin: auto;
					background: #ffffff;
				}
				#lead .catchyWrap div .txt {
					width: 100%;
					margin: 0 auto 0 auto;
					text-align: center;
					font-size: 20px;
					font-weight: 400;
					line-height: 1.2;
				}
					#lead .catchyWrap div .txt span {
						font-size: 12px;
					}
					
		#lead .share {
			width: 100%;
			margin: 60px auto 0 auto;
			padding: 75px 0 0 0;
			border-top: 2px solid #000000;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
		}
			#lead .share li {
				width: 30.5%;
				margin: 0 0 0 0;
				text-align: center;
				position: relative;
				
			}

					/*===================sp=*/@media screen and (max-width: 860px) {

	#lead .leadBox {
		font-size: 3.8vw;
		line-height: 2;
		background: url(../img/lead_bg.svg) no-repeat center center;
		background-size: 100% auto;
	}
				#lead .catchyWrap div .txt {
					font-size: 3.4vw;
					line-height: 1.2;
				}
					#lead .catchyWrap div .txt span {
						font-size: 2.4vw;
					}
					
		#lead .share {
			width: 100%;
			margin: 30px auto 0 auto;
			padding: 50px 0 0 0;
		}

		#lead .wakuwakuBox {
			font-size: 3.8vw;
		}

					}/*====================*/
					
					

	
/* ---------- movie ---------- */
#lead .movie_wrap {
	width: 94%;
	max-width: 750px;
	margin: 30px auto 0 auto;
}
#lead .movieBox {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#lead .movieBox iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

					/*===================sp=*/@media screen and (max-width: 860px) {

	#lead .movie_wrap {
		margin-top: 3%;
	}


					}/*====================*/
					
/*-----------------------------------------------------------
	#photo setting
-----------------------------------------------------------*/
#photo {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin-top: 0;
}
	#photo .slideWrap {
		overflow: hidden;
	}	
	#photo .slideBox {
		width: 100%;
		position: relative;
	}
	#photo .slide {
		width: 100%;
		position: relative;
		height: 190px;
	}
	#photo ul {
		list-style: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 2800px;
		height: 100%;
		margin-left: 0;
	}
	
		#photo ul li {
			width: 280px;
			line-height: 0;
			position: absolute;
			top: 0;
			left: 0;
		}
			#photo ul li img {
				width: 100%;
				height: auto;
			}
			
		#photo ul li:nth-child(1) { left: 0; }
		#photo ul li:nth-child(2) { left: 280px; }
		#photo ul li:nth-child(3) { left: 560px; }
		#photo ul li:nth-child(4) { left: 840px; }
		#photo ul li:nth-child(5) { left: 1120px; }
		#photo ul li:nth-child(6) { left: 1400px; }
		#photo ul li:nth-child(7) { left: 1680px; }
		#photo ul li:nth-child(8) { left: 1960px; }
		#photo ul li:nth-child(9) { left: 2240px; }
		#photo ul li:nth-child(10) { left: 2520px; }
		
		#photo .loop {
			-webkit-animation: loop01 70s linear infinite;
			animation: loop01 60s linear infinite;
		}
		@-webkit-keyframes loop01 {
			0%{ transform: translateX(0%); }
			100%{ transform: translateX(-2800px); }
		}
		@keyframes loop01 {
			0%{ transform: translateX(0%); }
			100%{ transform: translateX(-2800px); }
		}

	#photo .txt {
		width: 90%;
		margin: 15px auto 0 auto;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		color: rgba(0, 0, 0, 0.30);
		line-height: 1.6;
	}	

					/*===================sp=*/@media screen and (max-width: 860px) {

#photo {
}


					}/*====================*/
					
					
/*-----------------------------------------------------------
	#topics setting
-----------------------------------------------------------*/
#topics {
}

	#topics .list {
		width: 74%;
		margin: 40px auto 0 auto;
	}
		#topics .list li {
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
/*
-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
*/
			font-weight: 500;
			margin: 0 auto 20px auto;
		}
			#topics .list li .date {
				width: 6em;
				margin-right: 1em;
				font-size: 25px;
				line-height: 1.2;
				padding: 5px 0 0 0;
			}
			#topics .list li .txt {
				padding: 5px 0 0 0;
				font-size: 25px;
				width: auto;
				line-height: 1.4;
			}
				#topics .list li .txt .note {
					font-size: 18px;
					opacity: 0.8;
				}
			#topics .list li .txt a {
				color: #000000;
				text-decoration: underline;
			}
			#topics .list li .txt a:hover {
				color: #000000;
				text-decoration: none;
			}
		
					/*===================sp=*/@media screen and (max-width: 860px) {

#topics {
	padding-top: 0;
}

	#topics .list {
		width: 100%;
		margin-top: 20px;
	}
		#topics .list li {
			width: 100%;

		}
			#topics .list li .date {
				width: 6em;
				margin-right: 1em;
				font-size: 3.8vw;
			}
			#topics .list li .txt {
				font-size: 3.8vw;
			}
			#topics .list li .txt .note {
				font-size: 3.0vw;
			}
	
					}/*====================*/


/*-----------------------------------------------------------
	#story setting
-----------------------------------------------------------*/
#story {
	background: #f1d813;
	background: #f1d813 url(../img/bg_03.png) no-repeat center top;
	background-size: 100% auto;
	text-align: center;
	position: relative;
	overflow: visible;
}
#story .deco01 {
	content: "";
	width: 20%;
	background: url(../img/story_deco_01.png) no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	top: -10%;
	left: 6%;
}
	#story .deco01 p {
		width: 100%;
		padding-top: 87%;
	}
#story .deco02 {
	content: "";
	width: 20%;
	background: url(../img/story_deco_02.png) no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	bottom: -10%;
	right: 6%;
}
	#story .deco02 p {
		width: 100%;
		padding-top: 87%;
	}
	
	#story .txtBox {
		font-size: 22px;
		font-weight: 500;
		line-height: 1.8;
		margin: 50px auto 0 auto;
/* 		padding: 0 25px 0 25px; */
		position: relative;
	}
		#story .txtBox .txt {
			position: relative;
			margin: 50px 0 0 0;
		}
		#story .txtBox .img {
			width: 57%;
			margin: 60px auto 60px auto;
		}
		
		
					/*===================sp=*/@media screen and (max-width: 860px) {

#story .deco01 {
	display: none;
}
#story .deco02 {
	display: none;
}

	#story .txtBox {
		font-size: 3.6vw;
		line-height: 1.8;
		margin: 20px auto 0 auto;
		position: relative;
	}
		#story .txtBox .txt {
			position: relative;
			margin: 20px 0 0 0;
		}

					}/*====================*/


/*-----------------------------------------------------------
	#play setting
-----------------------------------------------------------*/
#play {
	background: url(../img/bg_01.png) no-repeat center top;
	background-size: cover;
}
	#play .contentBox {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	#play h2 {
		margin-bottom: 0px;
	}
	
		#play .howtoBox {
			width: 100%;
			margin: 30px auto 0 auto;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			#play .howtoBox li {
				width: 48%;
				margin: 0 0 40px 0;
				background: rgba(255, 255, 255, 0.85);
				position: relative;
				
			}
				#play .howtoBox li .txtBox {
					padding: 10px 6% 20px 6%;
				}
				#play .howtoBox li .txtBox .tit {
					font-size: 25px;
					font-weight: 700;
				}
					#play .howtoBox li .txtBox .tit span {
						font-size: 48px;
						color: #f1d813;
						font-weight: 700;
					}
				#play .howtoBox li .txtBox .img {
					line-height: 0;
					margin-top: 20px;
				}
				#play .howtoBox li .txtBox .txt {
					font-size: 18px;
					margin-top: 15px;
					font-weight: 500;
				}
					#play .howtoBox li .txtBox .txt .note {
						font-size: 14px;
						color: rgba(0, 0, 0, 0.8);
					}
				

					/*===================sp=*/@media screen and (max-width: 860px) {

	#play .contentBox {
		padding-top: 8vw;
		padding-bottom: 5vw;
	}
	#play h2 {
		margin-bottom: 5vw;
	}
	
		#play .howtoBox {
			width: 80%;
			margin: 20px auto 0 auto;
			display: block;
		}
			#play .howtoBox li {
				width: 100%;
				margin: 0 0 20px 0;
				
			}
				#play .howtoBox li .txtBox {
					padding: 5px 6% 5px 6%;
				}
				#play .howtoBox li .txtBox .tit {
					font-size: 4.8vw;
				}
					#play .howtoBox li .txtBox .tit span {
						font-size: 5.8vw;
					}
				#play .howtoBox li .txtBox .img {
					width: 80%;
					margin: 0 auto 0 auto;
					line-height: 0;
				}
				#play .howtoBox li .txtBox .txt {
					font-size: 3.8vw;
				}
					#play .howtoBox li .txtBox .txt .note {
						font-size: 2.8vw;
					}

					}/*====================*/


/*-----------------------------------------------------------
	#various setting
-----------------------------------------------------------*/
#various {
}
	#various .contentBox {
		max-width: 720px;
	}
	
		#various .variousWrap {
			width: 100%;
			margin: 0 auto 0 auto;
			border: 4px solid #f1d813;
			position: relative;
			padding: 30px 0 30px 0;
		}
		#various .variousWrap:before {
			content: "";
			width: 100%;
			padding-top: 30px;
			background: url(../img/various_bg.svg) no-repeat center top;
			display: block;
			position: absolute;
			top: -30px;
			z-index: 1;
		}

		#various .variousBox {
			width: 93%;
			margin: 0 auto 0 auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
-webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
		}
			#various .variousBox:before {
				content: "";
				width: 60%;
				height: 4px;
				left: 20%;
				background: #f1d813;
				position: absolute;
				top: 45%;
				margin-top: -4px;
			}
			#various .variousBox li {
				width: 25%;
				margin: 0 0 0 0;
				background: rgba(255, 255, 255, 0.85);
				position: relative;
			}
				#various .variousBox li .img {
					width: 100%;
					line-height: 0;
				}
				#various .variousBox li .txtBox {
					width: 100%;
					line-height: 1.2;
					padding: 10px 0 0 0;
					text-align: center;
				}
					#various .variousBox li .txtBox .tit {
						font-size: 22px;
						font-weight: 700;
					}
					
				#various .variousBox li.various02 {
					width: 35%;
				}
					#various .variousBox li.various02 .titBox {
						border: 4px solid #f1d813;
					}
					#various .variousBox li.various02 .txtBox .tit {
						color: #ffffff;
					}
				#various .variousBox li.various02 .txt {
					text-align: center;
					font-size: 18px;
					padding: 10px 0 10px 0;
					font-weight: 500;
				}
				#various h3 {
					width: 100%;
					background: #f1d813;
					text-align: center;
					font-size: 22px;
					z-index: 2;
					line-height: 1.2;
					padding: 10px 0 10px 0;
				}
				
		#various .bnrBox {
			width: 100%;
			margin: 30px auto 0 auto;
			position: relative;
		}
		#various .bnrBox .bnr {
			width: 103%;
			max-width: 103%;
			margin: 0 auto 0 auto;
			position: relative;
		}


						/*===================sp=*/@media screen and (max-width: 860px) {

		#various .variousWrap {
			width: 100%;
			margin: 0 auto 0 auto;
			border: 4px solid #f1d813;
			position: relative;
			padding: 20px 0 5px 0;
		}
		#various h3 {
			font-size: 3.8vw;
		}
			#various .variousBox li {
				width: 27%;
			}
				#various .variousBox {
					
 -webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
				}
					#various .variousBox li .txtBox .tit {
						font-size: 3.8vw;
					}
					#various .variousBox li .titBox .txt {
						font-size: 3.0vw;
					}
					#various .variousBox li.various02 {
						width: 37%;
					}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#system setting
-----------------------------------------------------------*/
#system {
/*
	background: url(../img/bg_02.png) no-repeat center top;
	background-size: cover;
*/
	background: #f1d813 url(../img/bg_04.png) no-repeat center top;
	background-size: 100% auto;
}
	#system .contentBox {

	}
	
	#system .catchyWrap {
		width: 90%;
		max-width: 740px;
	}
		#system .catchyWrap {
			width: 100%;
			margin: 60px auto 0 auto;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
		}
			#system .catchyWrap div {
				width: 28.3%;
				margin: 0 0 0 0;
				text-align: center;
				position: relative;
				
			}
				#system .catchyWrap div .img {
					width: 88%;
					padding: 6%;
					margin: auto;
					background: #ffffff;
				}
				#system .catchyWrap div .txt {
					width: 100%;
					margin: 30px auto 0 auto;
					text-align: center;
					font-size: 19px;
					line-height: 1.2;
					font-weight: 600;
				}
					#system .catchyWrap div .txt span {
						font-size: 16px;
					}


						/*===================sp=*/@media screen and (max-width: 860px) {

#system {
}
	#system .contentBox {

	}
	
	#system .catchyWrap {
		width: 90%;
		max-width: 740px;
	}
		#system .catchyWrap {
			width: 100%;
			margin: 30px auto 0 auto;
		}
			#system .catchyWrap div {
				width: 30%;
				margin: 0 0 0 0;
				text-align: center;
				position: relative;
				
			}
				#system .catchyWrap div .img {
					width: 88%;
					padding: 6%;
					line-height: 0;
					margin: auto;
					background: #ffffff;
				}
				#system .catchyWrap div .txt {
					width: 100%;
					margin: 15px auto 0 auto;
					font-size: 3.4vw;
					line-height: 1.4;
				}
					#system .catchyWrap div .txt span {
						font-size: 2.4vw;
					}



					}/*====================*/
					
					


/*-----------------------------------------------------------
	#system setting
-----------------------------------------------------------*/
#mystery {
	overflow: hidden;
	position: relative;
}
	#mystery .contentBox {
		padding-top: 70px;
	}
	#mystery .mysteryBox {
		width: 92%;
		border: 4px solid #f1d813;
		margin: 50px auto 0 auto;
		font-size: 20px;
		line-height: 1.6;
	}

	#mystery .mysteryBox .txtBox {
		padding: 30px 10% 60px 5%;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.6;
	}
	#mystery .btn {
		width: 62%;
		max-width: 62%;
		margin: -40px auto 0 auto;
	}
	#mystery .chara {
		width: 35%;
		max-width: 290px;
		position: absolute;
		top: 25%;
		right: -18%;
	}
	#mystery .chara p {
		width: 100%;
		padding-top: 125%;
		background: url(../img/mystery_chara.png) no-repeat center top;
		background-size: 100% auto;
	}


					/*===================sp=*/@media screen and (max-width: 860px) {


	#mystery .mysteryBox {
		width: 100%;
		border: 4px solid #f1d813;
		margin: 20px auto 0 auto;
		font-size: 3.8vw;
		
	}

	#mystery .mysteryBox .txtBox {
		padding: 15px 20% 15px 5%;
		font-size: 3.8vw;
	}
	#mystery .btn {
		width: 80%;
		max-width: 80%;
		margin: 25px 0 0 0;
	}
	#mystery .chara {
		width: 40%;
		position: absolute;
		right: -20%;
		bottom: 8%;
		top: auto;
	}
	#mystery .chara p {
		width: 100%;
		background: url(../img/mystery_chara.png) no-repeat center top;
		background-size: 100% auto;
	}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#price setting
-----------------------------------------------------------*/
#price {
	background: #f1d813;
}
#price .contentBox {
	padding-top: 60px;
	padding-bottom: 60px;
}
#price .gotoBox {
	text-align: center;
	background: white;
	padding: 20px 0 10px 0;
	width: 92%;
	margin: 20px auto 50px auto;
}
	#price .gotoBox .btn,
	#price .gotoBox .txt {
		margin: 0 auto 20px auto;
	}
	#price .gotoBox .txtbtn {
		text-decoration: none;
		display: inline-block;
		padding: 10px 15px 10px 15px;
		margin: 15px 0 0 0;
		background: black;
		border: 2px solid #000000;
		background: #ffffff;
	}
#price .priceBox {
	margin: 0 0 0 0;
}
#price table {
	margin: 0 auto 0 auto;
	width: 92%;
	border-collapse: separate;
	border-spacing: 0;
	border-right: 3px solid #000000;
	border-bottom: 3px solid #000000;
	font-weight: 500;
}
#price table tbody {
}
#price table tr {
}
#price table th,
#price table td {
	width: 33%;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	padding: 35px 0 35px 0;
/* 	padding: 35px 0 10px 0; */
	font-size: 18px;
	line-height: 1.4;
	color: #000000;
	border-top: 3px solid #000000;
	border-left: 3px solid #000000;
}
	#price table .c01.txt {
		width: 45%;
		padding: 15px 0 15px 0;
		font-weight: 500;
	}
	#price table th.cl,
	#price table td.cl {
		background: none;
		border: none;
	}
	#price table .c01 {
		width: 28%;
		padding: 30px 0 30px 0;
		background: #e5e5e5;
	}
	#price table span.txt01 {
		font-size: 16px;
		font-weight: bold;
	}
	#price table span.txt02 {
		font-size: 12px;
		display: block;
		margin: 20px 10px 0 10px;
		background: #e5e5e5;
		padding: 10px 0 10px 0;
	}

#price .note {
	margin: 30px auto 0 auto;
	width: 90%;
	font-size: 16px;
	font-weight: 500;
}

	
					/*===================sp=*/@media screen and (max-width: 860px) {

#price .contentBox {
	padding-top: 8vw;
	padding-bottom: 10vw;
}

#price .gotoBox {
	width: 100%;
	margin: 20px auto 30px auto;
}
	#price .gotoBox .btn,
	#price .gotoBox .txt {
		font-size: 3.4vw;
	}
	#price .gotoBox .fb {
		font-size: 3.6vw;
		line-height: 1.4;
	}
	#price .gotoBox .btn {
		width: 90%;
	}
	#price .gotoBox .txtbtn {
		font-size: 3.4vw;
		line-height: 1.4;
	}

#price .priceBox {
	margin: 0 0 0 0;
}
#price table {
	margin: 0 auto 0 auto;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	font-weight: 500;
}
#price table tbody {
}
#price table tr {
}
#price table th,
#price table td {
	width: 33%;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	padding: 20px 0 20px 0;
	font-size: 3.4vw;
	line-height: 1.4;
	color: #000000;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
}
	#price table .c01.txt {
		width: 45%;
		padding: 15px 0 15px 0;
	}
	#price table th.cl,
	#price table td.cl {
		background: none;
		border: none;
	}
	#price table .c01 {
		width: 28%;
		padding: 30px 0 30px 0;
		background: #e5e5e5;
	}
	
	#price table span.txt01 {
		font-size: 3.0vw;
	}
	#price table span.txt02 {
		font-size: 3.0vw;
	}


#price .note {
	margin: 15px auto 0 auto;
	width: 100%;
	font-size: 3.4vw;
}


					}/*====================*/
					

/*-----------------------------------------------------------
	#system setting
-----------------------------------------------------------*/
#buy {
}
	#buy .contentBox {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	#buy .buyWrap {
		margin: 50px auto 0 auto;
	}
	#buy .buyBox {
		width: 90%;
		max-width: 495px;
		margin: 0 auto 30px auto;
	}
		#buy .buyBox .tit {
			text-align: center;
			font-size: 22px;
			font-weight: 500;
		}
		#buy .buyBox .btn {
			width: 100%;
			max-width: 100%;
			margin: 10px auto 0 auto;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {

#buy {
}
	#buy .contentBox {
		padding-top: 8vw;
		padding-bottom: 5vw;
	}
	#buy .buyWrap {
		margin: 20px auto 0 auto;
	}
	#buy .buyBox {
		width: 100%;
		max-width: 495px;
		margin: 0 auto 20px auto;
	}
		#buy .buyBox .tit {
			text-align: center;
			font-size: 3.8vw;
			font-weight: 500;
		}
		#buy .buyBox .btn {
			width: 100%;
			max-width: 100%;
			margin: 10px auto 0 auto;
		}

					}/*====================*/

/*-----------------------------------------------------------
	#schedule setting
-----------------------------------------------------------*/
#schedule {
}
	#schedule .contentBox {
		padding-top: 30px;
	}
	#schedule  h2 {
		margin-bottom: 50px;
	}
	#schedule .scheduleWrap {
		margin: 30px auto 0 auto;
	}
	#schedule .scheduleBox {
		width: 90%;
		max-width: 740px;
		margin: 0 auto 0 auto;
		border: 4px solid #f1d813;
	}
	#schedule .scheduleBox:first-child {
		border-bottom: none;
	}

		#schedule .scheduleBox .tit {
			text-align: center;
			font-size: 25px;
			font-weight: 500;
			background: #f1d813;
			padding: 7px 0 7px 0;
		}
		#schedule .scheduleBox .txt {
			text-align: center;
			font-size: 22px;
			font-weight: 500;
			line-height: 1.4;
			padding: 14px 0 14px 0;
		}

	#schedule .scheduleBox.scheduleBoxtyB {
		border: 4px solid #551a86;
	}
		#schedule .scheduleBox.scheduleBoxtyB .tit {
			background: #551a86;
			color: #ffffff;
			line-height: 1.4;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		#schedule .scheduleBox.scheduleBoxtyB .tit span {
			font-size: 22px;
		}

		#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 {
			width: 80%;
			margin: 40px auto 0 auto;
			border: 4px solid #551a86;
			padding: 10px 0 15px 0;
		}
			#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 .txt {
				width: 90%;
				margin: 0 auto 0 auto;
				font-size: 22px;
				border-bottom: 2px solid #551a86;
			}
			#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 .txt span {
				font-size: 16px;
			}
			#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 .note {
				width: 90%;
				margin: 20px auto 0 auto;
				font-size: 16px;
				text-align: center;
			}
			
		#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt02 {
			width: 80%;
			margin: 25px auto 0 auto;
			padding: 10px 0 10px 0;
		}
			#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt02 .tit {
				width: 90%;
				margin: 0 auto 0 auto;
				background: none;
				font-weight: 500;
				color: #000000;
			}
			#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt02 .img {
				width: 90%;
				max-width: 430px;
				margin: 5px auto 0 auto;
			}

		#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 {
			width: 80%;
			margin: 25px auto 0 auto;
			padding: 10px 0 10px 0;
		}
		#schedule .scheduleBox.scheduleBoxtyB .adWrap {
			margin: 0 0 25px 0;
		}
		#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 .adtxt {
			width: 90%;
			margin: 20px auto 0 auto;
			border: 4px solid #551a86;
			padding: 25px 5% 25px 5%;
			font-size: 22px;
			line-height: 1.4;
			font-weight: 500;
			display: none;
		}
		#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 .adtxt span {
			font-size: 16px;
		}
		
		#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 .adbtn {
			width: 90%;
			max-width: 510px;
			font-size: 0;
			line-height: 0;
			text-align: center;
			color: #ffffff;
			background: url(../img/schedule_btn_cl.svg) no-repeat left top;
			background-size: 100% 100%;
		}
		#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 .adbtn.op {
			background: url(../img/schedule_btn_op.svg) no-repeat left top;
			background-size: 100% 100%;
		}
		
		
					/*===================sp=*/@media screen and (max-width: 860px) {

#schedule .contentBox {
	padding-top: 10px;
}
#schedule h2 {
	margin-bottom: 0px;
}
#schedule .scheduleBox {
	width: 100%;
}
#schedule .scheduleBox .tit {
	font-size: 3.8vw;
}
#schedule .scheduleBox .txt {
	font-size: 3.4vw;
}
#schedule .scheduleBox.scheduleBoxtyB .tit span {
	font-size: 3.4vw;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 {
	width: 90%;
	margin-top: 15px;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 .txt {
	font-size: 3.8vw;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 .txt span {
	font-size: 3.0vw;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt01 .note {
	font-size: 3.0vw;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt02 {
	width: 100%;
	margin-top: 15px;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 {
	width: 90%;
	margin-top: 15px;
}
#schedule .scheduleBox.scheduleBoxtyB .adWrap {
	margin-bottom: 15px;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 .adtxt {
	width: auto;
	font-size: 3.6vw;
	line-height: 1.4;
	padding: 15px 5% 15px 5%;
}
#schedule .scheduleBox.scheduleBoxtyB .txtBox .txt03 .adtxt span {
	width: auto;
	font-size: 3.2vw;
}

					}/*====================*/

/*-----------------------------------------------------------
	#faq setting
-----------------------------------------------------------*/

#faq {
}
	#faq .contentBox {
		padding-bottom: 0;
	}
	#faq #limit .contentBox {
		padding-bottom: 100px;
	}

#faq .contentBox h3 {
	width: 100%;
}

	#faq .faqWrap {
		width: 100%;
		max-width: 800px;
		padding: 0 0 0 0;
		text-align: left;
		margin: 50px auto 0 auto;
		border: 4px solid #f1d813;
	}

		#faq .faqWrap .faqBox {
			width: 100%;
			margin: 0 auto 0 auto;
		}
		#faq .faqWrap .head {
			width: auto;
			font-size: 22px;
			background: #f1d813;
			display: inline-block;
			font-weight: 500;
			padding: 10px 1.5em 10px 1.5em;
		}
		
		#faq .faqWrap ul {
			width: 90%;
			margin: 30px auto 0 auto;
			
		}
			#faq .faqWrap ul li {
				width: 100%;
				padding: 0 0 30px 0;
			}
			#faq .faqWrap ul li .tit {
				font-size: 16px;
				margin-bottom: 15px;
			}
			#faq .faqWrap ul li .q {
				font-size: 16px;
				display: block;
				padding-left: 2em;
				font-weight: 500;
				margin: 0 0 2% 0;
			}
			#faq .faqWrap ul li .q::before {
				content: "Q：";
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
				font-weight: 500;
				color: #551a86;
			}
			#faq .faqWrap ul li .a {
				font-size: 16px;
				line-height: 1.8;
				display: block;
				padding-left: 2em;
			}
			#faq .faqWrap ul li .a::before {
				content: "A：";
				font-size: 16px;
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
				font-weight: 500;
				color: #f1d813;
			}
			#faq .faqWrap ul li .n {
				font-size: 16px;
				line-height: 1.8;
				display: block;
				padding-left: 1.5em;
				margin: 0 0 0 0;
				margin-bottom: 20px;
			}
			#faq .faqWrap ul li .n::before {
				content: "・";
				font-size: 16px;
				font-weight: 500;
				display: block;
				float: left;
				margin-left: -1.5em;
				width: 1em;
				text-align: center;
			}
			#faq .faqWrap ul li .n:last-child {
				margin-bottom: 0;
			}
				#faq .faqWrap .bnr {
					width: 100%;
					max-width: 250px;
					margin: 0 auto 0 auto;
				}
				#faq .faqWrap .note {
					font-size: 14px;
					color: #444444;
				}
				#faq .faqWrap a {
					text-decoration: underline;
				}
				#faq .faqWrap a:hover {
					text-decoration: none;
				}
				
				

	#faq .faqWrap .faqlist {
		width: 90%;
		margin: 30px auto 20px auto;
	}
		#faq .faqWrap .faqlist li {
			width: 100%;
			margin: 0 0 0 0;
			padding: 0 0 10px 0;
			display: flex;
			justify-content: space-between;
			text-align: left;
		}
		#faq .faqWrap .faqlist li:last-child {
			margin-bottom: 0;
		}
			#faq .faqWrap .faqlist .tit {
				width: 24%;
				padding: 15px 3% 15px 3%;
				font-size: 16px;
				font-weight: 500;
				background: #f1d813;
				margin: 0 0 0 0;
			}
			#faq .faqWrap .faqlist .txt {
				width: 62.5%;
				margin-left: 1.5%;
				font-size: 16px;
				padding: 15px 3% 15px 3%;
				background: #ffffff;
			}
			#faq .faqWrap .faqlist .txt span {
				font-size: 14px;
				color: #444444;
			}

	
					/*===================sp=*/@media screen and (max-width: 860px) {

#faq {
}
	#faq .contentBox {
		padding-bottom: 0;
	}
	#faq #limit .contentBox {
		padding-bottom: 10vw;
	}

#faq .contentBox h3 {
	width: 100%;
}

	#faq .faqWrap {
		width: 100%;
		max-width: 800px;
		padding: 0 0 0 0;
		text-align: left;
		margin: 20px auto 0 auto;
		border: 4px solid #f1d813;
	}

		#faq .faqWrap .faqBox {
			width: 100%;
			margin: 0 auto 0 auto;
		}
		#faq .faqWrap .head {
			width: auto;
			font-size: 3.8vw;
			background: #f1d813;
			display: inline-block;
			font-weight: 500;
			padding: 10px 1.5em 10px 1.5em;
		}
		
		#faq .faqWrap ul {
			width: 90%;
			margin: 30px auto 0 auto;
			
		}
			#faq .faqWrap ul li {
				width: 100%;
				padding: 0 0 25px 0;
			}
			#faq .faqWrap ul li .tit {
				font-size: 3.8vw;
				margin-bottom: 10px;
			}
			#faq .faqWrap ul li .q {
				font-size: 3.8vw;
				display: block;
				padding-left: 2em;
				font-weight: 500;
				margin: 0 0 2% 0;
			}
			#faq .faqWrap ul li .q::before {
				content: "Q：";
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
				font-weight: 500;
			}
			#faq .faqWrap ul li .a {
				font-size: 3.8vw;
				line-height: 1.8;
				display: block;
				padding-left: 2em;
			}
			#faq .faqWrap ul li .a::before {
				content: "A：";
				font-size: 3.8vw;
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
				font-weight: 500;
				color: #f1d813;
			}
			#faq .faqWrap ul li .n {
				font-size: 3.8vw;
				line-height: 1.8;
				display: block;
				padding-left: 1.5em;
				margin: 0 0 0 0;
				margin-bottom: 20px;
			}
			#faq .faqWrap ul li .n::before {
				content: "・";
				font-size: 3.8vw;
				font-weight: 500;
				display: block;
				float: left;
				margin-left: -1.5em;
				width: 1em;
				text-align: center;
			}
			#faq .faqWrap ul li .n:last-child {
				margin-bottom: 0;
			}
				#faq .faqWrap .bnr {
					width: 100%;
					max-width: 250px;
					margin: 0 auto 0 auto;
				}
				#faq .faqWrap .note {
					font-size: 3.8vw;
					color: #444444;
				}
				#faq .faqWrap a {
					text-decoration: underline;
				}
				#faq .faqWrap a:hover {
					text-decoration: none;
				}
				
				

	#faq .faqWrap .faqlist {
		width: 90%;
		margin: 30px auto 20px auto;
	}
		#faq .faqWrap .faqlist li {
			width: 100%;
			margin: 0 0 0 0;
			padding: 0 0 10px 0;
			display: flex;
			justify-content: space-between;
			text-align: left;
			
			display: block;
		}
		#faq .faqWrap .faqlist li:last-child {
			margin-bottom: 0;
		}
			#faq .faqWrap .faqlist .tit {
				width: 94%;
				padding: 5px 3% 5px 3%;
				font-size: 3.8vw;
				font-weight: 500;
				background: #f1d813;
				margin: 0 0 0 0;
			}
			#faq .faqWrap .faqlist .txt {
				width: 94%;
				margin-left: 0;
				font-size: 3.8vw;
				padding: 15px 3% 15px 3%;
				background: #ffffff;
			}
			#faq .faqWrap .faqlist .txt span {
				font-size: 2.4vw;
				color: #444444;
			}



			
					}/*====================*/


/*-----------------------------------------------------------
	#nazo setting
-----------------------------------------------------------*/
#nazo {
}

	#nazo h2 {
		z-index: -2;
		position: relative;
	}
	#nazo .chara {
		width: 45%;
		max-width: 360px;
		position: absolute;
		top: 20px;
		left: -23%;
		z-index: -1;
	}
	#nazo .chara p {
		width: 100%;
		padding-top: 128%;
		background: url(../img/mystery_chara_2.png) no-repeat center top;
		background-size: 100% auto;
	}
	
	#nazo .crctWrap {
		width: 100%;
		max-width: 740px;
		padding: 60px 0 40px 0;
		text-align: left;
		margin: 40px auto 0 auto;
		background: #ffffff;
		border: 4px solid #f1d813;
	}
		#nazo #nazo01crct.crctWrap,
		#nazo #nazo02.nazoWrap {
			border: none;
			padding-top: 0;
		}
		#nazo #nazo02.nazoWrap {
			margin-top: 0;
		}
		.nazolinewrap {
			width: 90%;
			max-width: 740px;
			padding: 20px 0 20px 0;
			text-align: left;
			margin: 40px auto 0 auto;
			background: #ffffff;
			border: 4px solid #f1d813;
		}
		#nazo .crctWrap .img {
			width: 70%;
			max-width: 270px;
			margin:  0 auto 0 auto;
		}

		#nazo .crctWrap .question {
			width: 100%;
			max-width: 500px;
			margin: 40px auto 0 auto;
			line-height: 0;
			background: rgba(248, 190, 2, 1);
		}
			#nazo .crctWrap .question p {
				padding: 20px;
				margin: 0 auto 0 auto;
			}
			
		#nazo .crctWrap .txt {
			width: 100%;
			font-size: 18px;
			line-height: 2.2;
			font-weight: 500;
			text-align: center;
			margin: 10px auto 0 auto;
		}
	
	#nazo .nazoWrap {
		width: 100%;
		max-width: 740px;
		padding: 30px 0 30px 0;
		text-align: left;
		margin: 40px auto 0 auto;
		background: #ffffff;
		border: 4px solid #f1d813;
	}
	#nazo .nazoWrap h3 {
/* 		width: 90%; */
		width: auto;
		margin: 0 30px 0 30px;
		font-size: 17px;
		line-height: 1;
		text-align: left;
		background: #fffbd8;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#nazo .nazoWrap h3 span {
		width: 5em;
		font-size: 1em;
		margin-right: 1.5em;
		display: block;
	}
		.nazoWrap .answerBox {
			width: 100%;
			max-width: 760px;
			margin: 0 auto 0 auto;
			padding: 0 0 10px 0;
			
		}
			.nazoWrap .answerBox .inputBox {
				width: 100%;
				margin: 0 auto 0 auto;
			}
				.nazoWrap .answerBox .inputBox .img {
					width: auto;
					margin: 0 30px 20px 30px;
					color: #e6e5e5;
					font-size: 30px;
					line-height: 1.4;
					font-weight: 500;
				}
				#nazo .nazoWrap .answerBox .inputBox .btn {
					width: 100%;
					max-width: 500px;
					font-size: 18px;
					font-weight: 500;
					margin: 10px auto 50px auto;
					text-align: center;
				}
					.nazoWrap .answerBox .inputBox .btn a {
						color: #551b86;
						text-decoration: none;
						padding-bottom: 5px;
						font-weight: 500;
						border-bottom: 1px solid #551b86;
					}

			.nazoWrap .answerBox .inputBox form {
				margin-top: 20px;
				padding: 2px;
				text-align: center;
			}
			.nazoWrap .answerBox .inputBox form .formBox {
				display: -webkit-flex;
				display: flex;
				width: 80%;
				max-width: 500px;
				margin: 0 auto 20px auto;
				text-align: left;
			}
					.nazoWrap .answerBox .inputBox form .formBox div {
						width: 22%;
						font-size: 20px;
						border-right: 1px solid #000000;
						padding: 0 0 0 3%;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
						-ms-flex-wrap: wrap;
						flex-wrap: wrap;
						-ms-flex-line-pack: center;
						align-content: center;
					}
					.nazoWrap .answerBox .inputBox form .formBox div p {
						width: 100%;
						line-height: 1;
					}
					.nazoWrap .answerBox .inputBox form .formBox div .note {
						font-size: 12px;
						margin-top: 10px;
					}

					
					 #nazo input[type="text"] {
						width: 90%;
						border: 0;
						margin: 0 0 10px 0;
						padding: 20px 3% 20px 3%;
						font-size: 25px;
						font-weight: 500;
						outline: none;
						text-align: center;
						color: #000000;
						background: #ffffff;
						border: 4px solid #f1d813;
					}
					#nazo input[type="submit"] {
						border: none;
						outline: none;
						width: 80%;
						max-width: 500px;
						height: 100px;
						color: #ffffff;
						text-align: center;
						cursor: pointer;
						font-size: 0;
						font-weight: 500;
						padding: 0 0 0 0;
						margin: 0 auto 0 auto;
						background: url(../../mystery/img/nazo_btn.svg) no-repeat center top;
						background-size: 100% auto;
						
						display: block;

					}
					#nazo input[type="submit"]:hover {
						opacity: 0.7;
					}
	
	#nazo .btn  {
		width: 100%;
		margin-top: 50px;
		
	}
	#nazo .comm {
		width: 98%;
		margin: 15px auto 0 auto;
		padding: 15px 0 0 0;
		background: url(../img/mystery_chara_3.png) no-repeat;
		background-position: 0 15px;
		background-size: 25% auto;
	}
	#nazo #nazox .comm {
		background: url(../img/mystery_chara_2.png) no-repeat;
		background-position: 0 0;
		background-size: 25% auto;
	}
		#nazo .comm .txt {
			width: 58%;
			margin: 0 0 0 25%;
			padding: 20px 0 20px 7%;
			text-align: left;
			font-size: 18px;
			line-height: 1.4;
			font-weight: 500;
			color: #000000;
			background: url(../../mystery/img/nazo_01_comm_bg.png) no-repeat left top;
			background-size: 100% 100%;
		}
		#nazo #nazox .comm .txt {
			width: 58%;
			margin: 0 0 0 25%;
			padding: 20px 0 20px 7%;
			text-align: left;
			font-size: 18px;
			line-height: 1.4;
			font-weight: 500;
			color: #000000;
			background: url(../../mystery/img/nazo_x_comm_bg.png) no-repeat left top;
			background-size: 100% 100%;
		}
		
	#nazo #nazo02crct .comm {
		background: none;
	}
		#nazo #nazo02crct .comm .txtBox {
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			text-align: left;
			font-size: 18px;
			line-height: 1.4;
			font-weight: 500;
			background: url(../../mystery/img/nazo_02_comm_bg.png) no-repeat left top;
			background-size: 100% 100%;
		}
		
		#nazo #nazo02crct .comm .txt {
			width: 68%;
			margin: 0 0 0 0;
			padding: 50px 0 50px 32%;
			background: none;
			font-size: 16px;
			color: #000000;
			
			background: url(../img/mystery_chara_3.png) no-repeat;
			background-position: 0 0;
			background-size: auto 100%;
		}
		#nazo #nazo02crct .comm .txt02 {
			width: 90%;
			margin: 0 5% 0 5%;
			padding: 20px 0 50px 0;
			text-align: left;
			font-size: 16px;
			color: #000000;
			line-height: 1.4;
			font-weight: 500;
		}
			#nazo #nazo02crct .comm .txt02 a {
				color: #551a86;
				text-decoration: none;
				padding-bottom: 2px;
				border-bottom: 1px solid #551a86;
			}
			#nazo #nazo02crct .comm .txt02 a:hover {
				color: #551a86;
				border-bottom: none;
			}
		
		#nazo .comm .btn  {
			width: 100%;
			max-width: 500px;
			margin-top: 25px;
		}
			
		#nazo #nazo02crct .comm .btn  {
			width: 100%;
			max-width: 500px;
			margin-top: 40px;
		}
		
	#nazo .share {
		width: 80%;
		max-width: 500px;
		margin: 25px auto 0 auto;
		padding: 15px 0 15px 0;
		background: #e5e5e5;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	}
		#nazo .share .txt {
			width: 50%;
			margin: 0 0 0 5%;
			text-align: left;
			font-size: 16px;
			font-weight: 500;
			line-height: 1.6;
		}
		#nazo .share .sns {
			width: 42%;
			margin: 0 3% 0 0;
			
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
-webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
		}
			#nazo .share .sns li {
				max-width: 60px;
				line-height: 0;
				margin: 0 0 0 5%;
			}

	
					/*===================sp=*/@media screen and (max-width: 860px) {
.nazolinewrap {
	width: 100%;
	padding-bottom: 0;
}
	#nazo .crctWrap {
		margin-top: 20px;
	}
		#nazo .crctWrap .txt {
			font-size: 3.4vw;
			line-height: 2.2;
			font-weight: 500;
		}
	
	#nazo .nazoWrap h3 {
/* 		width: 90%; */
		margin: 0 20px 0 20px;
		font-size: 3.4vw;
		text-align: left;
	}
	#nazo .nazoWrap h3 span {
		font-size: 1em;
		width: 4em;
		font-weight: 700;
	}
				.nazoWrap .answerBox .inputBox .img {
/*
					width: 90%;
					max-width: 495px;
*/
					color: #e6e5e5;
					font-size: 3.4vw;
					line-height: 1.4;
					font-weight: 500;
					margin: 0 20px 0 20px;
				}
				#nazo .nazoWrap .answerBox .inputBox .btn {
					width: 100%;
					max-width: 495px;
					font-size: 3.4vw;
					font-weight: 500;
					margin: 10px auto 50px auto;
					text-align: center;
				}
					.nazoWrap .answerBox .inputBox .btn a {
						color: #551b86;
						text-decoration: none;
						padding-bottom: 5px;
						border-bottom: 1px solid #551b86;
					}

			.nazoWrap .answerBox .inputBox form {
				margin-top: 20px;
				padding: 2px;
				text-align: center;
			}
			.nazoWrap .answerBox .inputBox form .formBox {
				display: -webkit-flex;
				display: flex;
				width: 80%;
				max-width: 495px;
				margin: 0 auto 5px auto;
				text-align: left;
			}
					.nazoWrap .answerBox .inputBox form .formBox div {
						width: 22%;
						font-size: 3.4vw;
						border-right: 1px solid #000000;
						padding: 0 0 0 3%;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
						-ms-flex-wrap: wrap;
						flex-wrap: wrap;
						-ms-flex-line-pack: center;
						align-content: center;
					}
					.nazoWrap .answerBox .inputBox form .formBox div p {
						width: 100%;
						line-height: 1;
					}
					.nazoWrap .answerBox .inputBox form .formBox div .note {
						font-size: 12px;
						margin-top: 10px;
					}

					
					 #nazo input[type="text"] {
						width: 100%;
						border: 0;
						margin: 0 0 10px 0;
						padding: 20px 3% 20px 3%;
						font-size: 3.4vw;
						font-weight: 500;
						outline: none;
						text-align: center;
						color: #000000;
						background: #ffffff;
						border: 4px solid #f1d813;
					}
					#nazo input[type="submit"] {
						border: none;
						outline: none;
						width: 80%;
						max-width: 495px;
						height: 100px;
						color: #ffffff;
						text-align: center;
						cursor: pointer;
						font-size: 0;
						font-weight: 500;
						padding: 0 0 0 0;
						margin: 0 auto 0 auto;
						background: url(../../mystery/img/nazo_btn.svg) no-repeat center top;
						background-size: 100% auto;
						display: block;
					}
					#nazo input[type="submit"]:hover {
						opacity: 1;
					}
	
	#nazo .btn  {
		width: 90%;
		margin: 30px auto 0 auto;
		margin-top: 30px;
	}
	#nazo .comm {
		width: 98%;
		margin: 15px auto 0 auto;
		padding: 15px 0 0 0;
		background: url(../img/mystery_chara_3.png) no-repeat;
		background-position: 0 15px;
		background-size: 25% auto;
	}
	#nazo #nazox .comm {
		background: url(../img/mystery_chara_2.png) no-repeat;
		background-position: 0 0;
		background-size: 25% auto;
	}
		#nazo .comm .txt {
			width: 58%;
			margin: 0 0 0 27%;
			padding: 20px 5% 20px 5%;
			text-align: left;
			font-size: 3.4vw;
			line-height: 1.4;
			font-weight: 500;
			color: #000000;
			border: 3px solid #e7e7e7;
			background: #ffffff;
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
		}
		
	#nazo #nazo02crct .comm {
		background: none;
	}
		#nazo #nazo02crct .comm .txtBox {
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			text-align: left;
			font-size: 3.2vw;
			line-height: 1.4;
			font-weight: 500;
			background: none;
			background-size: 100% 100%;
			
			border: 3px solid #e7e7e7;
			background: #ffffff;
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
		}
		
		#nazo #nazo02crct .comm .txt {
			width: 57%;
			margin: 0 0 0 0;
			padding: 30px 0 30px 38%;
			font-size: 3.2vw;
			color: #000000;
			border: none;
			
			background: url(../img/mystery_chara_3.png) no-repeat;
			background-position: 0 30%;
			background-size: 35% auto;
		}
		#nazo #nazo02crct .comm .txt02 {
			width: 90%;
			margin: 0 5% 0 5%;
			padding: 0 0 50px 0;
			text-align: left;
			font-size: 3.4vw;
			color: #000000;
			line-height: 1.4;
			font-weight: 500;
		}
			#nazo #nazo02crct .comm .txt02 a {
				color: #551a86;
				text-decoration: none;
				padding-bottom: 2px;
				border-bottom: 1px solid #551a86;
			}
			#nazo #nazo02crct .comm .txt02 a:hover {
				color: #551a86;
				border-bottom: none;
			}
		
		#nazo .comm .btn  {
			width: 90%;
			max-width: 500px;
			margin-top: 25px;
		}
			
		#nazo #nazo02crct .comm .btn  {
			width: 90%;
			max-width: 500px;
			margin-top: 40px;
		}
		
	#nazo .share {
		width: 80%;
		max-width: 500px;
		margin: 25px auto 0 auto;
		padding: 15px 0 15px 0;
		background: #e5e5e5;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	}
		#nazo .share .txt {
			width: 50%;
			margin: 0 0 0 5%;
			text-align: left;
			font-size: 16px;
			font-weight: 500;
			line-height: 1.6;
		}
		#nazo .share .sns {
			width: 42%;
			margin: 0 3% 0 0;
			
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
-webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
		}
			#nazo .share .sns li {
				max-width: 60px;
				line-height: 0;
				margin: 0 0 0 5%;
			}

		#nazo #nazox .comm .txt {
			border: none;
		}

	#nazo .share {
		width: 90%;
		max-width: 90%;
		margin: 25px auto 0 auto;
		padding: 15px 0 15px 0;
	}
	
	
					}/*====================*/
					
				
				
/*-----------------------------------------------------------
	#questionnaire setting
-----------------------------------------------------------*/

#questionnaire {
}

#questionnaire .contentBox h3 {
	width: 100%;
}

	#questionnaire .questionnaireWrap {
		width: 100%;
		max-width: 800px;
		padding: 0 0 0 0;
		text-align: left;
		margin: 50px auto 0 auto;
		border: 4px solid #f1d813;
	}
		#questionnaire .questionnaireWrap .bnr {
			width: 80%;
			max-width: 500px;
		}

		#questionnaire .questionnaireWrap .questionnaireBox {
			width: 100%;
			margin: 0 auto 0 auto;
		}
		#questionnaire .questionnaireWrap .head {
			width: auto;
			font-size: 22px;
			background: #f1d813;
			display: inline-block;
			font-weight: 500;
			padding: 10px 1.5em 10px 1.5em;
		}
		
		#questionnaire .questionnaireWrap ul {
			width: 90%;
			margin: 30px auto 0 auto;
			
		}
			#questionnaire .questionnaireWrap ul li {
				width: 100%;
				padding: 0 0 30px 0;
			}
			#questionnaire .questionnaireWrap ul li .tit {
				font-size: 16px;
				margin-bottom: 15px;
			}
				#questionnaire .questionnaireWrap .bnr {
					width: 100%;
					max-width: 250px;
					margin: 0 auto 0 auto;
				}
				#questionnaire .questionnaireWrap .note {
					font-size: 14px;
					color: #444444;
				}
				#questionnaire .questionnaireWrap a {
					text-decoration: underline;
				}
				#questionnaire .questionnaireWrap a:hover {
					text-decoration: none;
				}
				
				

	#questionnaire .questionnaireWrap .questionnairelist {
		width: 90%;
		margin: 30px auto 20px auto;
	}
		#questionnaire .questionnaireWrap .questionnairelist li {
			width: 100%;
			margin: 0 0 0 0;
			padding: 0 0 10px 0;
			display: flex;
			justify-content: space-between;
			text-align: left;
		}
		#questionnaire .questionnaireWrap .questionnairelist li:last-child {
			margin-bottom: 0;
		}
			#questionnaire .questionnaireWrap .questionnairelist .tit {
				width: 24%;
				padding: 15px 3% 15px 3%;
				font-size: 16px;
				font-weight: 500;
				background: #f1d813;
				margin: 0 0 0 0;
			}
			#questionnaire .questionnaireWrap .questionnairelist .txt {
				width: 62.5%;
				margin-left: 1.5%;
				font-size: 16px;
				padding: 15px 3% 15px 3%;
				background: #ffffff;
			}
			#questionnaire .questionnaireWrap .questionnairelist .txt span {
				font-size: 14px;
				color: #444444;
			}

				.questionnairelist .required {
					color: #e60012 !important;
				}
				.questionnairelist table {
					width: 100%;
					position: relative;
				}
				.questionnairelist input[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #000000;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #000000;
					outline: none;
				}
				.questionnairelist form input.typeB[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #000000;
					font-size: 14px;
					margin: 0 0 5% 0;
					outline: none;
					border: 1px dotted #000000;
				}
				.questionnairelist textarea {
					width: 96%;
					border: 0;
					outline: none;
					padding: 5px 2% 5px 2%;
					color: #000000;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #000000;
				}
				.questionnairelist input[type="radio"] {
					display: block;
					outline: none;
					opacity: 0;
					width: auto;
					height: auto;
					position: absolute;
					z-index: -1;
					top: 0;
					left: 0;
					
				}
				.questionnairelist input[type="radio"] + label {
					position: relative;
					display: inline-block;
					padding: 0 3px 3px 30px;
					cursor: pointer;
					float: left;
					margin: 0 20px 10px 0;
					outline: none;
				}
				.questionnairelist input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #ffffff;
					border: 1px solid #000000;
					border-radius: 100%;
				}
				.questionnairelist input[type="radio"]:checked + label::after {
					position: absolute;
					content: "";
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #000000;
					border-radius: 100%;
				}
				
				.questionnairelist input[type="checkbox"] {
					display: block;
					outline: none;
					opacity: 0;
					width: auto;
					height: auto;
					position: absolute;
					z-index: -1;
					top: 0;
					left: 0;
				}
				.questionnairelist input[type="checkbox"] + label {
					width: 100%;
					position: relative;
					display: inline-block;
					padding: 0 3px 0 30px;
					cursor: pointer;
					font-size: 14px;
					margin: 5px 20px 8px 0;
				}
				.questionnairelist input[type="checkbox"] + label.fc {
					width: auto;
				}
				.questionnairelist input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #ffffff;
					border: 1px solid #000000;
					border-radius: 0%;
				}
				.questionnairelist input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 5px;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #000000;
					border-bottom: 4px solid #000000;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.questionnairelist #submitBtn {
					background: url(../../q/img/btn_send.png) no-repeat center center;
					background-size: 200px auto;
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 49px;
					text-align: center;
					cursor: pointer;
				}
				.questionnairelist .align-center {
					text-align: center;
					margin: 30px 0 0 0;
				}
				.questionnairelist input[type="submit"] {
					
					border: none;
					outline: none;
					width: 50%;
					color: #ffffff;
					text-align: center;
					background: #000000;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					padding: 2% 10px 2% 10px;
					margin: 40px auto 0 auto;
					
					-webkit-appearance: none;
					border-radius: 0;
				}
				.questionnairelist input[type="submit"][disabled]{
					opacity: 0.5;
				}
				.questionnairelist input[type="submit"]:hover {
					opacity: 0.5;
				}
				.questionnairelist .resultBox {
				}
				.questionnairelist .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 10% auto 10% auto;
				}
				.questionnairelist .btn {
					margin: 8% auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					text-align: center;
					background: #000000;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #000000;
					padding: 5% 0 5% 0;
				}
				.questionnairelist a {
					width: 100%;
					height: 100%;
					display: block;
					color: #000000;
				}
				.questionnairelist a:hover {
					text-decoration: none;
				}
				.questionnairelist #submitBtn:hover {
					opacity: 0.5;
				}
			
			.questionnaireBox .quescomp {
				text-align: center;
			}
				#questionnaire .questionnaireWrap .quescomp .tit {
					font-weight: 600;
					font-size: 25px;
				}
				#questionnaire .questionnaireWrap .quescomp .stit {
					font-weight: 500;
					font-size: 18px;
				}
				#questionnaire .questionnaireWrap .quescomp .btn {
					margin: 15px auto 0 auto;
				}
				#questionnaire .questionnaireWrap .quescomp .img {
					width: 20%;
					margin: 15px auto 0 auto;
				}
				#questionnaire .questionnaireWrap .quescomp .introItem {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					text-align: left;
					margin-bottom: 15px;
				}
					#questionnaire .questionnaireWrap .quescomp .introItem .img {
						width: 20%;
						margin: 0 0 0 0;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox {
						width: 75%;
						margin: 0 0 0 5%;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .name {
						font-size: 20px;
						font-weight: 600;
						margin-bottom: 10px;
						line-height: 1.4;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn {
						width: 100%;
						max-width: 100%;
						font-size: 16px;
						font-weight: 500;
						background: #f1d813;
						margin: 15px 0 0 0;
						position: relative;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn:hover {
						opacity: 0.5;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn a:before {
						content: "";
						width: 8px;
						height: 100%;
						background: #000000;
						position: absolute;
						right: -8px;
						bottom: -8px;
						display: block;
						z-index: -1;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn a:after {
						content: "";
						width: 100%;
						height: 8px;
						background: #000000;
						position: absolute;
						right: -8px;
						bottom: -8px;
						display: block;
						z-index: -1;
					}
						#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn a {
							text-decoration: none;
							display: block;
							padding: 8px;
							text-align: center;
							z-index: 1;
						}
				
		
	
					/*===================sp=*/@media screen and (max-width: 860px) {

#questionnaire {
}

#faq .contentBox h3 {
	width: 100%;
}

	#faq .questionnaireWrap {
		width: 100%;
		max-width: 800px;
		padding: 0 0 0 0;
		text-align: left;
		margin: 20px auto 0 auto;
		border: 4px solid #f1d813;
	}

		#questionnaire .questionnaireWrap .questionnaireBox {
			width: 100%;
			margin: 0 auto 0 auto;
		}
		#questionnaire .questionnaireWrap .head {
			width: auto;
			font-size: 3.8vw;
			background: #f1d813;
			display: inline-block;
			font-weight: 500;
			padding: 10px 1.5em 10px 1.5em;
		}
		
		#questionnaire .questionnaireWrap ul {
			width: 90%;
			margin: 30px auto 0 auto;
			
		}
			#questionnaire .questionnaireWrap ul li {
				width: 100%;
				padding: 0 0 25px 0;
			}
			#questionnaire .questionnaireWrap ul li .tit {
				font-size: 3.8vw;
				margin-bottom: 10px;
			}
				#questionnaire .questionnaireWrap .bnr {
					width: 100%;
					max-width: 250px;
					margin: 0 auto 0 auto;
				}
				#questionnaire .questionnaireWrap .note {
					font-size: 3.8vw;
					color: #444444;
				}
				#questionnaire .questionnaireWrap a {
					text-decoration: underline;
				}
				#questionnaire .questionnaireWrap a:hover {
					text-decoration: none;
				}
				
				

	#questionnaire .questionnaireWrap .questionnairelist {
		width: 90%;
		margin: 30px auto 20px auto;
	}
		#questionnaire .questionnaireWrap .questionnairelist li {
			width: 100%;
			margin: 0 0 0 0;
			padding: 0 0 10px 0;
			display: flex;
			justify-content: space-between;
			text-align: left;
			
			display: block;
		}
		#questionnaire .questionnaireWrap .questionnairelist li.tc {
			text-align: center;
		}
		#questionnaire .questionnaireWrap .questionnairelist li:last-child {
			margin-bottom: 0;
		}
			#questionnaire .questionnaireWrap .questionnairelist .tit {
				width: 94%;
				padding: 5px 3% 5px 3%;
				font-size: 3.8vw;
				font-weight: 500;
				background: #f1d813;
				margin: 0 0 0 0;
			}
			#questionnaire .questionnaireWrap .questionnairelist .txt {
				width: 94%;
				margin-left: 0;
				font-size: 3.8vw;
				padding: 15px 3% 15px 3%;
				background: #ffffff;
			}
			#questionnaire .questionnaireWrap .questionnairelist .txt span {
				font-size: 2.4vw;
				color: #444444;
			}
			
			
			
				.questionnairelist form input[type="text"] {
					width: 538px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #000000;
				}
				.questionnairelist form input.typeB[type="text"] {
					width: 508px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 12px 30px;
					outline: none;
					border: 1px dotted #000000;
				}
				.questionnairelist textarea {
					width: 538px;
					border: 0;
					outline: none;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #000000;
				}
				.questionnairelist input[type="radio"] + label {
					position: relative;
					display: inline-block;
					padding: 0 3px 3px 30px;
					cursor: pointer;
					float: left;
					margin: 0 20px 10px 0;
					outline: none;
				}
				.questionnairelist input[type="radio"] + label.fc {
					clear: left;
				}
				.questionnairelist input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #ffffff;
					border: 1px solid #000000;
					border-radius: 100%;
				}
				.questionnairelist input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #000000;
					border-radius: 100%;
				}
				
				.questionnairelist input[type="checkbox"] + label {
					width: 100%;
					position: relative;
					display: inline-block;
					padding: 0 3px 0 30px;
					cursor: pointer;
					font-size: 18px;
					margin: 5px 20px 8px 0;
				}
				.questionnairelist input[type="checkbox"] + label.fc {
					width: auto;
				}
				.questionnairelist input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 0.25em;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: 0;
					background: #ffffff;
					border: 1px solid #000000;
					border-radius: 0%;
				}
				.questionnairelist input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 7px;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #000000;
					border-bottom: 4px solid #000000;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}

				.questionnairelist #submitBtn {
					background-size: 283px auto;
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 70px;
					text-align: center;
					cursor: pointer;
				}
				.questionnairelist #submitBtn:hover {
					opacity: 0.5;
				}
				.questionnairelist .resultBox {
					min-height: 700px;
				}
				.questionnairelist .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 100px auto 100px auto;
				}
				.questionnairelist .btn {
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 50px;
					text-align: center;
					background: #000000;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #ffffff;
					line-height: 50px;
					padding: 0 0 0 0;
				}
				.questionnairelist #submitBtn:hover {
					opacity: 0.5;
				}
				#questionnaire .questionnaireWrap .quescomp .btn {
					width: 80%;
				}
				#questionnaire .questionnaireWrap .quescomp p {
					font-size: 3.0vw;
				}
				#questionnaire .questionnaireWrap .quescomp .tit {
					font-size: 3.8vw;
				}
				#questionnaire .questionnaireWrap .quescomp .stit {
					font-size: 3.4vw;
				}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox {
						font-size: 3.0vw;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .name {
						font-size: 3.4vw;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn {
						font-size: 3.0vw;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn a {
						padding: 5px;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn a:before {
						content: "";
						width: 5px;
						height: 100%;
						background: #000000;
						position: absolute;
						right: -5px;
						bottom: -5px;
						display: block;
						z-index: -1;
					}
					#questionnaire .questionnaireWrap .quescomp .introItem .txtBox .btn a:after {
						content: "";
						width: 100%;
						height: 5px;
						background: #000000;
						position: absolute;
						right: -5px;
						bottom: -5px;
						display: block;
						z-index: -1;
					}
		
					}/*====================*/
					
/*-----------------------------------------------------------
	#popcontent setting
-----------------------------------------------------------*/
#popcontent {
	width: 100%;
	background: #dcdcdc;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
	#popcontent .contentBox {
		padding-bottom: 0;
	}

	#popcontent .contentBox .btn {
		width: 100%;
		max-width: 800px;
		margin-bottom: 15px;
	}
		
					/*===================sp=*/@media screen and (max-width: 860px) {
						
	#popcontent .contentBox .btn {
		width: 80%;
		max-width: 800px;
		margin-bottom: 15px;
		margin: 
	}

		
					}/*====================*/
					
					
.popcon {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1001;
	display: none;
}
.popcon .popWrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
/* 	position: fixed; */
	outline: none !important;
	-webkit-backface-visibility: hidden;
	overflow-y: auto;
	overflow-x: hidden;
}
.popcon .popBox {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 6px;
	padding-right: 6px;
}
.popcon .popBox:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
  
.popcon .popBox .pop {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
	cursor: auto;
	line-height: 1.6;
	width: 80%;
	max-width: 780px;
	padding: 30px;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background: rgba(241, 216, 19, 0.95);
	opacity: 1;
}

	.popcon .popBox .pop h2 {
		width: 100%;
		max-width: 100%;
		font-size: 22px;
		text-align: left;
		font-weight: normal;
	}
	.popcon .popBox .pop .txt {
		font-size: 18px;
		text-align: left;
		margin: 20px auto 0 auto;
	}
	
					/*===================sp=*/@media screen and (max-width: 860px) {
						
	.popcon .popBox .pop h2 {
		width: 100%;
		max-width: 100%;
		font-size: 4.0vw;
		text-align: left;
		font-weight: normal;
	}
	.popcon .popBox .pop .txt {
		font-size: 3.4vw;
		text-align: left;
		margin: 20px auto 0 auto;
	}

		
					}/*====================*/

/*-----------------------------------------------------------
	#inquiry setting
-----------------------------------------------------------*/
#inquiry {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	line-height: 1.6;
	color: #000000;
	background: #dcdcdc;
	z-index: 2;
}
	#inquiry .contentBox {
		padding: 70px 0 60px 0;
	}
		#inquiry .btn {
			width: 50%;
			max-width: 210px;
			margin: 30px auto 30px auto;
		}
		#inquiry .txt {
			font-size: 22px;
			line-height: 1.2;
		}
			#inquiry .txt span {
				font-size: 16px;
			}


					/*===================sp=*/@media screen and (max-width: 860px) {
						
	#inquiry .contentBox {
		padding: 30px 0 30px 0;
	}

		#inquiry .txt {
			font-size: 3.8vw;
			line-height: 1.2;
		}
			#inquiry .txt span {
				font-size: 2.4vw;
			}
						
					}/*====================*/
					
					
/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 80px 0px 80px 0px;
	position: relative;
	line-height: 1.6;
	color: #e5e5e4;
	background: #000000;
	z-index: 2;
}
	.footerWrap {
		max-width: 960px;
		margin: 0 auto 0 auto;
	}
	
		#footer .logoBox {
			width: 90%;
			max-width: 400px;
			margin: 50px auto 30px auto;
			
			
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
-ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		}
			#footer .logoBox .logo {
				width: 40%;
				max-width: 180px;
				margin: 0 auto 5px auto;
				font-size: 22px;
				color: #ffffff;
			}
			#footer .logoBox .txt {
				width: 100%;
				margin: 0 auto 0 auto;
				font-size: 14px;
				color: #ffffff;
				font-weight: 500;
			}

		#footer .catchy {
			font-size: 18px;
			margin: 40px auto 0 auto;
			color: #ffffff;
			font-weight: 500;
		}

		#footer .copyright {
			font-size: 15px;
			margin: 40px auto 0 auto;
			color: #ffffff;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {
						
#footer {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 15vw 0 15vw 0;
}
	.footerWrap {
		width: 90%;
		margin: 0 auto 0 auto;
	}
	#footer .copyright {
		font-size: 12px;
	}
		#footer .logoBox {
			width: 80%;
		}
			#footer .logoBox .logo01 {
			}
				
						
					}/*====================*/


/*-----------------------------------------------------------
	mailmagazine setting
-----------------------------------------------------------*/
.mailmagazine {
	margin: 0 auto 0 auto;
}
	.mailmagazine .bnr {
		width: 90%;
		max-width: 400px;
		margin: 0 auto 20px auto;
	}

					/*===================sp=*/@media screen and (max-width: 860px) {

	.mailmagazine .bnr {
		width: 80%;
	}

					}/*====================*/
					

/*----------------------------------#popup setting----------*/
#popup {
	display: none;
}
	#popupBtn {
		width: 17%;
		max-width: 250px;
		position: fixed;
		right: 0;
		bottom: 10px;
		z-index: 10;
		cursor: pointer;
	}
		#popupBtn img {
			width: 100%;
			border-style:none;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {
					
#popupBtn {
	width: 27%;
	right: 0;
	bottom: 10px;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
					
					}/*====================*/


/*----------------------------------#popup setting----------*/
#share {
	width: 70px;
	line-height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: fixed;
	bottom: 37%;
	left: 3%;
	z-index: 21;
}
		#share ul {
			width: 100%;
			margin: 20px 0 0 0;
		}
		#share ul li {
			width: 100%;
			margin: 0 0 15px 0 ;
		}
		#share ul li img {
			width: 100%;
			height: auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
					
#share {
	display: none;
}
					
					}/*====================*/