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

p{
	padding: 0 20px;
	box-sizing: border-box;}


/*//////////////////////////////////////Menu*/

#shoki-menu,
#koki-menu{
	margin-top: 2em;}

#shoki-menu{
	width: 100%;
	background: url(../shoki/images/menu_bg.jpg) no-repeat center center;
	background-size: cover;}

#koki-menu{
	width: 100%;
	background: url(../koki/images/menu_bg.jpg) no-repeat;
	background-size: cover;}

#koki-menu .menu-box ul{
	width: 660px;
	margin: 0 auto;}

#koki-menu .menu-box {
	height: 290px;}

.menu-box{
	padding-top: 55px;
	box-sizing: border-box;
	height: 200px;
	width: 990px;
	margin: 0 auto;
	position: relative;}

.menu-box h2{
	font-size: 60px;
	color: #002e73;
	position: absolute;
	top: -0.8em;}

.menu-box h2 br{
	display: none;}

.menu-box ul{
	overflow: hidden;}

.menu-box ul li{
	margin-bottom: 1em;
	float: left;}

.menu-box ul li a{
	display: block;}

.menu-box ul li a.active{
	position: relative;}

.menu-box ul li a.active::before{
	content: '';
	z-index: 10;
	width: 145px;
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto;
	border-bottom: 4px solid #002e73;}


/*//////////////////////////////////////Menu*/

.kenshu-content{
	overflow: hidden;
	width: 990px;
	margin: 0 auto 0;
	padding-top: 50px;}

h3{
	width: 100%;
	position: relative;
	font-size: 35px;
	border-top: 2px solid #464646;
	margin-bottom: 60px;
	text-align: center;}

h3 span{
	width: 50%;
	position: absolute;
	top: -0.8em;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;}

.TxBox{
	width: 825px;
	margin: 0 auto 40px;}

.LF{
	float: left;}

.PhBox{
	float: right;}

.PhBox p{
	text-align: center;}

.bnr {
	width: 655px;
	margin: 40px auto 40px;
	clear: both;}

.bnr ul{
	overflow: hidden;}

.bnr ul li{
	float: left;}

.bnr ul li a{
	display: block;
	line-height: 0;}

.bnr ul li:last-child{
	margin-right: 0;}

.bnr ul li{
	margin-right: 15px;}

.kakomi{
	width: 780px;
	margin: 0 auto;
	padding: 20px 20px 1px 20px;
	box-sizing: border-box;
	background: rgba(219,233,255,0.4);}

.kakomi p{
	padding: 0;}

.kakomi02{
	width: 780px;
	margin: 20px auto;
	padding: 20px 20px 1px 20px;
	box-sizing: border-box;
	border: 2px solid #dbe9ff;}

.kakomi02 h5{
	margin: 0 0 1em 0;}

.recruitment table tr:first-child td{
	background: rgba(219,233,255,0.4) !important;}


#sitemap p a{
	color: #002e73;
	text-decoration: underline;}



@media screen and (max-width: 645px) {

	.menu-box h2 {
		line-height: 50px;
		font-size: 40px;}
	
	#shoki-menu{
		width: 100%;
		background: url(../shoki/images/menu_bg.jpg) no-repeat center right;
		background-size: cover;}
	
	.menu-box h2 br{
		display: block;}
	
	.menu-box ul{
		display: none;}
	
	.menu-box,
	#koki-menu .menu-box {
		height: 110px;}
	
	#shoki-menu,
	#koki-menu{
		margin-top: 3em;}
	
	.menu-box,
	.kenshu-content,
	.bnr,
	.TxBox,
	.kakomi{
		width: 100%;}
	
	.TxBox{
		padding: 0 10px;
		box-sizing: border-box;}
	
	.kenshu-content{
		padding-top: 20px;}
	
	h3{
		border-top: none;
		margin-bottom: 30px;}
	
	h3 span{
		position: static;
		background: none;}
	
	.bnr {
		margin:0 auto 40px;
		text-align: center;}
	
	.bnr ul li{
		float: none;
		margin:10px 0;
		margin-right: 0;}
	
	.LF ,
	.PhBox{
   		float: none;}
	
	.PhBox{
		text-align: center;}
	
}


@media screen and (max-width: 400px) {
	
	h3{
		font-size: 27px;}
	
	.bnr{
		padding: 0 10px;
		box-sizing: border-box;}
}