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


.header_logo p {
    color: #fff;
}
	
	
/* main_visual
--------------------- */
#main_visual{
	position:relative;
	width: 100%;
	height: 400px;
	background: url("../img/interview_titlebg.jpg") no-repeat;
	background-size: cover;
}
	#main_visual .page_title{
		color:#fff;
	}
		#main_visual h1{
			font-size:5rem;
			line-height: 4.4rem;
			letter-spacing: .5rem;
			padding-top: 180px;
		}
		#main_visual p{
			font-size:1rem;
			line-height: 1rem;
			letter-spacing: .2rem;
			padding-top: 28px;
		}


/* interview
--------------------- */
#interview{
	margin-top: 120px;
	margin-bottom: 120px;
}
	#interview .sec_title{
		text-align: center;
	}
		#interview ul{
		}
		#interview ul li{
			width: 30%;
			height: 500px;
			margin-right: 5%;
		}
		#interview ul li:nth-child(3n){
			margin-right: 0%;
		}
		#interview ul li:nth-child(n+4){
			margin-top: 60px;
		}
			#interview ul li a{
				position:relative;
				display: block;
				width: 100%;
				height: 100%;
				color:#fff;
			}
			#interview ul li a .itv_img{
				width: 100%;
				height: 100%;
				overflow: hidden;
				background-color: #212121;
			}
				#interview ul li a .itv_img img{
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
					opacity: 1;
					-webkit-transform: scale(1);
  					transform: scale(1);
					-webkit-transition: .4s ease-in-out;
					transition: .4s ease-in-out;
				}
				#interview ul li a:hover .itv_img img{
					-webkit-transform: scale(1.06);
  					transform: scale(1.06);
					opacity:.8;
				}
			#interview ul li:first-child a{
				transform: translateY(0px)
			}
			#interview ul li:nth-child(2) a{
				margin-top: 0px;
			}
			#interview ul li:last-child a{
				margin-top: 0px;
			}
				#interview ul li a .name_content{
					position:absolute;
					bottom:46px;
					left:10%;
				}
					#interview ul li a .name_content .name{
						font-size:1.4rem;
					}
					#interview ul li a .name_content .kana{
						font-size:.6rem;
						letter-spacing: .1rem
					}
					#interview ul li a .name_content .txt{
						font-size: .8rem;
						letter-spacing: .1rem;
						margin-top: 14px;
					}
	#interview .top_btn{
		text-align: center;
	}




/* 1200px */
@media screen and (max-width: 1120px) {

	

	
}


/* 820px */
@media screen and (max-width: 820px) {


	
}






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


	
/* main_visual
--------------------- */
#main_visual{
	height: 300px;
}
		#main_visual h1{
			font-size:3.6rem;
			line-height: 3.6rem;
			letter-spacing: .4rem;
			padding-top: 120px;
		}
		#main_visual p{
			font-size:1rem;
			line-height: 1rem;
			letter-spacing: .2rem;
			padding-top: 12px;
		}

	
/* interview
--------------------- */
#interview{
	margin-top: 60px;
	margin-bottom: 60px;
}
	#interview .sec_title{
		text-align: center;
	}
		#interview ul{
			margin-bottom: 25px;
		}
		#interview ul li{
			width: 48%;
			height: 464px;
			margin-right: 4%;
			margin-top: 0px;
		}
		/* max 420px */
		@media screen and (max-width: 420px) {
			#interview ul li{
				height: 300px;
			}
		}
		#interview ul li:nth-child(2){
			margin-right: 0%;
		}
		#interview ul li:nth-child(n+3) {
			margin-top: 20px;
			margin-right: 4%;
		}
		#interview ul li:nth-child(n+4) {
			margin-top: 20px;
		}
		#interview ul li:nth-child(2n) {
			margin-right: 0;
		}
			#interview ul li a{
				margin-top: 0px;
			}
			#interview ul li:first-child a{
				transform:none;
			}
			#interview ul li a .name_content {
				position: absolute;
				bottom: auto;
				top:176px;
				left: 8%;
			}
			#interview ul li:nth-child(2) a{
				margin-top: 0px;
			}
				#interview ul li a .name_content .name{
					font-size:1.0rem;
					line-height: 1.4rem;
				}
				#interview ul li a .name_content .kana{
					font-size:.5rem;
					letter-spacing: .1rem
				}
				#interview ul li a .name_content .txt{
					font-size: .7rem;
					letter-spacing: .08rem;
					margin-top: 10px;
				}
	#interview .top_btn{
		margin: 30px auto 0;
	}

}


/* max 420px */
@media screen and (max-width: 420px) {


	
/* main_visual
--------------------- */
#main_visual{
	height: 240px;
	text-align: center;
}
		#main_visual h1{
			font-size:2.6rem;
			line-height: 2.6rem;
			letter-spacing: .3rem;
			padding-top: 108px;
		}
		#main_visual p{
			font-size:.8rem;
			line-height: .8rem;
			letter-spacing: .2rem;
			padding-top: 12px;
		}





}