@charset "UTF-8";

/* メインビジュアル
----------------------------------------------------------- */

.mv_image {
	background:url("../images/recruit/mv.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.mv_text_box {
    width: 450px;
}

/* section
----------------------------------------------------------- */

.inner {
	max-width: 1050px;
	padding:0 25px;
}

.work_photo {
	margin-bottom: 30px;
}

.work_photo img {
	max-width:350px;
}

.work_text {
	padding:30px 0 0 60px;
	letter-spacing: 0.05em;
	line-height: 1.8em;
}

.recruit_table {
	margin-bottom: 60px;
}

.recruit_table:last-child {
	margin-bottom: 80px;
}

.table_line {
	border-bottom: solid 1px #dddddd;
}

.table_line:first-child {
	border-top: solid 3px #fdb936;
}

.table_title {
    width: 185px;
    background: #f2f2f2;
    padding: 1em 0;
    text-align: center;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;	
}

.table_info {
	width:815px;
	padding:1em 0;
	padding-left:2em;
	background:#fff;
}




/********************************************
 768px-1200px
********************************************/

@media only screen and (min-width:768px) and (max-width:1200px) {	

.table_title {
	width:20%;
}

.table_info {
	width:80%;
}
	
.work_text {
    padding: 0 0 0 30px;
}

}

/********************************************
 768px以下
********************************************/

@media screen and (max-width: 768px) {
	
.mv_text_box {
    width: 66vw;
}
	

/* section
----------------------------------------------------------- */

.inner {
	max-width: 80vw;
	padding:0;
}

.work_photo {
	margin-bottom: 2vw;
}

.work_photo img {
	max-width:100%;
}

.work_text {
	padding: 0;
	letter-spacing: 0.05em;
	line-height: 1.8em;
	margin-bottom: 5vw;
}

.recruit_table {
	margin-bottom: 60px;
}

.recruit_table:last-child {
	margin-bottom: 10vw;
}

.table_line {
	border-bottom: solid 1px #dddddd;
}

.table_line:first-child {
	border-top: solid 0.8vw #fdb936;
}

.table_title {
    width: 100%;
    background: #f2f2f2;
    padding: 0.5em 0 0.5em 0.5em;
    text-align: left;
	font-size:3vw;
	display: block;
}

.table_info {
    width: 100%;
    padding: 0.5em 0.5em 1.5em 0.5em;
    background: #fff;
	font-size:3vw;
}
	
}