/* CSS Document */

/*-----------------------------------------content-----------------------------------------*/
body > div.wrapper > section{
	width:100%;
}

body > div.wrapper > section:nth-child(even){
background-color: #ffffff;
}

body > div.wrapper > section:nth-child(odd){
background-color: #f6f6f6;
}

body > div.wrapper > div#header {
	width: 1000px;
	height: 242px;
	margin: 60px auto 0;
	background: url(../img/second/common/header.jpg) no-repeat top center;
}
body > div.wrapper > div#header > h2 {
	font-size: 240%;
	padding: 86px 59px;
	box-sizing: border-box;
}

body > div.wrapper > div#header > h2::after {
	margin-top: 8px;
	margin-left: 3px;
	display: block;
	color: rgba(12,75,243,1.00);
	font-size: 55.6%;
}

body > div.wrapper > div#header > h2 > span {
	display: block;
	color: #0C4BF3;
	font-size: 58%;
	margin: 7px 2px;
}
body > div.wrapper > section > div.body {
	width: 1000px;
	height:100%;
	margin: 0 auto;
	padding: 31px 20px;
	box-sizing: border-box;
	color:#000000;
}
body > div.wrapper > section > div.body > h3 {
	padding-left: 30px;
	font-size: 162%;
	font-weight: bold;
	position: relative;
	margin-bottom: 31px;
}

body > div.wrapper > section > div.body > h3::before {
	margin-top: -2px;
	content: "";
	display: block;
	width: 19px;
	height: 5px;
	background-color: rgba(9,56,184,1.00);
	position: absolute;
	top: 50%;
	left: 0;
}

body > div.wrapper > section > div.body div h4{
	font-weight: bold;
	margin:20px 0;
	font-size: 126.6%;
	color: rgba(9,56,184,1.00);
}

body > div.wrapper > section > div.body > div.sub-nav > ul.sub-nav {
	margin-bottom: 25px;
	text-align: center;
}

body > div.wrapper > section > div.body > div.sub-nav > ul.sub-nav > li {
	border-left: solid 1px rgba(31,24,19,1.00);
	display: inline-block;
	margin-bottom: 10px;
}

body > div.wrapper > section > div.body > div.sub-nav > ul.sub-nav > li > a {
	padding: 6px 20px;
	/*border-left: solid 1px rgba(255,255,255,1.00);*/
	display: inline-block;
	color: #1F1813;
	text-decoration: none;
	text-align: center;
	font-size: 93.3%;
}

body > div.wrapper > section > div.body > div.sub-nav > ul.sub-nav > li:last-child a {
	border-right: solid 1px rgba(31,24,19,1.00);
}

/*-------------------------------------------------------------SP-------------------------------------------------------------*/
@media screen and (max-width: 768px){
	body > div.wrapper > div#header {
		margin-top: 50px;
		width: 100%;
		height: 207px;
		background-image: url(../img/second/common/sp_header.jpg);
		background-size: 357px 207px;
		background-repeat: no-repeat;
		background-position: right;
	}
	body > div.wrapper > div#header > h2 {
		font-size: 240%;
		padding: 86px 29px;
		box-sizing: border-box;
	}

	body > div.wrapper > section > div.body {
		width: 100%;
	}
	
	body > div.wrapper > section > div.body > div.sub-nav > ul.sub-nav {
		margin-bottom: 20px;
	}
	
	body > div.wrapper > section > div.body > div.sub-nav > ul.sub-nav > li {
		width: 30%;
		border: none;
		vertical-align: top;
	}
	
	body > div.wrapper > section > div.body > div.sub-nav > ul.sub-nav > li a{
		border-radius: 3px;
		padding: 10px 5px;
		width: 100%;
		box-sizing: border-box;
		color: rgba(255,255,255,1.00);
		background-color: rgba(40,40,70,1.00);
		font-size: 86.7%;
	}
}