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

html,body { margin:0; padding:0; font-size:3; webkit-text-size-adjust: none; color:#666;
	font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro',/*'メイリオ',Meiryo,*/'ＭＳ Ｐゴシック',sans-serif;
	font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

html { overflow-y: scroll;}
img { border:0;}
img .right{
}

a{ text-decoration:none; color:#102969;}
a.normal {color:#666;}
a {-webkit-tap-highlight-color:rgba(94,152,214,0.5);}
li {list-style:none;}


/* =====================================================================
     clearfix
====================================================================== */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ヘッダー */
div#jobheader{
	width: 100%;
	height: 48px;
}
	div#jobheader img.logo{
		position:relative;
	}
	div#jobheader div.keep{
		margin-top:5px;
		position:absolute;
		top:0;
		right: 10px;
		width: auto;
		height: auto;
	}
	div#jobheader div.keep .keep-badge {
		position: absolute;
		top: 3px;
		right: 0px;
		color: #fff;
		font-size: 10px;
		text-align: center;
		line-height: 15px;
		z-index: 1;
		width: 15px;
		height: 15px;
		background: #DD0000;
		border-radius: 50%;
		transform:scale(0.9);
	}
	div#jobheader p {
		width: 100%;
		height: auto;
		margin: auto;
		position:absolute;
		bottom: -8px;
		font-size:8px;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-ms-transform:scale(0.9);
-o-transform:scale(0.9);
transform:scale(0.9);
		text-align:center;
	}

/* イメージマップ */

#target {
    width: 100%;
    height: auto;
    background: #eee;
}
#target img {
	display:block;
	width: 100%;
    height: auto;

}
div#mapwrap {
  width:100%;
  overflow:hidden; /* scrollからautoに変更 */
  position:relative;
}





/* スライダー */
div.js-slider.slider{
 height:230px;
 background-color: #ccc;
}
	div.js-slider.slider ul{
	}

/* エリア */
h2{
	margin: 0 0 0 20px;
	height: 19px;
	border-left:10px solid #0d2968;
	font-size:19px;
	color:#0d2968;
	padding:0 0 0 7px;
	line-height:1.2em;
}

div#area{
	clear:both;
	border-bottom:1px solid #cccccc;
}
div#area:nth-of-type(n+2){
	padding-top: 13px;
}

ul.pref{
	margin: 15px auto 0px auto;
	padding: 0 0 4px 0;
	width: 92%;
	overflow:hidden;
}
	ul.pref li {
		display: inline-block;
		font-size: 15px;
		font-weight:600;
		width: 25%;
		margin-bottom: 8px;
		text-align:center;
		border-right:1px solid #ccc;
		box-sizing:border-box;
		float:left;
		line-height: 25px;
	}
	ul.pref li+li{
		border-right:1px solid #ccc;
	}
	ul.pref li:nth-of-type(n+5){
	}
	ul.pref li:nth-of-type(4n){
		border-right:0px;
	}
		ul.pref li a{
			display:block;
		}
	/***
	ul.pref li.none{
		border-left: 0px;
	}
	
	ul.pref li.none2{
		margin-top: 10px;
		border-left: 0px;
	}
		ul.pref li a{
			vertical-align: -10px;
		}
	***/
	
div#keep{
	margin-top: 19px;
	height: 60px;
	position: relative;
	background-color:#ccc;
}
	div.keep_in{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		width: 85%;
		height: 50%;
		font-size: 12px;
		font-weight:bold;
		text-align: center;
		background-color:#fff;
		color: #000;
	}
		div.keep_in p{
			height:100%;
			text-align:center;
		}
			div.keep_in p img{
				vertical-align:middle;
			}
			div.keep_in p span.kensu{
				margin-left:10px;
				color:#9a9a9a;
			}

/*フッター*/
div#footer {
	clear:both;
	background-color:#384766;
}
	div.footer_text{
		color:#fff;
		font-size:12px;
		font-weight:bold;
		padding:10px 0 10px 0;
		text-align:center;
	}
		div.footer_text a{
			color: #fff;
		}
div#change{
	width:90%;
	margin: 0 auto;
	color:#fff;
	border-top:1px solid #606c86;
}
	div#change p{
		margin: 0;
	}
		div#change p.change_text{
			margin: 10px 0 5px 0;
			font-size: 10px;
			color: #c3c8ce;
		}
		div#change p.copyright{
			padding-bottom: 12px;
			font-size: 8px;
			text-align:center;
		}
		
/* 幅が 413px 以下であれば */
@media (max-width:413px) {
}
	
/* 幅が 768px 以上であれば */
@media (min-width:768px) {
	div.keep_in{
		margin: 0 auto;
	}
	div#change p.change_text{
		text-align:center;
	}
}