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

.contents.common.recruit.page .main.mvv {
	background-image: url("../../image/recruit/mvv/mainimg.webp");
}

/* ******************************************************
              MVV 説明
********************************************************* */

.contents.common.recruit.page .mvv_explanation {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url("../../image/recruit/mvv/mvv_bg.webp");
	background-position: center;
	background-size: cover;
}

.contents.common.recruit.page .mvv_explanation .filter {
	width: 100%;
	margin: 0;
	padding: 50px 0;
	float: left;
	background-color: rgba(255,255,255,0.85);
}

.contents.common.recruit.page .mvv_explanation .glid {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}

.contents.common.recruit.page .mvv_explanation dl.title {
	width: 80%;
	margin: 0 10% 20px;
	padding: 0;
	float: left;
	font-weight: 700;
}

.contents.common.recruit.page .mvv_explanation dl.title dt {
	width: 30%;
	margin: 0;
	padding: 0;
	float: left;
	font-style: normal;
	color: #ed6c00;
	font-size: 26px;
	text-shadow: 2px 2px 0 #000;
}

.contents.common.recruit.page .mvv_explanation dl.title dt span {
	font-style: normal;
	font-size: 60px;
	font-weight: 700;
}

.contents.common.recruit.page .mvv_explanation dl.title dd {
	width: 70%;
	margin: 0;
	padding: 17px 0 0;
	float: left;
	font-size: 30px;
	color: #ed6c00;
	font-style: italic;
	text-shadow: 2px 2px 0 #000;
}

.contents.common.recruit.page .mvv_explanation table,
.contents.common.recruit.page .mvv_explanation table td {
	border: none;
}

.contents.common.recruit.page .mvv_explanation table.keep {
	width: 66%;
	margin: 0 0 0 34%;
	float: left;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
	text-align: left;
}

.contents.common.recruit.page .mvv_explanation table.keep td:nth-of-type(2) {
	font-size: 20px;
}

.contents.common.recruit.page .mvv_explanation table.keep td:nth-of-type(2) span {
	font-size: 20px;
	color: #ed6c00;
	font-weight: 700;
	margin-right: 3px;
}

.contents.common.recruit.page .mvv_explanation p {
	width: 66%;
	margin: 0 0 0 34%;
	float: left;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
}

.contents.common.recruit.page .mvv_explanation p span {
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	color: #ed6c00;
	text-shadow: 1px 1px 0 #000;
}

.contents.common.recruit.page .mvv_explanation table.fit {
	width: 66%;
	margin: 0 0 0 34%;
	float: left;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
}

.contents.common.recruit.page .mvv_explanation table.fit td {
	vertical-align: top;
}

.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(1) { width: 4em;padding: 10px 0; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(2) { width: 110px;padding: 10px 0; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(3) { width: 130px;padding: 10px 0; }

.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(2) span {
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	color: #ed6c00;
}

.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(3),
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(4) {
	font-size: 15px;
}

.contents.common.recruit.page .mvv_explanation p.message {
	width: 90%;
	margin: 0 5% 1em;
	font-weight: 400;
	font-size: 15px;
}

/* ******************************************************
              VOICE  LAYOUT
********************************************************* */

.content_wrapper .voice .block {
	width: 100%;
	margin: 0 0 50px;
	background-color: #ed6c00;
	border-radius: 20px;
	display: block;
	float: left;
}

.content_wrapper .voice table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	background-color: initial;
}

.content_wrapper .voice table:hover {
	cursor: pointer;
}

.content_wrapper .voice table:hover td .btm a {
	background-image: url("../../image/common/arr_round_wh.png");
	background-color: #ed6c00;
	color: #FFF;
}

.content_wrapper .voice table td {
	border: none;
}

.content_wrapper.mvv .voice table h3 {
	width: 100%;
	height: 40px;
	margin: 0 0 20px;
	padding: 0;
	color: #FFF;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	background-color: initial;
	border-radius: 20px;
	float: left;
}

.content_wrapper .voice table td:nth-of-type(1) {
	width: 150px;
	vertical-align: top;
	background-color: #ed6c00;
	border-radius: 20px 0 0 20px;
}

.content_wrapper .voice table td h3 {
	background-color: initial;
	margin-top: 20px;
}

.content_wrapper .voice table td:nth-of-type(2) {
	padding: 0;
}

.content_wrapper .voice table td:nth-of-type(2) dl {
	width: 100%;
	margin: 0;
	float: left;
	background-color: #FFF;
	border-radius: 0 20px 20px 0;
	border: #ed6c00 1px solid;
	box-sizing: border-box;
}

.content_wrapper .voice table td:nth-of-type(2) dt {
	width: 40%;
	margin: 0;
	float: left;
	text-align: center;
}

.content_wrapper .voice table td:nth-of-type(2) dt img {
	width: 80%;
	max-width: 250px;
	margin: 30px auto;;
}

.content_wrapper .voice table td:nth-of-type(2) dd {
	width: 60%;
	margin: 0;
	float: left;
}

.content_wrapper .voice table td:nth-of-type(2) dd .copy {
	width: 90%;
	margin: 2em 10% 1em 0;
	float: left;
	font-size: 18px;
	font-weight: 700;
}

.content_wrapper .voice table td:nth-of-type(2) dd .name {
	width: 85%;
	margin: 0 10% 0 5%;
	float: left;
}

.modal_inner {
	width: 90%;
	max-width: 960px;
	margin: 0 auto 50px;
}

.modal_inner dl {
	width: 100%;
	margin: 0 0 30px;
	float: left;
}

.modal_inner dl dt {
	width: 40%;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}

.modal_inner dl dd {
	width: 60%;
	margin: 0;
	padding: 0;
	float: left;
}

.modal_inner dl dd .copy {
	width: 90%;
	margin: 20px 5%;
	padding: 0;
	float: left;
	font-size: 18px;
	font-weight: 700;
}

.modal_inner dl dd .name {
	width: 90%;
	margin: 0 5%;
	padding: 0;
	float: left;
}


.content_wrapper.mvv h3 {
	font-size: 18px;
	line-height: 30px;
	padding: 0 0 0 1em;
	margin: 30px 0;
	background-image: url("../../image/common/cub_orange.png");
	background-repeat: repeat-y;
	background-position: left;
}

.content_wrapper.mvv h4 {
	width: 94%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	margin: 20px 0;
	padding: 0 3%;
	background-image: url("../../image/recruit/common/ico_ square.png");
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

.content_wrapper .award {
	width: 100%;
	margin: 0 0 50px;
	float: left;
}


/* ************************************************** */
/* PC  Display */
/* ************************************************** */

@media screen and (max-width:1500px) {

.contents.common.recruit.page .mvv_explanation .glid {
	width: 70%;
	margin: 0 15% 50px;
}

}

/* *********************************************************************** */
/*        RESPONSIVE  LAYOUT WIDTH:1300px          */
/* *********************************************************************** */

@media screen and (max-width:1300px) {

.contents.common.recruit.page .mvv_explanation .glid { width: 100%;margin: 0 0 50px; }

}

/* *********************************************************************** */
/*        RESPONSIVE  LAYOUT WIDTH:980px          */
/* *********************************************************************** */

@media screen and (max-width:980px) {

.contents.common.recruit.page .mvv_explanation table.keep { width: 80%;margin: 0 10% 50px; }
.contents.common.recruit.page .mvv_explanation p { width: 80%;margin: 0 5% 50px 15%; }
.contents.common.recruit.page .mvv_explanation table.fit { width: 80%;margin: 0 7% 50px 13%; }

.content_wrapper.mvv h4 { width: 90%;padding: 0 5%; }

}

/* *********************************************************************** */
/*        RESPONSIVE  LAYOUT WIDTH:780px          */
/* *********************************************************************** */

@media screen and (max-width:780px) {

.contents.common.recruit.page .mvv_explanation table.keep td {
	width: 100%;
	margin: 0;
	float: left;
	text-align: center;
}

.contents.common.recruit.page .mvv_explanation table.keep td:nth-of-type(1) { font-size: 22px; }
.contents.common.recruit.page .mvv_explanation table.keep td:nth-of-type(2) { padding: 0; }

.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(1) { width: 50%;padding: 10px 0;float: left;text-align: center;font-size: 22px; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(2) { width: 50%;padding: 10px 0;float: left;font-size: 28px; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(2) span { font-size: 28px; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(3) { width: 50%;padding: 0;float: left;text-align: center; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(4) { width: 50%;padding: 0;float: left; }

}

/* *********************************************************************** */
/*        RESPONSIVE  LAYOUT WIDTH:580px          */
/* *********************************************************************** */

@media screen and (max-width:580px) {

.contents.common.recruit.page .main.mvv { height: 150px; }

.contents.common.recruit.page .mvv_explanation dl.title dt { font-size: 20px;width: 40%; }
.contents.common.recruit.page .mvv_explanation dl.title dt span { font-size: 40px; }
.contents.common.recruit.page .mvv_explanation dl.title dd { font-size: 22px;padding: 8px 0 0;width: 60%; }

.contents.common.recruit.page .mvv_explanation table.keep td:nth-of-type(1) { font-size: 20px; }

.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(1) { width: 35%; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(2) { width: 65%; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(3) { width: 100%; }
.contents.common.recruit.page .mvv_explanation table.fit td:nth-of-type(4) { width: 100%;text-align: center; }

.content_wrapper .voice table td:nth-of-type(1),
.content_wrapper .voice table td:nth-of-type(2) { width: 100%;float: left; }
.content_wrapper .voice table td:nth-of-type(1) { border-radius: 20px 20px 0 0;height: 50px;padding: 5px 0 0;vertical-align: middle; }
.content_wrapper .voice table td:nth-of-type(2) dl { border-radius: 0; }
.content_wrapper .voice table td:nth-of-type(2) dt,
.content_wrapper .voice table td:nth-of-type(2) dd { width: 100%; }
.content_wrapper .voice table td:nth-of-type(2) dd .copy { margin: 1em 5%;font-size: 15px; }
.content_wrapper .voice table td:nth-of-type(2) dd .name { width: 90%;margin: 0 5%; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 480px */
/* **************************************************************** */
@media only screen and (max-width:480px){

.content_wrapper.mvv h4 { font-size: 16px;line-height: 25px; width: 84%;padding: 0 8%;height: 25px; }

}