@charset "UTF-8";
/* CSS Document */


/* ------------------
  スマートフォン用
-------------------- */

@media(max-width: 750px){
html{font-size: 100%;}
body{font-size: 100%;}
}
/* --- ヘッダー --- */
#header{
	width:100%;
	height:73px;
	background:url(../img/header/bg_header.png) repeat-x;
	display:block;
}

#sp_header{
	width:100%;
	height:81px;
	background:url(../img/smp/bg_header_sp.png) repeat-x;
	display:none;
}

/* --------------------------------------------- メディアクエリここから --------------------------------------------- */

@media(max-width: 750px){
	

/* --- ヘッダー --- */
#header{
	display:none;
}

#sp_header{
	display:block;
}


/* --- メインコンテンツ --- */
#main {
	width:100%;
	padding-bottom:90px;
	background:#FFFFFF;
}


/* --- メイン --- */
#h1{ display:none;}
/* ///お支払い情報入力/// */
#form_headline.form{
	width:100%;
}
#form_headline .left, #form_headline .right, #bottom{
	display:none;
}
	

#form_headline.form .center{
	width:100%;
	height:66px;
	background:url(../img/smp/h3_sp.png) repeat-x;
	text-indent:0;
	float:none;
}
	#form_headline .center h3{
		color:#2c40a7;
		text-align:center;
		padding:14px 0 0 0;
		font-size:20px;
		font-weight:bold;
	}


/* ///流れ/// */
#nagare{
	width:100%;
	height:auto;
	margin:0 auto 0;
	z-index:7;
}
	#nagare .bar_01, 
	#nagare .bar_02, 
	#nagare .bar_03, 
	#nagare .bar_04, 
	#nagare .bar_05, 
	#nagare .bar_06, 
	#nagare .bar_07{
		width:100%;
		height:auto;
		background:url(../img/smp/bg_nagare_sp.png) center 0 no-repeat !important;
	}
	
	#nagare .bar_01 img, 
	#nagare .bar_02 img, 
	#nagare .bar_03 img, 
	#nagare .bar_04 img, 
	#nagare .bar_05 img, 
	#nagare .bar_06 img, 
	#nagare .bar_07 img{
		display:block;
		width:100%;
		max-width:640px;
		margin:0 auto;
	}
	
	
/* ///見出し/// */
/* 水色の吹き出し */
#h1.form{
	display:none;
}
	
#h1 p{
	color:#2c40a7;
	font-size:16px;
	font-weight:bold;
	margin:14px 0 0 8px;
}

/* 上部 */
#headline.form{
	width:100%;
	height:60px;
	margin:0 auto 0;
}
	#headline.form .left, #headline.form .right{
		display:none;
	}
	#headline.form .center{
		width:100%;
		height:60px;
		background:url(../img/smp/h4_sp.png) repeat-x;
		float:none;
	}

#headline.form h3{
	height:60px;
	background:url(../img/smp/curcle_orange_sp.png) 0 16px no-repeat;
	margin-left:5px;
	padding:13px 0 0 25px;
	font-size:16px;
	font-weight:bold;
}

/* 中部 */
#inner.form {
	width:100%;
	background:#FFFFFF;
	padding:20px 0 0;
}

/* 下部 */
#bottom.form{
	width:750px;
	height:14px;
	margin:0 auto 10px;
}
	#bottom.form .left{
		width:44px;
		height:14px;
		background:url(../img/h3/h3_07.png) no-repeat;
		float:left;
		margin-left:5px;
	}
	#bottom.form .center{
		width:683px;
		height:14px;
		background:url(../img/h3/h3_08.png) repeat-x;
		float:left;
	}
	#bottom.form .right{
		width:18px;
		height:14px;
		background:url(../img/h3/h3_09.png) no-repeat;
		float:left;
	}

/* 中上部　 */
#headline_middle.form{
	width:100%;
	height:54px;
	margin:0 auto 0;
}
	#headline_middle.form .left, #headline_middle.form .right{
		display:none;
	}
	#headline_middle.form .center{
		width:100%;
		height:54px;
		background:url(../img/h4_top_02.png) repeat-x;
		float:none;
	}

#headline.form h3, #headline_middle.form h3{
	height:54px;
	background:url(../img/circle_orange_L.png) 0 16px no-repeat;
	margin-left:5px;
	padding:13px 0 0 25px;
	font-size:16px;
	font-weight:bold;
}


/* ///小見出し/// */
/* オレンジ */
#h4_orange{
	width:90%;
	height:34px;
	margin:0 auto;
	padding:0 0 20px;
	background:url(../img/bar_orange.png) 0 6px repeat-x;
}
#h4_orange p{
	background:url(../img/circle_orange.png) 0 4px no-repeat;
	margin-left:20px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
}

/* 黄緑 */
#h4_ygreen{
	width:90%;
	height:34px;
	margin:0 auto;
	padding:0 0 20px;
	background:url(../img/bar_ygreen.png) 0 6px repeat-x;
}
#h4_ygreen p{
	background:url(../img/circle_ygreen.png) 0 4px no-repeat;
	margin-left:20px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
}


/* ///テキスト/// */
#textarea{
	width:80%;
	margin:0 auto 20px;
}
#form_textarea{
	width:80%;
	margin:0 auto 10px;
}

#form_textarea h3{
	background:none;
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
#form_textarea h3 img{
	display:inline-block;
	margin:6px 8px 0 0;
}

dl.text_list{
	width:auto;
	padding:0;
}
dl.text_list dt{
	width:20px;
	margin:0;
	float:left;
}
dl.text_list dd{
	width:auto;
	margin-left:40px;
}

/* ///ボタン/// */
#btnarea{
	width:70%;
	margin:0 auto 20px;
	text-align:center;
}

.btn_left, .btn_right{
	float:none !important;
	margin-bottom:20px;
}


/* ///フォーム/// */
/*テーブル*/
#table_design{
	display:block;
	width:90%;
	margin:0 auto 30px;
	border-top:1px solid #959595;
	border-collapse:collapse;
}
	#table_design .tr{
		display:block;
		border-bottom:1px solid #959595;
	}
	#table_design .tr, 
	#table_design .th, 
	#table_design .td{
			font-weight:bold;
		}
	#table_design .th{
		width:100%;
		padding:20px 0;
		display:block;
		background:#f4f4f4;
		text-align:center;
		font-size:18px;
		}
	#table_design .td{
		width:80%;
		padding:15px ;
		margin:0 auto;
		display:block;
		background:#ffffff;
		}
	#table_design .td p{ padding-left:0;}
	
	#table_design input{
		padding:5px; 
		background:#f6f6f6;
		border:1px #959595 solid;
		}
	#table_design input[type="text"]{width:24%;}
	.tel input[type="text"]{width:22% !important;}
	.line_hight{ line-height:3.0 !important;}
	.td_long input[type="text"]{ width:60% !important;}

	/* 住所入力欄 */
	#table_design dl{
		width:100%;
		display:block;
		margin-bottom:10px;
	} 
	#table_design dl dt{
		width:80px;
		float:left;
		display:block;
		padding-top:4px;
	}
	#table_design dl dd{
		width:auto;
		display:block;
		margin-left:80px;
		float:none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

#form_select{
	width:80%;
	margin:0 auto 30px;
}
#form_select input, #form_select select{
	font-size:100% !important;
}
select{
	max-width:100%;
}
#form_select select{
	width:80%;
	height:44px !important;
	margin:0 auto 20px;
	padding:0.5em 0 0.5em 0.5em;
	box-sizing:content-box !important;
	-webkit-box-sizing:content-box !important;
}
#form_select input{
	width:60%;
}

#form_select input{
	width:270px;
}


#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;
	background:#213263;
	text-align:center;
	color:#FFFFFF;
	padding:10px 0;
	}
	
#footer div{
	width:90%;
	height:auto;
	display:inline-block;
	padding-top:4px;
}
#sp_goriyo{
	display:block;
}

#goriyo{
	display:none;
}

}

/* --------------------------------------------- メディアクエリここまで --------------------------------------------- */