#main .mainimg{
	width: 100vw; height:480px;
	background-image:url(../img/interview/mainimg.png);
	background-position:center;
	background-size:cover;
	opacity: 0;
	transition:opacity 1s ease;
	transition-delay:.3s;}

	#main .mainimg.-is-active{opacity: 1;}


.interview{
background:#fff;
width:100vw;
position: relative;
z-index:20;
padding:80px 0;}

	.interview .interview-ttl-txt h3{
		text-align: center; color:#000;
		letter-spacing:4px;
		font-weight: normal;
		font-size: 5.1rem;
		position: relative;
		overflow: hidden;}

		.interview .interview-ttl-txt h3 span{
			display:inline-block;
			padding-bottom:9px;
			transform:translate3d(0, 100.5%, 0);
			transition:transform 1s ease;
			transition-delay:.3s;}

				.interview.-is-active .interview-ttl-txt h3 span{
					transform:translate3d(0, 0, 0);}

				.interview .secttl .secttl-arrow .arrow-inner-detail{
					fill:none;stroke:#666666;stroke-miterlimit:10;stroke-width:2px;}

			.interview .interview-ttl-txt .ttlborder{
				width:0px;height:4px;
				background:#000;
				transform:translate(-50%);
				position:relative;
				left:50%;
				transition:width 1s ease;
				transition-delay:.7s;
				margin-bottom:70px;}

				.interview.-is-active .interview-ttl-txt .ttlborder{
					width:200px;}




	.interview-contents ul.interview-first{display: flex; justify-content: space-between;}
	.interview-contents ul.interview-first li:last-child {margin-right: 0;}

	.interview-contents ul.interview-hide-first{display: flex; justify-content: space-between;}

		.interview-contents ul > li{width:260px;}
		.interview-contents ul > li:nth-of-type(1){margin-top:calc(40px * 1);}
		.interview-contents ul > li:nth-of-type(2){margin-top:calc(40px * 2);}
		.interview-contents ul > li:nth-of-type(3){margin-top:calc(0 * 3);}
		.interview-contents ul > li:nth-of-type(4){margin-top:calc(20px * 4);}

		.interview-contents ul > li .interview-contents-inner{}

			.interview-contents ul > li .interview-contents-inner a{display: block;}

			.interview-contents ul > li .interview-img{
				position:relative;
				top:0; left:20px;
				transition: all .5s}
			 	.interview-contents ul > li .interview-img img{
	width: 260px;
	}

			.interview-contents ul > li.-is-active .interview-img{top:10px; left:10px;}


				.interview-contents ul > li .interview-img .interview-img-inner{position:relative;}

				.interview-contents ul > li .interview-img .interview-img-inner p{
					position:absolute;
					top:-25px; left:13px;
					font-size: 5.5rem;
					color:#000;}

			.interview-contents ul > li .interview-txt{
				position: relative;
				background:rgba(248,248,248,.9);
				width:250px;
				top:-60px; left:0;
				transition: all .5s}

				.interview-contents ul > li.-is-active .interview-txt{top:-50px; left:10px;}

			.interview-contents ul > li .interview-txt a{padding: 25px 0 25px 30px; color:#3E3E3E;}

				.interview-contents ul > li .interview-txt .interview-txt-job{font-size:3rem; line-height: 1.9rem; letter-spacing: 2px;margin-bottom:20px;}
				.interview-contents ul > li .interview-txt .interview-txt-job span{font-size:1.4rem; letter-spacing: 0;}

				.interview-contents ul > li .interview-txt .interview-txt-since{font-size:1.3rem;}


@media screen and (max-width: 480px){
#main .mainimg{height:230px;}
/*interview*/
.interview{padding:60px 0;}
	.interview .interview-ttl-txt h3{
		font-size: 4.1rem;
	}
	.interview-contents ul{justify-content:center;flex-direction:column;}
		.interview-contents ul > li{margin:0 auto!important; width:85%;}

			.interview-contents ul > li .interview-img{left:0;}

				.interview-contents ul > li .interview-img .interview-img-inner{text-align: right;}

					.interview-contents ul > li .interview-img .interview-img-inner p{left:0;}
					.interview-contents ul > li .interview-img .interview-img-inner img{width:90%;}

					.interview-contents ul > li .interview-txt{width:90%;}
}