/*-----------------
	メイン
--------------------*/

#mainContents {
	background-image:url("../images/style/skyback.jpg");
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:0 0;
	position:relative;
	padding:96px 0;
}

#mainContents a{
	color:#E66407;
	text-decoration:underline;
	
}

#mainContents h1{
	padding-left:0.7em;
	font-size:3.2em;
	color:#2D2D2D;
}
#mainContents h1 span{
	display:block;
	padding-top:0.8em;
	font-size:0.4em;
	color:#27388f;
	font-weight:normal;
}

#mainContents iframe{
	width: 100%;
	height:auto;
}




.w1{	width:8%;	}
.w2{	width:18%;	}
.w3{	width:28%;	}
.w4{	width:38%;	}
.w5{	width:48%;	}
.w6{	width:58%;	}
.w7{	width:68%;	}
.w8{	width:78%;	}
.w9{	width:88%;	}

._ir{
	border-radius:20px;
	
}

.Pr{
	position:relative;
}


._ti01{
	border-left:	4px solid #e96e16;
	border-bottom:	1px solid #27388f;
	font-weight:bold;
	color:#27388f;
	padding:0.2em 0.4em 0.4em;
	font-size:3em;
}

._ti02{
	color:#27388f;
	font-weight:bold;
	padding:0.2em 0.4em;
	font-size:3em;
}._ti02 span{
	background: linear-gradient(transparent 60%, #FFF136 0%);
}
._ti03{
	display:inline-block;
	font-weight:bold;
	padding:0.1em 0.15em;
	font-size:1.2em;
	background: linear-gradient(transparent 60%, #FFF136 0%);
}

.fSl{	font-size:1.2em;	}



.txt01{
	padding:1em 0.5em;
	font-size : 1.4em;
	color:#333;
	line-height:1.75;
}

.txt02{
	padding:0.8em;
	font-size : 1.6em;
	color:#333;
	border:1px solid #CCC;
	background-color: #E8E8E8;
	line-height:1.5;
}
.textRed{
	padding:0.8em;
	margin-left: 8%; 
	margin-right: 8%; 
	font-size : 1.4em;
	color:#900;
	border:1px solid #900;
	background-color: #FEE;
	line-height:1.4;
}

.err{
	background-color: #FFF136;
	color:#900;
	font-size:0.8em;
}

.textRed .err{
	background-color: transparent;
	
}	

/*--------------	
	TABLE
-------------*/
table{
	text-align:left;
	margin-left:2.5%;
	width:95%;
	line-height:1.6;
	font-size:1.6em;
}
table1.b{
	font-size:1.2em;
	line-height:1.4;
}

table th{
	border-bottom:2px solid #27388f;
	padding:1.2em 0.4em 0.3em;
	vertical-align:bottom;
	font-weight:normal;
}

table td{
	border-bottom:1px solid #999;
	padding:1.2em 1.2em 0.3em;
}

table th._h::before{
	content:"必須";
	display:inline-block;
	font-size:0.7em;
	padding:0.1em 0.5em;
	background-color:#27388f;
	color:#FFF;
	margin:0 1em;
}
table th._d::before{
	content:"任意";
	display:inline-block;
	font-size:0.7em;
	padding:0.1em 0.5em;
	background-color:#999;
	color:#FFF;
	margin:0 1em;
}



table ._md{
	vertical-align:middle;
	text-align:center;
}
/*--------------	
	INPUT
-------------*/
input,select,textarea{
	border:1px solid #BFBFBF;
	background-color:#EDEDED;
	padding:2px 1%;
	font-size:1.2em;
	linde-height:1;
}

#mainContents label{
	display:inline-block;
	margin: 0.2em 0.5em;
	padding: 0.1em 0.5em;
	background-color:#EEE;
	color:#999;
	border-radius:0.5em;
	border : 1px outset #CCC;
	cursor:pointer;
	
}
#mainContents input:checked+label{
	
	background-color:#27388f;
	color:#FFF136;
	border : 1px inset #27388f;
	
}
input[type*="radio"]{
	display:none;
} 


/*--------------	
	DL
-------------*/
dl.step{
	padding:1em 2em;
	font-size:1.4em;
}
dl.step dt{
	padding:0.6em 0.4em 0.7em;
	font-size:1.15em;
	color:#FFF;
	font-weight:bold;
	background-color:#008cef;
}
dl.step dt::before{
	content:"■ ";
}

dl.step dd{
	background-image: url("../images/style/arrow_gl.png")  ;
	background-repeat:repeat-y;
	background-position:10px 0;
	padding:1em 0.5em 1em 40px;
	line-height:1.75;
	
	animation: arrow 2s linear 0s infinite normal;

}
dl.step dd.end{
	background-image: none;
	animation: none;

}


dl.dl01{
	padding:1em;
	font-size:1.4em;
}
dl.dl01 dt{
	position:relative;
	border-bottom: 2px solid #D6D6D6;
	padding:0.4em 0.4em 0.5em;
	font-size:1.15em;
	color:#333;
	font-weight:bold;
	margin-top:0.5em;
}

dl.dl01 dt::after{
	content:"";
	width:15%;
	height:2px;
	overdlow:hidden;
	background-color:#e96e16;
	position:absolute;
	left:0;
	bottom:-2px;
	
}

dl.dl01 dd{
	padding:1em ;
	line-height:1.75;
	color:#555;

}

dl.dl02{
	padding:1em 2em ;
	font-size:1.4em;
}
dl.dl02 dt{
	font-size:1.15em;
	color:#27388f;
	font-weight:bold;
}

dl.dl02 dt::before{
	content:"■ ";
	font-size:0.6em;
	color:#333;	
}

dl.dl02 dd{
	padding:0.5em 1.2em;
	line-height:1.75;
	color:#555;
	margin-bottom:1.2em;

}

dl.box{
	padding:1em 2em;
	font-size:1.6em;
}
dl.box dt{
	padding:0.6em 0.4em 0.7em;
	font-size:1.15em;
	color:#FFF;
	font-weight:bold;
	background-color:#27388f;
	border:1px solid #27388f;
}
dl.box dt::before{
	content:"■ ";
}
dl.box dd{
	border:1px solid #CCC;
	border-top:none;
	padding:0.8em;
	line-height:1.4;
	margin-bottom:1.5em;
}
dl.box dd::after {content: "";display: table;clear: both;}

dl.box dd img{
	float:left;
	box-shadow:4px 4px 0 #FFF136;
	width:20%;
	margin-right:2em;
	
	
}


dl.faq{
	position:relative;
	padding:1em 2em;
	font-size:1.6em;
}
dl.faq dt{
	padding:0.6em 0.4em 0.7em 2.4em;
	font-size:1.15em;
	color:#FFF;
	font-weight:bold;
	border:1px solid #01b3ed;
	background:#01b3ed url("../images/style/q.png") no-repeat 6px 50%;
	background-size:auto 1.5em
}
dl.faq dd{
	position:relative;
	border:1px solid #CCC;
	border-top:none;
	padding:0.8em 0.8em 0.8em 2.5em;
	line-height:1.4;
	margin-bottom:1.5em;
	background:#FFF url("../images/style/a.png") no-repeat 6px bottom;
	background-size:auto 4.8em;
	min-height: 3.4em;

}

dl.box dd::after {content: "";display: table;clear: both;}

dl.box dd img{
	float:left;
	box-shadow:4px 4px 0 #FFF136;
	width:20%;
	margin-right:2em;
	
	
}
@keyframes arrow {
	0% {		background-position:10px 0;		}
	100% {		background-position:10px 20px;		}
}




.Fl{	float:left;	}
.Fr{	float:right;	}
.lT{	text-align:left;	}
.cT{	text-align:center;	}
.rT{	text-align:right;	}

.tV{	vertical-align : top;	}
.mV{	vertical-align : middle;	}
.uV{	vertical-align : unser;	}



.fSs{	font-size: 0.8em;	}
.fSm{	font-size: 1rem;	}
.fSl{	font-size: 1.2em;	}
.fSll{	font-size: 2em;	}

.w100{	width:96%;	}
.w50{	width:46%;	}
/*-----------------
	ページ別設定
--------------------*/
#toUsersBox{
	background: url("../images/pages/tousers.jpg") no-repeat center center;
	background-size:auto 100%;
	width:100%;
	padding-top:80px;
	height:435px;
	text-align:center;
}
#toUsersBox p{
	margin-top: 20px;
	display:inline-block;
	padding: 0 1em 0.5em;
	background:url("../images/style/line01.png") no-repeat center bottom;
	background-size: 100% auto;
	color:#060142;
	font-size:4.5em;	
	font-weight:bold;
	transform: rotateZ(-3deg);
}



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

	#mainContents {
		font-size:1.4em;
	}
	._spMt{
		margin-top:3em;
	}
	
	.w1,.w2,.w3,.w4,.w5{
		width:80%; margin-left: 10%;
	}
	.w6,.w7,.w8,.w9{
		width:100%;
	}


	.txt01{
		font-size : 1.6em;
	}



	#toUsersBox{
/*		padding-top:200px;	*/
		height:315px;
	}
	#toUsersBox p{
		margin-top: 20px;
		font-size:2.5em;	
	}

	dl.step{
		padding:1em 0.5em;
	}
	
	dl.box dd img{
		float:none;
		box-shadow:4px 4px 0 #FFF136;
		width:80%;
		margin: 0 10% 1.5em ;
		
		
	}	
	table,thead,tbody,tfoot,tr,th,td{
		display:block;
	}

	table td{
		margin-left:0.5em;
		border-left:1px solid #CCC;
		padding: 0.8em 1.2em 0.3em;
	}
}