@charset "UTF-8";

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;}

a{
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}


/* common item ---------------------------------------*/

.clearfix:after,
.inner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* layout ---------------------------------------*/

.wrapper{
	margin-top: 100px;
	position: relative;
}

.inner{
	margin:0 auto;
	max-width:1060px;
	padding:0 20px;
}

.overlay{
	display: none;
}



/* header ---------------------------------------*/

header{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100px;
	background: #fff;
	z-index:100;
}

.headerInner{
	position:relative;
	text-align: right;
	font-size: 0;
	vertical-align: top;
}

header .headerLogo{
	display: block;
	background: url(../img/common/logo.png) 0 0 no-repeat;
	width:224px;
	height:80px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	left:30px;
	top:10px;
}

header .headerEntry{
	display: inline-block;
	width:170px;
	height:100px;
	line-height: 100px;
	background: url(../img/common/btn_headerentry.png) no-repeat center center #2E724B;
	vertical-align: top;
}

header .headerEntry:hover{
	background-color:#B9DCCD;
}


/* gnav ---------------------------------------*/

#gnav{
	display: inline-block;
	vertical-align: top;
}

#gnav ul{
	display: inline-block;
}

#gnav ul li{
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}

#gnav ul li a{
	display: block;
	line-height: 100px;
	height:100px;
	padding:0 27px;
	text-decoration: none;
	color:#223B59;
}

#gnav ul li:last-child a{
	padding-right: 60px;
}

#gnav ul li a:hover{
	background: #f1f1f1;
}

#openMenu,
#closeMenu{display:none;}


/* footer ---------------------------------------*/

footer{
	background: #3E4950;
	padding:25px 40px;
	overflow: hidden;
	color:#9FAFB8;
}

footer .btnCorporate{
	width:170px;
	height:50px;
	line-height: 50px;
	float: right;
	color:#9FAFB8;
	border:1px solid #9FAFB8;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	border-radius:5px;
	transition: all 0.7s ease-in-out;
}

footer .btnCorporate:hover{
	color:#3E4950;
	background: #9FAFB8;
}

footer .copyright{
	margin-top: 20px;
	float: left;
	background: url(../img/common/copyright.png) no-repeat left top;
	width:430px;
	height:12px;
	text-indent: -999em;
	overflow: hidden;

}

.gotop{
	width:50px;
	position:fixed;
	right:10px;
	bottom:15px;
	z-index:100;
}

.gotop a img{width:100%;}


/* footer btn area ---------------------------------------*/

.recruitBtnSection{
	background: url(../img/common/bg_btnarea.jpg) no-repeat center top;
	height:260px;
	background-size: cover;
}

.recruitBtnSection .inner{
	padding-top: 80px;
}

.recruitBtnSection ul{
	font-size: 0px;
	text-align: center;
}

.recruitBtnSection ul li{
	display: inline-block;
	margin:0 15px;
	font-size: 13px;
}

.recruitBtnSection a{
	display: block;
	width:335px;
	padding-top: 30px;
	height:70px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 1.0;
}

.recruitBtnSection a b{
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 17px;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

.recruitBtnSection a.btnRecruitinfo{
	background: #fff;
	border:1px solid #2292D2;
	color:#2292D2;
}

.recruitBtnSection a.btnRecruitinfo:hover{
	background: #2292D2;
	border:1px solid #2292D2;
	color:#fff;
}

.recruitBtnSection a.btnEntry{
	background: #31714C;
	color:#fff;
	border: 1px solid #31714C;
}

.recruitBtnSection a.btnEntry:hover{
	background: #fff;
	color:#31714C;
	border: 1px solid #31714C;
}

/* form ---------------------------------------*/


.formArea .submit{
	text-align: center;
}

.formSelect{
	width: 100%;
	padding: 8px 10px;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: url(../img/icon_select.png) 97% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #fff 50% ,#eee 100%);
	background: url(../img/icon_select.png) 97% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50% ,#eee 100%);
	background-size: 8px 36px;
	border-radius:0;
}

.formText[type="text"]{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
}

.formRadio {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  font-size: 12px;
}

.formRadio label {
	background: url(../img/radio.png) left 1px no-repeat;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 28px;
	position: relative;
	vertical-align: top;
}

.formRadio input[type="radio"] {display: none;}
.formRadio input:checked + label {background-image: url(../img/radio_on.png);}
.formRadio input:disabled + label {opacity: 0.7;}

.formCheckbox {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  font-size: 12px;
}

.formCheckbox label {
	background: url(../img/check.png) left 1px no-repeat;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 28px;
	position: relative;
	vertical-align: top;
}

.formCheckbox input[type="checkbox"] {display: none;}
.formCheckbox input:checked + label {background-image: url(../img/check_on.png);}
.formCheckbox input:disabled + label {opacity: 0.7;}

.formTextarea{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
	height:80px;
}


@media screen and (min-width: 769px){
	.sp{display: none !important;}
	.spbr{display: none;}
}


@media screen and (max-width: 1200px){
	#gnav{width:calc(100% - 450px);}
	#gnav ul{width:100%;text-align: center;}
	#gnav ul li a{padding:0 13px;}
	#gnav ul li:last-child a{padding-right:13px;}
}

@media screen and (max-width: 1020px){
	#gnav{width:calc(100% - 400px);}
	#gnav ul li a{padding:0 8px;}
	#gnav ul li:last-child a{padding-right:8px;}
	header .headerEntry{width:130px;}
}

@media screen and (max-width: 900px){
	header .headerLogo{left:15px;}
	#gnav{width:calc(100% - 300px);}
	header .headerEntry{width:80px;}
}


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

	/* default */
	img{max-width:100%;}
	*{box-sizing:border-box;}

	/* common item */
	.pc{display: none !important;}
	.pcbr{display: none;}

	header,
	footer,
	.headerInner,
	.footerInner,
	.inner{
		min-width:0;
		width:100%;
		padding:0;
	}
	.wrapper{
		margin-top: 50px;
	}

	.overlay{
		content:'';
		display: block;
		position:fixed;
		width:100%;
		height:300px;
		background: rgba(255,255,255,0.9);
		left:0;
		top:0;
		z-index:6;
	}

	#openMenu,
	#closeMenu{
		display:block;
		width:50px;
		height:50px;
		text-indent: -99em;
		overflow: hidden;
		position:absolute;
		right:0px;
		top:0px;
		-webkit-transition: none;
		   -moz-transition: none;
		    -ms-transition: none;
		     -o-transition: none;
		        transition: none;
	}

	#openMenu{background: url(../img/common/sp_menu.png) no-repeat left top;background-size:50px;}
	#closeMenu{background: url(../img/common/sp_menu_close.png) no-repeat left top;background-size:50px;}

	#openMenu.open{
		width:1px;
		height:1px;
		opacity:0;
	}

	header{
		width:100%;
		height:50px;
		background-color:#fff;
		position:fixed;
		left:0px;
		top:0px;
		z-index: 1000;
		padding:0px 0 0 0;
	}

	header .headerLogo{
		background: url(../img/common/logo.png) 0 0 no-repeat;
		background-size: 100%;
		width:112px;
		height:40px;
		left:15px;
		top:5px;
	}

	header .headerEntry{
		display: block;
		position: absolute;
		right:50px;
		top:0px;
		width:90px;
		height:50px;
		line-height: 50px;
		background: url(../img/common/btn_headerentry_sp.png) no-repeat center center;
		background-size: 100%;
	}

	#gnav{
		display: block;
		position: absolute;
		right:-150px;
		top: 50px;
		width: 140px;
		z-index: 100;
		background: rgba(0,0,0,0.9);
		text-align: left;
		padding:0 15px;
		overflow: auto;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}

	#gnav.open{right:0px;}


	#gnav ul{text-align: left;}
	#gnav ul li{
		display: block;
		font-size: 11px;
		border-bottom:1px solid #5D6E67;
	}

	#gnav ul li a,
	#gnav ul li a:hover{
		display: block;
		height:auto;
		line-height: 1.0;
		padding:20px 0 20px 12px;
		display:block;
		text-decoration: none;
		color:#fff;
		border-bottom:1px solid #B9DCCD;
		background: url(../img/common/icon_gnav_sp.png) no-repeat left center;
		background-size: 4px;
	}

	#gnav ul li:last-child,
	#gnav ul li:last-child a{
		padding-right:0;
		border-bottom:none;
	}

	footer{
		padding:10px 10px;
	}

	footer .btnCorporate{
		width:90px;
		height:25px;
		line-height: 25px;
		font-size: 8px;
		text-decoration: none;
		border-radius:5px;
	}

	footer .copyright{
		margin-top: 10px;
		background: url(../img/common/copyright_sp.png) no-repeat left top;
		background-size: 100%;
		width:230px;
		height:7px;

	}

	.gotop{
		width:25px;
		position:fixed;
		right:10px;
		bottom:15px;
		z-index:100;
	}

	.gotop a img{width:100%;}


	/* footer btn area ---------------------------------------*/

	.recruitBtnSection{
		background: url(../img/common/bg_btnarea_sp.jpg) no-repeat center top;
		background-size: 100%;
		padding:20px 0;
		height:auto;
	}

	.recruitBtnSection .inner{
		padding:0 20px;
	}

	.recruitBtnSection ul li{
		display: block;
		margin:20px 0;
		font-size: 11px;
	}

	.recruitBtnSection a{
		margin:0 auto;
		max-width:315px;
		width:auto;
		padding:17px 0;
		height:auto;
		font-size: 9px;
	}

	.recruitBtnSection a b{
		letter-spacing: 2px;
		margin-bottom: 5px;
		font-size: 9px;
	}


}