@charset "utf-8";
@media screen and (max-width: 767px) {
/*HEADER*/
.keyvisual {
	background-image:url(../images/recruit/keyvisual.jpg);
	background-position-y:top;
	
}


/*CONTENTS*/

section {
}
main section:nth-of-type(even) {
	background-color:rgba(244,227,225,.2);
}

/*求職者の皆様へ*/
#greeting {
	padding:4rem 1rem;
}
#greeting .content-box-flex-half .img-box {
	margin-bottom:1rem;
}
#greeting .content-box-flex-half .img-box img {
	width:100%;
}
#greeting .content-box-flex-half .txt-box {
}
#greeting .message-box h2 {
	font-family:'Noto Serif JP', serif;
	font-size:20px;
	font-weight:bold;
	margin-bottom:1rem;
}

/*社員の声*/
#voice {
	padding:4rem 1rem;
}
#voice .content-box {
	background: linear-gradient(180deg, rgba(250,240,239,0) 0, rgba(250,240,239,0) 240px, rgba(250,240,239,1) 240px, rgba(250,240,239,1) 100%);
	padding:1rem;
}
#voice .content-box .img-box {
	width:240px;
	margin:0 auto 1rem;
}
#voice .content-box .txt-box {
}
#voice .message-box h2 {
	font-family:'Noto Serif JP', serif;
	font-size:20px;
	font-weight:bold;
	margin-bottom:1rem;
}
#voice .message-box cite {
	display:block;
	font-family:'Noto Serif JP', serif;
	font-size:12px;
	width:9em;
	font-weight:bold;
	text-align:justify;
	margin: 0 0 0 auto;
}

/*募集要項*/
#requirements {
	padding:4rem 0;
}
#requirements .content-box {
	padding-bottom:4rem;
	margin-bottom:4rem;
	border-bottom:solid 1px #999;
}
#requirements .content-box table {
	width:100%;
}
#requirements .content-box table tr th,
#requirements .content-box table tr td {
	text-align:left;
	font-weight:normal;
	border-bottom:solid 1px #999;
}
#requirements .content-box table tr:last-child th,
#requirements .content-box table tr:last-child td {
	border-bottom: none 0;
}
#requirements .content-box table tr th {
	white-space:nowrap;
	text-align: justify;
    text-align-last: justify;
	padding:1rem .5rem 1rem 0;
	border-right:solid 1px #999;
}
#requirements .content-box table tr td {
	width:100%;
	padding:1rem 0 1rem .5rem;
}
#requirements #osaka {
	padding:0 1rem 4rem;
	margin-bottom:4rem;
	border-bottom:solid 1px #999;
}
#requirements #osaka .content-box:last-of-type,
#requirements #chiba .content-box:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none 0;
}
#requirements #chiba {
	padding:0 1rem;
}
#requirements #chiba .content-box p {
	text-align:center;
	padding:1.5rem;
	border:solid 1px #999;
}
}

@media screen and (min-width: 768px) {
/*HEADER*/
.keyvisual {
	background-image:url(../images/recruit/keyvisual.jpg);
	background-position-y:top;
	
}


/*CONTENTS*/

section {
	padding:80px 0;
}
main section:nth-of-type(even) {
	background-color:rgba(244,227,225,.2);
}

/*求職者の皆様へ*/
#greeting .content-box-flex-half .img-box {
	max-height:480px;
	position:relative;
	overflow:hidden;
}
#greeting .content-box-flex-half .img-box img {
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#greeting .content-box-flex-half .txt-box {
	align-content:center;
	padding-right:60px;
}
#greeting .message-box h2 {
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif;
	font-size:32px;
	font-weight:bold;
	margin-bottom:1rem;
}

/*社員の声*/
#voice .content-box {
	background-image:url(../images/recruit/voice_bgimg.gif);
	background-repeat:no-repeat;
	background-size:1000px 100%;
	background-position:top 160px left 120px;
	width:1080px;
	margin:auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:flex-start;
}
#voice .content-box .img-box {
	width:240px;
}
#voice .content-box .txt-box {
	width:calc(100% - 240px);
	padding:0 60px 30px;
}
#voice .message-box h2 {
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif;
	font-size:32px;
	font-weight:bold;
	height:160px;
	padding-bottom:30px;
	margin-bottom:30px;
	display:flex;
	align-items:flex-end;
}
#voice .message-box cite {
	display:block;
	font-family:"Yu Mincho Regular", "游明朝 Regular", YuMincho, "游明朝体", serif;
	font-size:14px;
	width:9em;
	font-weight:bold;
	text-align:justify;
	margin: 0 0 0 auto;
}

/*募集要項*/
#requirements .content-box {
	width:1080px;
	margin:auto;
	padding-bottom:60px;
	margin-bottom:60px;
	border-bottom:solid 1px #999;
}
#requirements .content-box table {
}
#requirements .content-box table tr th,
#requirements .content-box table tr td {
	font-weight:normal;
	letter-spacing:.06em;
	text-align:left;
	vertical-align:top;
	padding:1rem 2rem;
	border-bottom:solid 1px #999;
}
#requirements .content-box table tr:last-child th,
#requirements .content-box table tr:last-child td {
	border-bottom: none 0;
}
#requirements .content-box table tr th {
	text-align: justify;
    text-align-last: justify;
	width:24%;
	padding-left:4.4em;
	padding-right:4.4em;
	border-right:solid 1px #999;
}
#requirements #osaka {
	padding-bottom:60px;
	margin-bottom:60px;
	border-bottom:solid 1px #999;
}
#requirements #osaka .content-box:last-of-type,
#requirements #chiba .content-box:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none 0;
}
#requirements #chiba .content-box p {
	text-align:center;
	padding:30px;
	border:solid 1px #999;
}
}