@charset 'UTF-8';
/*  Add Custom CSS here.  */

/*recruit--footer
========================================*/
.footer__navItems{
	margin-bottom: 20px;
}
.footer__bnr{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 30px;
}
.footer__bnr a + a{
	margin-left: 20px;
}

.footer__bnr a{
	max-width: 240px;
}
.footer__bnr--sp{
	display: none;
}
@media screen and (max-width: 767px){
	.footer__company {
    	margin-bottom: 10px;
	}
	.footer__bnr a + a{
		margin-left: 0;
	}
	.footer__bnr--sp a + a{
		margin-top: 20px;		
	}
}
@media screen and (max-width: 640px){
	.footer__bnr{
		display: none;
	}
	.footer__bnr--sp{
		display: block;
		margin: 0 auto 30px;
	}
}

/*recruit--interview
========================================*/
.topInfo .c-title:before{
    content: "";
    width: 49px;
    height: 43px;
    background: url(../img/common/tit_icon_05.svg) no-repeat;
    background-size: contain;
}
.topInfo .c-lead{
	margin-bottom: 30px;
}
.topInfo .info__inner{
  	width: 45%;
    position: relative;
    padding-bottom: 25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
		background-color: #111111;
}
.topInfo .info__inner iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.topInfo .info__inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.info__movie{
	width: 100%;
	margin: 0 auto;	
	display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 767px){
	.topInfo .c-lead{
		text-align: center;
	}
	.info__movie{
		flex-direction: column;		
	}
	.topInfo .info__inner{
		padding-top: 20px;
		padding-bottom: 40%;
		width: 100%;
		margin-bottom: 20px;
	}
}

/*recruit--interview
========================================*/
.interview .person02 .person__main,
.interview .person03 .person__main,
.interview .person04 .person__main{
	background-position: 50% 50%;
}

@media screen and (max-width: 767px){
	.interview #person02 .person__main__filter__wheel__text dl dt span {
    	font-size: 30px;
    }
	.interview .person02 .person__main__filter__wheel__text,
	.interview .person06 .person__main__filter__wheel__text {
    	left: 0;
    }
}

@media screen and (max-width: 400px){
}
/*.interview .person__main__filter{
	width: 50%;
}
.interview .person01 .person__main__filter__wheel__text,
.interview .person03 .person__main__filter__wheel__text,
.interview .person05 .person__main__filter__wheel__text{
	left: 10%;
}
.interview .person02 .person__main__filter__wheel__text,
.interview .person05 .person__main__filter__wheel__text{
	right: 6%;
}
@media screen and (max-width: 960px){
	.interview .person02 .person__main{
		background: url(../img/interview/person02_pic_01_npc.jpg) no-repeat 50% 30%;
		width: 100%;
		background-size: cover;
	}
}
@media screen and (max-width: 767px){
	.interview .person__main__filter {
	    width: 35%;
	}
	.interview .person01 .person__main__filter__wheel__text,
	.interview .person03 .person__main__filter__wheel__text,
	.interview .person05 .person__main__filter__wheel__text{
		left: -40px;
	}
	.interview .person02 .person__main__filter__wheel__text,
	.interview .person05 .person__main__filter__wheel__text{
		right: -40px;
	}
}*/