/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.txaL { text-align: left !important; }
.txaC { text-align: center !important; }
.txaR { text-align: right !important; }

.txtXL{
	font-size:210%;
	width:100%;
}

.txtLL{
	font-size:160%;
	width:100%;
}

.txtL{
	font-size:130%;
	width:100%;
}

.txtM{
	font-size:111%;
	width:100%;
	line-height: 20px;
}

.txtM2 {
	font-size:90%;
	letter-spacing:1px;
	line-height:160%;
	text-align:left;
	}

.txtS {
	font-size:75%;
	}

.txtSS{
	font-size:60%;
	}


/* フォントの太さ */
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }

/* インデント */
.indent {
      margin-left: 1em; /* ブロック全体を 1em 右に */
      text-indent: -1em; /* 先頭の1文字のみ 1em 左に */
}  

/* フォントの色 */
.texcolR {
	color: #FF0000;
}

.texcolG {
	color: #339900;
}

.texcolB {
	color: #0000FF;
}

.texcolW {
	color: #FFFFFF;
}

.texcolY {
	color: #FFFF00;
}

.texcolP {
	color: #FF3366;
}

/*黄色マーカー*/
.marker {
	background-color: #FFFF00;
}

/*ピンク下線*/
.pink {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF3366;
}

/*ライン高*/
.line20{
	line-height: 20px;
}

.line10 {
	line-height: 10px;
}
.line5 {
	line-height: 5px;
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/



/*Class
--------------------------------------------*/		
/*Float
--------------*/
.flL, .boxL {float:left;	}

.flR, .boxR {float:right;	}
	

/*Clear
--------------*/
.both {
	clear:both;
	}
	
	
.clearfix:after,section:after,
#head:after,
.Step01:after, .Step02:after, .Step03:after,
.melitL:after{
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
 line-height:0; 
	}
	
.block {
	display:block;
}
	
	
/*fontB
--------------*/
.fontB {
	font-weight:bold;
	}
	

/*Margin
--------------*/
.mg0 {margin:0 !important;}
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}


/*top*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT25 {margin-top:25px;}
.mgT30 {margin-top:30px;}
.mgT35 {margin-top:35px;}
.mgT40 {margin-top:40px;}
.mgT45 {margin-top:45px;}
.mgT50 {margin-top:50px;}
.hr{border-top:7px solid #25a776;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR15 {margin-right:15px;}
.mgR20 {margin-right:20px;}
.mgR25 {margin-right:25px;}
.mgR30 {margin-right:30px;}
.mgR35 {margin-right:35px;}
.mgR40 {margin-right:40px;}
.mgR45 {margin-right:45px;}
.mgR50 {margin-right:50px;}

/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB25 {margin-bottom:25px;}
.mgB30 {margin-bottom:30px;}
.mgB35 {margin-bottom:35px;}
.mgB40 {margin-bottom:40px;}
.mgB45 {margin-bottom:45px;}
.mgB50 {margin-bottom:50px;}

/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL15 {margin-left:15px;}
.mgL20 {margin-left:20px;}
.mgL25 {margin-left:25px;}
.mgL30 {margin-left:30px;}
.mgL35 {margin-left:35px;}
.mgL40 {margin-left:40px;}
.mgL45 {margin-left:45px;}
.mgL50 {margin-left:50px;}
.mgL3p{margin-left:3%;}

/*Padding
--------------*/
.pd0 {padding:0px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}


/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}
.pdT20 {padding-top:20px;}
.pdT25 {padding-top:25px;}
.pdT30 {padding-top:30px;}
.pdT35 {padding-top:35px;}
.pdT40 {padding-top:40px;}
.pdT45 {padding-top:45px;}
.pdT50 {padding-top:50px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR15 {padding-right:15px;}
.pdR20 {padding-right:20px;}
.pdR25 {padding-right:25px;}
.pdR30 {padding-right:30px;}
.pdR35 {padding-right:35px;}
.pdR40 {padding-right:40px;}
.pdR45 {padding-right:45px;}
.pdR50 {padding-right:50px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB25 {padding-bottom:25px;}
.pdB30 {padding-bottom:30px;}
.pdB35 {padding-bottom:35px;}
.pdB40 {padding-bottom:40px;}
.pdB45 {padding-bottom:45px;}
.pdB50 {padding-bottom:50px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL15 {padding-left:15px;}
.pdL20 {padding-left:20px;}
.pdL25 {padding-left:25px;}
.pdL30 {padding-left:30px;}
.pdL35 {padding-left:35px;}
.pdL40 {padding-left:40px;}
.pdL45 {padding-left:45px;}
.pdL50 {padding-left:50px;}

/*次へボタン*/

.next{
	float:right;
	margin-bottom: 10px;
}

.secNo{
	border:#3a84b 2px solid;
	width:80px;
	min-height:80px;
	border-radius:40px;/* CSS3草案 */
	-webkit-border-radius:40px;    /* Safari,Google Chrome用 */
	-moz-border-radius:40px;
	
}

.secNo em{
	background:#3a84b;
	border:#ffffff 1px solid;
	min-width:80px;
	min-height:80px;
	display:block;
	border-radius:40px;/* CSS3草案 */  
	-webkit-border-radius:40px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:40px;   /* Firefox用 */
	text-align:center;
	background: -moz-linear-gradient(top,
		#8cc491 0%,
		#41a24f 49%,
		#0d8400 50%,
		#54a84b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#8cc491),
		color-stop(0.49, #41a24f),
		color-stop(0.50, #0d8400),
		to(#54a84b));
		border: 2px solid #196749;
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.3),
		inset 1px 9px 10px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.3),
		inset 1px 9px 10px rgba(255,255,255,0.7);
	text-shadow:
		0px 0px 0px rgba(000,000,000,1),
		0px 0px 0px rgba(255,255,255,1);
}

.secNo a{
	text-decoration: none;
}
.secNo em span{
	margin-top:30px;
display:block;
font-style:normal;
color:#fff08e;
font-weight:bold;
font-size:125%;
}

/*黄色マーカー*/
.marker {
	background-color: #FFFF00;
}

/* カゴロード表示 */
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 20000;
}
#loader p{
	font-size: 16px;
	font-family: -apple-system, blinkMacSystemFont,'Helvetica Neue','Segoe UI',YuGothicM,YuGothic,Meiryo,sans-serif;
	margin-top: 10px;
	border: solid #999 1px;
	padding: 5px;
	color: #fff;
	background-color: #000;
	border-radius: 10px;        
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}