@charset "utf-8";

/*==========================================================
	
==========================================================*/
html {
	background: #000000;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
	display: block
}
body {
	background: #000000 url(../img/bg.png) repeat center top;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 1;
}
p { margin: 0 0 0 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
iframe { z-index: 1 !important; }

.pbr { display:block; }
.sbr { display:none; }
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.movie {
	margin: 0 auto 0 auto;
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
}
h2 img ,
h3 img ,
h4 img ,
.img img {
	pointer-events : none !important;
}

.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

					/*-sp-*/
					@media screen and (max-width: 860px) {
.pbr { display:none; }
.sbr { display:block; }
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
					}

/*-----------------------------------------------------------
	header setting
-----------------------------------------------------------*/
header {
	width: 100%;
	position: absolute;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9999;
}
	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9999;
	}
	/*----------------------------------#g_menu setting----------*/
	#g_navi {
		background: url(../img/nav_bg.png) no-repeat center top;
		background-size: auto 100%;
		margin: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 1000;
		position: fixed;
		padding: 3% 0 5% 0;
		top: 0;
	}
	#g_menu .hdBox {
		width: 100%;
		padding: 3% 0 2% 0;
		overflow: hidden;
		position: fixed;
		z-index: 9999;
	}
	#g_menu .hdBox2 {
		width: 100%;
	}
	#g_navi .btn {
		width: 12.5%;
		float: left;
	}
	#g_navi .logo {
		width: 88%;
		margin: 0 0 0 0;
	}
	#g_navi #menuBtn {
		width: 5%;
		margin: 3% 7% 0 0;
		float: right;
	}
	#g_navi #menuClose {
		width: 5%;
		margin: 3% 7% 0 0;
		float: right;
	}
	#g_navi .navi {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 2% 0 1% 0;
	}
	#g_navi .nav {
		width: 100%;
		margin: 5% 0 5% 0;
		font-size: 23px;
		color: #EEEEEE;
		overflow: hidden;
	}
	#g_navi .nav li {
		width: 94%;
		color: #FFFFFF;
		margin: 0 auto 0 auto;
		padding: 0 0 5% 0;
		float: none;
		height: auto;
		border-left: none;
	}
	.hdBox2 {
		background: url(../img/nav_bg.png) no-repeat center top;
		background-size: auto 100%;
		padding: 5% 0 6% 0;
		overflow: hidden;
	}
		#g_navi .nav li a {
			height: auto !important;
			display: block;
		}
	#g_navi .nav li.txt {
		font-size: 14px;
		padding: 10px 0 0 0;
		color: #545454;
	}
	body div#g_navi a {
		color: #AAAAAA;
	}
	body div#g_navi a:hover {
		text-decoration: none;
		color: #CCCCCC;
	}
	#g_menu{
		background: rgba(0, 0, 0, 0.80);
		position: fixed;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 10000;
		display: none;
		top: 0;
		bottom: 0;
	}
	#g_navi .navBox {

		width: 100%;
		margin: 0 auto 0 auto;
		overflow: hidden;
	}
		#g_navi .nav li.off { opacity: 0.5; }
		#g_navi .nav li.nav_fb { display: none; }
		#g_navi .nav li.nav_tw { display: none; }

	/*----------------------------------header setting SP----------*/
											@media (min-width: 1000px) {
	header {
		width: 100%;
		height: 90px;
		position: fixed;
		padding: 0 0 0 0;
		z-index: 1000;
		background: url(../img/nav_bg.png) repeat-x center bottom;
	}
	.headerWrap {
		width: 1000px;
		background: none;
		padding: 20px 0 20px 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 9999;
		overflow: hidden;
	}
	#g_navi {
		background: none;
		padding: 0 0 0 0;
		position: relative;
	}
	#g_menu{
		padding: 0 0 0 0;
		width: 100%;
		background: none;
		position: relative;
		display: block !important;
			overflow: auto;
			overflow-x: auto;
			overflow-y: auto;
	}
	#g_menu .hdBox {
		padding: 5px 0 5px 0;
		border-bottom: none;
		z-index: 9999;
		overflow: hidden;
	}
		#g_menu .hdBox2 {
			width: auto;
			background: none;
			padding: 0 0 0 0;
			overflow: auto;
			float: left;
		}
			#g_navi .btn {
				width: 90px;
				float: left;
			}
			#g_navi .logo {
				background: url(../img/nav_logo.png) no-repeat center center ;
				height: 49px;
				width: 93px;
				float: left;
				padding: 0 0 0 0;
				margin: 0 45px 0 0;
			}
			#g_navi .logo a { height: 49px; display: block; }
			#g_navi .logo:hover { 
				opacity: 0.5;
				filter: alpha(opacity=50);
				-ms-filter: "alpha(opacity=50)";
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
			}
			#g_navi .logo img { display: none; }
			
	#g_navi .navBox {
		width: 100%;
		margin: 0 0 0 0;
		overflow: hidden;
		border: none;
		background: none;
	}
	#g_navi .nav {
		width: auto;
		float: left;
		border: none;
		margin: 0 0 0 0;
	}
	#g_navi .nav li {
		color: #e3dac8;
		padding: 0 0 0 0;
		margin: 10px 34px 0 0;
		float: left;
		height: auto;
		border: none;
	}
	#g_navi .nav li.off {
		opacity: 0.5;
	}
	#g_navi .nav li img {
		display: none;
	}
	#g_navi .nav li a {
		display: block;
		height: 21px !important;
	}
	#g_navi .nav li.nav_special a {
		height: 37px !important;
	}
		#g_navi .nav li.nav_news {
			background: url(../img/nav_news.png) no-repeat center center;
			width: 46px;
			height: 21px;
		}
		#g_navi .nav li.nav_news:hover {
			background: url(../img/nav_news_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_examination1st {
			background: url(../img/nav_examination1st.png) no-repeat center center;
			width: 97px;
			height: 21px;
		}
		#g_navi .nav li.nav_examination1st.cr,
		#g_navi .nav li.nav_examination1st:hover {
			background: url(../img/nav_examination1st_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_examination2nd {
			background: url(../img/nav_examination2nd.png) no-repeat center center;
			width: 91px;
			height: 21px;
		}
		#g_navi .nav li.nav_examination2nd.cr,
		#g_navi .nav li.nav_examination2nd:hover {
			background: url(../img/nav_examination2nd_on.png) no-repeat center center;
		}
		
		#g_navi .nav li.nav_faq {
			background: url(../img/nav_faq.png) no-repeat center center;
			width: 88px;
			height: 21px;
		}
		#g_navi .nav li.nav_faq.cr,
		#g_navi .nav li.nav_faq:hover {
			background: url(../img/nav_faq_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_goods {
			background: url(../img/nav_goods.png) no-repeat center center;
			width: 35px;
			height: 21px;
		}
		#g_navi .nav li.nav_goods.cr,
		#g_navi .nav li.nav_goods:hover {
			background: url(../img/nav_goods_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_about {
			background: url(../img/nav_about.png) no-repeat center center;
			width: 70px;
			height: 21px;
		}
		#g_navi .nav li.nav_about:hover {
			background: url(../img/nav_about_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_reg {
			background: url(../img/nav_reg.png) no-repeat center center;
			width: 116px;
			height: 21px;
		}
		#g_navi .nav li.nav_reg:hover {
			background: url(../img/nav_reg_on.png) no-repeat center center;
		}
		#g_navi .nav li.nav_special {
			background: url(../img/nav_special.png) no-repeat center center;
			width: 79px;
			height: 37px;
			margin: 0 0 0 0;
		}
		#g_navi .nav li.nav_special.cr,
		#g_navi .nav li.nav_special:hover {
			background: url(../img/nav_special_on.png) no-repeat center center;
		}

	#g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		display: none;
	}
	#g_navi .navi {
		display: none;
	}
										}

/*-----------------------------------------------------------
	#content setting
-----------------------------------------------------------*/
#content {
	width: 100%;
	margin: 0 auto 0 auto;
	z-index: 2;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
	color: #e5e5e4;
}
#content.inner {
	
}
#contentinner {
	width: 100%;
	font-size: 16px;
}
.contentBox {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
	.inner .contentBox {
		margin: 6% auto 0 auto;
	}
	.inner .contentBox h2 {
		line-height: 0;
		margin: 0 0 0 0;
	}
	.inner .contentBox .txtBox {
		background: rgba(255,  255,  255, 0.1);
		border: 3px solid #ffffff;
		border-top: none;
		padding: 5% 4% 0 4%;
	}
	.inner .contentBox h4 {
		margin: 0 0 2% 0;
	}
	.inner .contentBox .txt {
		margin: 0 0 5% 0;
	}
	.inner .contentBox .txt a {
		color: #ffffff;
		text-decoration: underline;
	}
	.inner .contentBox .txt a:hover {
		color: #ffffff;
		text-decoration: none;
	}

.colBox {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
.fcB {
	color: #2f2e2f;
}
.fcR {
	color: #ff0000;
}
.fcG {
	color: #24a846;
}
.fcY {
	color: #fff462;
}
.txtBox span.note {
	font-size: 12px;
}
span.lt {
	text-decoration: line-through;
}
.tm2 {
	float: left;
	font-size: 16px !important;
}
.tm2 span {
	margin-right: 3.3em;
	font-size: 16px !important;
}
	#contentinner .contentBox .video {
		margin: 5% auto 0 auto;
		position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%;
	}
	.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
.navArea { display: none; }

.buy .bnr {
	width: 100%;
	max-width: 260px;
	margin: 15px 0 0 0;
}
	
	/*----------------------------------#content setting SP----------*/
					@media (min-width: 1000px) {
#contentinner .contentBox .video {
	width: 451px;
	height: 254px;
	margin: 0 auto 0 auto;
	position: relative; 
	padding-bottom: 0; 
	overflow: hidden; 
	max-width: auto;
}
					}

					@media screen and (max-width: 1000px) {
.navArea { display: block; margin: 2% 0 0 0; }
					}

					@media screen and (max-width: 860px) {
#content {
	font-size: 12px;
}
#contentinner {
	font-size: 12px;
}

	.inner .contentBox .txt {
		margin: 0 0 8% 0;
	}
.tm2 {
	display: none;
}

					}

/*----------------------------------#main setting----------*/
#main {
	width: 100%;
	margin: 80px auto 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden;
	position: relative;
}
	#main .mainImg {
		width: 100%;
		max-width: 681px;
		margin: 0 auto 0 auto;
		line-height: 0;
	}
 	#main .btnBox {
		margin: 70px auto 0 auto;
	}
	#main .btnBox .main_examination1st {
		width: 49.922222%;
		float: left;
		position: relative;
	}
	#main .btnBox .main_examination2nd {
		width: 49.922222%;
		float: right;
		position: relative;
	}
		#main .btnBox .btn {
			width: 470px;
			position: absolute;
			bottom: 18px;
		}
		#main .btnBox .main_examination1st .btn {
			right: 30px;
		}
		#main .btnBox .main_examination2nd .btn {
			left: 30px;
		}

	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1000px) {
#main {
	margin: 8% auto 0 auto;
	padding: 0 0 0 0;
}
	#main .mainImg {
		width: 90%;
	}
	 	#main .btnBox {
		 	margin: 8% auto 0 auto;
	 	}
	 	#main .btnBox .main_examination1st {
		 	width: 100%;
	 	}
	 	#main .btnBox .main_examination2nd {
		 	width: 100%;
	 	}
		#main .btnBox .btn {
			width: 90%;
			bottom: 5%;
		}
		#main .btnBox .main_examination1st .btn {
			right: 5%;
		}
		#main .btnBox .main_examination2nd .btn {
			left: 5%;
		}

					}

/*----------------------------------#main inner setting----------*/
.inner #main {
	width: 100%;
	margin: 75px auto 0 auto;
	padding: 50px 0 0 0;
}
		
.inner #main.mainA {
	width: 100%;
	max-width: 1000px;
}
	.inner #main.mainA .mainImg {
		width: 100%;
		max-width: 100%;
	}
	
.inner #main.mainB {
	width: 90%;
	max-width: 1000px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items:         stretch;
}
	.inner #main.mainB .mainImg {
		width: 50%;
	}
	.inner #main.mainB .txtBox {
		width: 50%;
		background: rgba(255,  255,  255, 0.1);
		border: 3px solid #ffffff;
		border-left: none;
	}
	.inner #main.mainB .txtBox ul {
		padding: 8% 7% 0 7%;
	}
		.inner #main.mainB .txtBox ul li {
			margin: 0 0 3% 0;
			color: #fff462;
		}
		.inner #main.mainB .txtBox ul .tit {
			width: 50%;
			margin: 0 0 5% 0;
		}
		.inner #main.mainB .txtBox ul li a {
			color: #fff462;
			text-decoration: underline;
		}
		.inner #main.mainB .txtBox ul li a:hover {
			text-decoration: none;
		}

.inner #main.mainC {
	width: 100%;
	max-width: 100%;
}
	.inner #main.mainC .mainImg {
		width: 100%;
		max-width: 100%;
	}
	
	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 860px) {
.inner #main {
	margin: 0 auto 0 auto;
	padding: 8% 0 0 0;
}

	.inner #main.mainA .mainImg {
		width: 90%;
		max-width: 90%;
	}

.inner #main.mainB {
	display: block;
}
	.inner #main.mainB .mainImg {
		width: 100%;
		max-width: 100%;
	}
	.inner #main.mainB .txtBox {
		width: auto;
		border: 3px solid #ffffff;
		border-top: none;
	}
	.inner #main.mainB .txtBox ul {
		padding: 8% 7% 5% 7%;
	}
					}


/*----------------------------------#intro setting----------*/
#intro {
	background: #fff462;
	width: 100%;
	margin: 0 auto 0 auto;
}
	#intro .contentBox {
	}
	#intro .txt {
		width: 742px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 35px 0 32px 0;
	}
	/*----------------------------------#intro setting SP----------*/
					@media screen and (max-width: 1000px) {
	#intro .contentBox {
		padding: 0 0 0 0;
	}
	#intro .txt {
		width: 100%;
		float: none;
		padding: 5% 0 5% 0;
	}
	
					}

/*----------------------------------#new setting----------*/
#new {
	width: 100%;
	margin: 1px auto 0 auto;
	padding: 50px 0 50px 0;
}
	#new h2 {
		font-size: 24px;
		text-align: center;
		font-weight: bold;
	}
	#new .txt {
		margin-top: 18px;
		font-size: 18px;
		text-align: center;
	}
	/*----------------------------------#intro setting SP----------*/
					@media screen and (max-width: 1000px) {

	#new .txt {
		margin-top: 18px;
		font-size: 14px;
		text-align: left;
	}
					}
	
/*----------------------------------#news setting----------*/
#news {
	background: #dbdbdb url(../img/news_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
	width: 100%;
	margin: 1px auto 0 auto;
	padding: 40px 0 20px 0;
	padding: 50px 0 20px 0;
}
	#news h2 {
		width: 92px;
		margin: 0 auto 0 auto;
	}
	#news .postpone {
		width: 80%;
		max-width: 354px;
		margin: 0 auto 25px auto;
	}
	#news ul {
		width: 90%;
		margin: 30px auto 0 auto;
		overflow: hidden;
	}
	#news ul li {
		width: 31.3333%;
		min-height: 200px;
		margin: 0 2% 0 0;
		float: left;
		line-height: 0;
	}
	#news ul li.txt {
		width: 100%;
		min-height: 100%;
		margin: 0 0 20px 0;
		float: none;
		line-height: 1.8;
		font-size: 16px;
		color: #000000;
		text-align: center;
	}
	#news ul li.tc {
		width: 31.3333%;
		min-height: 130px;
		margin: 0 auto 0 auto;
		float: none;
		line-height: 0;
	}
	#news ul li.n01 {
		width: 31.3333%;
		min-height: 130px;
		margin: 0 1.5% 0 0%;
		line-height: 0;
	}
	#news ul li.n02 {
		width: 31.3333%;
		min-height: 130px;
		margin: 0 1.5% 0 1.5%;
		margin: 0 2% 0 16%;
		line-height: 0;
	}
	#news ul li.n03 {
		width: 31.3333%;
		min-height: 130px;
		margin: 0 0% 0 1.5%;
		margin: 0 16% 0 2%;
		line-height: 0;
	}

	#news ul li.txt a {
		color: #000000;
		text-decoration: underline;
	}
	#news ul li.txt a:hover {
		text-decoration: none;
	}
		#news ul li.txt span {
			font-size: 12px;
		}
			#news ul li.txt span a {
				color: #ff0000;
				font-weight: bold;
				text-decoration: underline;
			}
			#news ul li.txt span a:hover {
				text-decoration: none;
			}
	#news ul li .img {
		line-height: 0;
		margin: 0 0 12px 0;
		position: relative;
		z-index: 1;
	}
	#news ul li .txtBox {
		position: relative;
	}
	#news ul li .txtBox:before {
		top: 0px;
		left: 0px;
		content: '';
		width: 100%;
		height: 100%;
		z-index: 0;
		display: block;
		position: absolute;
		opacity: 0.5;
		-webkit-filter: blur(10px);
		filter: blur(10px);
		background-color: #dcdcdc;
	}
	#news ul li h4 {
		color: #030000;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 5px 0;
		z-index: 1;
		position: relative;
	}
	#news ul li .txt {
		color: #030000;
		font-size: 13px;
		text-shadow: 0px 0px 50px white;
		z-index: 1;
		position: relative;
	}
	#news ul li .txt a {
		color: #00479d;
		text-decoration: underline;
	}
	#news ul li .txt a:hover {
		text-decoration: none;
	}
	
		#news .moreBtn {
			width: 10%;
			margin: 20px auto 0 auto;
			cursor: pointer;
			line-height: 0;
		}
	
	/*----------------------------------#news setting SP----------*/
					@media screen and (max-width: 860px) {
#news {
	padding: 5% 0 15% 0;
	padding: 5% 0 15% 0;
}
	#news .postpone {
		margin: 0 auto 5% auto;
	}
	#news h2 {
		width: 84%;
		margin: 0 auto 0 auto;
	}
	#news ul {
		margin-top: 20px;
	}
	#news ul li {
		width: 90%;
		margin: 0 auto 3% auto;
		float: none;
	}
	#news ul li.tc {
		width: 90%;
		min-height: auto;
		margin: 0 auto 0 auto;
		float: none;
		line-height: 0;
	}
	#news ul li.n01,
	#news ul li.n02,
	#news ul li.n03 {
		width: 90%;
		min-height: auto;
		margin: 0 auto 0 auto;
		line-height: 0;
	}
	#news ul li.txt {
		width: 100%;
		min-height: 100%;
		margin: 0 0 20px 0;
	}
		#news .moreBtn {
			width: 30%;
			margin: 5% auto 0 auto;
		}
					}
					


/*----------------------------------#share setting----------*/
#share {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 70px 0 50px 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}
	#share .contentBox {
		width: 470px;
		margin: 0 auto 0 auto;
	}
	#share h2 {
		width: 100px;
		margin: 0 30px 0 0;
		float: left;
	}
	#share ul {
		width: 100%;
		margin: 0 auto 0 auto;
	}
		#share ul li {
			width: 150px;
			margin: 0 0 0 20px;
			float: left;
			line-height: 0;
		}
		#share ul li img {
			width: 100%;
			height: auto;
		}
		#share ul li a {
			display: block;
		}
	/*----------------------------------#share setting SP----------*/
					@media screen and (max-width: 860px) {
#share {
	padding: 8% 0 8% 0;
}
	#share .contentBox {
		width: 100%;
	}
	#share h2 {
		width: 15%;
		float: none;
		margin: 0 auto 2% auto;
	}
		#share ul {
			width: 60%;
		}
		#share ul li {
			width: 50%;
			margin: 0 0 0 0;
		}
					}


/*----------------------------------pMenu setting----------*/
	.pMenu {
		width: 90%;
		max-width: 1150px;
		max-width: 900px;
		max-width: 500px;
		margin: 25px auto 0 auto;
		overflow: hidden;
	}
	.pMenu li {
		width: 23%;
		width: 31%;
		width: 48%;
		margin: 0 2% 0 0;
		float: left;
		line-height: 0;
	}
	.pMenu li .img {
		line-height: 0;
		margin: 0 0 0 0;
		position: relative;
		z-index: 1;
	}

	
	/*----------------------------------#news setting SP----------*/
					@media screen and (max-width: 860px) {

	.pMenu li {
		width: 48%;
		margin: 0 1% 0 1%;
	}
					}


/*----------------------------------#play setting----------*/
#play {
	background: url(../img/play_bg.png) no-repeat right top;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 50px 0 90px 0;
	overflow: hidden;
	position: relative;
}
	#play h2 {
		display: flex;
		align-items: center;
		text-align: center;
	}
		#play h2:before,
		#play h2:after {
			border-top: 1px solid #ffffff;
			content: "";
			display: inline;
			flex-grow: 1;
		}
		#play h2:before {
			margin-right: 60px;
		}
		#play h2:after {
			margin-left: 60px;
		}
		#play h2 img {
			width: 370px;
		}

	#play h3 {
		width: 64%;
		margin: 5% auto 0 auto;
	}
	#play .flowchart {
		width: 100%;
		margin: 30px auto 0 auto;
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		overflow: hidden;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	}
		#play .flowchart .stepBox {
			width: 46%;
			margin: 0 1.5% 0 1.5%;
			display: inline-block;
			-webkit-align-self: stretch;
			align-self: stretch;

		}
		#play .flowchart .arrowBox {
			width: 100%;
			height: auto;
			position: relative;
			text-align: center;
		}
			#play .flowchart .arrowBox img {
width: 15%;
margin: 2% auto 0 auto;
padding: 0 0 0 11%;
			}
			
		#play .flowchart .stepclear {
			width: 100%;
		}
				#play .flowchart .txtBox .txtR span.fb {
					font-size: 12px;
					font-weight: bold;
				}
				#play .flowchart .txtBox .btn {
					position: absolute;
					bottom: 20px;
					width: 90%;
					text-align: center;
				}
				#play .flowchart .txtBox .btn img {
					width: 80%;
					margin: 0 10% 0 10%;
				}
				#play .flowchart .txtBox .btn a {
					color: #fff462;
					font-weight: bold;
					text-decoration: underline;
				}
				#play .flowchart .txtBox .btn a:hover {
					text-decoration: none;
				}

			#play .flowchart .stepBox .txt01 {
				width: 100%;
				padding: 0 0 10px 0;
			}
				#play .flowchart .step1st .txt01 {
					background: url(../img/play_1st_bg_top.png) no-repeat center bottom;
					background-size: 100% auto;
				}
				#play .flowchart .step2nd .txt01 {
					background: url(../img/play_2nd_bg_top.png) no-repeat center bottom;
					background-size: 100% auto;
				}
				#play .flowchart .stepclear .txt01 {
					background: url(../img/play_clear_bg_top.png) no-repeat center bottom;
					background-size: 100% auto;
				}
			#play .flowchart .stepBox .btm {
				width: 100%;
				padding: 10px 0 0 0;
			}
				#play .flowchart .stepclear .btm {
					background: url(../img/play_clear_bg_bottom.png) no-repeat center top;
					background-size: 100% auto;
				}
				
				#play .flowchart .stepBox .txt01 img {
					width: 46%;
				}
			#play .flowchart .stepBox .txtBox {
				width: 100%;
				padding: 5% 0 0 0;
			}
				#play .flowchart .step1st .txtBox {
					background: url(../img/play_1st_bg.png) repeat-y center bottom;
					background-size: 100% auto;
				}
				#play .flowchart .step2nd .txtBox {
					background: url(../img/play_2nd_bg.png) repeat-y center bottom;
					background-size: 100% auto;
				}
				#play .flowchart .stepclear .txtBox {
					background: url(../img/play_clear_bg.png) repeat-y center bottom;
					background-size: 100% auto;
				}
				#play .flowchart .stepclear .txtBox {
					margin: 0 0 0 0;
					padding: 5% 0 5% 0;
				}
				#play .flowchart .stepclear .txtBox .txtL {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
				}
					#play .flowchart .stepclear .txtBox .txtL h3 {
						width: 33%;
						margin-left: 4%;
					}
					#play .flowchart .stepclear .txtBox .txtL .bnr {
						width: 30%;
						margin-left: 8%;
					}
				#play .flowchart .stepBox .txtBox .txtL {
					width: 88%;
					margin: 0 auto 0 auto;
				}
				#play .flowchart .stepBox .txtBox h3 {
					width: 80%;
					margin: 0 0 0 0;
				}
				#play .flowchart .stepBox .txtBox .txt {
					margin: 0 auto 0 auto;
					font-size: 16px;
				}
				#play .flowchart .stepBox .txtBox .news {
					margin: 0 auto 20px auto;
					font-size: 18px;
					text-align: center;
					font-weight: bold;
					padding: 5px 0 5px 0;
					color: #000000;
					background: #fff462;
/* 					border: 2px solid #fff462; */
				}
				
				#play .flowchart .step1st .txtBox .txtR {
					background: url(../img/play_1st_img.png) no-repeat right top;
					background-size: cover;
					min-height: 310px;
					margin: 0 2% 0 2%;
					padding: 10px 4% 0 4%;
					position: relative;
				}
				#play .flowchart .step2nd .txtBox .txtR {
					background: url(../img/play_2nd_img.png) no-repeat center top;
					background-size: cover;
					min-height: 310px;
					margin: 0 2% 0 2%;
					padding: 10px 4% 0 4%;
					position: relative;
				}
			#play .flowchart .stepBox .systemBox {
				width: 80%;
				overflow: hidden;
				padding: 3% 10% 3% 10%;
			}
				#play .flowchart .step1st .systemBox {
					background: url(../img/play_1st_bg.png) repeat-y center bottom;
					background-size: 100% auto;
				}
				#play .flowchart .step2nd .systemBox {
					background: url(../img/play_2nd_bg.png) repeat-y center bottom;
					background-size: 100% auto;
				}
				#play .flowchart .stepBox .systemBox .txtBox {
					background: none;
				}
				#play .flowchart .stepBox .systemBox .txt {
					font-size: 12px;
					margin: 0 0 5% 0;
				}
				#play .flowchart .stepBox .systemBox .txt span {
					font-size: 14px;
					font-weight: bold;
					text-decoration: underline;
				}
				#play .flowchart .stepBox .systemBox .txt a {
					color: #fff462;
					text-decoration: underline;
				}
				#play .flowchart .stepBox .systemBox .txt a:hover {
					text-decoration: none;
				}
				
			#play .flowchart .stepBox .systemBtn {
				margin: 0 0 0 0;
				cursor: pointer;
				line-height: 0;
			}
	
	#play .item {
		max-width: 300px;
		width: 23%;
		bottom: 12%;
		right: 5%;
		position: absolute;
		
		-webkit-animation-name:fuwafuwa;
		-webkit-animation-duration:4s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease;
		
		-moz-animation-name:fuwafuwa;
		-moz-animation-duration:4s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function:ease;
	}

	@-webkit-keyframes fuwafuwa {
		0% {-webkit-transform:translate(0, 0);}
		50% {-webkit-transform:translate(0, -10px);}
		100% {-webkit-transform:translate(0, 0);}
	}
	@-moz-keyframes fuwafuwa {
		0% {-moz-transform:translate(0, 0);}
		50% {-moz-transform:translate(0, -10px);}
		100% {-moz-transform:translate(0, 0);}
	}
	
	#play .note {
		width: 70%;

		height: auto;
		font-size: 14px;
		color: #e5e5e4;
		font-weight: bold;
		margin: 10px 1.5% 30px 1.5%;
	}
			#play .note {
				padding-left: 1.2em;
			}
			#play .note::before {
				content: "※";
				display: block;
				float: left;
				margin-left: -1.2em;
				width: 1em;
				text-align: center;
				color: #e5e5e4;
			}
	
#play .pc {
	display: block !important;
}
#play .sp {
	display: none !important;
}

		
	/*----------------------------------#play setting SP----------*/
					@media screen and (max-width: 860px) {
#play {
	background-size: 50% auto;
	padding: 5% 0 5% 0;
}
		#play h2 img {
			width: 58%;
		}
		#play h2:before {
			margin-right: 5%;
		}
		#play h2:after {
			margin-left: 5%;
		}
#play h3 {
	width: 90%;
}
	#play .flowchart {
		width: 100%;
		margin: 8% auto 0 auto;
		overflow: hidden;
		display: block;
		overflow: hidden;
	}
		#play .flowchart .stepBox {
			width: 100%;
			margin: 0 0 30px 0;
		}
				#play .flowchart .txtBox .btn {
					position: absolute;
					bottom: 20px;
					left: 5%;
					width: 90%;
					text-align: center;
				}
		#play .flowchart .stepclear {

		}
			#play .flowchart .stepBox .txt01 {
				width: 100%;
				padding: 0 0 3% 0;
			}
			#play .flowchart .stepBox .txt01 img {
				width: 40%;
			}
		#play .flowchart .stepBox .txtBox {
			overflow: hidden;
			padding: 0 0 0 0;
		}
		#play .flowchart .stepBox .txtBox h3 {
			width: 80%;
			margin-left: 4.5%;
		}
		#play .flowchart .stepBox .txtBox .txt {
			width: 90%;
			margin-top: 5%;
		}
		#play .flowchart .stepBox .txtBox .txtL {
			width: 90%;
			padding: 5% 0 0 0;
		}
		#play .flowchart .stepBox .txtBox .txtR {
			width: 94%;
			margin: 0 auto 0 auto;
			padding: 5% 0 0 0;
		}
		#play .flowchart .stepBox .txtBox .txtR .txt {
			margin: 3% auto 0 auto;
		}
			#play .flowchart .stepBox .systemBox .txtBox {
				margin: 10% auto 5% auto;
			}
		#play .flowchart .arrowBox {
			width: 100%;
			height: auto;
			position: relative;
			margin: 0 auto 0 auto;
		}
		#play .flowchart .arrowBox img {
			width: 40%;
			margin: 2% auto 0 auto;
			padding: 0 0 0 30%;
		}
		#play .flowchart .stepclear .txtBox {
			margin: 0 0 0 0;
		}
		
#play .flowchart .stepclear .txtBox .txtL {
	width: 96%;
	margin: 0 auto 0 auto;
	float: none;
	padding: 5% 0 0 0;
	
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	
}
	#play .flowchart .stepclear .txtBox .txtL h3 {
width: 70%;
margin: 0 auto 5% auto;
	}
	#play .flowchart .stepclear .txtBox .txtL .bnr {
width: 80%;
margin: 0 auto 5% auto;
	}

	#play .item {
		max-width: 300px;
		width: 23%;
		bottom: 13%;
		right: 3%;
		position: absolute;
	}
	
	#play .note {
		width: 90%;
		height: auto;
		margin: 7% auto 30px auto;
	}
		
#play .pc {
	display: none !important;
}
#play .sp {
	display: block !important;
}
					}
	
/*----------------------------------#examination1st setting----------*/
#examination1st {
	background: #f7f7f7 url(../img/examination_bg.png) no-repeat center bottom;
	background-size: 100% auto;
	padding: 20px 0 50px 0;
	margin: 10px auto 0 auto;
}
	#examination1st .contentBox {
		margin-top: 2%;
	}
	#examination1st .imgBox {
		width: 100%;
		max-width: 580px;
		position: relative;
		overflow: hidden;
		margin: 0 auto 4% auto;
	}
	#examination1st .outline {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 0 auto 0 auto;
	}
		#examination1st .outline li {
			width: 40%;
			margin: 0 5% 50px 5%;
		}
		#examination1st .form ,
		#examination1st .condition ,
		#examination1st .ticket,
		#examination1st .buy {
			float: left;
		}
		#examination1st .schedule ,
		#examination1st .entry ,
		#examination1st .price ,
		#examination1st .etcetera {
			float: right;
		}
		#examination1st .outline h4 {
			width: 100%;
			margin: 0 0 10px 0;
		}
		#examination1st .outline .img {
			width: 100%;
		}
		#examination1st .outline .txt {
			width: 100%;
			font-size: 16px;
			color: #000000;
			line-height: 1.8;
		}
		
		#examination1st .news,
		#examination2nd .news {
			font-size: 18px;
			text-align: center;
			text-align: center;
/* 			border: 2px solid #000000; */
			color: #ffffff;
			background: #ff0000;
			line-height: 1.8;
			font-weight: bold;
			padding: 5px 0 5px 0;
		}
		
		#examination1st .outline .system {
			width: 100%;
			margin: 0 0 50px 0;
			position: relative;
		}
		#examination1st .outline .system h4 {
			width: 40%;
			margin: 0 0 0 5%;
		}
		#examination1st .outline .system .txt {
			width: 70%;
			position: absolute;
			padding: 10px 0 0 0;
			left: 5%;
			top: 4%;
		}
		#examination1st .outline .system .img {
			width: 100%;
			margin: 5% 0 0 0;
		}
		#examination1st .outline .form .img {
			width: 90%;
		}
		#examination1st .outline .schedule {
/* 			margin-bottom: 80px; */
			margin-bottom: 37px;
		}
	#examination1st .btnBox {
		width: 98.333%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 5%;
		position: relative;
		overflow: hidden;
	}
	#examination1st .btnBox.typeL {
		width: 95%;
		padding: 0 0 20px 5%;
	}
	#examination1st .btnBox .btns {
		width: 30%;
		margin: 0 3.3333% 20px 0;
		float: left;
	}
	
	#examination1st .btnBox .btn {
		margin: 0 0 0 0;
	}

	/*----------------------------------#examination1st setting SP----------*/
					@media screen and (max-width: 860px) {
		#examination1st {
padding: 30px 0 50px 0;
margin: 10px auto 0 auto;
		}

		#examination1st .outline h4 {
			width: 100%;
			margin: 0 0 10px 0;
		}
		#examination1st .outline .system h4 {
			width: 100%;
			margin: 0 0 0 0;
		}
		#examination1st .outline li {
			width: 100%;
			margin: 0 0 8% 0;
		}
		#examination1st .form ,
		#examination1st .condition ,
		#examination1st .ticket ,
		#examination1st .etcetera {
			float: none;
		}
		#examination1st .schedule ,
		#examination1st .entry ,
		#examination1st .price ,
		#examination1st .buy {
			float: none;
		}
		#examination1st .outline .form .img {
			width: 100%;
		}
		#examination1st .outline .system {
			margin: 0 0 8% 0;
		}
		#examination1st .outline .system .txt {
			width: 100%;
			position: relative;
			padding: 0 0 0 0;
			margin: 0 auto 0 auto;
			left: 0;
			top: 0;
		}
		#examination1st .outline .system .img {
			width: 100%;
			margin: 3% 0 0 0;
		}
		#examination1st .outline .schedule {
			margin-bottom: 8%;
		}
	#examination1st .btnBox {
		width: 100% !important;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0  !important;
	}
	#examination1st .btnBox.typeL {
		padding-bottom: 20px !important;
	}
	#examination1st .btnBox .btns {
		width: 100%;
		margin: 0 auto 2% auto;
		float: none;
	}
					}

/*----------------------------------#examination1stdetail setting----------*/
#examination1stdetail {
	background: #0e0f10 url(../img/examination1stdetail_bg.png) no-repeat center bottom;
	background-size: 100% auto;
	padding: 50px 0 50px 0;
}
	#examination1stdetail h2 {
		width: 687px;
		margin: 0 auto 30px auto;
	}
	#examination1stdetail .img {
		width: 90%;
		margin: 0 auto 0 auto;
	}

	/*----------------------------------#examination1stdetail setting SP----------*/
					@media screen and (max-width: 860px) {
	#examination1stdetail h2 {
		width: 90%;
		margin: 0 auto 8% auto;
	}
	#examination1stdetail .img {
		width: 100%;
		margin: 0 auto 0 auto;
	}
					}

/*----------------------------------#examination2nd setting----------*/
#examination2nd {
	background: #f7f7f7 url(../img/examination_bg.png) no-repeat center bottom;
	background-size: 100% auto;
	padding: 50px 0 50px 0;
	margin: 10px auto 0 auto;
}
	#examination2nd .imgBox {
		width: 100%;
		max-width: 580px;
		position: relative;
		overflow: hidden;
		margin: 0 auto 4% auto;
	}
	#examination2nd .contentBox {
		margin-top: 0;
	}
	#examination2nd h2 {
		width: 80%;
		margin: 0 auto 0 auto;
	}
	#examination2nd .outline {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 50px auto 0 auto;
	}
		#examination2nd .outline li {
			width: 40%;
			margin: 0 5% 50px 5%;
		}
		#examination2nd .form ,
		#examination2nd .condition ,
		#examination2nd .entry ,
		#examination2nd .ticket ,
		#examination2nd .etcetera {
			float: left;
		}
		#examination2nd .schedule ,
		#examination2nd .price ,
		#examination2nd .buy {
			float: right;
		}
		#examination2nd .schedule {
			margin: 0 5% 70px 5%;
		}
		#examination2nd .outline h4 {
			width: 100%;
			margin: 0 0 10px 0;
		}
		#examination2nd .outline .img {
			width: 100%;
		}
		#examination2nd .outline .schedule .img {
			width: 100%;
			margin: 0 0 2% 0;
			overflow: hidden;
		}
		#examination2nd .outline .schedule .img p {
			width: 48%;
			margin: 0 2% 0 0;
			float: left;
		}
		#examination2nd .outline .txt {
			width: 100%;
			font-size: 16px;
			color: #000000;
			line-height: 1.8;
		}
		#examination2nd .outline .system {
			width: 100%;
			position: relative;
		}
		#examination2nd .outline .system h4 {
			width: 40%;
			margin: 0 0 0 5%;
		}
		#examination2nd .outline .system .txt {
			width: 48%;
			position: absolute;
			padding: 10px 0 0 0;
			left: 5%;
			top: 5%;
		}
		#examination2nd .outline .system .img {
			width: 100%;
			margin: 0 0 0 0;
		}
		#examination2nd .outline .form .img {
			width: 90%;
		}
	#examination2nd .btnBox {
		width: 98.333%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 5%;
		position: relative;
		overflow: hidden;
	}
	
	#examination2nd .btnBox.typeL {
		width: 95%;
		padding: 0 0 20px 5%;
	}
	#examination2nd .btnBox .btns {
		width: 30%;
		margin: 0 3.3333% 20px 0;
		float: left;
	}
	#examination2nd .btnBox .btn {
		margin: 0 0 0 0;
	}
	
	#examination2nd .btnWrap {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
		overflow: hidden;
		
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
	}
	#examination2nd .btnWrap .bnr {
		width: 30%;
		margin: 0 1.5% 40px 1.5%;
	}


	/*----------------------------------#examination2nd setting SP----------*/
					@media screen and (max-width: 860px) {
		#examination2nd .outline h4 {
			width: 100%;
			margin: 0 0 10px 0;
		}
		#examination2nd .outline {
			margin-top: 0;
		}
		#examination2nd .outline .system h4 {
			width: 100%;
			margin: 0 0 0 0;
		}
		#examination2nd .outline li {
			width: 100%;
			margin: 0 0 8% 0;
		}
		#examination2nd .form ,
		#examination2nd .condition ,
		#examination2nd .ticket ,
		#examination2nd .etcetera {
			float: none;
		}
		#examination2nd .schedule ,
		#examination2nd .entry ,
		#examination2nd .price ,
		#examination2nd .buy {
			float: none;
		}
		#examination2nd .outline .form .img {
			width: 100%;
		}
		#examination2nd .outline .system {
			margin: 0 0 8% 0;
		}
		#examination2nd .outline .system .txt {
			width: 100%;
			position: relative;
			padding: 0 0 0 0;
			margin: 0 auto 0 auto;
			left: 0;
			top: 0;
		}
		#examination2nd .outline .system .img {
			width: 100%;
			margin: 3% 0 0 0;
		}
		#examination2nd .outline .schedule {
			margin-bottom: 8%;
		}
	#examination2nd .btnBox {
		width: 100% !important;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0 !important;
	}
	#examination2nd .btnBox.typeL {
		padding-bottom: 20px !important;
	}
	#examination2nd .btnBox .btns {
		width: 100%;
		margin: 0 auto 2% auto;
		float: none;
	}
	#examination2nd .btnBox .bnrVoice {
		width: 70%;
		margin: 0 0 40px 0;
	}
	#examination2nd .btnWrap {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
		overflow: hidden;
		
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	}
	#examination2nd .btnWrap .bnr {
		width: 48%;
		margin: 0 0 10px 0;
	}
					}
					
					
					
					
/*----------------------------------#examination1stflow setting----------*/
#examination1stflow {
	background: #f7f7f7 url(../img/examination_bg.png) no-repeat center bottom;
	background-size: 100% auto;
	padding: 70px 0 50px 0;
	margin: 10px auto 0 auto;
}
	#examination1stflow .contentBox {
		margin-top: 0;
	}
		#examination1stflow h2 {
			width: 100%;
			display: flex;
			align-items: center;
			text-align: center;
		}
			#examination1stflow h2:before,
			#examination1stflow h2:after {
				border-top: 1px solid #acacac;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			#examination1stflow h2:before {
				margin-right: 30px;
				margin-top: -40px;
			}
			#examination1stflow h2:after {
				margin-left: 30px;
				margin-top: -40px;
			}
			
			#examination1stflow #details h2:before {
				margin-right: 30px;
				margin-top: 0;
			}
			#examination1stflow #details h2:after {
				margin-left: 30px;
				margin-top: 0;
			}
	
	#examination1stflow .contentBox {
		background: #e9e9e9;
		width: 100%;
		max-width: 920px;
		margin: 5% auto 0 auto;
	}
	
	#examination1stflow #flow {
		
	}
	#examination1stflow #flow h2 img {
		width: 527px;
	}
		#examination1stflow #flow .flowWrap {
			color: #000000;
			padding: 30px 0 0 0;
		}
			#examination1stflow #flow .flowBox {
				background: url(../../plbexamination1st-flow/img/flow_bg.png) no-repeat center bottom;
				width: 90%;
				margin: -50px auto 0 auto;
				padding: 30px 0 50px 0;
				overflow: hidden;
			}

			#examination1stflow #flow .flowBox .btn {
				width: 406px;
				margin: 5px 0 0 0;
			}
			#examination1stflow #flow .flowBox .txt {
				width: 83%;
				padding: 45px 0 30px 17%;
				margin: 0 0 0 0;
				line-height: 1.8;
				font-size: 16px;
			}
				#examination1stflow #flow #flow01.flowBox .txt {
					background: url(../img/flow_icon_01.png) no-repeat center left;
					background-size: 76px auto;
					background-position-x: 20px;
				}
				#examination1stflow #flow #flow02.flowBox .txt {
					background: url(../img/flow_icon_02.png) no-repeat center left;
					background-size: 91px auto;
					background-position-x: 15px;
				}
				#examination1stflow #flow #flow03.flowBox .txt {
					background: url(../img/flow_icon_03.png) no-repeat center left;
					background-size: 85px auto;
					background-position-x: 20px;
				}
				#examination1stflow #flow #flow04.flowBox .txt {
					background: url(../img/flow_icon_04.png) no-repeat center left;
					background-size: 89px auto;
					background-position-x: 20px;
				}
				#examination1stflow #flow #flow05.flowBox .txt {
					background: url(../img/flow_icon_05.png) no-repeat center left;
					background-size: 94px auto;
					background-position-x: 20px;
				}
				#examination1stflow #flow #flow06.flowBox {
					background: none;
					padding-bottom: 20px;
				}
				#examination1stflow #flow #flow06.flowBox .txt {
					background: url(../img/flow_icon_06.png) no-repeat center left;
					background-size: 94px auto;
					background-position-x: 20px;
				}
			#examination1stflow #flow .flowBox .txt .tit {
				width: 485px;
				margin: 0 0 10px 0;
			}
			#examination1stflow #flow .flowBox .txt p .note {
				font-size: 12px;
				color: #690000;
			}

	#examination1stflow #details {
		margin: 8% auto 0 auto;
	}
	#examination1stflow #details h2 img {
		width: 204px;
	}
		#examination1stflow #details .detailsBox {
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 50px 0 50px 0;
			overflow: hidden;
			color: #000000;
			font-size: 16px;
			line-height: 1.8;
			border-bottom: 2px solid #a1a1a1;
		}
		#examination1stflow #details #details03.detailsBox {
			border-bottom: none;
		}
		#examination1stflow #details #details03.detailsBox .tit {
			margin-bottom: 20px;
		}
		#examination1stflow #details .detailsBox .tit {
			width: 590px;
		}
		#examination1stflow #details .detailsBox .txt {
			margin: 10px auto 0 auto;
			padding: 0 0 0 5%;
		}

		#examination1stflow .btnBox {
			width: 103.3333%;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			position: relative;
			overflow: hidden;
		}
		#examination1stflow .btnBox.typeL {
			width: 100%;
			padding: 0 0 0 0;
		}
		#examination1stflow .btnBox .btns {
			width: 30%;
			margin: 0 3.3333% 20px 0;
			float: left;
		}
		#examination1stflow .btnBox .btn {
			margin: 0 0 0 0;
		}

	/*----------------------------------#examination1stflow setting SP----------*/
					@media screen and (max-width: 860px) {
						
#examination1stflow {
	padding: 8% 0 0 0;
}
	#examination1stflow #flow h2 img {
		width: 80%;
	}
			#examination1stflow h2:before,
			#examination1stflow h2:after {
				border-top: 1px solid #acacac;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			#examination1stflow h2:before {
				margin-right: 4%;
				margin-top: 0;
			}
			#examination1stflow h2:after {
				margin-left: 4%;
				margin-top: 0;
			}
			
			#examination1stflow #details h2:before {
				margin-right: 4%;
				margin-top: 0;
			}
			#examination1stflow #details h2:after {
				margin-left: 4%;
				margin-top: 0;
			}

		#examination1stflow #flow .contentBox {
			margin-top: 8%;
		}
		#examination1stflow #flow .flowWrap {
			padding: 5% 0 0 0;
		}
			#examination1stflow #flow .flowBox {
				background: url(../../plbexamination1st-flow/img/flow_bg.png) no-repeat center bottom;
				width: 100%;
				margin: 0 auto 0 auto;
				padding: 5% 0 5% 0;
				overflow: hidden;
			}
			#examination1stflow #flow .flowBox .btn {
				width: 100%;
				margin: 5px 0 0 0;
			}
			#examination1stflow #flow .flowBox .txt {
				width: 90%;
				padding: 100px 0 50px 0;
				margin: 0 auto 0 auto;
				line-height: 1.8;
				font-size: 16px;
			}
				#examination1stflow #flow #flow01.flowBox .txt {
					background: url(../img/flow_icon_01.png) no-repeat center top;
					background-size: 20% auto;
					background-position-x: center;
				}
				#examination1stflow #flow #flow02.flowBox .txt {
					background: url(../img/flow_icon_02.png) no-repeat center top;
					background-size: 20% auto;
					background-position-x: center;
				}
				#examination1stflow #flow #flow03.flowBox .txt {
					background: url(../img/flow_icon_03.png) no-repeat center top;
					background-size: 20% auto;
					background-position-x: center;
				}
				#examination1stflow #flow #flow04.flowBox .txt {
					background: url(../img/flow_icon_04.png) no-repeat center top;
					background-size: 20% auto;
					background-position-x: center;
				}
				#examination1stflow #flow #flow05.flowBox .txt {
					background: url(../img/flow_icon_05.png) no-repeat center top;
					background-size: 20% auto;
					background-position-x: center;
				}
				#examination1stflow #flow #flow06.flowBox {
					background: none;
					padding-bottom: 20px;
				}
				#examination1stflow #flow #flow06.flowBox .txt {
					background: url(../img/flow_icon_06.png) no-repeat center top;
					background-size: 20% auto;
					background-position-x: center;
				}
			#examination1stflow #flow .flowBox .txt .tit {
				width: 100%;
				margin: 0 0 10px 0;
			}
			#examination1stflow #flow .flowBox .txt p .note {
				font-size: 12px;
				color: #690000;
			}

	#examination1stflow #details {
		margin: 10% auto 0 auto;
	}
	#examination1stflow #details h2 img {
		width: 36%;
	}
	
		#examination1stflow #details .detailsBox .tit {
			width: 120%;
		}

	#examination1stflow .btnBox {
		width: 100% !important;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0 !important;
	}
	#examination1stflow .btnBox.typeL {
		padding-bottom: 20px !important;
	}
	#examination1stflow .btnBox .btns {
		width: 100%;
		margin: 0 auto 2% auto;
		float: none;
	}
					}


/*----------------------------------#about setting----------*/
#about {
	background: #ffffff url(../img/about_bg.png) no-repeat center bottom;
	background-size: auto 100%;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
}
#about .contentBox {
	padding: 70px 0 50px 0;
}
	#about h2 {
		width: 80%;
		max-width: 327px;
	}
	#about .txtBox {
		width: 420px;
		float: right;
	}
	#about .txt {
		margin: 40px 0 0 0;
		line-height: 2.0;
	}
	#about ul.link2site {
		width: 70%;
		display: table;
		margin: 30px auto 0 auto;
		padding: 0 0 0 0;
		font-size: 13px;
		padding: 0 0 0 0;
		list-style: none;
	}
	#about ul.link2site li {
		width: 48%;
		float: left;
		margin-right: 2%;
	}

	/*----------------------------------#about setting SP----------*/
					@media screen and (max-width: 1120px) {
#about {
	background: #ffffff url(../img/about_bg_sp.png) no-repeat center bottom;
	background-size: 100% auto;
	padding: 0 0 48% 0;
}
#about .contentBox {
	padding: 30px 0 30px 0;
}
	#about .txtBox {
		width: 100%;
		max-width: 450px;
		float: none;
		margin: 0 auto 0 auto;
	}
						
					}
					
					@media screen and (max-width: 860px) {
	#about .txtBox {
		width: 100%;
		float: none;
	}
	#about h2 {
		width: 60%;
		margin: 0 auto 0 auto;
	}
	#about .txt {
		margin: 20px 0 0 0;
	}
					}
	
/*----------------------------------#reg setting----------*/
#reg {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
}
#reg .contentBox {
	padding: 40px 0 40px 0;
}
	#reg h2 {
		width: 80%;
		max-width: 348px;
		margin: 0 auto 0 auto;
	}
	#reg .colBox div {
		width: 50%;
		max-width: 450px;
		float: left;
		margin: 40px 25px 0 25px;
		padding: 0 0 0 0;
	}
	#reg .colBox p {
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		font-size: 16px;
		line-height: 2.0;
	}
	#contentinner #reg .contentBox .video {
		margin: 0 0 30px 0;
	}

	ul.link2site {
		width: 100%;
		display: table;
		margin: 30px 0 0 0;
		padding: 0;
		list-style: none;
	}
	ul.link2site li {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	ul.link2site li:last-child{
		margin-right: 0;
	}
	ul.link2site li a {
		display: block;
		padding: 3% 0 4% 0;
		color: #fff;
		height: 20px;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		line-height: 20px;
		font-weight: normal;
	}
	ul.link2site li.link-item-web a {
		background: #32b16c;
		font-size: 11px;
	}
	ul.link2site li.link-item-twitter a {
		background: #55acee;
	}
	ul.link2site li.link-item-twitter img {
		width: 10%;
		height: auto;
	}
	ul.link2site li.link-item-facebook a {
		background: #3b5a9a;
	}
	ul.link2site li.link-item-facebook img {
		width: 5%;
		height: auto;
	}
	ul.link2site li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	}

	/*----------------------------------#reg setting SP----------*/
					@media (min-width: 860px) {
	ul.link2site {
		width: 455px;
		display: table;
		margin: 30px 0 0px 0;
		padding: 0;
		list-style: none;
	}
	ul.link2site li {
		width: 145px;
		float: left;
		margin-right: 8px;
	}
	ul.link2site li:last-child{
		margin-right: 0;
	}
	ul.link2site li a {
		display: block;
		margin: 0 0 0 0;
		padding: 5px 0 5px 0;
		color: #fff;
		height: auto;
		font-size: 18px;
		text-decoration: none;
		text-align: center;
		border-radius: 5px;
		line-height: 30px;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	ul.link2site li.link-item-web a {
		background: #32b16c;
		font-size: 16px;
	}
	ul.link2site li.link-item-twitter a {
		background: #55acee;
	}
	ul.link2site li.link-item-facebook a {
		background: #3b5a9a;
	}
	ul.link2site li.link-item-twitter img {
		width: 20px;
		height: auto;
		padding: 3px 0 0 0;
	}
	ul.link2site li.link-item-facebook img {
		width: 9px;
		height: auto;
		padding: 3px 0 0 0;
	}
					}

					@media screen and (max-width: 1120px) {
	#reg .colBox div {
		width: 100%;
		max-width: 450px;
		float: none;
		margin: 20px auto 0 auto;
	}
						
					}

					@media screen and (max-width: 860px) {

#reg .contentBox {
	padding: 30px 0 30px 0;
}
	#reg .colBox div {
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 20px auto 0 auto;
	}
	#reg .colBox p {
		padding: 0 0 0 0;
		font-size: 14px;
	}
	#reg .colBox .video {
		width: 100%;
		margin: 30px 0 0 0;
	}

					}

/*----------------------------------goods setting----------*/

	.inner.goods .contentBox h4 {
		width: 50%;
		max-width: 300px;
		margin: 0 0 2% 0;
	}
	.inner.goods .contentBox .txtBox {
		background: none;
		border: none;
		border-top: none;
		padding: 0 5% 0 5%;
	}
	.inner.goods .goodsWrap .contentBox .txtBox {
		padding: 0 0 0 0;
	}
	.inner.goods .contentBox .txtBox .txt {
		margin: 0 0 0 0;
	}
	.inner.goods .contentBox .txtBox span {
		font-weight: bold;
	}
	.inner.goods .contentBox .txtBox span.note {
		font-weight: normal;
	}
	
	.inner.goods .contentBox ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap:         wrap;
		margin: 30px 0 0 0;
		width: 103%;
	}
		.inner.goods .contentBox ul li {
			width: 31%;
			margin: 0 2% 25px 0;
		}
	.inner.goods #goods01 .contentBox ul {
		width: 102%;
	}
		.inner.goods #goods01 .contentBox ul li{
			width: 48%;
			margin: 0 2% 25px 0;
		}
			.inner.goods .contentBox ul li .img {
				line-height: 0;
				margin: 0 0 10px 0;
			}
			.inner.goods .contentBox ul li .name {
				color: #d0d0d0;
				font-size: 18px;
				font-weight: bold;
			}
				.inner.goods #goods01 .contentBox ul li .name {
					color: #ff0000;
				}
				.inner.goods #goods02 .contentBox ul li .name {
					color: #24a846;
				}
			.inner.goods .contentBox ul li .prace {
				font-size: 14px;
			}
			.inner.goods .contentBox ul li .txt {
				font-size: 14px;
			}
			
			
.slideB.sp-horizontal .sp-previous-arrow {
	left: 15px !important;
}
.slideB.sp-horizontal .sp-next-arrow, .slideB.sp-horizontal.sp-rtl .sp-previous-arrow {
	right: 15px !important;
}
			
	/*----------------------------------faq setting SP----------*/
					@media screen and (max-width: 860px) {
						
	.inner.goods .contentBox .txtBox {
		padding: 0 0 0 0;
	}
	.inner.goods .goodsWrap {
		margin: 0 0 12% 0;
	}
	.inner.goods .contentBox ul {
		margin: 30px 0px 0px 0px;
		width: 100%;
	}
		.inner.goods .contentBox ul li {
			width: 100%;
			margin: 0 0 3% 0;
		}
	.inner.goods #goods01 .contentBox ul {
		width: 100%;
	}
		.inner.goods #goods01 .contentBox ul li {
			width: 100%;
			margin: 0 0 3% 0;
		}
		
			.inner.goods .contentBox ul li .name {
				font-size: 13px;
			}
			.inner.goods .contentBox ul li .prace {
				font-size: 12px;
			}
			.inner.goods .contentBox ul li .txt {
				font-size: 12px;
			}
			
		}
			
/*
.slideB.sp-horizontal .sp-previous-arrow {
	left: 5px !important;
}
.slideB.sp-horizontal .sp-next-arrow, .slideB.sp-horizontal.sp-rtl .sp-previous-arrow {
	right: 5px !important;
}
.slideB.sp-horizontal .sp-arrows {
	margin-top: -10px;
}
.slideB .sp-arrow {
	width: 10px;
	height: 20px;
}
.slideB .sp-arrow:after {
	top: 40%;
}
*/




/*----------------------------------faq setting----------*/
	.inner.faq .contentBox .txt {
		margin: 0 0 6% 0;
	}
	.inner.faq .btn {
		max-width: 406px;
	}
	.inner.faq .contentBox h4 {
		width: 50%;
		max-width: 300px;
		margin: 0 0 2% 0;
	}
	.inner.faq #faq .txt {
		margin: 0 0 4% 0;
	}
	
	.inner.faq #faq .txt a {
		color: #ffffff;
		text-decoration: underline;
	}
	.inner.faq #faq .txt a:hover {
		color: #ffffff;
		text-decoration: none;
	}
		#faq .q span.icon,
		#faq .a span.icon {
			width: 1em;
			margin-left: -1em;
		}
			#faq .q {
				padding-left: 2em;
			}
			#faq .q::before {
				content: "Q";
				display: block;
				float: left;
				margin-left: -2em;
				width: 1em;
				text-align: center;
				color: #ff0000;
				font-weight: bold;
			}
			#faq .a {
				padding-left: 2em;
			}
			#faq .a::before {
				content: "A";
				display: block;
				float: left;
				margin-left: -2em;
				width: 1em;
				text-align: center;
				color: #24a846;
				font-weight: bold;
			}

	/*----------------------------------faq setting SP----------*/
					@media screen and (max-width: 860px) {
	.inner.faq .contentBox .txt {
		margin: 0 0 8% 0;
	}
	.inner.faq .contentBox h4 {
		width: 65%;
	}
	.inner.faq #faq .txt {
		margin: 0 0 5% 0;
	}
					}


/*----------------------------------voice setting----------*/

.voice .contentBox {
	width: 90%;
	max-width: 920px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
	.inner.voice .contentBox .txtBox {
		background: none;
		border: none;
		border-top: none;
		padding: 30px 0 0 0;
	}
	.inner.voice .contentBox .voiceWrap {
		width: 100%;
		max-width: 470px;
		margin: 0 auto 50px
	}
	.inner.voice .contentBox .voiceWrap div {
		margin-bottom: 40px;
	}
	
	.contentBox .voiceBox {
		background: #ffffff;
		border-radius: 5px;
		padding: 20px 20px 20px 20px;
		color: #000000;
	}
		.contentBox .voiceBox a {
			color: #24a846;
			text-decoration: none;
		}
		.contentBox .voiceBox .id {
			margin-bottom: 5px;
			font-weight: bold;
		}
		.contentBox .voiceBox .img {
			line-height: 0;
			width: 100%;
			margin: 20px auto 0 auto;
		}


/*----------------------------------special setting----------*/

	.inner.special .btn {
		max-width: 406px;
	}
	.inner.special .contentBox h4 {
		width: 50%;
		max-width: 300px;
		margin: 0 0 2% 0;
	}
	.inner.special .contentBox .txtBox {
		background: rgba(255,  255,  255, 0.1) url(../../special/img/campaign_bg.png) no-repeat right bottom;
		background-size: 100% auto;
		border: 3px solid #ffffff;
		border-top: none;
		padding: 5% 4% 0 4%;
	}
	
	
	/*----------------------------------special setting SP----------*/
					@media screen and (max-width: 860px) {
	.inner.special .contentBox h4 {
		width: 65%;
	}
					}

/*----------------------------------#spgoods setting----------*/
	.inner.special #spgoods .txtBox {
		background:  rgba(255,  255,  255, 0.1) ;
		border: 3px solid #ffffff;
		border-top: none;
		color: #ffffff;
		overflow: hidden;
		padding: 1% 3% 3% 3%;
	}

	.inner.special #spgoods .txtBox .txt {
		width: 100%;
		margin: 0 0 0 0;
		padding: 3% 0 3% 0;
	}
	.inner.special #spgoods .txtBox .goodsBox {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		-webkit-align-items: flex-start;
		align-items:         flex-start;
		
	}
	.inner.special #spgoods .txtBox .goodsBox .txt {
		width: 52%;
		margin: 0 0 0 0;
		padding: 0 4% 5% 0;
		font-size: 14px;
	}
	.inner.special #spgoods .txtBox .goodsBox .txt .tit {
		font-weight: bold;
		font-size: 18px;
		margin: 0 0 2% 0;
	}
	.inner.special #spgoods .txtBox .goodsBox .img {
		width: 40%;
		max-width: 345px;
		line-height: 0;
		padding: 5px 0 3% 0;
		margin: 0 auto 0 auto;
	}
	
	/*----------------------------------#earlycampaign setting SP----------*/
					@media screen and (max-width: 860px) {
						
	.inner.special #spgoods .txtBox {
		display: block;
	}
	.inner.special #spgoods .txtBox .txt {
		width: 100%;
		margin: 0 0 0 0;
		padding: 5% 0 5% 0;
	}
	.inner.special #spgoods .txtBox .goodsBox {
		display: block;
	}
	.inner.special #spgoods .txtBox .goodsBox .txt {
		width: 100%;
		margin: 5% 0 0 0;
		font-size: 100%;
	}
	.inner.special #spgoods .txtBox .goodsBox .txt .tit {
		font-size: 100%;
	}
	.inner.special #spgoods .txtBox .goodsBox .img {
		width: 100%;
		max-width: 100%;
		line-height: 0;
	}
						
					}


/*----------------------------------#earlycampaign setting----------*/
	.inner.special #earlycampaign .txtBox {
		background:  rgba(255,  255,  255, 0.1) ;
		border: 3px solid #ffffff;
		border-top: none;
		color: #ffffff;
		overflow: hidden;
		padding: 0 4% 0 3%;
		
		display: -webkit-flex;
		display: flex;
  -webkit-justify-content: space-between;
  justify-content:         space-between;
		-webkit-align-items: center;
		align-items:         center;
	}
	
	.inner.special #earlycampaign .txtBox .txt {
		width: 70%;
		margin: 0 0 0 0;
		padding: 3% 0 3% 0;
	}
	.inner.special #earlycampaign .txtBox .txt .note {
		font-size: 13px;
		color: #b8c4bd;
	}
	.inner.special #earlycampaign .txtBox .img {
		width: 30%;
		max-width: 226px;
		line-height: 0;
		padding: 3% 0 3% 0;
	}
	
	/*----------------------------------#earlycampaign setting SP----------*/
					@media screen and (max-width: 860px) {
						
	.inner.special #earlycampaign .txtBox {
		display: block;
	}
	.inner.special #earlycampaign .txtBox .txt {
		width: 100%;
		margin: 5% 0 0 0;
	}
	.inner.special #earlycampaign .txtBox .img {
		width: 100%;
		max-width: 100%;
		line-height: 0;
	}
						
					}

/*----------------------------------#certification setting----------*/
	.inner.special #certification .txtBox {
		background: url(../../special/img/certification_bg.png) no-repeat right bottom;
		background-size: 75% auto;
		color: #ffffff;
		overflow: hidden;
		padding: 30px 3% 30px 4%;

		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-start;
		align-items:         flex-start;
		  -webkit-justify-content: space-between;
		  justify-content:         space-between;
	}
	
	.inner.special #certification .txtBox .txt {
		width: 57%;
		margin: 0 0 0 0;
	}
	.inner.special #certification .txtBox .img {
		width: 35%;
		margin: 0 2% 0 3%;
		line-height: 0;
	}
	
	/*----------------------------------#certification setting SP----------*/
					@media screen and (max-width: 860px) {

.inner.special #certification {
	margin-top: 8%;
}
	.inner.special #certification .txtBox {
		background: url(../../special/img/certification_bg.png) no-repeat right bottom;
		background-size: 150% auto;
		padding: 30px 3% 35% 4%;
		display: block;
	}
	.inner.special #certification .txtBox .txt {
		width: 100%;
		margin: 8% auto 0 auto;
	}
	.inner.special #certification .txtBox .img {
		width: 50%;
		margin: 0 auto 0 auto;
	}

					}
	
/*----------------------------------#preparation setting----------*/
	.inner.special #preparation .txtBox {
		background: url(../../special/img/preparation_bg.png) repeat-y right bottom;
		background-size: 100% auto;
		border: 3px solid #ffffff;
		border-top: none;
		color: #ffffff;
		overflow: hidden;
		padding: 0 4% 30px 3%;

		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
	}
	
	.inner.special #preparation .txtBox .txt {
		width: 51%;
		margin: 3% 0 0 0;
	}
	.inner.special #preparation .txtBox .txt .note {
		font-size: 13px;
		color: #b8c4bd;
	}
	.inner.special #preparation .txtBox .img {
		width: 49%;
		line-height: 0;
	}
	
	/*----------------------------------#preparation setting SP----------*/
					@media screen and (max-width: 860px) {
						
	.inner.special #preparation .txtBox {
		background: url(../../special/img/preparation_bg_sp.png) repeat-y right bottom;
		background-size: 180% auto;
		display: block;
	}
	.inner.special #preparation .txtBox .txt {
		width: 100%;
		margin: 5% 0 0 0;
	}
	.inner.special #preparation .txtBox .img {
		width: 100%;
		line-height: 0;
	}
						
					}
	
	
/*----------------------------------#nazo setting----------*/
	.inner.special #nazo .contentBox {
		position: relative;
	}
	.inner.special #nazo .contentBox h2 {
		z-index: 2;
	}
	.inner.special #nazo .contentBox .txtBox {
		background: url(../../special/img/nazo_bg.png) repeat-y right bottom;
		background-size: 100% auto;
		border: 3px solid #ffffff;
		border-top: none;
		padding: 3% 4% 6% 4%;
		color: #ffffff;
		overflow: hidden;
	}
	.inner.special #nazo .txtBox .txt {
		width: 65%;
		float: left;
	}
	.inner.special #nazo .txtBox .txt img {
		width: 85%;
		margin: 0 0 1% 0;
	}
	.inner.special #nazo .img {
		width: 36%;
		z-index: 10;
		bottom: 3px;
		right: 5%;
		position: absolute;
		line-height: 0;
	}
		.inner.special #nazo .nazoBox {
			background: url(../../special/img/nazo_bg.png) repeat-y right bottom;
			background-size: 100% auto;
			border: 3px solid #ffffff;
			border-top: none;
			padding: 2% 4% 1.5% 4%;
			color: #ffffff;
			overflow: hidden;
			
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content:         space-between;
			-webkit-align-items: center;
			align-items:         center;
		}
		.inner.special #nazo .nazoBox.cr {
			background: #5468ad;
		}
		.inner.special #nazo #nazo02.nazoBox.cr {
			background: #3f4e82;
		}
		.inner.special #nazo #nazo03.nazoBox.cr {
			background: #2a3456;
		}
		.inner.special #nazo #nazo04.nazoBox.cr {
			background: #151a2b;
		}
		.inner.special #nazo .nazoBox.cs {
			pointer-events : none;
		}
			.inner.special #nazo .nazoBox.off {
				user-select: none; /* CSS3 */
				-moz-user-select: none; /* Firefox */
				-webkit-user-select: none; /* Safari、Chromeなど */
				-ms-user-select: none; /* IE10かららしい */
			}
			.inner.special #nazo .nazoBox.off input {
				cursor: default !important;
			}
			.inner.special #nazo .nazoBox.off h3,
			.inner.special #nazo .nazoBox.off .txt,
			.inner.special #nazo .nazoBox.off .form {
				opacity: 0.2;
				filter: alpha(opacity=20);
				-ms-filter: "alpha(opacity=20)";
				-moz-opacity: 0.2;
				-khtml-opacity: 0.2;
			}
		.inner.special #nazo .nazoBox.cs h3,
		.inner.special #nazo .nazoBox.cs .txt,
		.inner.special #nazo .nazoBox.cs .form {
			opacity: 0.15;
		}
		
		.inner.special #nazo .nazoBox h3 {
			width: 13%;
			margin: 0 2% 0 0;
		}
		.inner.special #nazo .nazoBox .txt {
			width: 22%;
			max-width: 200px;
			padding: 0 10% 0 0;
			margin: 0 0 0 0;
		}
		.inner.special #nazo #nazo02.nazoBox .txt {
			width: 32%;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			max-width: 287px;
		}
		.inner.special #nazo #nazo03.nazoBox .txt {
			width: 25%;
			padding: 0 7% 0 0;
			max-width: 228px;
		}
		.inner.special #nazo #nazo04.nazoBox .txt {
			width: 21%;
			padding: 0 11% 0 0;
			max-width: 228px;
		}
		.inner.special #nazo .nazoBox .txt .btn {
			width: 120px;
			margin: 1.8% 0 0 0;
		}
		.inner.special #nazo #nazo02.nazoBox .txt .btn {
			margin: -13px 0 0 0;
		}
		.inner.special #nazo .nazoBox .form {
			width: 47%;
			margin: 0 2% 0 0;
		}
		.inner.special #nazo .nazoBox .form p {
			width: 129px;
			margin: 0 0 1% 0;
		}
		#nazo input[type="text"],
		#nazo input[type="password"],
		#nazo textarea,
		#nazo select {
		outline: none;
		}
		#nazo input:focus{
		outline:none;
		}
		#nazo input[type="text"] {
			border:0;
			padding: 3% 3% 3% 3%;
			color: #000000;
			width: 72%;
			font-size: 18px;
			margin:0 0 0 0;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		
		#nazo input[type="submit"],
		#nazo button[type="submit"] {
		  background: #fff462 url(../../special/img/nazo_form_btn.png) no-repeat center center;
		  padding: 3.5% 3% 3.5% 3%;
		  margin: 0 0 0 2%;
		  border: none;
		  border-radius: 3px;
		  font-size: 16px;
		  text-align: center;
		  cursor: pointer;
		  width: 18%;
		  min-height: 47px;
		}
		#nazo input[type="submit"]:hover,
		#nazo button[type="submit"]:hover {
		  border-color: #5f98e1;
		  color: #5f98e1;
		}
		
	/*----------------------------------#nazo setting SP----------*/
					@media screen and (max-width: 860px) {
	.inner.special #nazo .contentBox .txtBox {
		padding: 5% 4% 20% 4%;
	}
	.inner.special #nazo .txtBox .txt {
		width: 100%;
		float: none;
	}
	.inner.special #nazo .txtBox .txt img {
		width: 100%;
		margin: 0 0 1% 0;
	}
	.inner.special #nazo .img {
		width: 36%;
		z-index: 10;
		bottom: 3px;
		right: 5%;
		position: absolute;
		line-height: 0;
	}
		.inner.special #nazo .nazoBox {
			padding: 5% 4% 5% 4%;
			color: #ffffff;
			overflow: hidden;
			display: block;
		}
		.inner.special #nazo .nazoBox h3 {
			width: 20%;
			margin: 0 5% 0 0;
			float: left;
		}
		.inner.special #nazo .nazoBox .txt {
			width: 50%;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			float: left;
		}
		.inner.special #nazo #nazo02.nazoBox .txt {
			width: 70%;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			float: left;
		}
		.inner.special #nazo #nazo03.nazoBox .txt{
			width: 54%;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			float: left;
		}
		.inner.special #nazo #nazo04.nazoBox .txt{
			width: 43%;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			float: left;
		}
		.inner.special #nazo .nazoBox .txt .btn {
			width: 60%;
			margin: 2% 0 10% 0;
		}
		.inner.special #nazo #nazo02.nazoBox .txt .btn {
			width: 42%;
			margin: 2% 0 10% 0;
		}
		.inner.special #nazo #nazo03.nazoBox .txt .btn {
			width: 54%;
			margin: 2% 0 10% 0;
		}
		.inner.special #nazo #nazo04.nazoBox .txt .btn {
			width: 69%;
			margin: 2% 0 10% 0;
		}
		.inner.special #nazo .nazoBox .form {
			width: 100%;
			margin: 5% 2% 0 0;
		}
		.inner.special #nazo .nazoBox .form p {
			width: 30%;
			margin: 0 0 1% 0;
		}
		#nazo input[type="submit"],
		#nazo button[type="submit"] {
		  min-height: 100%;
		}

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

		.inner.nazo01correct #main {
			background: url(../../special/nazo01/img/nazo_correct_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
		.inner.nazo02correct #main {
			background: url(../../special/nazo02/img/nazo_correct_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
		.inner.nazo03correct #main {
			background: url(../../special/nazothird/img/nazo_correct_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
		.inner.nazo04correct #main {
			background: url(../../special/nazospecial/img/nazo_correct_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
		
			.inner.nazo01correct #main.mainC .mainImg,
			.inner.nazo02correct #main.mainC .mainImg,
			.inner.nazo03correct #main.mainC .mainImg,
			.inner.nazo04correct #main.mainC .mainImg {
				width: 50%;
				margin: 0 0 0 0;
				pointer-events : none ;
			}
			
		.inner.nazo01correct h2,
		.inner.nazo02correct h2,
		.inner.nazo03correct h2,
		.inner.nazo04correct h2 {
			display: flex;
			align-items: center;
			text-align: center;
		}
			.inner.nazo01correct h2:before,
			.inner.nazo01correct h2:after,
			.inner.nazo02correct h2:before,
			.inner.nazo02correct h2:after,
			.inner.nazo03correct h2:before,
			.inner.nazo03correct h2:after,
			.inner.nazo04correct h2:before,
			.inner.nazo04correct h2:after {
				border-top: 1px solid #808080;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			.inner.nazo01correct h2:before,
			.inner.nazo02correct h2:before,
			.inner.nazo03correct h2:before,
			.inner.nazo04correct h2:before {
				margin-right: 30px;
				margin-top: 20px;
			}
			.inner.nazo01correct h2:after,
			.inner.nazo02correct h2:after,
			.inner.nazo03correct h2:after,
			.inner.nazo04correct h2:after {
				margin-left: 30px;
				margin-top: 20px;
			}

		.inner #share {
			padding: 50px 0 50px 0; 
		}
			.inner #share h2.share {
				width: 100%;
				margin: 0 auto 0 auto;
				float: none;
			}
			.inner #share h2.share img {
				width: 565px;
			}
			
			.inner #share .contentBox {
				width: 340px;
				margin: 50px auto 0 auto;
			}

		.inner.nazo01correct #present {
			padding: 30px 0 0 0; 
		}
			.inner.nazo01correct #present h2 img {
				width: 338px;
			}
				.inner.nazo01correct #present .wppc {
					width: 630px;
					margin: 0 auto 0 auto;
				}
					.inner.nazo01correct #present .wppc .btnBox {
						width: 283px;
						margin: 25px auto 0 auto;
					}
				.inner.nazo01correct #present .wpsp {
					display: -webkit-flex;
					display: flex;
					-webkit-justify-content: space-between;
					justify-content:         space-between;
					margin: 60px auto 0 auto;
				}
					.inner.nazo01correct #present .wpsp .wpBox {
						width: 360px;
						margin: 0 auto 0 auto;
					}
					.inner.nazo01correct #present .wpsp .wpBox .img {
						width: 265px;
						margin: 0 auto 0 auto;
					}
					.inner.nazo01correct #present .wpsp .btnBox {
						width: 360px;
						margin: 25px auto 0 auto;
					}
					.inner.nazo01correct #present .wpsp .btnBox li {
						margin: 0 0 15px 0;
						line-height: 0;
					}
					
		.inner.nazo02correct #present {
			padding: 30px 0 0 0; 
		}
			.inner.nazo02correct #present h2 img {
				width: 414px;
			}
				.inner.nazo02correct #present .contentBox {
					margin: 40px auto 0 auto;
				}
				.inner.nazo02correct #present .txt {
					margin: 10px auto 0 auto;
					width: 514px;
				}
				.inner.nazo02correct #present .img {
					margin: 20px auto 0 auto;
					width: 239px;
				}
				.inner.nazo02correct #present .btn {
					margin: 25px auto 0 auto;
					width: 283px;
				}
				
		.inner.nazo03correct #present {
			padding: 30px 0 0 0; 
		}
			.inner.nazo03correct #present h2 img {
				width: 387px;
			}
				.inner.nazo03correct #present .contentBox {
					margin: 40px auto 0 auto;
				}
				.inner.nazo03correct #present .txt {
					margin: 10px auto 0 auto;
					width: 367px;
				}
				.inner.nazo03correct #present .img {
					margin: 20px auto 0 auto;
					width: 239px;
				}
				.inner.nazo03correct #present .btn {
					margin: 25px auto 0 auto;
					width: 283px;
				}
				
		.inner.nazo04correct #present {
			padding: 30px 0 0 0; 
		}
			.inner.nazo04correct #present h2 img {
				width: 397px;
			}
				.inner.nazo04correct #present .contentBox {
					margin: 40px auto 0 auto;
				}
				.inner.nazo04correct #present .txt {
					margin: 10px auto 0 auto;
					width: 365px;
				}
				.inner.nazo04correct #present .img {
					margin: 20px auto 0 auto;
					width: 350px;
				}
				.inner.nazo04correct #present .btn {
					margin: 25px auto 0 auto;
					width: 283px;
				}
				
					.inner #examination {
						text-align: center;
						margin: 0 0 0 0;
					}
						.inner #examination .bnr {
							width: 682px;
							margin: 0 auto 0 auto;
						}
						.inner #examination .txt {
							width: 380px;
							margin: 35px auto 0 auto;
						}
						.inner #examination .btn {
							width: 283px;
							margin: 25px auto 0 auto;
						}
						
	/*----------------------------------#nazo #nazo01 setting SP----------*/
					@media screen and (max-width: 860px) {
						
		.inner.nazo01correct #main {
			background: url(../../special/nazo01/img/nazo_correct_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 0 0;
			margin: 8% 0 0 0;
		}
		.inner.nazo02correct #main {
			background: url(../../special/nazo02/img/nazo_correct_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 0 0;
			margin: 8% 0 0 0;
		}
		.inner.nazo03correct #main {
			background: url(../../special/nazothird/img/nazo_correct_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 0 0;
			margin: 8% 0 0 0;
		}
		.inner.nazo04correct #main {
			background: url(../../special/nazospecial/img/nazo_correct_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 0 0;
			margin: 8% 0 0 0;
		}
		
		.inner.nazo01correct h2 img,
		.inner.nazo02correct h2 img,
		.inner.nazo03correct h2 img,
		.inner.nazo04correct h2 img {
			width: 58%;
		}
		.inner #share h2.share img {
			width: 80%;
		}
		.inner.nazo01correct #present h2 img {
			width: 46%;
		}
		.inner.nazo02correct #present h2 img {
			width: 58%;
		}
		.inner.nazo03correct #present h2 img {
			width: 55%;
		}
		.inner.nazo04correct #present h2 img {
			width: 55%;
		}
			.inner.nazo01correct h2:before,
			.inner.nazo02correct h2:before,
			.inner.nazo03correct h2:before,
			.inner.nazo04correct h2:before {
				margin-right: 4%;
			}
			.inner.nazo01correct h2:after,
			.inner.nazo02correct h2:after,
			.inner.nazo03correct h2:after,
			.inner.nazo04correct h2:after {
				margin-left: 4%;
			}
			
		.inner #share {
			padding: 8% 0 8% 0;
		}
			.inner #share .contentBox {
				width: 100%;
				margin: 8% auto 0 auto;
			}
					.inner #share h2 {
						width: 15%;
						float: none;
						margin: 0 auto 2% auto;
					}
						.inner #share ul {
							width: 60%;
						}
						.inner #share ul li {
							width: 50%;
							margin: 0 0 0 0;
						}
						
				.inner.nazo01correct #present .wppc {
					width: 100%;
				}
					.inner.nazo01correct #present .wppc .btnBox {
						width: 60%;
						margin: 5% auto 0 auto;
					}
				.inner.nazo01correct #present .wpsp {
					display: block;
					margin: 50px 0 0 0;
				}
					.inner.nazo01correct #present .wpsp .wpBox {
						width: 100%;
						margin: 0 auto 50px auto;
					}
					.inner.nazo01correct #present .wpsp .wpBox .img {
						width: 100%;
					}
					.inner.nazo01correct #present .wpsp .btnBox {
						width: 80%;
						margin: 5% auto 0 auto;
					}
					
		.inner.nazo02correct #present {
			padding: 30px 0 50px 0; 
		}
			.inner.nazo02correct #present .contentBox {
				margin: 8% auto 0 auto;
			}
				.inner.nazo02correct #present .txt {
					margin: 0 auto 0 auto;
					width: 100%;
				}
				.inner.nazo02correct #present .img {
					margin: 2% auto 0 auto;
					width: 50%;
				}
				.inner.nazo02correct #present .btn {
					width: 60%;
					margin: 3% auto 0 auto;
				}
				
		.inner.nazo03correct #present {
			padding: 30px 0 50px 0; 
		}
			.inner.nazo03correct #present .contentBox {
				margin: 8% auto 0 auto;
			}
				.inner.nazo03correct #present .txt {
					margin: 0 auto 0 auto;
					width: 80%;
				}
				.inner.nazo03correct #present .img {
					margin: 2% auto 0 auto;
					width: 50%;
				}
				.inner.nazo03correct #present .btn {
					width: 60%;
					margin: 3% auto 0 auto;
				}
				
		.inner.nazo04correct #present {
			padding: 30px 0 50px 0; 
		}
			.inner.nazo04correct #present .contentBox {
				margin: 8% auto 0 auto;
			}
				.inner.nazo04correct #present .txt {
					margin: 0 auto 0 auto;
					width: 80%;
				}
				.inner.nazo04correct #present .img {
					margin: 2% auto 0 auto;
					width: 54%;
				}
				.inner.nazo04correct #present .btn {
					width: 60%;
					margin: 3% auto 0 auto;
				}
					
					.inner #examination {
						text-align: center;
						margin: 0 0 0 0;
					}
						.inner #examination .bnr {
							width: 100%;
						}
						.inner #examination .txt {
							width: 80%;
							margin: 5% auto 0 auto;
						}
						.inner #examination .btn {
							width: 60%;
							margin: 5% auto 0 auto;
						}
						
					}
					
					
		.inner.nazo01incorrect #main {
			background: url(../../special/nazo01/img/nazo_incorrect_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
		.inner.nazo02incorrect #main {
			background: url(../../special/nazo02/img/nazo_incorrect_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
		.inner.nazo03incorrect #main {
			background: url(../../special/nazothird/img/nazo_incorrect_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
		.inner.nazo04incorrect #main {
			background: url(../../special/nazospecial/img/nazo_incorrect_bg.png) no-repeat center 50px;
			background-size: 100% auto;
			padding: 50px 0 0 0;
		}
			.inner.nazo01incorrect #main.mainC .mainImg,
			.inner.nazo02incorrect #main.mainC .mainImg,
			.inner.nazo03incorrect #main.mainC .mainImg,
			.inner.nazo04incorrect #main.mainC .mainImg {
				width: 50%;
				margin: 0 0 0 0;
				position: relative;
			}
			.inner.nazo01incorrect #main.mainC .mainImg .btn,
			.inner.nazo02incorrect #main.mainC .mainImg .btn,
			.inner.nazo03incorrect #main.mainC .mainImg .btn,
			.inner.nazo04incorrect #main.mainC .mainImg .btn {
				width: 40%;
				position: absolute;
				bottom: 4%;
				right: 14%;
			}
			.inner.nazo02incorrect #main.mainC .mainImg .btn img {
				margin: 0 0 0 0;
			}



	/*----------------------------------#nazo #nazo01 SP----------*/
					@media screen and (max-width: 860px) {
		.inner.nazo01incorrect #main {
			background: url(../../special/nazo01/img/nazo_incorrect_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 50px 0;
			margin: 8% auto 0 auto;
		}

		.inner.nazo02incorrect #main {
			background: url(../../special/nazo02/img/nazo_incorrect_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 50px 0;
			margin: 8% auto 0 auto;
		}
		.inner.nazo03incorrect #main {
			background: url(../../special/nazothird/img/nazo_incorrect_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 50px 0;
			margin: 8% auto 0 auto;
		}
		.inner.nazo04incorrect #main {
			background: url(../../special/nazospecial/img/nazo_incorrect_bg.png) no-repeat center 0;
			background-size: 100% auto;
			padding: 0 0 50px 0;
			margin: 8% auto 0 auto;
		}
			.inner.nazo01incorrect #main.mainC .mainImg .btn,
			.inner.nazo02incorrect #main.mainC .mainImg .btn,
			.inner.nazo03incorrect #main.mainC .mainImg .btn,
			.inner.nazo04incorrect #main.mainC .mainImg .btn {
				width: 120%;
				position: relative;
				bottom: 0;
				right: 0;
				left: 40%;
				margin: 30px auto 0 auto;
			}
					}


/*----------------------------------formBox setting----------*/
	.questionnaire .contentBox {
		margin: 0 auto 0 auto;
	}
	.questionnaire .contentBox .txtBox {
		border-top: 3px solid #ffffff;
	}
	.questionnaire #main .txt {
		width: 80%;
		max-width: 692px;
		margin: 40px auto 40px auto;
	}

.formBox {
	width: 90%;
	margin: 0 auto 8% auto;
}
.formBox .fBox {
}
	.formBox h1 {
		margin: 0 0 4% 0;
	}
			.formBox form .note {
				font-size: 12px;
				line-height: 1.5;
				font-weight: normal;
				margin: 0 0 2% 0;
			}
			.formBox form .q {
				font-size: 14px;
				line-height: 1.5;
				color: #ffffff;
				font-weight: bold;
				margin: 8% 0 4% 0;
			}
			.formBox form .a {
				width: 100%;
				font-size: 14px;
				line-height: 1.6;
				padding: 0 2px 0 0;
				margin: 0 0 0 0;
				overflow: hidden;
				color: #e5e5e4;
			}
				.formBox form input[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #e5e5e4;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #000000;
					border: 1px solid #e5e5e4;
					outline: none;
				}
				.formBox form input.typeB[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #e5e5e4;
					font-size: 14px;
					margin: 0 0 5% 0;
					outline: none;
					border: 1px dotted #e5e5e4;
				}
				.formBox textarea {
					width: 96%;
					border: 0;
					outline: none;
					padding: 5px 2% 5px 2%;
					color: #e5e5e4;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #000000;
					border: 1px solid #e5e5e4;
				}
				.formBox input[type="radio"] {
					display: none;
					outline: none;
				}
				.formBox 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;
				}
				.formBox input[type="radio"] + label.fc {
					clear: left;
				}
				.formBox input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #000000;
					border: 1px solid #e5e5e4;
					border-radius: 100%;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #ffffff;
					border-radius: 100%;
				}
				
				.formBox input[type="checkbox"] {
					display: none;
				}
				.formBox 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;
				}
				.formBox input[type="checkbox"] + label.fc {
					width: auto;
				}
				.formBox input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #000000;
					border: 1px solid #e5e5e4;
					border-radius: 0%;
				}
				.formBox input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 0;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #e5e5e4;
					border-bottom: 4px solid #e5e5e4;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.formBox select {
					outline: none;
					width: 100%;
					min-height: 30px;
					padding: 3px 2% 3px 2%;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					font-size: 14px;
					border: 1px solid #e5e5e4;
					background: #000000;
					background: url(../img/arrow_01.png) right 50% no-repeat, -webkit-linear-gradient(top, #000000 0%,#000000 100%);
					background: url(../img/arrow_01.png) right 50% no-repeat, linear-gradient(to bottom, #000000 0%,#000000 100%);
					background-size: 33px, 100%;
					color: #e5e5e4;
				}
				.formBox select option {
					background: #000000;
				}
				
				.formBox #mailBox {
					background: rgba(204,118,0,0.14);
					padding: 30px 5% 30px 5%;
					margin: 80px auto 0 auto;
				}
				.formBox #mailBox .tit {
					text-align: center;
					font-weight: bold;
					margin: 0 0 0 0 !important;
					font-size: 16px;
				}
				.formBox #mailBox .txt {
					text-align: center;
					margin: 5px auto 15px auto;
				}
				.formBox #mailBox .q {
					margin: 15px 0 0 0;
				}
				.formBox #mailBox .a input {
					width: 96%;
					margin: 5px 0 0 0;
					outline: none;
				}
				.formBox #mailBox .note {
					margin: 20px 0 0 0;
				}
				.formBox .privacyBox {
					margin: 50px auto 0 auto;
					text-align: center;
					font-size: 12px;
					line-height: 1.6;
				}
				.formBox #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;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
				.formBox .resultBox {
				}
				.formBox .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 10% auto 10% auto;
				}
				.formBox .btn {
					margin: 8% auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					text-align: center;
					background: #e5e5e4;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #000000;
					padding: 5% 0 5% 0;
				}
				.formBox a {
					width: 100%;
					height: 100%;
					display: block;
					color: #000000;
				}
				.formBox a:hover {
					text-decoration: none;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}

				
										@media (min-width: 1000px) {
											
.formBox {
	width: 540px;
	margin: 0 auto 80px auto;
}
		.formBox form {
			margin: 20px auto 0 auto;
		}
			.formBox form .note {
				font-size: 14px;
				line-height: 1.5;
				font-weight: normal;
				margin: 0 0 15px 0;
			}
			.formBox form .q {
				font-size: 18px;
				line-height: 1.5;
				margin: 50px 0 10px 0;
			}
			.formBox form .a {
				width: 100%;
				font-size: 18px;
				line-height: 1.6;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				overflow: hidden;
			}
				.formBox form input[type="text"] {
					width: 538px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #e5e5e4;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #000000;
					border: 1px solid #e5e5e4;
				}
				.formBox form input.typeB[type="text"] {
					width: 508px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #e5e5e4;
					font-size: 18px;
					margin: 0 0 12px 30px;
					outline: none;
					border: 1px dotted #e5e5e4;
				}
				.formBox textarea {
					width: 538px;
					border: 0;
					outline: none;
					padding: 5px 10px 5px 10px;
					color: #e5e5e4;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #000000;
					border: 1px solid #e5e5e4;
				}
				.formBox input[type="radio"] {
					display: none;
					outline: none;
				}
				.formBox 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;
				}
				.formBox input[type="radio"] + label.fc {
					clear: left;
				}
				.formBox input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #000000;
					border: 1px solid #e5e5e4;
					border-radius: 100%;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #e5e5e4;
					border-radius: 100%;
				}
				
				.formBox input[type="checkbox"] {
					display: none;
				}
				.formBox 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;
				}
				.formBox input[type="checkbox"] + label.fc {
					width: auto;
				}
				.formBox input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #000000;
					border: 1px solid #e5e5e4;
					border-radius: 0%;
				}
				.formBox input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 7px;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #e5e5e4;
					border-bottom: 4px solid #e5e5e4;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.formBox select {
					outline: none;
					width: 100%;
					min-height: 30px;
					padding: 3px 10px 3px 10px;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					font-size: 15px;
					border: 1px solid #e5e5e4;
					background: #eee;
					background: url(../img/arrow_01.png) right 50% no-repeat, -webkit-linear-gradient(top, #000000 0%,#000000 100%);
					background: url(../img/arrow_01.png) right 50% no-repeat, linear-gradient(to bottom, #000000 0%,#000000 100%);
					background-size: 33px, 100%;
					color: #e5e5e4;
				}
				.formBox #mailBox {
					background: rgba(204,118,0,0.14);
					padding: 30px 30px 30px 30px;
					margin: 80px auto 0 auto;
				}
				.formBox #mailBox .tit {
					text-align: center;
					font-weight: bold;
					margin: 0 0 0 0 !important;
					font-size: 20px;
				}
				.formBox #mailBox .txt {
					text-align: center;
					margin: 5px auto 15px auto;
				}
				.formBox #mailBox .q {
					margin: 15px 0 0 0;
				}
				.formBox #mailBox .a input {
					width: 478px;
					margin: 5px 0 0 0;
					outline: none;
				}
				.formBox #mailBox .note {
					margin: 20px 0 0 0;
				}
				.formBox .privacyBox {
					margin: 50px auto 0 auto;
					text-align: center;
					font-size: 14px;
					line-height: 1.6;
				}
				.formBox #submitBtn {
					background-size: 283px auto;
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 70px;
					text-align: center;
					cursor: pointer;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
				.formBox .resultBox {
					min-height: 700px;
				}
				.formBox .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 100px auto 100px auto;
				}
				.formBox .btn {
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 50px;
					text-align: center;
					background: #e5e5e4;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #000000;
					line-height: 50px;
					padding: 0 0 0 0;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
										}
				
				
/*----------------------------------q thanks setting----------*/

		.questionnaire #mail {
			padding: 70px 0 50px 0; 
		}
		.questionnaire #mail h2 {
			display: flex;
			align-items: center;
			text-align: center;
		}
			.questionnaire #mail h2:before,
			.questionnaire #mail h2:after {
				border-top: 1px solid #808080;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			.questionnaire #mail h2:before {
				margin-right: 30px;
				margin-top: 20px;
			}
			.questionnaire #mail h2:after {
				margin-left: 30px;
				margin-top: 20px;
			}
			.questionnaire #mail h2 img {
				width: 380px;
			}
			.questionnaire #mail .contentBox {
				margin: 50px auto 0 auto;
			}
				.questionnaire #mail .txt {
					margin: 0 auto 0 auto;
					width: 60%;
					max-width: 251px;
				}
				.questionnaire #mail .btn {
					width: 60%;
					max-width: 283px;
					margin: 20px auto 0 auto;
				}
				
	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 860px) {
			.questionnaire #mail h2:before,
			.questionnaire #mail h2:after {
				border-top: 1px solid #808080;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			.questionnaire #mail h2:before {
				margin-right: 4%;
				margin-top: 20px;
			}
			.questionnaire #mail h2:after {
				margin-left: 4%;
				margin-top: 20px;
			}
			.questionnaire #mail h2 img {
				width: 70%;
			}
					}
										
		.questionnaire #stamp {
			padding: 70px 0 50px 0; 
		}
		.questionnaire #stamp h2 {
			display: flex;
			align-items: center;
			text-align: center;
		}
			.questionnaire #stamp h2:before,
			.questionnaire #stamp h2:after {
				border-top: 1px solid #808080;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			.questionnaire #stamp h2:before {
				margin-right: 30px;
				margin-top: 20px;
			}
			.questionnaire #stamp h2:after {
				margin-left: 30px;
				margin-top: 20px;
			}
			.questionnaire #stamp h2 img {
				width: 513px;
			}
			.questionnaire #stamp .contentBox {
				margin: 50px auto 0 auto;
			}
				.questionnaire #stamp .txt {
					margin: 0 auto 0 auto;
					width: 50%;
					max-width: 350px;
				}
				.questionnaire #stamp .txt1 {
					margin: 0 auto 0 auto;
					width: 344px;
				}
				.questionnaire #stamp .txt2 {
					margin: 0 auto 0 auto;
					width: 345px;
				}
				.questionnaire #stamp .bnr {
					width: 100%;
					max-width: 260px;
					margin: 15px auto 0 auto;
				}
				.questionnaire #stamp .img {
					margin: 20px auto 0 auto;
					width: 50%;
					max-width: 143px;
				}
				
	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 860px) {
			.questionnaire #stamp h2:before,
			.questionnaire #stamp h2:after {
				border-top: 1px solid #808080;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			.questionnaire #stamp h2:before {
				margin-right: 4%;
				margin-top: 20px;
			}
			.questionnaire #stamp h2:after {
				margin-left: 4%;
				margin-top: 20px;
			}
			.questionnaire #stamp h2 img {
				width: 90%;
			}
				.questionnaire #stamp .txt1 {
					width: 80%;
				}
				.questionnaire #stamp .txt2 {
					width: 80%
				}
					}


/*----------------------------------q stamp setting----------*/

		.stamprarlly #stamp {
			padding: 0 0 50px 0; 
		}
		.stamprarlly #stamp h2 {
			display: flex;
			align-items: center;
			text-align: center;
		}
			.stamprarlly #stamp h2:before,
			.stamprarlly #stamp h2:after {
				border-top: 1px solid #808080;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			.stamprarlly #stamp h2:before {
				margin-right: 20px;
				margin-top: 20px;
			}
			.stamprarlly #stamp h2:after {
				margin-left: 20px;
				margin-top: 20px;
			}
			.stamprarlly #stamp h2 img {
				width: 513px;
			}
			.stamprarlly #stamp .contentBox {
				margin: 40px auto 0 auto;
			}
				.stamprarlly #stamp .txt {
					margin: 0 auto 0 auto;
					width: 344px;
				}
				.stamprarlly #stamp .btn {
					width: 400px;
					margin: 40px auto 0 auto;
				}
				
	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 860px) {
						
		.stamprarlly #stamp {
			padding: 0 0 5% 0; 
		}
		.stamprarlly #stamp h2 {
			display: flex;
			align-items: center;
			text-align: center;
		}
			.stamprarlly #stamp h2:before,
			.stamprarlly #stamp h2:after {
				border-top: 1px solid #808080;
				content: "";
				display: inline;
				flex-grow: 1;
			}
			.stamprarlly #stamp h2:before {
				margin-right: 4%;
				margin-top: 20px;
			}
			.stamprarlly #stamp h2:after {
				margin-left: 4%;
				margin-top: 20px;
			}
			.stamprarlly #stamp h2 img {
				width: 80%;
			}
			.stamprarlly #stamp .contentBox {
				margin: 8% auto 0 auto;
			}
				.stamprarlly #stamp .txt {
					margin: 0 auto 0 auto;
					width: 60%;
				}
				.stamprarlly #stamp .btn {
					width: 90%;
					margin: 8% auto 0 auto;
				}
				
					}

/*----------------------------------twbox setting----------*/
.twbox {
	width: 520px;
	text-align: center;
	margin: 30px auto 0 auto;
}
.twbox .txt {
	margin: 80px auto 0 auto;
	font-size: 17px;
	line-height: 1.8;
	color: #cccccc;
}

	@media (max-width: 860px) {
		.twbox {
			width: 84%;
			margin: 2% auto 0 auto;
		}
		.twbox .txt {
			margin: 12% auto 0 auto;
			font-size: 12px;
			line-height: 1.6;
		}
	}
	
	
/*----------------------------------#popup setting----------*/
#popup {
	display: none;
}
#popupBtn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}

	/*----------------------------------#popup setting SP----------*/
					@media screen and (max-width: 860px) {
						
#popupBtn {
	width: 20%;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
					}
 
/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	width: 90%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 100px 0 30px 0;
	position: relative;
	line-height: 1.6;
	color: #e5e5e4;
}
#footer .logo {
	width: 30%;
	max-width: 136px;
	margin: 0 auto 30px auto;
}
#footer .copyright01 {
	font-size: 16px;
	margin: 0 0 15px 0;
}
#footer .copyright02 {
	font-size: 14px;
}



#topmovie .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}
    
#topmovie {
	display: none;
}

#topmovie .movieWrap {
	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;
}
	
	
	
#topmovie .movieBox {
	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;
}
#topmovie .movieBox:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
  
#topmovie .movieBox .mov {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
	cursor: auto;
	line-height: 0;
	width: 98%;
	max-width: 900px;
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	opacity: 1;
}

	#topmovie .mov .video {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 56.25%;
	}
	#topmovie iframe { position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #000;
		z-index: 1 !important;
	}