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

*{line-height:1.7;}

html,body{width:100%; height:100%; margin:0;padding:0;}
html{font-size: 62.5%;}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div{margin: 0;padding: 0;}
h3, h4{font-weight: bold;}
ul li, ol li{list-style: none;}
table{margin: 0;padding: 0;font-size: 100%;}
caption{text-align: left;}
table, pre, code, select, textarea, kbd, var, ins, del, samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
img{border:none;}
a img{border:none; outline:none;}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
input[type="image"]:hover {
	opacity: 0.7;
  	filter: alpha(opacity=70);
  	-ms-filter: "alpha(opacity=70)";
 }
a, a:visited{text-decoration:none; color:#003595; outline:none;}
hr.separation{display: none;}
fieldset{border: none;}
header,section,nav,aside,footer,article{display: block;}

body{
	color:#212121;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
	font-size: 14px;
	background:#eff9ff;
}

/* ------------
  各ページ共通
--------------- */

/* --- 枠 --- */
#wrap{
	position:relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
}
#wrap.top{
	background:url(../img/bg_top.png) center no-repeat;
}
#main{
	padding-bottom:90px;
}
/* --- ヘッダー --- */
#header{
	width:100%;
	height:73px;
	background:url(../img/header/bg_header.png) repeat-x;
	display:block;
}
#header_inner{
	width:890px;
	margin:0 auto;
}
	
	#header_logo{
		width:165px;
		margin:0 0 0 30px;
		padding:15px 0 0;
		float:left;
	}
	@media(max-width: 750px){
		#header_logo{
			width:165px;
			margin:0 0 0 30px;
			padding:20px 0 0;
			float:left;
		}
	}

	/* グローバルメニュー */
	#header ul#g_menu{
		width:620px;
		height:73px;
		margin:0 auto;
		padding:0;
		float:right;
	}
	#header ul#g_menu li{
	  height:73px;
	  display:inline-block;
	  float:left;
	  }
	#header ul#g_menu li a{
	  height:73px;
	  display:block;
	  text-indent: -9999px;
	  white-space: nowrap;
	  overflow: hidden;
	  }
	
		
	/* line */
		#header ul#g_menu li.line{ width:2px; background:url(../img/header/menu.png) 0 0 no-repeat;}
		
	/* トップ */
		#header ul#g_menu li.menu_01{ width:119px; background:url(../img/header/menu.png) -2px 0 no-repeat;}
			#header ul#g_menu li.menu_01:hover{ width:119px; background:url(../img/header/menu.png) -2px -73px no-repeat;}	
		
	/* はじめての方へ */
		#header ul#g_menu li.menu_02{ width:126px; background:url(../img/header/menu.png) -123px 0 no-repeat;}
			#header ul#g_menu li.menu_02:hover{ width:126px; background:url(../img/header/menu.png) -123px -73px no-repeat;}
	
	/* 申込内容確認 */
		#header ul#g_menu li.menu_03{ width:124px; background:url(../img/header/menu.png) -251px 0 no-repeat;}
			#header ul#g_menu li.menu_03:hover{ width:124px; background:url(../img/header/menu.png) -251px -73px no-repeat;}
	/* よくあるご質問 */
		#header ul#g_menu li.menu_04{ width:121px; background:url(../img/header/menu.png) -377px 0 no-repeat;}
			#header ul#g_menu li.menu_04:hover{ width:121px; background:url(../img/header/menu.png) -377px -73px no-repeat;}
	
	/* お問い合わせ */
		#header ul#g_menu li.menu_05{ width:117px; background:url(../img/header/menu.png) -501px 0 no-repeat;}
			#header ul#g_menu li.menu_05:hover{ width:117px; background:url(../img/header/menu.png) -501px -73px no-repeat;}


@media(max-width: 750px){
	/* --- スマホメニュー --- */
#sp_menu_btn{
	width:98px;
	height:91px;
	background:url(../img/smp/menu_sp.png) no-repeat;
	position:absolute;
	top:0;
	right:10px;
	z-index:10;
}
.sp_menu{
	width:90%;
	max-width:300px;
	height:auto;
	background:#2c40a7;
	border-radius:10px;
	padding:6px 0;
	position:absolute;
	top:76px;
	right:10px;
	z-index:9;
}

/* グローバルメニュー */
	.sp_menu ul{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	.sp_menu ul li{
		width:100%;
		display:inline-block;
		float:left;
	}
	.sp_menu ul li a{
		height:50px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		font-size:18px;
		padding:22px 0 0 40%;
	}
	
	/* line */
		.sp_menu ul#g_menu li.line{ display:none !important;}
		
	/* トップ */
		.sp_menu ul li.menu_01{background:url(../img/smp/sp_menu_icon_01.png) 16% 20px no-repeat; border-bottom:1px solid #96a0d3;}
	
	/* はじめての方へ */
		.sp_menu ul li.menu_02{background:url(../img/smp/sp_menu_icon_02.png) 16% 20px no-repeat; border-bottom:1px solid #96a0d3;}
	
	/* 申込内容確認 */
		.sp_menu ul li.menu_03{background:url(../img/smp/sp_menu_icon_03.png) 16% 20px no-repeat; border-bottom:1px solid #96a0d3;}
		
	/* よくあるご質問 */
		.sp_menu ul li.menu_04{background:url(../img/smp/sp_menu_icon_04.png) 16% 20px no-repeat; border-bottom:1px solid #96a0d3;}
	
	/* お問い合わせ */
		.sp_menu ul li.menu_05{background:url(../img/smp/sp_menu_icon_05.png) 16% 20px no-repeat;}

}


/* --- フッター --- */
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;
	background:#213263;
	text-align:center;
	color:#FFFFFF;
}
	
#footer div{
	display:inline-block;
	padding-top:23px;
}


/* --- リンク装飾 --- */
a.arrow_link{
	background:url(../img/btn_link.png) right 2px no-repeat;
	padding:5px 22px 0 0;
	font-size:16px;
	border-bottom:1px solid #003595;
}

/* ボタン（ブルー） */
#btn_blue{
	display:inline-block;
}
.btn_blue_left{
	width:10px;
	height:53px;
	background:url(../img/btn_bg_left.png) 0 0 no-repeat;
	float:left;
}
.btn_blue_center{
	width:auto;
	height:53px;
	background:url(../img/btn_bg_center.png) repeat-x;
	float:left;
}
	.btn_blue_center p.arrow_right{
		padding:13px 50px 0 20px !important;
		background:url(../img/btn_arrow_right.png) right 14px no-repeat;
		color:#FFFFFF;
		font-size:16px;
		text-shadow: 1px 1px 3px #000;
	}
	.btn_blue_center p.arrow_left{
		padding:13px 20px 0 50px !important;
		background:url(../img/btn_arrow_left.png) 0 14px no-repeat;
		color:#FFFFFF;
		font-size:16px;
		text-shadow: 1px 1px 3px #000;
	}
.btn_blue_right{
	width:10px;
	height:53px;
	background:url(../img/btn_bg_right.png) 0 0 no-repeat;
	float:left;
}


@media(max-width: 750px){
	#btn_blue{
		display:block;
	}
	.btn_blue_left, 
	.btn_blue_right{
		display:none;
	}
	.btn_blue_center{
		width:auto;
		height:54px;
		float:none;
		display:inline-block;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		background:linear-gradient(#6c82cb, #2947aa);
		background:-moz-linear-gradient(top, #6c82cb, #2947aa);
		background:-webkit-gradient(linear, left top, left bottom, from(##6c82cb), to(#2947aa));
	}
		.btn_blue_center p.arrow_right{
			padding:14px 60px 16px 30px !important;
			background:url(../img/smp/btn_arrow_right_sp.png) right 10px top 14px no-repeat;
			color:#FFFFFF;
			font-size:16px;
			text-shadow:none;
		}
		.btn_blue_center p.arrow_left{
			padding:14px 30px 16px 60px !important;
			background:url(../img/smp/btn_arrow_left_sp.png) 10px 14px no-repeat;
			color:#FFFFFF;
			font-size:16px;
			text-shadow:none;
		}
}

/* --- エラーメッセージ --- */
.error_text{
	color:#ff2f36;
	font-weight:bold;
}



.pc{ display:inline-block;}
.sp{ display:none;}
@media(max-width: 750px){
	.pc{ display:none;}
	.sp{ display:inline-block;}
}


/* ------------
  common Style
--------------- */
.clearfix{ clear:both;}
.clearfix:after{
	content: "";
	height:0;
	clear: both;
	visibility: hidden;
	display: block;
	line-height:0;
}

/*　古いClearfix
.clearfix {
overflow: hidden;
}
*/

.mb0 {margin-bottom: 0px !important; }
.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important; }
.mb15 {margin-bottom: 15px !important; }
.mb20 {margin-bottom: 20px !important; }
.mb30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mm10{margin-top:-10px !important;}
.mm20{margin-top:-20px !important;}
.mm30{margin-top:-30px !important;}
.mm40{margin-top:-40px !important;}
.mm50{margin-top:-50px !important;}

@media(max-width: 750px){
.sp_mm10{margin-top:-10px !important;}
.sp_mm20{margin-top:-20px !important;}
.sp_mm30{margin-top:-30px !important;}
.sp_mm40{margin-top:-40px !important;}
.sp_mm50{margin-top:-50px !important;}
}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.pt20{padding-top:20px;}

.margin_center{margin:0 auto !important;}

.tac { text-align: center !important; }
.tar { text-align: right !important; }
.tal { text-align: left !important; }

.fL{ float:left;}
.fR{ float:right;}
.bold{ font-weight:bold;}
.link_ul{ border-bottom:1px solid #003595;}
.border_bottom{border-bottom:1px solid #959595 !important;}