@charset "UTF-8";
/* _____________________________________________________________________ HTML5 Reset */

article, aside, dialog, figure, footer, header, main, menu, nav, section{
	display: block;
}

time, figcaption{
	display: inline;
}

/* _____________________________________________________________________ TEXT */

p{
	margin:0 0 1em 0;
}

.nowrap{
	white-space:nowrap;
}

em{
	font-style:normal;
	font-weight:bold;
}

/* _____________________________________________________________________ ALIGN */

.align_left{
	text-align:left;
}

.align_center{
	text-align:center;
}

.align_right{
	text-align:right;
}

a:link{
	text-decoration:none;
	color:#5e84c4;
}
a:visited{
	text-decoration:none;
	color:#5e84c4;
}
a:hover{
	text-decoration:none;
	color:#93aad5;
}
a:active{
	text-decoration:none;
	color:#93aad5;
}

/*ヘッダー*/
#header_area{
	background-color: #5e84c4;
}
#header_area .inner{
	height: 100px;
	padding: 22px 15px 0;
	overflow: hidden;
}
#header_area .inner .logo{
	width: 100%;
	max-width: 353px;
	margin: 0 80px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 1;
	float: left;
}
#header_area .inner .logo img{
	width: 100%;
}

#header_area .inner .nav{
	display:table;
	margin: 0;
	padding: 26px 0 0;
	list-style-type: none;
	float:right;
}
#header_area .inner .nav li{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 3px 10px;
	box-sizing: border-box;
	color: #fff;
	border: solid 1px #5e84c4;
}
#header_area .inner .nav li:last-child{
	margin: 0;
}
#header_area .inner .nav li:hover{
	border: solid 1px #fff;
}
#header_area .inner .nav li a{
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	padding: 0 0 0 15px;
	background: url('../img/interface/arrow_right_w.svg') no-repeat left center;
	background-size: 6px auto;
}

@media screen and (max-width: 1030px){
	#header_area .inner{
		height: auto;
		padding: 13px 15px 12px;
	}
	#header_area .inner .logo{
		margin: 0 0 0 0;
		float: none;
	}

	#header_area .inner .nav{
		padding: 12px 0 0;
		text-align: right;
	}
	#header_area .inner .nav li{
		margin: 0 20px 0 0;
	}
	#header_area .inner .nav li a{
		font-size: 16px;
	}	
}
/* @media screen and (max-width: 430px){
	#header_area .inner{
		height: auto;
		padding: 13px 15px 12px;
	}
	#header_area .inner .logo{
		margin: 0 0 0 0;
		float: none;
	}

	#header_area .inner .nav{
		padding: 12px 0 0;
		text-align: right;
	}
	#header_area .inner .nav li{
		margin: 0 10px 0 0;
		padding: 3px 0px;
		border: none;
	}
	#header_area .inner .nav li:hover{
		border: none;
	}
	#header_area .inner .nav li a{
		font-size: 14px;
	}	
} */
@media screen and (max-width: 515px){
	#header_area .inner{
		height: auto;
		padding: 13px 0 0;
	}
	#header_area .inner .logo{
		padding: 0 15px;
		box-sizing: border-box;
	}
	#header_area .inner .nav{
		margin: 20px 0 0;
		padding: 0 0 0;
		overflow: hidden;
		position: relative;
		display:block;
		float:none;
	}
	#header_area .inner .nav::before{
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		background-color: #fff;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	#header_area .inner .nav li{
		display: block;
		width: 50%;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
		color: #fff;
		float: left;
		text-align: center;
		border-bottom: solid 1px #fff;
		border-left: none;
		border-right: none;
		border-top: none;
	}
	#header_area .inner .nav li:first-of-type,
	#header_area .inner .nav li:nth-of-type(2){
		margin: 0;
		border-top: solid 1px #fff;
	}
	#header_area .inner .nav li:hover{
		border-bottom: solid 1px #fff;
		border-top:none;
		border-right:none;
		border-left:none;
	}
	#header_area .inner .nav li:hover:first-of-type,
	#header_area .inner .nav li:hover:nth-of-type(2){
		border-top: solid 1px #fff;
	}
	#header_area .inner .nav li a{
		display: block;
		width: 100%;
		font-size: 14px;
		text-decoration: none;
		color: #fff;
		padding: 6px 10px;
		background: url('../img/interface/arrow_right_w.svg') no-repeat left center;
		background-size: 6px auto;
	}
}


/*フッター*/
#footer_area{
	background-color: #2d3c5b;
	text-align: center;
	padding: 0 0 65px;
	box-sizing: border-box;
}
#footer_area .jimin{
	margin: 0 0 25px;
	padding: 30px 15px 20px;
	border-top: solid 2px #2d3c5b;
	background-color: #fff;
}
#footer_area .jimin .inner{
	position: relative;
}
#footer_area .jimin .inner .top_btn{
	display: block;
	width: 35px;
	height: 35px;
	padding: 13px 10px 0;
	box-sizing: border-box;
	position: absolute;
	top: -85px;
	right: 10px;
	background-color: #2d3c5b;
}
#footer_area .jimin .inner .top_btn img{
	width: 100%;
}
#footer_area img{
	display: block;
	width: 100%;
	max-width: 90px;
	margin: 0 auto;
}
#footer_area small{
	font-size: 9px;
	font-family: 'Arial', sans-serif;
	color: #b6c2d8;
}



/*その他*/
.inner{
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
	box-sizing: border-box;
}

a{
	transition: all 200ms 0s ease;
}