/* photo */

.interview_01 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_01_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_01 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_01_1_mv_sp.jpg)
	}
}

.interview_02 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_02_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_02 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_02_1_mv_sp.jpg)
	}
}

.interview_03 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_03_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_03 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_03_1_mv_sp.jpg)
	}
}

.interview_04 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_04_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_04 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_04_1_mv_sp.jpg)
	}
}

.interview_05 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_05_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_05 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_05_1_mv_sp.jpg)
	}
}

.interview_06 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_06_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_06 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_06_1_mv_sp.jpg)
	}
}

.interview_07 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_07_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_07 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_07_1_mv_sp.jpg)
	}
}

.interview_08 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_08_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_08 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_08_1_mv_sp.jpg)
	}
}

.interview_09 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_09_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_09 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_09_1_mv_sp.jpg)
	}
}

.interview_10 .h2-img-ttl {
	background-image: url(/recruit/graduate/images/people/interview_10_1_mv_pc.jpg)
}

@media screen and (max-width: 767px) {
	.interview_10 .h2-img-ttl {
		background-image: url(/recruit/graduate/images/people/interview_10_1_mv_sp.jpg)
	}
}

/* color */

.manufacturing .mv-txt,
.manufacturing .my-resume__ttl span {
	background: #ebb912;
}

.manufacturing .my-resume,
.manufacturing .time-schedule {
	background-color: #fcf5db;
}

.manufacturing .how-did__ttl span,
.manufacturing .want-to-challenge__ttl span,
.manufacturing .episode__ttl span {
	color: #ebb912;
	border-bottom: 1px solid #ebb912;
}

.manufacturing .table-layout-4 tbody {
	border-top: 1px dashed #e2ba42;
}

.manufacturing .table-layout-4 tr {
	border-bottom: 1px dashed #e2ba42;
}

@media screen and (max-width: 767px) {
	.manufacturing .table-layout-4 tbody {
		border-top: none;
	}

	.manufacturing .table-layout-4 tr {
		border-bottom: none;
	}
}

.manufacturing .time-schedule__time {
	color: #ebb912;
}

.sales .mv-txt,
.sales .my-resume__ttl span {
	background: #e06d6d;
}

.sales .my-resume,
.sales .time-schedule {
	background-color: rgba(224, 109, 109, 0.15);
}

.sales .how-did__ttl span,
.sales .want-to-challenge__ttl span,
.sales .episode__ttl span {
	color: #e06d6d;
	border-bottom: 1px solid #e06d6d;
}

.sales .table-layout-4 tbody {
	border-top: 1px dashed #e06d6d;
}

.sales .table-layout-4 tr {
	border-bottom: 1px dashed #e06d6d;
}

@media screen and (max-width: 767px) {
	.sales .table-layout-4 tbody {
		border-top: none;
	}

	.sales .table-layout-4 tr {
		border-bottom: none;
	}
}

.sales .time-schedule__time {
	color: #e06d6d;
}

.rd .mv-txt,
.rd .my-resume__ttl span {
	background: #87ad20;
}

.rd .my-resume,
.rd .time-schedule {
	background-color: rgba(135, 173, 32, 0.15);
}

.rd .how-did__ttl span,
.rd .want-to-challenge__ttl span,
.rd .episode__ttl span {
	color: #87ad20;
	border-bottom: 1px solid #87ad20;
}

.rd .table-layout-4 tbody {
	border-top: 1px dashed #87ad20;
}

.rd .table-layout-4 tr {
	border-bottom: 1px dashed #87ad20;
}

@media screen and (max-width: 767px) {
	.rd .table-layout-4 tbody {
		border-top: none;
	}

	.rd .table-layout-4 tr {
		border-bottom: none;
	}
}

.rd .time-schedule__time {
	color: #87ad20;
}

.manager .mv-txt,
.manager .my-resume__ttl span {
	background: #826eb5;
}

.manager .my-resume,
.manager .time-schedule {
	background-color: rgba(130, 110, 181, 0.15);
}

.manager .how-did__ttl span,
.manager .want-to-challenge__ttl span,
.manager .episode__ttl span {
	color: #826eb5;
	border-bottom: 1px solid #826eb5;
}

.manager .table-layout-4 tbody {
	border-top: 1px dashed #826eb5;
}

.manager .table-layout-4 tr {
	border-bottom: 1px dashed #826eb5;
}

@media screen and (max-width: 767px) {
	.manager .table-layout-4 tbody {
		border-top: none;
	}

	.manager .table-layout-4 tr {
		border-bottom: none;
	}

}

.manager .time-schedule__time {
	color: #826eb5;
}

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

	.manufacturing .table-layout-4 th {
		background: #ebb912;
	}

	.sales .table-layout-4 th {
		background: #e06d6d;
	}

	.rd .table-layout-4 th {
		background: #87ad20;
	}

	.manager .table-layout-4 th {
		background: #826eb5;
	}

	.manufacturing div.accordion label {
		background: #ebb912;
	}

	.sales div.accordion label {
		background: #e06d6d;
	}

	.rd div.accordion label {
		background: #87ad20;
	}

	.manager div.accordion label {
		background: #826eb5;
	}

	div.my-resume th,
	div.accordion label {
		color: #fff;
	}
}

/* footer link */

.Occupation-tag__color1 {
	background-color: #ebb912 !important;
}

.Occupation-tag__color2 {
	background-color: #e06d6d !important;
}

.Occupation-tag__color3 {
	background-color: #87ad20 !important;
}

.Occupation-tag__color4 {
	background-color: #826eb5 !important;
}

.mask-wrap .mask-gold,
.mask-wrap .mask-red,
.mask-wrap .mask-green,
.mask-wrap .mask-purple {
	display: table;
	position: relative;
	margin-bottom: .25em;
	left: 0%;
	overflow: hidden;
}

.mask-wrap .Occupation-tag.mask-gold,
.mask-wrap .Occupation-tag.mask-red,
.mask-wrap .Occupation-tag.mask-green,
.mask-wrap .Occupation-tag.mask-purple {
	left: -96px;
}

.mask-wrap .mask-bg-gold,
.mask-wrap .mask-bg-red,
.mask-wrap .mask-bg-green,
.mask-wrap .mask-bg-purple {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mask-wrap .mask-bg-gold {
	background: #ebb912 !important;
	transition: 1s;
}

.mask-wrap .mask-bg-red {
	background: #e06d6d !important;
	transition: 1s;
}

.mask-wrap .mask-bg-green {
	background: #87ad20 !important;
	transition: 1s;
}

.mask-wrap .mask-bg-purple {
	background: #826eb5 !important;
	transition: 1s;
}

.interview_01 ul.slide li.l01 {
	display: none !important;
}

/* slick fix */

.slick-prev {
	top: 96.4%;
	left: 40%
}

.slick-next {
	top: 96.4%;
	right: 40%
}

/* misc */

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

	h4.how-did__subttl br,
	h4.episode__subttl br,
	h4.want-to-challenge__subttl br {
		display: none;
	}
}

body.interview_04 div.episode sup {
	position: relative;
	top: -0.5em;
	font-size: 50%;
	font-style: normal;
	color: #e06d6d;
}

body.interview_04 div.episode em {
	display: inline-block;
	padding-right: 0.3em;
	color: #e06d6d;
	font-style: normal;
}