/*--------------------------------
COMMON
--------------------------------*/
.red{color:#e0031c;}
.black{color:#000;}
/*--------------------------------
header
--------------------------------*/
header{
	background-color:#ffffff;
	height: 54.68vw;
	margin: 0px;
	overflow: hidden;
	position:relative;
}
header.prod1{background:url("/recruit/interview/prod01/images/mv.jpg")no-repeat top right/cover;}
header.cs1{background:url("/recruit/interview/cs01/images/mv.jpg")no-repeat top right/cover;}
header.qa1{background:url("/recruit/interview/qa01/images/mv.jpg")no-repeat top right/cover;}
header.scm1{background:url("/recruit/interview/scm01/images/mv.jpg")no-repeat top right/cover;}
header.scm2{background:url("/recruit/interview/scm02/images/mv.jpg")no-repeat top right/cover;}
header.scm3{background:url("/recruit/interview/scm03/images/mv.jpg")no-repeat top right/cover;}
header.vm1{background:url("/recruit/interview/vm01/images/mv.jpg")no-repeat top right/cover;}
header.bm1{background:url("/recruit/interview/bm01/images/mv.jpg")no-repeat top right/cover;}
header.bf1{background:url("/recruit/interview/bf01/images/mv.jpg")no-repeat top right/cover;}
header .container-fluid{
	background:linear-gradient(to right,#fff 0%,rgb(255 255 255/0.2) 50%,rgb(255 255 255/0) 100%);
}
.names{
	text-shadow:2px 2px 2px #ffffff;
	font-size: 1.814vw;
    font-weight: bold;
}
.pageTtl{
	font-size:3.777vw;
}
.categoly{
	font-size:2.063vw;
	font-weight:bold;
}


/*--------------------------------
body
--------------------------------*/
/* WORKS interview display none ******************/
.works .interview{display:none;}
.works .container .pb-md-5{
	margin-bottom:0!important;
}
/* WORKS interview display none ******************/

.txtZone{
	top:inherit;
	transform: translate(0,0);
	bottom:3%;
}

/* CONTENT01 ******************/
.content1{
	background:#e0031c;
	padding:4rem;
}
/* CONTENT02 ******************/
.content2{}
/* CONTENT03 ******************/
.content3,.content5,.content7{background:#ECECEC;}
.content7 .arrow, .content7 .icon, .content7 .icons, .content7 .icon svg{width:40px;height:40px;}
.content7 .txts{color:#000;}
.content7 .cls-1, .content7 .cls-2{stroke:#e0031c;}
/* TABLE ******************/
.schedule{
	border:3px solid #e0031c;
	padding:2rem;
}
.schedule dl dt.d-flex p:nth-child(1){width:5em;}
.schedule dl dt.d-flex p:nth-child(2){flex:1;}
.schedule dl dt{width:14em;}
.schedule dl{
	padding: 20px 0;
  border-top: 2px dotted #707070;
	line-height:1;
	margin-bottom:0;
}
.schedule dl:last-child{border-bottom: 2px dotted #707070;}
.schedule dl dd{margin-bottom:0;}


.pcflex{display:flex;}
.spflex{display:none;}
/*--------------------------------
media
--------------------------------*/
@media (max-width: 991px) {
	/** content1 ************************/
	/** content2 ************************/
	/** About as ************************/
}
@media (max-width: 767px) {
	.pcflex{display:none;}
	.spflex{display:flex;}
	.pageTtl{font-size:26px;}
	/** HEADER ************************/
	header{height:65vw;background-position:top center!important;}
	.names{font-size: 2.814vw;}
	.pageTtl{font-size:3.777vw;}
	.categoly{font-size:2.863vw;}
	/** content1 ************************/
	.content1{padding:1rem;}
	/** content2 ************************/

}
@media (max-width: 575px) {
	.sc{max-width:170px;}
}