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



/****************************************************************************************************
初期設定
****************************************************************************************************/

/* IE8以下への対応 */
article, aside, figure, figcaption, footer, header, nav, section {
	display:block;
}
/* IE8以下への対応 */

.pcOnly {
	display:block;
}
span.pcOnly {
	display:inline;
}
.spOnly {
	display:none;
}

html,body{
	text-align:center;
	font-family:'Hiragino Sans', 'Noto Sans JP', 'ヒラギノ角ゴシック', Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'Noto Sans', Roboto, 'Droid Sans', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	/*font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
	/*-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;*/
	font-weight:300;
	width:100%;
	min-width:1100px;
	color:#000;
	font-feature-settings:"palt";
	scroll-padding-top:100px;
}

	
* {
	box-sizing:border-box;
}
img {
	vertical-align:top;
}
strong {
	font-weight:600;
}
a {
	color:#000;
	text-decoration:none;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	transition:opacity .3s;
}
a:hover {
	opacity:.6;
}

/* clear fix */
.clearfix:before,
.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}
/* clear fix */



/****************************************************************************************************
header
****************************************************************************************************/
#header {
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:1100px;
	padding:42px 50px 0 50px;
	text-align:left;
	z-index:100;
}
.settop {
	/*position:fixed !important;
	padding:15px 50px 15px 50px !important;*/
}
.wback {
	/*background:rgba(255,255,255,.7);
	transition: all 0.5s ease;*/
}
#logo {
	float:left;
	width:392px;
}
#logo img {
	width:100%;
	height:auto;
}

a.ttb {
	position:relative;
}
a.ttb::after {
	position:absolute;
	top:0;
	left:-1px;
	content:'';
	width:1px;
	height:0%;
	background:#D90000;
	/*-webkit-transform:scale(1, 0);
	-moz-transform:scale(1, 0);
	transform:scale(1, 0);
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	transform-origin:left top;*/
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
a.ttb:hover::after {
	/*-webkit-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	transform:scale(1, 1);
	-webkit-transform-origin:left bottom;
	-moz-transform-origin:left bottom;
	transform-origin:left bottom;*/
	height:100%;
}
a.ttb:hover {
	opacity:.6;
}
#menuBtn,
#sNavi {
	display:none;
}



/****************************************************************************************************
contents
****************************************************************************************************/
.ar-next {
	background:url(../../img/recruit/common/ar-next.png) no-repeat left center;
	padding-left:20px;
}
.ar-prev {
	background:url(../../img/recruit/common/ar-prev.png) no-repeat left center;
	padding-left:20px;
}
.ar-prev-r {
	background:url(../../img/recruit/common/ar-prev.png) no-repeat right center;
	padding-right:20px;
}



/****************************************************************************************************
footer
****************************************************************************************************/
#footer {
	margin-top:94px;
	padding:130px 0 70px 0;
	background:url(../../img/recruit/common/f-bg.png) no-repeat center top;
}
#footer div#f-logo {
}
#footer h3#name {
	margin-top:40px;
	font-size:14px;
	font-weight:400;
}
#footer h3#name span {
	font-weight:300;
}
#footer #fMark {
	position:relative;
	overflow:hidden;
	margin-top:15px;
}
#footer #fMark ul {
	position:relative;
	left:50%;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#footer #fMark ul li {
	position:relative;
	left:-50%;
	float:left;
}
#footer #fMark ul li + li {
	margin-left:1em;
}
#footer #fMark ul li:nth-of-type(2) {
	margin-top:6px;
}
#footer #fMark ul li:nth-of-type(n+3) {
	position:relative;
	overflow:hidden;
	margin-top:15px;
	margin-left:2em;
	font-size:13px;
	font-weight:300;
	line-height:17px;
}
#footer #fMark ul li:nth-of-type(n+3) a {
	display:block;
	height:15px;
	background:url(../../img/recruit/common/ar-next.png) no-repeat left center;
	padding-left:20px;
}
#footer div#copyright {
	margin-top:12px;
	font-size:13px;
	font-weight:300;
	line-height:1.6;
}


@media screen and (max-width: 1230px) {
	#logo {
	}
	#logo span {
		margin-left:30px;
	}
	#logo span {
		font-size:12px;
	}
	#gNavi ul li {
		font-size:15px;
	}
	#gNavi ul li + li {
		margin-left:20px;
	}
}

@media screen and (max-width: 1170px) {
	#logo span {
		margin-left:25px;
	}
	#logo span {
		font-size:11px;
	}
	#gNavi ul li {
		font-size:14px;
	}
	#gNavi ul li + li {
		margin-left:16px;
	}
}


@media screen and (max-width: 767px) {
	html,body{
		min-width:initial;
		min-width:auto;
		height:auto;
		scroll-padding-top:20vw;
	}
	img {
		width:100%;
		height:auto;
	}
	a {
		-webkit-transition:none;
		transition:none;
	}
	a:hover {
		opacity:1;
	}
	.pcOnly,
	span.pcOnly {
		display:none;
	}
	.spOnly {
		display:block;
	}
	a {
		color:#000;
		text-decoration:none;
		-webkit-transition:opacity .3s;
		-moz-transition:opacity .3s;
		transition:opacity .3s;
	}
	a:hover {
		opacity:0.6;
	}



	/****************************************************************************************************
	header
	****************************************************************************************************/
	#header {
		position:fixed !important;
		min-width:initial;
		padding:2vw 4vw ;
	}
	.settop {
		position:fixed !important;
		padding:2vw 4vw !important;
	}
	.wback {
		background:rgba(255,255,255,.9);
		transition: all 0.5s ease;
	}
	#logo img {
		margin-top:3.2vw;
		width:79vw;
	}
	#logo span {
		margin:3.8vw 0 0 3vw;
		font-size:1.866vw;
	}
	#gNavi {
		display:none;
	}
	#menuBtn {
		display:block;
		float:right;
		width:8.4vw;
		margin:0;
	}



	/****************************************************************************************************
	サブナビ
	****************************************************************************************************/
	#sNavi {
		position: fixed;
		width: 100vw;
		height: 100%;
		top: 0;
		right: 0;
		z-index: 6000;
		overflow: scroll;
		background:rgba(255,255,255,0.95);
		border-left:10px solid #555555;
		text-align: left;
		display:none;
	}
	#sNaviWrap {
		contents:'';
		display:block;
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		top:0;
		z-index:5000;
	}
	#sNavi-btn {
		position:absolute;
		right:0;
		top:0;
		padding:3vw 4vw;
		background:#555555;
	}
	#closeBtn {
		float:right;
		width:7.4vw;
		text-align:center;
	}
	#closeBtn a {
		color:#FFF;
		font-size:2.13vw;
		letter-spacing:0;
		text-decoration:none;
	}
	#closeBtn a span {
		display:block;
		margin:2vw 0 0 0;
		color:#FFF !important;
	}
	#sNavi li a {
		color: #222222;
		text-decoration: none;
	}
	#sNavi li a.select {
		color:#00468C;
		font-weight:bold;
	}
	#sNavi li a.pickup {
		color:#F00;
	}
	#sNavi a span {
		display:inline-block;
		color: #D90000;
	}
	#sNavi #close {
		font-size: 2.400vw;
		line-height: 1.6;
		font-weight: bolder;
	}
	#sNavi > ul > li {
		padding:5vw;
	}
	#sNavi > ul > li > h3 {
		margin-top:0;
	}
	#sNavi > ul > li > h3 + h3,
	#sNavi > ul > li > h3 + h4,
	#sNavi > ul > li > h4 + h4 {
		margin-top:0.5em;
	}
	#sNavi > ul > li > h3 {
		font-size:5.333vw;
		font-weight:normal;
		line-height:1.4;
	}
	#sNavi > ul > li > h4 {
		font-size:4.000vw;
		font-weight:normal;
		line-height:1.6;
	}
	#sNavi > ul > li > div {
		margin-top:0;
		color:#AAA;
		font-size:2.933vw;
		font-weight:normal;
		line-height:2.0;
	}
	#sNavi > ul > li > h3 + ul {
		margin-top:3vw;
		font-size:4.266vw;
		line-height:1.6;
	}
	#sNavi > ul > li > h3 + ul li + li {
		margin-top:1vw;
	}
	#sNavi > ul > li > h3 a {
		background:url(../../img/recruit/common/ar-next-sp.png) no-repeat left 0.3em;
		background-size:4.0vw;
		padding-left:4.8vw;
		display:inline-block;
	}
	#sNavi > ul > li > h3 + ul li a {
		background:url(../../img/recruit/common/ar-next-sp.png) no-repeat left center;
		background-size:4.0vw;
		padding-left:4.8vw;
	}
	#sNavi > ul > li + li {
		border-top: 1px dotted rgba(0,0,0,0.4);
	}



	/****************************************************************************************************
	contents
	****************************************************************************************************/
	.ar-next {
		background:url(../../img/recruit/common/ar-next-sp.png) no-repeat left center;
		background-size:2.8vw;
		padding-left:3.5vw;
	}
	.ar-prev {
		background:url(../../img/recruit/common/ar-prev-sp.png) no-repeat left center;
		background-size:2.8vw;
		padding-left:3.5vw;
	}
	.ar-prev-r {
		background:url(../../img/recruit/common/ar-prev-sp.png) no-repeat right center;
		background-size:2.8vw;
		padding-right:3.5vw;
	}
	
	
	
	/****************************************************************************************************
	footer
	****************************************************************************************************/
	#footer {
		margin-top:10vw;
		padding:12vw 4vw 7vw 4vw;
		background:url(../../img/recruit/common/f-bg.png) no-repeat center top;
		background-size:300vw auto;
	}
	#footer div#f-logo {
		width:40vw;
		margin:0 auto;
	}
	#footer h3#name {
		margin-top:4vw;
		font-size:2.933vw;
		font-weight:400;
	}
	#footer #fMark {
		margin-top:5vw;
		font-size:2.933vw;
		font-weight:300;
	}
	#footer #fMark ul {
		width:50vw;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-ms-flex-direction:row;
		flex-direction:row;
		-webkit-box-pack:center;
		-webkit-flex-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#footer #fMark ul li {
		float:none;
	}
		#footer #fMark ul li:nth-of-type(n+3) {
		margin-left:0;
	}
	
	#footer #fMark ul li + li {
		margin-left:5vw;
	}
	#footer #fMark {
		margin-top:5vw;
		font-size:2.933vw;
		font-weight:300;
	}
	#footer #fMark ul {
		position:relative;
		left:50%;
		float:left;
	}
	#footer #fNavi ul li + li {
		margin-left:1em;
	}
	#footer #fMark ul li:nth-of-type(n+3) a {
		background:url(../../img/recruit/common/ar-next-sp.png) no-repeat left center;
		background-size:2.8vw;
		padding-left:3.5vw;
	}
	#footer div#addr {
		margin-top:5vw;
		font-size:2.400vw;
		font-weight:300;
		line-height:1.6;
	}
	#footer div#tel {
	}
	#footer div#tel dl {
		display:inline-block;
		font-size:2.400vw;
		font-weight:300;
		line-height:1.6;
	}
	#footer div#tel dl + dl:before {
		content:none;
	}
	#footer div#tel dl dt,
	#footer div#tel dl dd {
		display:inline-block;
	}
	#footer div#tel dl dd a {
		color:#D90000;
	}
	#footer div#copyright {
		margin-top:4vw;
		font-size:2.400vw;
		font-weight:300;
		line-height:1.6;
	}
}


@media screen and (max-width: 767px) and (orientation: landscape) {
	/****************************************************************************************************
	header
	****************************************************************************************************/
	#header {
		position:fixed !important;
		min-width:initial;
		padding:2vw 3vw;
	}
	.settop {
		position:fixed !important;
		padding:2vw 3vw !important;
	}
	#logo img {
		width:70vw;
	}
	#logo span {
		margin:2.4vw 0 0 3vw;
		font-size:1.866vw;
	}
	#gNavi {
		display:none;
	}
	#menuBtn {
		display:block;
		float:right;
		width:6.0vw;
		margin:0;
	}
	
}