@charset "UTF-8";

/**********************************************************************
	もくじ
**********************************************************************/
/*
	基本設定
	01.PC指定
	02.レスポンシブ対応(ipad)
	03.レスポンシブ対応(スマホ)

 ------------------------------------------------------------*/


/**********************************************************************
	基本設定
**********************************************************************/
/*
　基本フォントサイズは13px（下記を参考に%で指定する）
　10px → 77%　11px → 85%　12px → 93%　13px → 100%　14px → 108%
　15px → 116%　16px → 124%　17px → 131%　18px → 139%　19px → 147%
　20px → 154%　21px → 162%　22px → 169%　23px → 177%　24px → 185%
　25px → 192%　26px → 200%
*/





/*************************************************************************
	01.PC指定
**************************************************************************/

/*.wrapper {
	min-width: 1000px;
}
.wrapper .wrapper_inner {
	margin: 0 auto;
	width: 1000px;
}
.only_pc {
	display: block;
}
.only_pc_l {
	display: none;
}
.only_smp {
	display: none;
}*/


/* 表示切替 */

.only_pc {	display: block;}
.only_smp {	display: none;}

@media screen and (max-width: 768px) {
	.only_pc {	display: none;}
	.only_smp {	display: block;}
}



/* clear --------------------------------------------------------------*/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	visibility: hidden;
}
.clear {
	clear: both;
}

.float_l {	float: left; clear: left;}
.float_r {	float: right;}




/*--------------------------------------------------
詳細ページ　ヘッド
--------------------------------------------------*/
.pageHead_recruit { background:url(/static/img/recruit/recruit_02_bg.jpg) center 0 no-repeat; background-size:cover; position:relative; }
.pageHead_recruit::after { content:""; display:block; width:100%; height:100%; background-image:url(/static/img/dot_black.png); background-size:2px 2px; background-repeat:repeat; background-position:center; background-attachment:fixed; position:absolute; top:0; left:0; z-index:10; }
.pageHead_recruit > .inner { position:relative; z-index:20; height:480px; padding:94px 20px 0; box-sizing:border-box; }
.pageHead_recruit .wrap { width:100%; max-width:960px; margin:0 auto; padding:0 32px; box-sizing:border-box; letter-spacing:.1em; color:#fff; text-align:center; }
.pageHead_recruit .ttl_1 { font-size:32px; margin-bottom:12px; letter-spacing:.1em; }
.pageHead_recruit .ttl_2 { font-size:64px; margin-bottom:12px; letter-spacing:.1em; }
.pageHead_recruit .ttl_3 { font-size:16px; margin-bottom:24px; letter-spacing:.1em; }
.pageHead_recruit .text_1 { font-size:24px; line-height:1.33; margin-bottom:12px; letter-spacing:.1em; font-weight:bold; }
.pageHead_recruit .text_2 { font-size:16px; line-height:1.5; letter-spacing:.1em; }
@media screen and (max-width:1023px) {
	.pageHead_recruit { background:url(/static/img/recruit/recruit_02_bg_sp.jpg) center 0 no-repeat; background-size:cover; position:relative; }
	.pageHead_recruit > .inner { height:auto; padding:0 20px; box-sizing:border-box; display:table; width:100%; box-sizing:border-box; }
	.pageHead_recruit .wrap { display:table-cell; vertical-align:middle; padding:0; }
	.pageHead_recruit .ttl_1 { font-size:24px; margin-bottom:12px; }
	.pageHead_recruit .ttl_2 { font-size:52px; margin-bottom:12px; }
	.pageHead_recruit .ttl_3 { font-size:12px; margin-bottom:24px; }
	.pageHead_recruit .text_1 { font-size:15px; line-height:1.33; margin-bottom:12px; }
	.pageHead_recruit .text_2 { font-size:13px; line-height:1.5; }
}

/*--------------------------------------------------
pageBody_recruit レイアウト
--------------------------------------------------*/
.pageBody_recruit { padding-top:80px; }
.pageBody_recruit > .inner { display:table; width:960px; margin:0 auto; border-bottom:1px solid #ddd; }
.pageBody_recruit__sub { display:table-cell; vertical-align:top; width:208px; }
.pageBody_recruit__sub > .inner { border-right:4px solid #ddd; padding-bottom:80px; }
.pageBody_recruit__main { display:table-cell; vertical-align:top; padding:0 0 80px 48px; }
.pageBody_recruit__mainJob { display:table-cell; vertical-align:top; padding:0 0 80px 48px; }
.pageBody_recruit__mainJobDetail { display:table-cell; vertical-align:top; padding:0 0 80px 48px; }
.pageBody_recruit__mainJobGuidelines { display:table-cell; vertical-align:top; padding:0 0 80px 48px; }
@media screen and (max-width:1023px) {
	.pageBody_recruit { padding-top:80px; }
	.pageBody_recruit > .inner { display:block; width:100%; border-bottom:1px solid #ddd; }
	.pageBody_recruit__sub { display:none;}
	.pageBody_recruit__main { display:block; padding:0 0 40px 0; }
	.pageBody_recruit__mainJob { display:block; padding:0 0 40px 0; }
	.pageBody_recruit__mainJobDetail { display:block; padding:0 0 40px 0; }
	.pageBody_recruit__mainJobGuidelines { display:block; padding:0 0 40px 0; }
}


/* ------------------------ */

#tx_data {
	margin: 0 auto;
	background: url(../images/titimg_data.png) top center no-repeat;	/* todo imagespath */
	background-size: 100% auto;
}

#tx_data .titimg {
	margin: 0 auto;
	min-height: 300px;
	max-height: 300px;
	text-align: center;
	font-family: 'Century Gothic', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体"	,'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', sans-serif;
}

#tx_data .titimg h2 {
	font-family: 'Teko', sans-serif;
	font-size: 48px;
	padding: 80px 0;
	font-weight: normal;
	letter-spacing: 0.2em;
	line-height: 1.4;
	color: #fff;
}
#tx_data .titimg h2 span.stit {
	font-family: 'Teko', sans-serif;
	display: block;
	letter-spacing: 0.2em;
	font-size: 24px;
}
#tx_data .titimg h2 span {
	font-family: 'Century Gothic', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体"	,'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', sans-serif;
	display: block;
	letter-spacing: 0.2em;
	font-size: 14px;
}

#tx_data .wrapper {
	width: 1000px;
	margin: 0 auto;
}

#tx_data .wrapper .wrapper_inner {
	background: #fff;
	border-radius: 10px;	
	padding: 60px 50px;
	box-sizing: border-box;
}

#tx_data .wrapper .wrapper_inner .box {
	float: left;
	background: #f6f6f6;
	padding: 3%;
	margin-bottom: 2%;
	box-sizing: border-box;
}
#tx_data .wrapper .wrapper_inner .box h3 {
	background: #0081ba;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	padding: 0.3vw 1vw;
	margin-left: -1.65em;
}
#tx_data .wrapper .wrapper_inner .box dl {
	padding-top: 3%;
}
#tx_data .wrapper .wrapper_inner .box p {
	font-size: 14px;
	line-height: 1.6;
}


/* 1段目 -------------------- */
#tx_data .wrapper .wrapper_inner .box.b01 {
	width: 31%;
	margin-right: 2%;
	min-height: 35vh;
	max-height: 35vh;
}
#tx_data .wrapper .wrapper_inner .box.b01 .data_img {
	padding: 4% 0;
}
#tx_data .wrapper .wrapper_inner .box.b02 {
	width: 67%;
	background: url(../images/data02_simg.png) bottom right no-repeat #f6f6f6;
	background-size: 40%;
	min-height: 35vh;
	max-height: 35vh;
}
#tx_data .wrapper .wrapper_inner .box.b02 .data_img {
	width: 50%;
	float: left;
}


/* 2段目 -------------------- */
#tx_data .wrapper .wrapper_inner .box.b03 {
	width: 40%;
	margin-right: 2%;
	min-height: 45vh;
	max-height: 45vh;
}
#tx_data .wrapper .wrapper_inner .box.b04 {
	width: 30%;
	margin-right: 2%;
	min-height: 45vh;
	max-height: 45vh;
}
#tx_data .wrapper .wrapper_inner .box.b04 .data_img {
	padding: 20px 0;
}
#tx_data .wrapper .wrapper_inner .box.b05 {
	width: 26%;
	min-height: 45vh;
	max-height: 45vh;
}
#tx_data .wrapper .wrapper_inner .box.b05 .data_img {
	padding: 50px 0;
}


/* 3段目 -------------------- */
#tx_data .wrapper .wrapper_inner .box.b06 {
	width: 56%;
	margin-right: 2%;
	min-height: 55vh;
	max-height: 55vh;
}
#tx_data .wrapper .wrapper_inner .box.b06 .data_img {
	padding: 0 10px 20px;
}
#tx_data .wrapper .wrapper_inner .box.b07 {
	width: 42%;
	background: url(../images/data07_simg.png) top right no-repeat #f6f6f6;
	background-size: 25%;
	min-height: 55vh;
	max-height: 55vh;
}
#tx_data .wrapper .wrapper_inner .box.b07 .data_img {
	padding: 10px 0;
}


/* 4段目 -------------------- */
#tx_data .wrapper .wrapper_inner .box.b08 {
	width: 49%;
	margin-right: 2%;
	min-height: 53vh;
	max-height: 53vh;
}
#tx_data .wrapper .wrapper_inner .box.b09 {
	width: 49%;
	min-height: 53vh;
	max-height: 53vh;
}
#tx_data .wrapper .wrapper_inner .box.b09 .data_img {
	padding: 0 0 20px;
}


/* 5段目 -------------------- */
#tx_data .wrapper .wrapper_inner .box.b10 {
	width: 47%;
	margin-right: 2%;
	padding-bottom: 4%;
	min-height: 57vh;
	max-height: 57vh;
}
#tx_data .wrapper .wrapper_inner .box.b10 .data_img {
	padding: 10px 0 20px;
}
#tx_data .wrapper .wrapper_inner .box.b11 {
	width: 51%;
	min-height: 57vh;
	max-height: 57vh;
}
#tx_data .wrapper .wrapper_inner .box.b11 dl {
	padding-top: 0;
}
#tx_data .wrapper .wrapper_inner .box.b11 .data_img {
	padding: 0 0 10px;
}



/* 6段目 -------------------- */
#tx_data .wrapper .wrapper_inner .box.b12 {
	width: 100%;
	padding-bottom: 4%;
}
#tx_data .wrapper .wrapper_inner .box.b12 .data_img {
	float: left;
	width: 52%;
	margin-right: 3%;
}
#tx_data .wrapper .wrapper_inner .box.b12 p {
	padding-top: 10px;
}

/* 7段目 -------------------- */
#tx_data .wrapper .wrapper_inner .box.b13 {
	width: 100%;
}
#tx_data .wrapper .wrapper_inner .box.b13 .data_img {
	float: left;
	width: 56%;
	margin-right: 3%;
}
#tx_data .wrapper .wrapper_inner .box.b13 dd {
	float: left;
	width: 40%;
	font-size: 13px;
	line-height: 1.5;
}
#tx_data .wrapper .wrapper_inner .box.b13 .sbox {
	background: #fff;
	padding: 10% 5% 5% 10%;
	margin-bottom: 5%;
}
#tx_data .wrapper .wrapper_inner .box.b13 .sbox strong {
	font-size: 16px;
}
#tx_data .wrapper .wrapper_inner .box.b13 .sbox dt {
	width: 14em;
	float: left;
}
#tx_data .wrapper .wrapper_inner .box.b13 .sbox dd {
	float: left;
	width: 4em;
	font-family: 'Teko', sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
}







/*************************************************************************
	02.レスポンシブ対応(スマホ〜ipad)
**************************************************************************/

@media screen and (max-width:1023px) {
/*@media (max-width: 768px){*/
	body {
		min-width: 100%;
	}
	#tx_data .wrapper {
		min-width: auto;
	/*	padding-top: 15vw;*/
	}

	#tx_data .wrapper .wrapper_inner {
		background: #fff;
		border-radius: 0;	
		padding: 5vw 0 40vw;
		box-sizing: border-box;
	}
	#tx_data .wrapper {
		width: 100%;
	}

	/* 1段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b01 {
		width: 31%;
		margin-right: 2%;
		padding-bottom: 1vw;
	}


}

/*************************************************************************
	03.レスポンシブ対応(スマホ〜ipad)
**************************************************************************/


@media (max-width: 768px){
	body {
		min-width: 100%;
	}
	#tx_data .wrapper {
		min-width: auto;
	/*	padding-top: 15vw;*/
	}

	#tx_data .wrapper {
		width: 100%;
		margin: 0 auto;
	}

	#tx_data .wrapper .wrapper_inner {
		background: #fff;
		border-radius: 0;	
		padding: 5vw 5vw 10vw;
		box-sizing: border-box;
	}
	#tx_data {
		background: url(../images/titimg_data_smp.png) top center no-repeat;
		background-size: 100% auto;
	}

	#tx_data .titimg {
		min-height: 30vw;
		max-height: inherit;
	}

	#tx_data .titimg h2 {
		font-family: 'Teko', sans-serif;
		font-size: 10vw;
		padding: 13vw 0 12vw;
		font-weight: normal;
		letter-spacing: 0.2em;
		line-height: 1.3;
		color: #fff;
	}
	#tx_data .titimg h2 span.stit {
		font-family: 'Teko', sans-serif;
		display: block;
		letter-spacing: 0.2em;
		font-size: 5.45vw;
	}
	#tx_data .titimg h2 span {
		font-family: 'Century Gothic', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体"	,'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', sans-serif;
		display: block;
		letter-spacing: 0.1em;
		font-size: 2.75vw;
	}


	/* 1段目〜全部共通 -------------------- */

	#tx_data .wrapper .wrapper_inner .box {
		float: none;
		padding: 5%;
		margin-bottom: 5%;
		box-sizing: border-box;
	}
	#tx_data .wrapper .wrapper_inner .box h3 {
		background: #0081ba;
		display: inline;
		font-size: 3.5vw;
		font-weight: bold;
		letter-spacing: 0.1em;
		color: #fff;
		padding: 0.3vw 1vw;
		margin-left: -5%;
	}
	#tx_data .wrapper .wrapper_inner .box dl {
		padding: 0;
	}
	#tx_data .wrapper .wrapper_inner .box p {
		font-size: 3vw;
		line-height: 1.6;
	}

	#tx_data .wrapper .wrapper_inner .box.b01,
	#tx_data .wrapper .wrapper_inner .box.b02,
	#tx_data .wrapper .wrapper_inner .box.b03,
	#tx_data .wrapper .wrapper_inner .box.b04,
	#tx_data .wrapper .wrapper_inner .box.b05,
	#tx_data .wrapper .wrapper_inner .box.b06,
	#tx_data .wrapper .wrapper_inner .box.b07,
	#tx_data .wrapper .wrapper_inner .box.b08,
	#tx_data .wrapper .wrapper_inner .box.b09,
	#tx_data .wrapper .wrapper_inner .box.b10,
	#tx_data .wrapper .wrapper_inner .box.b11,
	#tx_data .wrapper .wrapper_inner .box.b12,
	#tx_data .wrapper .wrapper_inner .box.b13 {
		float: none;
		width: 100%;
		margin-right: 0;
		min-height: inherit;
		max-height: inherit;
	}


	#tx_data .wrapper .wrapper_inner .box.b01 img,
	#tx_data .wrapper .wrapper_inner .box.b02 img,
	#tx_data .wrapper .wrapper_inner .box.b03 img,
	#tx_data .wrapper .wrapper_inner .box.b04 img,
	#tx_data .wrapper .wrapper_inner .box.b05 img,
	#tx_data .wrapper .wrapper_inner .box.b06 img,
	#tx_data .wrapper .wrapper_inner .box.b07 img,
	#tx_data .wrapper .wrapper_inner .box.b08 img,
	#tx_data .wrapper .wrapper_inner .box.b09 img,
	#tx_data .wrapper .wrapper_inner .box.b10 img,
	#tx_data .wrapper .wrapper_inner .box.b11 img,
	#tx_data .wrapper .wrapper_inner .box.b12 img,
	#tx_data .wrapper .wrapper_inner .box.b13 img {
		width: 100%;
	}

	#tx_data .wrapper .wrapper_inner .box.b01 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b02 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b03 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b04 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b05 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b06 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b07 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b08 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b09 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b10 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b11 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b12 .data_img,
	#tx_data .wrapper .wrapper_inner .box.b13 .data_img {
		float: none;
		text-align: center;
		width: 80%;
		padding: 5% 10%;
		float: none;
	}


	/* 1段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b01 {
		padding-bottom: 5%;
	}
	#tx_data .wrapper .wrapper_inner .box.b02 {
		background: url(../images/data02_simg.png) bottom center no-repeat #f6f6f6;
		background-size: 60%;
		padding-bottom: 25%;
	}
	#tx_data .wrapper .wrapper_inner .box.b02 .data_img {
		width: 90%;
		padding: 5%;
	}


	/* 2段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b03 .data_img {
		width: 96%;
		padding: 5% 2%;
		margin-right: 2%;
	}


	/* 3段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b06 .data_img {
		width: 90%;
		padding: 5%;
	}
	#tx_data .wrapper .wrapper_inner .box.b07 {
		background: url(../images/data07_simg.png) top right no-repeat #f6f6f6;
		background-size: 25%;
	}
	#tx_data .wrapper .wrapper_inner .box.b07 .data_img {
		width: 90%;
		padding: 5%;
	}


	/* 4段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b08 .data_img {
		width: 100%;
		padding: 5% 0;
	}
	#tx_data .wrapper .wrapper_inner .box.b09 .data_img {
		width: 100%;
		padding: 5% 0;
	}


	/* 5段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b10 {
		padding-bottom: 4%;
	}
	#tx_data .wrapper .wrapper_inner .box.b10 .data_img {
		width: 90%;
		padding: 5%;
	}
	#tx_data .wrapper .wrapper_inner .box.b11 .data_img {
		width: 100%;
		padding: 5% 0;
	}

	/* 6段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b12 {
		width: 100%;
		padding-bottom: 4%;
	}
	#tx_data .wrapper .wrapper_inner .box.b12 p {
		padding-top: 0;
	}

	/* 7段目 -------------------- */
	#tx_data .wrapper .wrapper_inner .box.b13 {
		width: 100%;
	}
	#tx_data .wrapper .wrapper_inner .box.b13 .data_img {
		width: 100%;
		padding: 5% 0;
	}
	#tx_data .wrapper .wrapper_inner .box.b13 dd {
		float: none;
		width: 100%;
		font-size: 3vw;
		line-height: 1.6;
	}

	#tx_data .wrapper .wrapper_inner .box.b13 .sbox {
		background: #fff;
		padding: 6% 8%;
		margin-bottom: 5%;
	}
	#tx_data .wrapper .wrapper_inner .box.b13 .sbox strong {
		font-size: 4vw;
	}
	#tx_data .wrapper .wrapper_inner .box.b13 .sbox dl {
		padding-top: 3%;
	}
	#tx_data .wrapper .wrapper_inner .box.b13 .sbox dt {
		width: 16em;
		float: left;
	}
	#tx_data .wrapper .wrapper_inner .box.b13 .sbox dd {
		float: left;
		width: 4em;
		font-family: 'Teko', sans-serif;
		font-size: 4vw;
		font-weight: bold;
		letter-spacing: 0.2em;
	}


}