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

	COMMONS

-----------------------------------------------*/
#fv {height: 25rem;margin: 8rem 0 1rem;background: #000 no-repeat center / cover;}
#fv.news {background-image: url("../img/business/fv.jpg");}
#fv.business {background-image: url("../img/business/fv.jpg");}
#fv .inner {position: relative;height: 100%;}
#fv h1 {
	position: absolute;
	right: 2rem;
	bottom: 50%;
	transform: translate(0,50%);
	font-weight: 700;
	font-size: 3rem;
}
#fv figure {position: absolute;left: 2rem;bottom: -10rem;}
#fv figure img {width: auto;}
#breadcrumb ul {overflow: hidden;}
#breadcrumb li {
	display: flex;
	align-items: center;
	float: left;
	font-size: 12px;
}
#breadcrumb li a {text-decoration: underline;}
#breadcrumb li a {color: #C30D21;}
#breadcrumb li:after {content: ">";margin: 0 0.5em;}
#breadcrumb li:last-child:after{display: none;}
.wp-pagenavi {display: flex;justify-content: center;}
.wp-pagenavi a,
.wp-pagenavi span {
	display: block;
	transition: .5s;
	margin: 2px 5px;
	padding: 6px 10px!important;
	border: solid 2px #C30D21!important;
	color: #fff;
	line-height: 1;
}
.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi span.current {background: #C30D21;color: #fff;}
.wp-pagenavi a:hover,
.wp-pagenavi span:hover {background: #fff;color: #C30D21;}
@media only screen and ( max-width : 896px ) {
	#fv h1 {font-size: 2.4rem;}
	#fv figure {bottom: -5rem;max-width: 20rem;}
	#fv.business.valvefv figure {max-width: 40rem;}
	#fv figure img {width: 100%;}
}
@media only screen and ( max-width : 500px ) {
	#fv {height: 18rem;}
	#fv h1 {font-size: 2rem;}
	#fv figure {bottom: -5rem;max-width: 11rem;}
	#fv.business.valvefv figure {max-width: 20rem;}
}
/*-----------------------------------------------

	NEWS ARCHIVE

-----------------------------------------------*/
#news .inner {max-width: 104rem;}
.news-archive dl {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.news-archive a{
	color: #0d519c;
	cursor: pointer;
	display: inline;
}
.news-archive dl dt {width: 100%;max-width: 25rem;vertical-align: middle;}
.news-archive dl dd {width: 100%;padding-left: 4rem;vertical-align: top;}
.news-archive dl dd div {width: 85%;}
.news-archive dl dd h4 {
    display: inline-block;
    margin-bottom: 15px;
	font-size: 1.6rem;
	line-height: 1.4;
}
.news-archive dl dd h2 {margin-bottom: 2rem;color: #C30D21;font-size: 1.6rem;}
.news-archive dl dd p.txt {padding-left: 4rem;color: #313131;}
.news-archive .btn-slide {max-width: 14rem;margin: 0 0 0 auto;}
.news-archive .btn-slide img {left: 0;width: 10.6rem;}
@media only screen and ( max-width : 896px ) {
	.news-archive dl dt {vertical-align: top;max-width: 14rem;}
	.news-archive dl dd {padding-left: 2rem;}
	.news-archive dl dd div {width: 100%;}
	.news-archive dl dd h4 {width: 100%;}
	.news-archive dl dd p.txt {padding-left: 0;}
}
@media only screen and ( max-width : 500px ) {
	.news-archive dl {display: block;}
	.news-archive dl dt {display: block;max-width: 100%;margin-bottom: 2rem;}
	.news-archive dl dd {padding-left: 0;}
}
/*-----------------------------------------------

	NEWS SINGLE

-----------------------------------------------*/
.news-single .box {margin-bottom: 5rem;}
.news-single .box h2 {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: solid 2px #707070;
	font-weight: 700;
    font-size: 3rem;
}
.news-single .box h4 {margin-bottom: 1.5rem;font-size: 1.2rem;}
.news-single .box figure {max-width: 38rem;margin: 0 auto 3rem;}
.news-single .box p {margin-bottom: 15px;}
.linkbox {
	display: flex;
	justify-content: center;
	max-width: 47.8rem;
	margin: 0 auto;
}
.linkbox .btn-slide {
	max-width: 15rem;
	margin: 0 .5rem;
	padding: 0;
	font-size: 1.4rem;
}
.linkbox .btn-slide::before {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translate(0,50%) rotate(-45deg);
    width: .5rem;
    height: .5rem;
}
.linkbox .btn-slide.all {margin-left: auto;}
.linkbox .btn-slide.prev::before {left: 2rem;border-top: .1rem solid #fff;border-left: .1rem solid #fff;}
.linkbox .btn-slide.all::before {right: 2rem;border-left: .1rem solid #fff;border-bottom: .1rem solid #fff;}
.linkbox .btn-slide.next::before {right: 2rem;border-right: .1rem solid #fff;border-bottom: .1rem solid #fff;}
.linkbox .btn-slide a {padding: 1.5rem;color: #fff;}
.linkbox .btn-slide.prev a {position: relative;;text-align: right;}
@media only screen and ( max-width : 896px ) {
	.news-single .box h2 {font-size: 2.4rem;}
}
@media only screen and ( max-width : 500px ) {
	.news-single .box h2 {font-size: 1.8rem;}
	.linkbox .btn-slide {max-width: 32%;margin: 0 .7%;font-size: 3vw;}
	.linkbox .btn-slide.prev::before {left: 1rem;}
	.linkbox .btn-slide.all::before,
	.linkbox .btn-slide.next::before {right: 1rem;}
	.linkbox .btn-slide a {padding: 1.5rem 1rem;}
}
/*-------------------------------------------------

	BUSINESS

--------------------------------------------------*/
#busi .ttlbox h2 {
	margin-bottom: 3rem;
	padding-left: 1.2rem;
	border-left: .8rem solid #C30D21;
	color: #C30D21;
	font-weight: 700;
	font-size: 3rem;
}
#busi .ttlbox p {margin-bottom: 4rem;font-size: 1.8rem;}
#busi .box {margin-bottom: 16rem;padding: 4rem 0;background: #eee;}
#busi .box h3 {
	font-size: 2rem;
	color: #0F094D;
	margin-bottom: 2rem;
	font-weight: bold;
}
#busi .box .content {display: flex;}
#busi .box.valvebox div {flex-wrap: wrap;}
#busi .box figure {position: relative;border: .1rem solid #000;}
#busi .box.valvebox figure {width: 33.3%;}
#busi .box figure figcaption {position: absolute;top: 0;left: 0;}
#busi .box figure figcaption span {
	display: table;
	position: relative;
	z-index: 1;
	padding: 1rem 1.5rem;
	color: #fff;
}
#busi .box figure figcaption span::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #0F094D;
    transform: scaleY(1) perspective(16em) rotateX(-17deg);
    transform-origin: bottom left;
}
#busi .imgbox {display: flex;position: relative;margin-bottom: 3.5rem;}
#busi .imgbox::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 50%;
	z-index: 1;
	transform: translate(-50%,50%);
	width: 25%;
	height: 25%;
	background: url("../img/business/cloth.png") no-repeat center;
}
#busi .imgbox figure {width: 60%;}
#busi .imgbox figure:nth-of-type(1) figcaption {left: 0;bottom: 0%;background: #0F094D;}
#busi .imgbox figure:nth-of-type(2) {margin-left: -12.4%;padding-top: 5%;}
#busi .imgbox figure:nth-of-type(2) figcaption {right: 0;bottom: -20%;background: #C30D21;}
#busi .imgbox figcaption {position: absolute;padding: 2.6rem 3rem 1rem 4rem;}
#busi .imgbox figcaption h3 {margin-bottom: 2rem;color: #fff;font-size: 1.4vw;}
#busi .imgbox figcaption p {color: #fff;}
#busi .itvbox h2 {
	margin-bottom: 4rem;
	color: #C30D21;
	font-weight: 700;
	font-size: 2.6rem;
}
#busi .itvbox h4 {
	position: relative;
	width: 26rem;
	margin-bottom: 4rem;
	color: #C30D21;
	font-weight: 700;
}
#busi .itvbox h4::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 50%;
	z-index: -1;
	transform: translate(0,50%);
	width: 100%;
	height: .1rem;
	background: #C30D21;
}
#busi .itvbox h4 span {padding-right: 1rem;background: #fff;letter-spacing: .1em;}
#busi .itvbox div {margin-bottom: 9rem;}
#busi .itvbox div:last-child {margin-bottom: 0;}
#busi .itvbox ul {display: flex;margin-bottom: 3rem;}
#busi .itvbox ul:last-child {margin-bottom: 0;}
#busi .itvbox li {width: 100%;font-size: 1.8rem;}
#busi .itvbox li:nth-of-type(1) {max-width: 11rem;font-weight: 700;}
#busi .itvbox ul:nth-of-type(odd) li span:nth-of-type(1) {color :#0F094D;}
#busi .itvbox ul:nth-of-type(even) li span:nth-of-type(1) {color :#C30D21;}
@media only screen and ( max-width : 896px ) {
	#busi .ttlbox h2 {font-size: 2.4rem;}
	#busi .ttlbox p {font-size: 1.6rem;}
	#busi .box {margin-bottom: 5rem;}
	#busi .box.precisionbox div {flex-wrap: wrap;}
	#busi .box.precisionbox figure {width: 50%;}
	#busi .box.valvebox figure {width: 50%;}
	#busi .imgbox {flex-wrap: wrap;}
	#busi .imgbox::before {display: none;}
	#busi .imgbox figure {width: 100%;}
	#busi .imgbox figure:nth-of-type(2) {margin-left: 0;padding: 0;}
	#busi .imgbox figcaption {position: inherit;padding: 2rem;}
	#busi .imgbox figcaption h3 {font-size: 2.4rem;}
	#busi .imgbox figcaption p {font-size: 1.4rem;}
	#busi .itvbox div {margin-bottom: 4rem;}
	#busi .itvbox h2 {font-size: 2rem;}
	#busi .itvbox li {font-size: 1.6rem;}
	#busi .itvbox li:nth-of-type(1) {max-width: 9rem;}
}
@media only screen and ( max-width : 500px ) {
	#busi .ttlbox h2 {margin-bottom: 2rem;font-size: 2rem;}
	#busi .ttlbox p {font-size: 1.4rem;}
	#busi .box figure figcaption span {padding: .5rem;font-size: 3vw;}
	#busi .box figure figcaption span::before {transform: scaleY(1) perspective(31em) rotateX(-20deg);}
	#busi .itvbox h2 {font-size: 1.8rem;}
	#busi .itvbox li {font-size: 1.4rem;}
	#busi .itvbox li:nth-of-type(1) {max-width: 6rem;}
}
/*-------------------------------------------------

	BUSINESS LINK

--------------------------------------------------*/
#busi-link .flexbox {flex-wrap: nowrap;overflow: hidden;}
#busi-link .box {
	display: inline-table;
	width: 34%;
	overflow: hidden;
	border: .1rem solid #3E3E3E;
}
#busi-link .box:last-child {margin-bottom: 0;}
#busi-link .box figure {position: relative;}
#busi-link .box figure figcaption {position: absolute;top: 0;left: 0;}
#busi-link .box figure figcaption span {
	display: table;
	position: relative;
	z-index: 1;
	padding: 1rem 1.5rem;
	color: #fff;
}
#busi-link .box figure figcaption span::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: -1px;
    z-index: -1;
    background: #0F094D;
    transform: scaleY(1) perspective(16em) rotateX(-17deg);
    transform-origin: bottom left;
}
#busi-link .box:nth-of-type(3) figure figcaption span::before {background: #C30D21;}
#busi-link .box .flexbox {position: relative;height: 5.8rem;background: #fff;}
#busi-link .box p {
	position: absolute;
	left: -10px;
	bottom: 0;
	transform: skewX(-20deg);
	width: 63.5%;
	height: 5.8rem;
	background: #ccc;
	font-weight: 500;
}
#busi-link .box p span {
	display: block;
	transform: skewX(20deg);
	padding-left: 10%;
	font-size: 1.6rem;
	line-height: 5.8rem;
}
#busi-link .btn-slide {
	position: absolute;
	right: -12px;
	bottom: 0;
	transform: skewX(-20deg);
	width: 40%;
	height: 5.8rem;
	padding: 2rem 6%;
}
#busi-link .btn-slide span {transform: skewX(20deg);}
#busi-link .btn-slide img {left: 0;width: 100%;}
@media only screen and ( max-width : 896px ) {
	#busi-link .flexbox {flex-wrap: wrap;}
	#busi-link .box {width: 100%;max-width: 60rem;margin: 0 auto 2rem;}
	#busi-link .box figure figcaption span {font-size: 1.4rem;}
	#busi-link .box p {font-size: 1.5rem;}
	#busi-link .box p span {padding: 1rem 0 1rem 2rem;line-height: 1.4;}
}
@media only screen and ( max-width : 500px ) {
	#busi-link .box figure figcaption span {padding: .6rem 1.5rem;}
	#busi-link .btn-slide img {width: 8rem;}
}
@media only screen and ( max-width : 320px ) {
	#busi-link .box p {width: 66.5%;font-size: 1.3rem;}
	#busi-link .btn-slide {padding: 2rem 1rem;}
}
/*-----------------------------------------------

	RECRUITMENT

-----------------------------------------------*/
#recruitment .inner {max-width: 90rem;}
#recruitment .box {
	overflow: hidden;
	border: .1rem solid #3E3E3E;
}
#recruitment ul.flexbox {align-items: flex-end;}
#recruitment ul.flexbox li {width: 49%;}
#recruitment ul.flexbox li h3 {margin-bottom: 10px;color: #C30D21;text-align: center; font-size: 1.2em; font-weight: bold;}
#recruitment .box figure {position: relative;}
#recruitment .box .flexbox {position: relative;height: 5.8rem;background: #fff;}
#recruitment .box p {
	position: absolute;
	left: -10px;
	bottom: 0;
	transform: skewX(-20deg);
	width: 63.5%;
	height: 5.8rem;
	background: #ccc;
	font-weight: 500;
}
#recruitment .box p span {
	display: block;
	transform: skewX(20deg);
	padding-left: 10%;
	font-size: 1.6rem;
	line-height: 5.8rem;
}
#recruitment .btn-slide {
	position: absolute;
	right: -12px;
	bottom: 0;
	transform: skewX(-20deg);
	width: 40%;
	height: 5.8rem;
	padding: 2rem 6%;
}
#recruitment .btn-slide span {transform: skewX(20deg);}
#recruitment .btn-slide img {left: 0;width: 100%;}
.ChangeElem_Btn_Content {display: flex;justify-content: space-between;}
.ChangeElem_Btn_Content button {
	position: relative;
	transition: .5s;
	width: 35%;
	padding: 2.5rem 0;
	border: none;
	background: #fff;
	font-size: 2rem;
	letter-spacing: .1em;
}
.ChangeElem_Btn_Content button.is-active {border: .1rem solid #000;border-bottom: none;}
#recruitment th {
	position: relative;
	width: 28rem;
	padding: 3rem;
	border-top: .1rem solid #707070;
	font-weight: 600;
	color: #0F094D;
}
#recruitment td {border-top: .1rem solid #707070;padding: 3rem 0;}
#recruitment td h5 {font-weight: 700;}
#recruitment td h5.red {color: #C30D21;}
#recruitment td p {margin-bottom: 2rem;}
.entry_btn {
	max-width: 35rem;
	margin: 5rem auto 0;
	padding: 2rem 0;
	border: .1rem solid #C30D21;
	background: #C30D21;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}
.entry_btn:hover {background: #fff;color: #C30D21;}
.resume{
	margin: 30px 0;
	color: C40D20;
	text-align: center;
	text-decoration: underline;
}

@media only screen and ( max-width : 896px ) {
	.ChangeElem_Btn_Content {flex-wrap: wrap;margin-bottom: 2rem;}
	.ChangeElem_Btn_Content button {width: 100%;padding: 1.5rem 0;font-size: 1.6rem;}
	.ChangeElem_Btn_Content button.is-active {border-bottom: .1rem solid #000;}
	#recruitment th {display: block;width: 100%;padding: 2rem 1rem;}
	#recruitment td {display: block;width: 100%;padding: 2rem 1rem;}
}
@media only screen and ( max-width : 500px ) {
	#recruitment .box {width: 100%;margin-bottom: 2rem;}
	#recruitment .box:last-child {margin-bottom: 0;}
	#recruitment ul.flexbox li {width: 100%;margin-bottom: 20px;}
	#recruitment ul.flexbox li:last-child {margin-bottom: 0;}
}
/*-------------------------------------------------
	
	ENTRY

--------------------------------------------------*/
#entry.blank {padding-top: 4rem;}
#entry .inner {max-width: 90rem;}
#entry table {
	width: 100%;
	border-collapse: inherit;
	border-spacing: 0 1rem;
	margin-bottom: 2rem;
	font-size: 1.4rem;
}
#entry th {
	width: 33.4rem;
	padding: 1rem 0;
	background: #000;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
}
#entry th span {color: #C30D21;}
#entry td {
	padding: 1rem;
	border: .1rem solid #000;
	background: #fff;
	vertical-align: middle;
	width: 69%;
}
#entry tr:last-child td {padding: 2rem;background: transparent;}
#entry table p {font-size: 1.4rem;}
#entry input[type="text"],
#entry input[type="tel"],
#entry input[type="email"],
#entry select,
#entry textarea {	
	width: 100%;
	padding: 1rem;
	border: .1rem solid #000;
	background: #fff;
	line-height: 1.8;
	resize: vertical;
	vertical-align: bottom;
}
input:focus {outline: .2rem solid #C30D21;}
::placeholder {color: #979797;font-family: 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
span.horizontal-item input {display: none;}
.radio {display: none;}
.mwform-radio-field-text {padding-left: 30px;position:relative;cursor :pointer;}
.mwform-radio-field-text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	border-radius: 50%
}
.radio:checked + .mwform-radio-field-text {color: #C30D21;}
.radio:checked + .mwform-radio-field-text::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #C30D21;
	border-radius: 50%;
}
.mw_wp_form .horizontal-item + .horizontal-item {display: block;margin: 0!important;line-height: 1.8;}
h3.pri-ttl {margin-bottom: 2rem;}
.pbox {
	height: 20rem;
	margin-bottom: 2rem;
	padding: 2rem;
	overflow: auto;
	border: .1rem solid #000;
	background: #fff;
}
.pbox ol {margin: 0 0 3rem 2rem;list-style-type: decimal;color: #C30D21;}
.pbox h5 {margin-bottom: 1rem;color: #C30D21;font-weight: 700;}
.pbox p {margin-bottom: 1rem;color: #000;}
.pbox ol ul {margin: 0 0 2rem 2rem;}
.pbox ol ul li {margin-bottom: 1rem;list-style-type: disc;color: #000;}
.pbox .txt {text-align: right;}
.checkbox {display: none;}
.mwform-checkbox-field-text {position:relative;padding: .8rem 0 0 4rem;cursor: pointer;}
.mwform-checkbox-field-text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2.9rem;
	height: 2.9rem;
	border: .1rem solid #000;
	background: #fff;
}
.checkbox:checked + .mwform-checkbox-field-text {color: #C30D21;}
.checkbox:checked + .mwform-checkbox-field-text::after {
	content: "";
	display: block;
	position: absolute;
    top: .7rem;
    left: 1.2rem;
    width: .5rem;
    height: 1rem;
	transform: rotate(40deg);
	border-bottom: .3rem solid #C30D21;
	border-right: .3rem solid #C30D21;	
}
#entry input[type="submit"],
#entry a {
	display: block;
	transition: .5s;
	width: 100%;
	max-width: 35rem;
	margin: 0 auto 2rem;
	padding: 1rem 0;
	border: .1rem solid #C30D21;
	background: #C30D21;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}
#entry a {max-width: 36rem;}
#entry input[type="submit"]:hover,
#entry a:hover {background: #fff;color: #C30D21;}
#entry h4 {margin-bottom: 4rem;font-size: 2rem;text-align: center;}
@media only screen and ( max-width : 896px ) {
	#entry table {border-spacing: 0;}
	#entry th {display: block;width: 100%;padding: 1rem 0;}
	#entry td {display: block;width: 100%;padding: 1rem;}
	h3.pri-ttl {margin-bottom: 1rem;}
	#entry input[type="submit"],
	#entry a,
	#entry h4 {font-size: 1.6rem;}
}
@media only screen and ( max-width : 500px ) {
	#entry input[type="submit"],
	#entry a {font-size: 2rem;}
}
/* ------------------------------------------------------------

　   CONFIRM

--------------------------------------------------------------*/
.confirm td {padding: 1rem;}
.confirm tr:last-child td {padding: 1rem;background: #fff;}
.confirm h3,.confirm .pbox,.confirm .stbox::after {display: none;}
.mw-wp-form_file {display: none;}
/* ------------------------------------------------------------

　   COMPLETE

--------------------------------------------------------------*/
.complete p {text-align: center;margin-bottom: 6rem;}


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

	JOB INFORMATION │ COMMONS

-------------------------------------------------*/
.job .commonbox h2.title {
	background: #0F094D;
	padding: 2rem 4rem;
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
	position: relative;
	text-align: left;
	letter-spacing: .1rem;
	margin-bottom: 0;
}
.job .commonbox h2 span.jobarea{
	position: absolute;
    font-size: 1.5rem;
    font-weight: 300;
    border: solid 1px #fff;
    padding: 10px 50px;
    right: 4rem;
    top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	margin: auto 0;
}
.job .commonbox h2.title a {display: block;font-size: 14px;color: #fff;}
.job .commonbox .flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:2rem 4rem;
	background: #fff;
}
.job .commonbox h3.subtitle {margin-bottom: 2rem;font-weight: 700;font-size: 1.8rem;}
.job .commonbox .box {width: 65%;}
.job .commonbox table {border-collapse: inherit;border-spacing: 0 .8rem;margin-bottom: 2.5rem;}
.job .commonbox th {
	width: 11rem;
	border: .1rem solid #707070;
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
}
.job .commonbox td {padding: .5rem 2rem;font-size: 1.5rem;}
.job .commonbox .tagbox {display: flex;flex-wrap: wrap;}
.job .commonbox .tagbox span {
    width: 13rem;
    margin: 0 .9% 1rem;
    padding: 10px 0;
    border-radius: 1rem;
    background: #9D9D9D;
    color: #fff;
    text-align: center;
}
.job .commonbox figure {width: 33%;}
.job .commonbox figure img {width: 100%;}
.job .ebox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 96rem;
    margin: 0 auto;
	padding-bottom: 4rem;
}
.job .e_button {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 0;
	background: #0F094D;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}
@media only screen and (max-width: 768px) { 
	.job .commonbox h2.title {font-size: 1.5rem;}
	.job .commonbox h2 span.jobarea{padding: 10px;right: 1rem;}
	.job .commonbox .flexbox {flex-direction: column-reverse;}
	.job .commonbox .box {width: 100%;}
	.job .commonbox h3.subtitle {margin-bottom: 0;font-size: 1.6rem;}
	.job .commonbox table {margin-bottom: 2rem;}
	.job .commonbox th {width: 9rem;font-size: 1.4rem;}
	.job .commonbox td {font-size: 1.4rem;}
	.job .commonbox .tagbox span {width: 23.2%;}
	.job .commonbox figure {width: 100%;margin-bottom: 2rem;}
	.job .ebox {padding-bottom: 0;}
}
@media only screen and ( max-width : 480px ) {
	.job .commonbox h2.title {padding: 1rem;}
	.job .commonbox h2 span.jobarea{padding: 7px;}
	.job .commonbox .flexbox {padding: 2rem 1rem;}
	.job .commonbox th {display: block;}
	.job .commonbox td {display: block;padding: 1rem 0 0;}
	.job .commonbox .tagbox span {width: 31.5%;}
	.job .ebox {padding: 0 1rem 2rem;}
}
/*------------------------------------------------

	JOB INFORMATION │ ARCHIVE

-------------------------------------------------*/
.job{background: #FAFAFA;}
.re_place{position: relative;top:-1rem;padding-top:1rem;margin-bottom: -1rem;}
#archive{padding-bottom: .1rem;}
#archive h3.text {
	margin: 0 0 5rem;
	padding-top:2rem;
	font-weight: 700;
	font-size: 2.5rem;
	text-align: center;
	color:#C30D21;
}
#archive .commonbox {margin-bottom: 10rem;background: #FFF;}
#archive.job .e_button {max-width: 49%;}
@media only screen and (max-width: 768px) { 
	#archive h3.text {margin-bottom: 3rem;font-size: 1.8rem;}
	#archive.job .e_button {max-width: 100%;margin-bottom: 1rem;}
}
/*------------------------------------------------

	JOB INFORMATION │ SINGLE PAGE

-------------------------------------------------*/
#single {padding-top:10rem;padding-bottom:10rem;}
#single h3.text {margin-bottom: 7rem;font-weight: 700;font-size: 2.4rem;}
#single .bg {margin-bottom: 10rem;background: #fff;}
#single .singlebox  {padding: 2rem 4rem 5rem;}
#single .singlebox h3 {
	margin-bottom: 1rem;
	padding: 0 0 1rem;
	border-bottom: .1rem solid #707070;
	font-weight: 700;
	font-size: 2rem;
}
#single .singlebox table {
	border-collapse: inherit;
	border-spacing: 0 3rem;
	margin: 0 auto 2rem;
}
#single .singlebox th {width: 20rem;vertical-align: top;}
#single .singlebox th span {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 700;
}
#single .singlebox td {font-size: 1.6rem; padding-bottom: 3rem;}
#single.job .e_button {max-width: 40.6rem;margin-bottom: 2rem;}
#single .backbtn {
	display: block;
	max-width: 30rem;
    margin: 0 auto;
    padding: 1.5rem 0;
    background: #212121;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
}
@media only screen and (max-width: 768px) { 
	#single h3.text {margin-bottom: 3rem;font-size: 1.8rem;}
	#single .singlebox {padding: 2rem 1rem 2rem;}
	#single .singlebox h3 {margin-bottom: 0;font-size: 2rem;}
	#single .singlebox th {display: block;margin-bottom: 2rem;font-size: 1.4rem;}
	#single .singlebox th span {font-size: 1.4rem;}
	#single .singlebox td {display: block;font-size: 1.4rem;}
}