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

/*インタビュー*/

/*-----------------------*/
/*.p-mv{
	background: url(../../images/company/common/mv_bg.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
}*/
.p-h1{
	margin-bottom: 1.5em;
}
.p-interviewList-item{
	border-bottom: 4px solid #be3636;
	background: #f4f4f4;
}
.p-interviewList-item a{
	display: block;
}
.p-interviewList-item h2{
	color: #be3636;
	letter-spacing: .01em;
	padding: 1em .7em .75em;
}
.p-interviewList-item .p-date{
	padding: 0 1em 1em;
}
.p-interviewList-item .p-name {
	color: #be3636;
	margin-bottom: 1em;
	display: block;
	font-weight: 500;
}
/*-----------------------*/

.p-interviewDetail{
	
}
.p-topContent .p-image img{
	display: block;
}
.p-topContent .p-catch{
	background: #be3636;
	color: #ffffff;
}
.p-topContent .p-catchIn{
	position: relative;
	padding: .75em .5em .5em 1.6em;
}
.p-topContent .p-num{
	color: #a81a1a;
	position: absolute;
	top: .25em;
	left: .25em;
	line-height: 1;
	font-weight: 500;
}
.p-topContent h2{
	padding-bottom: .5em;
}
.p-blockType1 h3,
.p-blockType2 h3{
	position: relative;
	padding-left: 2.5em;
	line-height: 1.25;
	margin-bottom: .5em;
}
.p-blockType1 p,
.p-blockType2 p{
	line-height: 1.75;
}
.p-blockType1 h3:before,
.p-blockType2 h3:before{
	content: " ";
	position: absolute;
	top: .625em;
	left: 0;
	width: 2em;
	background: #be3636;
	height: 1px;
}
.p-blockType3,
.p-blockType3 .p-contInner{
	position: relative;
	overflow: hidden;
}
.p-blockType3 .p-contInner{
	position: relative;
	z-index: 3;
}
.p-blockType3:before,
.p-blockType3:after{
	content: " ";
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
}
.p-blockType3:before{
	background-position: center top !important;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	/*-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);*/
}
/*.p-blockType3:after{
	background: rgba(72,72,72,.6);
}*/
.p-blockType3 h3{
	color: #ffffff;
	padding: 2.5em 0;
	text-align: center;
	letter-spacing: .2em;
	line-height: 1.25;
}
.p-blockType3 li{
	background: rgba(255,255,255,.9);
	padding: 1em;
	position: relative;
	margin-left: 2em;
}
.p-blockType3 li:before,
.p-blockType3 li:after{
	content: " ";
	position: absolute;
	width: 4px;
	height: 50%;
	left: -2px;
	background: #be3636;
}
.p-blockType3 li:before{
	top: 0;
}
.p-blockType3 li:after{
	bottom: 0;
}
.p-blockType3 li:first-of-type:before,
.p-blockType3 li:last-of-type:after{
	content: none;
}
.p-blockType3 li:nth-of-type(odd){
	background: rgba(255,244,244,.9);
}
.p-blockType3 .p-time{
	position: absolute;
	top: 0;
	left: -2em;
	bottom: 0;
	z-index: 2;
	margin: auto;
	color: #ffffff;
	padding: .5em 0;
	line-height: 1;
	height: 1em;
	width: 4em;
	text-align: center;
	background: #be3636;
	border-radius: 2px;
}
/*-----------------------*/

@media screen and (min-width:769px){
	.p-contInner{
		font-size: 1.4rem;
	}
	.p-catchText{
		margin-bottom: 60px;
	}
	.p-interviewList-item{
		float: left;
		width: 23.2%;
		margin-left: 2.4%;
		font-size: 1.7rem;
	}
	.p-interviewList-item:nth-of-type(4n+1){
		margin-left: 0;
	}
	/*.p-interviewList-item:nth-of-type(n+4){
		margin-top: 4.4%;
	}*/
	.p-interviewList-item a{
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.p-interviewList-item a:hover{
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.p-interviewList-item .p-name,
	.p-interviewList-item .p-dateIn{
		font-size: 1.4rem;
	}
	/*-----------------------*/
	.p-interviewDetail{
		
	}
	.p-interviewDetail .p-contInner{
		margin-bottom: 60px;
	}
	.p-interviewDetail .p-blockType3{
		margin-bottom: 0;
		padding-bottom: 100px;
	}
	.p-topContent{
		position: relative;
	}
	.p-topContent .p-image{
		width: 600px;
	}
	.p-topContent .p-catch{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		width: 570px;
		font-size: 7.7rem;
	}
	.p-topContent .p-num{
	}
	.p-topContent h2{
		font-size: 2.6rem;
	}
	.p-topContent .p-date{
		font-size: 1.4rem;
	}
	.p-blockType1 h3,
	.p-blockType2 h3{
		font-size: 2.2rem;
	}
	.p-blockType2 .p-image{
		float: right;
		width: 280px;
		padding-left: 40px;
	}
	.p-blockType2 .p-image-r {
		float: right;
		width: 280px;
		padding-left: 40px;
	}
	.p-blockType2 .p-image-l {
		float: left;
		width: 280px;
		padding-right: 40px;
	}
	/*.p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/ph_interview3.jpg) no-repeat;
	}*/
	.p-interview-01 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/01/bg_sk.jpg) no-repeat;
	}
	.p-interview-02 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/02/bg_sk.jpg) no-repeat;
	}
	.p-interview-03 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/03/bg_sk.jpg) no-repeat;
	}
	.p-interview-04 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/04/bg_sk.jpg) no-repeat;
	}
	.p-blockType3 h3{
		font-size: 2.8rem;
	}
	.p-blockType3 li{
		font-size: 1.8rem;
		padding-left: 5em;
	}
	.p-blockType3 .p-time{

		font-size: 1.5rem;
	}
	.p-blockType3 .p-caption{
		font-size: 1.4rem;
	}
	/*-----------------------*/
	.p-footNav{
		margin: 5.4em auto 6.15em;
	}
}/* /min-width:769px */

@media screen and (max-width:768px){
	.p-h1{
		margin-top: 2em;
	}
	.p-contInner{
		font-size: 1.3rem;
	}
	.p-cont1{
		padding: 0 4%;
	}
	.p-catchText{
		margin-bottom: 3em;
	}
	.p-interviewList-item{
		font-size: 1.6rem;
		margin-bottom: 2.5em;
	}
	.p-interviewList-item img{
		width: 100%;
	}
	.p-interviewList-item:last-of-type{
		margin-bottom: 0;
	}
	.p-interviewList-item .p-name,
	.p-interviewList-item .p-dateIn{
		font-size: 1.2rem;
	}
	/*-----------------------*/
	.p-interviewDetail img{
		width: 100%;
	}
	.p-topContent,
	.p-blockType1,
	.p-blockType2,
	.p-blockType3 .p-contInner{
		padding: 0 4%;
	}
	.p-interviewDetail .p-contInner{
		font-size: 1.8rem;
		margin-top: 2em;
	}
	.p-topContent .p-catch{
		font-size: 3.9rem;
		margin: -1em .5em .5em;
		position: relative;
	}
	.p-topContent .p-catchIn{
		padding-right: .8em;
	}
	.p-topContent h2{
		font-size: 1.5rem;
		text-align: justify;
	}
	.p-topContent .p-date{
		font-size: 1.1rem;
	}
	.p-blockType1 p,
	.p-blockType2 p{
		font-size: 1.3rem;
	}
	.p-blockType2 .p-image{
		padding-top: 1.5em;
	}
	.p-interviewDetail .p-blockType3{
		margin-top: 4.5em;
	}
	.p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/ph_interview3_sp.jpg) no-repeat;
	}
	.p-interview-01 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/01/bg_sk.jpg) no-repeat;
	}
	.p-interview-02 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/02/bg_sk.jpg) no-repeat;
	}
	.p-interview-03 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/03/bg_sk.jpg) no-repeat;
	}
	.p-interview-04 .p-interviewBg1:before{
		background: url(../../images/recruit/interview/detail/04/bg_sk.jpg) no-repeat;
	}
	.p-blockType3:before{
		background-position: right top !important;
		background-size: cover !important;
		-webkit-background-size: cover !important;
	}
	.p-blockType3 .p-contInner{
		margin-top: 0;
		font-size: 1.2rem;
		padding-bottom: 4em;
	}
	.p-blockType3 h3{
		font-size: 1.9rem;
	}
	.p-blockType3 li{
		padding-left: 4em;
	}
	.p-blockType3 h4{
		font-size: 1.4rem;
	}
	/*-----------------------*/
}/* /max-width:768px */
@media screen and (max-width:320px){
	.p-topContent h2{
		font-size: 1.3rem;
	}
}/* /max-width:320px */