@charset "utf-8";

/* Job Info
----------------------------------------------------------- */
.recruit .jobinfo_cattitle,
.recruit #page_col #read p.jobinfo_cattitle{
	padding: 7px 0;
	font-size: 11.3vw;
	text-align: center;
	color: #ff0012;
	transform: scale(0.9,1.05);
	-moz-transform: scale(0.9,1.05);
	-webkit-transform: scale(0.9,1.05);
	-o-transform: scale(0.9,1.05);
	-ms-transform: scale(0.9,1.05);
}
.recruit .jobinfo_cattitle span,
.recruit #page_col #read p.jobinfo_cattitle span{
	padding: 10px 0 0;
	display: block;
	font-size: 4vw;
	color: #333;
	transform: scale(1.1,0.95);
	-moz-transform: scale(1.1,0.95);
	-webkit-transform: scale(1.1,0.95);
	-o-transform: scale(1.1,0.95);
	-ms-transform: scale(1.1,0.95);
	letter-spacing: 0.1em;
}
.recruit .jobinfo_cattitle_top span{
	color: #ff0012;
	padding-bottom: 8px;
}
.recruit .jobinfo_txt,
.recruit #page_col #read p.jobinfo_txt{
	padding: 15px 0 20px;
	color: #333;
	font-size: 4vw;
	letter-spacing: 0.1em;
	line-height: 1.75;
	text-align: justify;
}
.recruit .jobinfo_subtxt,
.recruit #page_col #read p.jobinfo_subtxt{
	padding: 15px 0 20px;
	font-size: 4vw;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.3;
	color: #333;
}
.recruit .jobinfo_dream{
	padding: 17px 0;
	text-align: center;
}
.recruit .jobinfo_dream > p{
	font-size: 6.53vw;
	color: #ff0012;
}
.recruit .jobinfo_dream > ul{
	text-align: center;
}
.recruit .jobinfo_dream > ul li{
	display: inline-block;
}
.recruit .jobinfo_dream > ul li div{
	padding: 17px 0 0 2.5em;
	font-size: 5.46vw;
	text-align: left;
	line-height: 1.2;
}
.recruit .jobinfo_dream > ul li div p{
	display: inline-block;
	color: #ff0012;
	text-indent: -2.5em;
}
.recruit .jobinfo_dream > ul li div span{
	color: #ff0012;
}
.recruit .jobinfo_price{
	padding: 10px 0;
	background-color: #ff0012;
}
.recruit .jobinfo_price_block{
	margin: 0 2% 10px;
	padding: 5px 0 10px;
	background-color: #fff;
	border-radius: 6px;
	text-align: center;
}
.recruit .jobinfo_price_block ul{
	display: inline-block;
}
.recruit .jobinfo_price_block li{
	display: table;
    width: 100%;
    margin: 10px 0 0;
}
.recruit .jobinfo_price_block li div.jobinfo_price_mimdashi{
	display: table-cell;
    width: 42%;
    padding-right: 1%;
	vertical-align: middle;
}
.recruit .jobinfo_price_block li div.jobinfo_price_mimdashi span{
	display: block;
    padding: 5px 0;
    background-color: #00993b;
    color: #fff;
    font-size: 4.94vw;
    text-align: center;
}
.recruit .jobinfo_price_block li div.jobinfo_price_block_part{
    display: table-cell;
    padding-right: 1%;
    font-size: 5.6vw;
    text-align: left;
    line-height: 1.3;
    vertical-align: middle;
}
.recruit .jobinfo_price_block li div.jobinfo_price_wide span{
    transform: scale(1,1.8);
    -moz-transform: scale(1,1.8);
    -webkit-transform: scale(1,1.8);
    -o-transform: scale(1,1.8);
    -ms-transform: scale(1,1.8);
    font-size: 3.04vw;
    padding: 3px 0;
}
.recruit .jobinfo_price_block li p{
	display: table-cell;
	font-size: 11.16vw;
	text-align: right;
	line-height: 7.14vw;
	letter-spacing: -0.05em;
}
.recruit .jobinfo_price_block li p span{
	font-size: 7.14vw;
	letter-spacing: 0;
}
.recruit .jobinfo_price_block li p span.jobinfo_price_small{
	display: block;
	font-size: 3.37vw;
	text-align: right;
	line-height: 1.3;
}
.recruit .jobinfo_price_block:first-child li:first-child p{
	font-size: 15.17vw;
}
.recruit .jobinfo_price_bottomimg ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: 5px auto 0;
}
.recruit .jobinfo_price_bottomimg ul li{
	width: 25%;
}
.recruit .jobinfo_price_bottomtxt{
	padding: 5px 0 2px;
	color: #fff;
	font-size: 7.33vw;
	text-align: center;
	line-height: 1.2;
}
.recruit .jobinfo_price_bottomtxt span{
	font-size: 6vw;
}
.recruit .jobinfo_yarigai{
	padding: 25px 2%;
	font-size: 4.8vw;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
	word-wrap: break-word;
}
.recruit .jobinfo_yarigai p:nth-child(2){
    padding: 10px 4% 0;
    font-size: 4vw;
    line-height: 1.2;
    letter-spacing: 0;
}
.recruit .jobinfo_btn{
	padding: 10px 0;
	text-align: center;
	border-top: 5px solid #ff0012;
	border-bottom: 5px solid #ff0012;
}
.recruit .jobinfo_btn ul{
	display: inline-block;
}
.recruit .jobinfo_btn li{
	position: relative;
    margin: 20px -5%;
    border: 1px solid #e8ece9;
    border-radius: 6px;
    background-color: #f6f4f5;
    text-align: center;
}
.recruit .jobinfo_btn li a{
	display: block;
    padding: 10px 10% 10px;
	text-decoration: none;
	color: #000;
	font-size: 4vw;
}
.recruit .jobinfo_btn li span {
	position: absolute;
    top: 8px;
    right: 2%;
    padding: 3px;
    display: inline-block;
    float: right;
    font-size: 3vw;
    color: #333;
}
.recruit .jobinfo_message{
	background-color: #eeeeec;
	padding: 17px 0;
	color: #333;
}
.recruit .jobinfo_message_block{
	padding: 0 4%;
}
.recruit .jobinfo_message p{
	word-wrap: break-word;
}
.recruit .jobinfo_message_subtitle{
	margin: 0 -4%;
    padding: 24px 4% 8px;
	border-bottom: 1px solid #333;
	font-size: 5.33vw;
	letter-spacing: 0.1em;
}
.recruit .jobinfo_message_subtitle span{
	color: #ff0012;
}
.recruit .jobinfo_staff{
	padding: 17px 0;
	color: #333;
}
.recruit .staff_icon{
    width: 10%;
    padding: 0 3% 3px;
    margin: 0 -18% 0 0;
}
.recruit .jobinfo_staff_block:nth-child(odd){
	background-color: #fadde1;
	padding: 0 4%;
}
.recruit .jobinfo_staff_block:nth-child(even){
	background-color: #eeeeec;
	padding: 0 4%;
}
.recruit .jobinfo_statitle{
	padding: 15px 0;
	font-size: 4.66vw;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.3;
}
.recruit .jobinfo_statitle span{
	color: #ff0012;
}
.recruit .jobinfo_staff_name{
	padding: 8px 0 0;
}
.recruit .jobinfo_staff_name li{
	padding: 8px 0 0;
	letter-spacing: 0.1em;
}
.recruit #page_col #read{
	margin-bottom:22px;
}
.recruit #page_col #read p{
	padding:8px 0 15px;
	color:#000;
	font-size:12.5px;
	text-align:center;
}
.recruit #page_col #read #jobinfo_nav{
	margin:0 auto;
}
.recruit #page_col #read #jobinfo_nav ul{
	margin-right:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: 0 auto;
	padding: 0 2%;
}
.recruit #page_col #read #jobinfo_nav ul li{
    width: 48%;
    margin: 0 1%;
}
.recruit #page_col #read #jobinfo_nav ul li:nth-child(odd) a{
	display: block;
	padding: 5px 0;
	background-color: #6db235;
	color: #fff;
	font-size: 3.9vw;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
.recruit #page_col #read #jobinfo_nav ul li:nth-child(even) a{
	display: block;
	padding: 5px 0;
	background-color: #5dabda;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	font-size: 3.9vw;
}
.recruit #page_col #read #jobinfo_nav ul li:nth-child(even) a span{
	transform: scale(0.9,1);
	-moz-transform: scale(0.9,1);
	-webkit-transform: scale(0.9,1);
	-o-transform: scale(0.9,1);
	-ms-transform: scale(0.9,1);
}

.recruit #page_col .jobinfo_section{
/*
	margin-top: -130px;
	padding-top: 130px;
*/
	padding-bottom:8px;
}
.recruit #page_col #job_staff h3{
	margin: 5px 0 15px;
	padding: 5px 2% 3px;
	border-bottom: 1px solid #6db235;
}
.recruit #page_col #job_staff h3 span{
	padding: 3px 10%;
	background-color: #6db235;
	color: #fff;
	font-size: 4.21vw;
	margin-bottom:15px;
	text-align: center;
	border-radius: 3px 3px 0 0;
}
.recruit #page_col #job_part h3{
	margin: 5px 0 15px -3%;
	padding: 5px 2% 0;
	border-bottom: 1px solid #5dabda;
}
.recruit #page_col #job_part h3 span{
    padding: 3px 3%;
    background-color: #5dabda;
    color: #fff;
    font-size: 4.21vw;
    text-align: center;
    border-radius: 3px 3px 0 0;
    transform: scale(0.85,1);
    -moz-transform: scale(0.85,1);
    -webkit-transform: scale(0.85,1);
    -o-transform: scale(0.85,1);
    -ms-transform: scale(0.85,1);
    display: inline-block;
}
.recruit #page_col .jobinfo_section table{
	margin:0 auto 16px;
	color:#333;
	font-size:3.8vw;
    display: block;
	padding: 0 2%;
}
.recruit #page_col .jobinfo_section th,
.recruit #page_col .jobinfo_section td{
	padding:5px 0 5px 6px;
	line-height:1.6;
	vertical-align:top;
	border:1px solid #9c9d9d;
}
.recruit #page_col .jobinfo_section th{
	width:30%;
	background-color:#eee;
}
.recruit #page_col .jobinfo_section th.method{
	background-color: #fadde1;
}
.recruit #page_col .jobinfo_section td span.small{
	font-size: 2.65vw;
}
.recruit #page_col .jobinfo_section td span.small2{
	font-size: 3.27vw;
}
.recruit #page_col .jobinfo_section td form{
	padding-top:3px;
}
.recruit #page_col .jobinfo_section td form input:focus{
	outline:none;
}






@media screen and (min-width:737px){
	.recruit .jobinfo_cattitle,
	.recruit #page_col #read p.jobinfo_cattitle {
	    font-size: 60px;
	}
	.recruit .jobinfo_cattitle span,
	.recruit #page_col #read p.jobinfo_cattitle span {
	    font-size: 24px;
	}
	.recruit .jobinfo_message .jobinfo_cattitle,
	.recruit .jobinfo_staff .jobinfo_cattitle,
	.recruit #page_col #read .jobinfo_offer p.jobinfo_cattitle {
	    font-size: 40px;
	    padding: 15px 0;
	}
	.recruit .jobinfo_message .jobinfo_cattitle span,
	.recruit .jobinfo_staff .jobinfo_cattitle span {
	    font-size: 14px;
	}
	.recruit .jobinfo_staff .jobinfo_cattitle span,
	.recruit #page_col #read .jobinfo_offer p.jobinfo_cattitle span {
		font-size: 18px;
	}
	.recruit .jobinfo_dream {
	    padding: 40px 0;
	}
	.recruit .jobinfo_dream > p {
	    font-size: 42px;
	}
	.recruit .jobinfo_dream > ul li {
	    display: block;
	    padding: 0 99px;
	}
	.recruit .jobinfo_dream > ul li div {
	    font-size: 28px;
	    padding: 25px 0 0 2.5em;
	}
	.recruit .jobinfo_dream > ul li div p {
	    display: inline-block;
	}
	.recruit .jobinfo_price {
		position: relative;
	}
	.recruit .jobinfo_price_block {
	    margin: 10px 20px;
	    padding: 5px 15px 20px;
	    border-radius: 20px;
	    width: 410px;
	}
	.recruit .jobinfo_price_block li {
	    margin: 5px 0 0;
	}
	.recruit .jobinfo_price_block li div.jobinfo_price_mimdashi {
	    padding-right: 15px;
	    width: auto;
	}
	.recruit .jobinfo_price_block li div.jobinfo_price_mimdashi span {
	    padding: 5px 0;
	    font-size: 23px;
	    width: 145px;
	}
	.recruit .jobinfo_price_block li p {
	    font-size: 55px;
	    line-height: 1;
	}
	.recruit .jobinfo_price_block:first-child li:first-child p {
	    font-size: 74px;
	    line-height: 1;
	}
	.recruit .jobinfo_price_block li p span {
	    font-size: 40px;
	}
	.recruit .jobinfo_price_block li p span.jobinfo_price_small {
	    font-size: 16px;
	}
	.recruit .jobinfo_price_block li div.jobinfo_price_wide span {
	    transform: scale(0.6,1.1);
	    -moz-transform: scale(0.6,1.1);
	    -webkit-transform: scale(0.6,1.1);
	    -o-transform: scale(0.6,1.1);
	    -ms-transform: scale(0.6,1.1);
	    font-size: 23px;
	    padding: 5px 0;
	    width: 243px;
	    margin: 0 -48px;
	}
	.recruit .jobinfo_price_block li div.jobinfo_price_block_part {
	    padding-right: 10px;
	    font-size: 27px;
	}
	.recruit .jobinfo_price_block li div.jobinfo_price_block_part span {
	    letter-spacing: -0.1em;
	}
	.recruit .jobinfo_price .midimg_01 {
		position: absolute;
		top: 0;
		right: 0;
		width: 401px;
	}
	.recruit .jobinfo_price_bottomimg ul {
	    position: absolute;
	    top: 275px;
	    right: 0;
	    margin: 0;
	    width: 401px;
	}
	.recruit .jobinfo_price_bottomimg ul li {
	    width: 50%;
	}
	.recruit .jobinfo_price_bottomimg ul li img {
	    width: 100%;
	    height: auto;
	}
	.recruit .jobinfo_price_bottomtxt {
	    padding: 40px 0 2px;
	    font-size: 28px;
	}
	.recruit .jobinfo_price_bottomtxt span {
	    font-size: 22.4px;
	}
	.recruit .jobinfo_yarigai {
	    padding: 35px 0;
	    font-size: 25px;
	}
	.recruit .jobinfo_yarigai p:nth-child(2) {
	    padding: 20px 0 0;
	    font-size: 14px;
	    line-height: 1.5;
	}
	.recruit .jobinfo_btn {
	    padding: 45px 0;
	    text-align: center;
	    border-top: 10px solid #ff0012;
	    border-bottom: 10px solid #ff0012;
	}
	.recruit .jobinfo_btn ul {
	    display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		margin: 0 -12px;
	}
	.recruit .jobinfo_btn li {
		position: relative;
	    margin: 20px 8px;
	    width: 30%;
	    padding: 0 6px;
	    border-radius: 3px;
	}
	.recruit .jobinfo_btn li a {
	    padding: 10px 10px 10px;
	    font-size: 19px;
	}
	.recruit .jobinfo_btn li span {
	    position: absolute;
	    top: 8px;
	    right: 2%;
	    padding: 3px;
	    font-size: 16px;
	}
	.recruit .jobinfo_message {
    	padding: 17px 6px;
	}
	.recruit .jobinfo_message_block {
	    padding: 0 8px;
	    display: inline-block;
	    vertical-align: top;
	}
	.recruit .jobinfo_message_block .jobinfo_message_subtitle {
	    margin: 0;
	    font-size: 23px;
	    line-height: 1.3;
	}
	.recruit .jobinfo_message_block:nth-child(2) .jobinfo_message_subtitle {
	    padding: 24px 43px 8px;
	}
	.recruit .jobinfo_message_block:nth-child(3) .jobinfo_message_subtitle {
	    padding: 24px 30px 8px;
	}
	.recruit .jobinfo_message_block:nth-child(4) .jobinfo_message_subtitle {
	    padding: 24px 56px 8px;
	}
	.recruit .jobinfo_txt {
		margin: 0 auto;
	    padding: 15px 0 20px;
	    font-size: 14px;
	    line-height: 1.75;
	    width: 244px;
	    height: 200px;
	}
	.recruit .jobinfo_message_block img {
	    width: 272px;
	    height: 190px;
	}
	.recruit .staff_icon {
	    width: 37px;
	    padding: 0 20px 3px;
	    margin: 0 -34px 0 0;
	}
	.recruit .jobinfo_subtxt, .recruit #page_col #read p.jobinfo_subtxt {
	    padding: 10px 0 35px;
	    font-size: 14px;
	}
	.recruit .jobinfo_staff {
	    font-size: 0;
	}
	.recruit .jobinfo_staff_block:nth-child(odd) {
	    background-color: #fadde1;
	    padding: 0px;
	    width: 295px;
	    display: inline-block;
	    vertical-align: top;
	}
	.recruit .jobinfo_staff_block:nth-child(even) {
	    background-color: #eeeeec;
	    padding: 0px;
	    width: 295px;
	    display: inline-block;
	    vertical-align: top;
	}
	.recruit .jobinfo_statitle {
	    display: table-cell;
	    width: 295px;
	    height: 160px;
	    font-size: 23px;
	    vertical-align: middle;
	}
	.recruit .jobinfo_staff_block img {
		padding: 0 15px;
		width: 265px;
	}
	.recruit .jobinfo_staff_name {
		padding: 15px 25px 0;
	}
	.recruit .jobinfo_staff_name li {
	    font-size: 18px;
	}
	.recruit #page_col #read #jobinfo_nav ul {
		padding: 0;
		width: 550px;
	}
	.recruit #page_col #read #jobinfo_nav ul li {
	    width: 235px;
	    margin: 0 20px;
	}
	.recruit #page_col #read #jobinfo_nav ul li:nth-child(odd) a,
	.recruit #page_col #read #jobinfo_nav ul li:nth-child(even) a {
	    padding: 13px 0;
	    font-size: 18px;
	    border-radius: 6px;
	}
	.recruit #page_col #job_staff h3,
	.recruit #page_col #job_part h3 {
	    margin: 50px 0 15px;
	    padding: 5px 15px 3px;
	}
	.recruit #page_col #job_staff h3 span {
	    padding: 3px 60px 3px;
	    font-size: 19px;
	    margin-bottom: 15px;
	    border-radius: 6px 6px 0 0;
	}
	.recruit #page_col #job_part h3 span {
	    padding: 7px 10px 7px;
	    margin-bottom: -3px;
	    font-size: 19px;
	    border-radius: 6px 6px 0 0;
	    transform: scale(1,1);
	    -moz-transform: scale(1,1);
	    -webkit-transform: scale(1,1);
	    -o-transform: scale(1,1);
	    -ms-transform: scale(1,1);
	}
	.recruit #page_col .jobinfo_section table {
	    font-size: 14px;
	    padding: 0;
	}
	.recruit #page_col .jobinfo_section th {
	    width: 142px;
	    padding: 15px;
	    line-height: 2;
	}
	.recruit #page_col .jobinfo_section td {
	    width: 660px;
	    padding: 15px 25px;
	    line-height: 2;
	}
	.recruit #page_col .jobinfo_section td span.small,
	.recruit #page_col .jobinfo_section td span.small2 {
	    font-size: 14px;
	}


}