@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }

/* text-align */
.txt_al_c{text-align:center;}

/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	
}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul { 
}
* html ul {
	zoom: 100%;
}
*:first-child+html ul {
	display: inline-block;
}
ul:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}






/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000;
	transition: 0.4s;
	-webkit−transition: 0.4s;
}
a:hover {
	color: #808080;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}






/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	color: #212121;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
}


/* table */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.table{
	width:100%;
	box-sizing:border-box;
	border-collapse: collapse;
}
.table th{
	background-color:#f5f5f5;
	padding:12px 20px 8px 20px;
	text-align:left;
}
.table td{
	padding:12px 10px 8px 20px;
}
.table tr th,.table tr td{
	border-top:1px solid #d2d2d2;
}
.table tr:last-child th,.table tr:last-child td{
	border-bottom:1px solid #d2d2d2;
}




/* ヘッダー 共通 */
#header {
	width: 100%;
	position:relative;
	box-sizing:border-box;
	background-color: #fff;
}


/* footer 共通 */
#footer{
	/*background-color:#f9f9f9;*/
	background-color:#fff;
	padding:20px 40px 18px;
	position:relative;
	}
	#footer p{
		font-size:0.8em;
		margin-top:12px;
		padding-left:7px;
		}
		#footer .pagetop{
			position:absolute;
			right:0;
			top:0;
			background-color:#0c367f;
			height:100%;
			width:100px;
			text-align:center;
			padding-top:30px;
			cursor:pointer;
			box-sizing:border-box;
			transition:600ms;
			}
			#footer .pagetop:hover{
				background-color:#e00012;
				transition:600ms;
				}


/* btn 共通 */
.btn_b{
	border:1px solid #0c367f;
	background-color: #0c367f;
	color:#fff!important;
	}
	.btn_b.arrow:before{
		position:absolute;
		content:"";
		top:50%;
		transition:200ms;
		right:20px;
		margin-top:-4px;
		width:24px;
		height:7px;
		background-image:url(../img/arrow_w.png);
		}

.btn_w{
	border:1px solid #0c367f;
	background-color: #fff;
	color:#0c367f!important;
	}
	.btn_w.arrow:before{
		position:absolute;
		content:"";
		top:50%;
		transition:200ms;
		right:20px;
		margin-top:-4px;
		width:24px;
		height:7px;
		background-image:url(../img/arrow_b.png);
		}
.btn_w img,.btn_b img{
	vertical-align:middle;
	}		
.btn_b.arrow:hover:before,.btn_w.arrow:hover:before{
		right: 14px;
		transition:200ms;
	}

.btn_b,.btn_w{
	min-width:350px;
	max-width:100%;
	text-align:center;
	display:inline-block;
	position:relative;
	letter-spacing: 0.7em;
	font-size:1.2em;
	font-weight:bold;
	width: 100%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	padding:20px 0;
	}
/* btn 共通 end */

/* disc 共通 */
.disc_square{
	position:relative;
	padding-left:13px;
	}
	.disc_square:before{
		position:absolute;
		left:0;
		top:0.6em;
		content:"";
		width:8px;
		height:8px;
		background-color:#0c367f;
		}
.disc_round{
	position:relative;
	padding-left:13px;
	}
	.disc_round:before{
		position:absolute;
		left:0;
		top:0.6em;
		content:"";
		width:8px;
		height:8px;
		border-radius:100%;
		background-color:#0c367f;
		}
/* disc 共通 end */


/* sd_main */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.pankuzu{
	background-color:#f8f9f9;
	}





/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	body{
		min-width: 1130px;
		}
	
	.sp {display: none !important;}

	/* ヘッダー pc */
	#header{}
		#header_wrap{
			margin:auto;
			min-width: 1130px;
			max-width: 1130px;
			position:relative;
			}
			#header_wrap .logo{
				text-align:center;
				}
			.sub_content_header #header_wrap .logo{
				padding: 30px 0;
				}
			.sub_content_header ul{
				padding-top:0!important;
				}
			#header_wrap ul{
				display:table;
				width:100%;
				text-align:center;
				padding-bottom:45px;
				padding-top:63px;
				}
				#header_wrap ul li{
					display:table-cell;
					}
					#header_wrap ul li a{
						display:block;
						height:100%;
						}
					#header_wrap ul li img{
						opacity:1!important;
						}
			#header_wrap .bar{
				position:absolute;
				display: block;
				text-align:center;
				height:19px;
				bottom:0;
				}
			#header_wrap .bar:after{
				content:"";
				width:3px;
				height:100%;
				background-color:#00358c;
				display:inline-block;
				}
	/* ヘッダー pc end */
	
	
	
	/* フッター pc  */
	#footer{
		min-width: 1130px;
		box-sizing: border-box;
		}
	/* フッター pc end */
	
	
	
	/* contents pc  */
	.sub_bg{
		width:100%;
		height:250px;
		background-position:center bottom;
		background-size:cover;
		}
	#sub_content{
		background-color:#fafafa;
		padding-bottom:120px;
		min-width: 1130px;
		}
		#sub_content_wrap{
			width:1040px;
			background-color:#fff;
			padding: 40px 75px 90px;
			box-sizing:border-box;
			margin:auto;
			margin-top:-40px;
			}
			#sub_content_wrap h2{
				text-align:center;
				margin-bottom: 45px;
				}
				#sub_content_wrap h2:before{
					display:block;
					margin:auto;
					margin-bottom:23px;
					content:"";
					background-color:#00358c;
					width:3px;
					height:37px;
					}
				#sub_content_wrap h2:after{
					display:block;
					margin:auto;
					margin-top:23px;
					content:"";
					background-color:#e00012;
					width:3px;
					height:16px;
					}
			#sub_content_wrap > .sec:not(:nth-of-type(1)){
				margin-top:60px;
				}
	/* contents pc end */
	
	

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	.pc {display: none !important;}

	/* btn sp */
	.btn_b,.btn_w{
	min-width:300px;
	}
	/* btn sp end */
	
	/* ヘッダー sp */
	.sub_content_header{
		position:fixed!important;
		top:0;
		z-index:9998;
		}
	#header nav ul{
		display:none;
		}
	.sub_content_header #header_wrap{
		padding:10px;
		}
		.sub_content_header #header_wrap img{
			width:250px;
			}
	/* ヘッダー pc end */
	
	
	
	/* フッター sp  */
	#footer{
		padding: 20px 95px 15px 10px ;
		}
	#footer div:nth-of-type(1) img{
		max-width:100%;
		}
	#footer p{
		font-size:0.8em;
		margin-top:12px;
		padding-left:7px;
		}
		#footer .pagetop{
			position:absolute;
			right:0;
			top:0;
			background-color:#0c367f;
			height:100%;
			width:80px;
			text-align:center;
			padding:30px 10px 10px;
			cursor:pointer;
			box-sizing:border-box;
			transition:600ms;
			}
			#footer .pagetop img{
				width: 60px;
				position:absolute;
				top:50%;
				margin-top:-23px;
				left:50%;
				margin-left:-30px;
				}
	/* フッター sp end */	
	
	
	/*  contents sp  */
	#sub_content{
		margin-top:47px;
		}
	.anker_wrap{
		position:relative;
		}
		.anker{
			position:absolute;
			top:-47px;
			}
	.sub_bg{
		width:100%;
		height:120px;
		background-position:center bottom;
		background-size:cover;
		}
	#sub_content{
		background-color:#fafafa;
		padding-bottom:80px
		}
		#sub_content_wrap{
			background-color:#fff;
			padding: 40px 15px;
			box-sizing:border-box;
			margin:10px;
			margin-top:-25px;
			}
			#sub_content_wrap > .sec:not(:nth-of-type(1)){
				margin-top:40px;
				}
			#sub_content_wrap h2{
				text-align:center;
				margin-bottom: 30px;
				}
				#sub_content_wrap h2:before{
					display:block;
					margin:auto;
					margin-bottom:23px;
					content:"";
					background-color:#00358c;
					width:3px;
					height:37px;
					}
				#sub_content_wrap h2:after{
					display:block;
					margin:auto;
					margin-top:23px;
					content:"";
					background-color:#e00012;
					width:3px;
					height:16px;
					}
	.btn_b,.btn_w{
	min-width:auto;
	max-width:100%;
	width:100%;
	padding:15px 0;
	}
	/* contents sp end */
	
	


	

}