/*  charset ==================================================== */
@charset "utf-8";

/* =========================================================
	top
========================================================== */
#topMain{
	height:400px;
	width:100%;
	min-width:1150px;
	position:relative;
}
#topMainUnder{
	height:400px;
	width:100%;
	position:absolute;
	/*background-image:url("./top/img/Fotolia_97249032_Subscription_Monthly_M.jpg");*/
	z-index:50;
	overflow:hidden;

}
#topMainUnder video{
	top:-75%;
	position:absolute;
}
#topMainUnderTop{
	background-color:#444;
	opacity:0.5;
	z-index:59;
}
#topMainUnder_0{
	background-image:url("../top/img/0.jpg");
	background-position:center bottom;
	z-index:51;
	opacity:0;
}
#topMainUnder_1{
	background-image:url("../top/img/1.jpg");
	background-position:center top;
	z-index:52;
	opacity:1;
}
#topMainUnder_2{
	background-image:url("../top/img/2.jpg");
	z-index:53;
	opacity:0;
}
#topMainUpper{
	height:100%;
	width:100%;
	position:absolute;
	z-index:100;
	background-image:url("mesh05.png");
}
#topMainUpperSP{
	display:none;
}
#topMainUpper img{
	width:1000px;
	margin:0 auto;
	margin-top:-50px;
	display:block;
}



/* =========================================================
	top test
========================================================== */
body.test #header{
	top:-60px;
	background-color:rgba(255,255,255,0.8);
	position:fixed;
	z-index:101;
}
body.test #header #headerWrap{
}

body.test #topMain{
	height:100vh;
	width:100%;
	min-width:1150px;
	position:relative;
}
body.test #header #headerWrap img{
	top:70px;
}
body.test #header #headerWrap #navWrap{
	top:80px;
}
#topMainUnder{

	height:100%;
	width:100%;
	position:absolute;
	/*background-image:url("./top/img/Fotolia_97249032_Subscription_Monthly_M.jpg");*/
	z-index:50;
	overflow:hidden;

}
body.test #topMainUnder video{
	top:0;
	position:absolute;
	min-height:100vh;
	min-width:100%;
}
#topMainUnderTop{
	background-color:#444;
	opacity:0.5;
	z-index:59;
}
#topMainUnder_0{
	background-image:url("../top/img/0.jpg");
	background-position:center bottom;
	z-index:51;
	opacity:0;
}
#topMainUnder_1{
	background-image:url("../top/img/1.jpg");
	background-position:center top;
	z-index:52;
	opacity:1;
}
#topMainUnder_2{
	background-image:url("../top/img/2.jpg");
	z-index:53;
	opacity:0;
}
body.test #topMainUpper{
	background-image:none;
	background-image:url("mesh06.png");
	height:100%;
	width:100%;
	position:absolute;
	z-index:100;

}
#topMainUpperSP{
	display:none;
}
body.test #topMainUpper img{
	width:1000px;
	margin:0 auto;
	display:block;
	margin-top:calc(50vh - 250px);
}




#topAccess{
	padding:10px 0;
	background-image:url("../top/img/access_bg.jpg");
}
#topSubSP{
	display:none;
}
#triple img{
	width:80%;
}

#calendarIcon{
	width:30%;
	margin:2em auto;
	display:block;
	opacity:0.6;
}

#table001{
	width:100%;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin-top:0.5em;
}
#table001 th{
	background-color:#00afcc;
	color:#fff;
	font-weight:normal;
}
#table001 td,
#table001 th{
	font-size:90%;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:0.3em 0.5em;
	line-height:1.2em;
}

.dlIcon{
	width:20%;
	float:left;
	margin-right:1em;
}
.small{
	font-size:85%;
}
.boxInnerImage{
	margin:2em auto;
	width:50%;
	clear:both;
	float:none;
	display:block;
}
.instructorImage{
	margin:2em auto;
	width:80%;
	clear:both;
	float:none;
	display:block;
}
.importantThings{
	background-image:url("../common/idea.svg");
	background-size:10% 100%;
	background-repeat:no-repeat;
	background-position:center left;
	height:4em;
	padding-left:10%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#e6002d;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	width:3000px;
	margin-bottom:2em;
}
.message{
	padding-top:1em;
}
.theme05 .importantThings{
	color:#66b32d;
}

#tableLicense{
	width:100%;
}
#tableLicense tr td,
#tableLicense tr th{
	vertical-align:middle;
}


#tableFee{
	width:60%;
}



.square_btn{
	display: block;
	padding: 1.0em 1em;
	text-decoration: none;
	background: #91b62e;
	color: #FFF!important;
	border-radius: 0.3em;
	box-shadow: 0px 0px 0px 0.3em #91b62e;
	border: dashed 1px #FFF;
	width:40%;
	margin:3em auto;
	text-align:center;
	font-size:120%;
}

.square_btn:hover{
	border: dotted 1px #FFF;
}


#signiture{
	margin-top:2em;
	text-align:right;
}

.shoulder{
	font-size:80%;
}
/* =========================================================
	method
========================================================== */
.noamalMethod{
	background-color:#f8e0e5;
	padding:2em;
}
#noamalMethodLead{
	padding-top:2em;
	text-align:center;
}

#yakuzemiMethodLead{
	text-align:center;
}
.yakuzemiMethod{
	background-color:#c4ecf3;
	padding:2em;
}
#downarrowWrapper{
	text-align:center;
}
#downarrow{
	width:20%;
	margin:1em 40%;
	display:block;
}

@media screen and (max-width:768px) {
	.based{
		overflow:hidden;
	}
	#topMainUnder{
		height:100vw;
	}
	#topMainUnder video{
		top:-50%;
		position:absolute;
	}
	#topMainUpper{
		display:none;
	}
	#topMainUpperSP{
		left:0;
		display:block;
		height:100vw;
		width:100%;
		position:absolute;
		z-index:100;

		background-image:url("mesh06.png");

	}
	#topSub{
		display:none;
	}
	#topSubSP{
		margin-top:300px;
		display:block;
	}
	#topSubSP img{
		width:100%;
	}
	#topMain,
	#topSub{
		height:auto;
		width:100%;
		background-size:contain;
		min-width:100%;
	}
	#topMain img,
	#topSub img{
		display:block;
		width:100%;
		margin:0;
	}
	#prep{

	}

	#tableFee {
		width:100%;
	}
	.square_btn{
		width:70%;
		margin-left:10%;
	}
	#shitsumonBox{
		margin-top:2em;
	}
	.noamalMethod,
	.yakuzemiMethod{
		padding:1em;
	}
	#pdfHandout{
		width:20%;
		float:left;
	}

	#tableLicense tr th{

	}
}