@charset "UTF-8";
/* =======================================================
mv
======================================================= */
.bl-lower-mv::after{
	background: url(../images/interview/mv-img.jpg) top center/cover no-repeat;
}
.el-lower-mv-ttl::before{
	content: 'INTERVIEW';
}
/* single */
.ly-main:has(.single) .bl-lower-mv{
	height: 12.5rem;
	padding-top: 5rem;
}
.ly-main:has(.single) .bl-lower-mv::after{
	content: none;
}
.ly-main:has(.single) .bl-breadcrumbs-inner{
	padding-top: 1rem;
}
@media screen and (max-width: 750px) {
	/* single */
	.ly-main:has(.single) .bl-lower-mv{
		height: 20rem;
		padding-top: 8.75rem;
	}
	.ly-main:has(.single) .bl-lower-mv::after{
		content: none;
	}
	.ly-main:has(.single) .bl-breadcrumbs-inner{
		padding-top: 1rem;
	}
}

/* =======================================================
about
======================================================= */
.el-about-ttl::before{
	background: url(../images/interview/about-ttl-bg.jpg) top center / contain no-repeat;
}

/* =======================================================
archive
======================================================= */
.bl-interview.archive{
	padding: 6rem 0 6.5rem;
	background: #FFD95A;
}
.bl-interview-list{
	display: flex;
	flex-wrap: wrap;
	gap: 5.5rem 2rem;
}
.bl-interview-item{
	width: 19.5rem;
	padding: 1rem 0 0 2rem;
}
.bl-interview-img-wrapper{

}
.bl-interview-img-wrapper.no-img{
	width: 17.5rem;
	height: 25rem;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bl-interview-img-wrapper.no-img > img{
	width: 60%;
}
@media screen and (max-width: 750px) {
	.bl-interview.archive{
		padding: 8rem 0;
	}
	.bl-interview-list{
		display: flex;
		flex-wrap: wrap;
		gap: 6rem 1rem;
	}
	.bl-interview-item{
		width: 21.06rem;
		padding: 0;
	}
	.bl-interview-item::before{
		width: 2.75rem;
		height: 18.25rem;
		top: -11rem;
		right: inherit;
		left: 7.76rem;
		transform: rotate(-90deg);
	}
	.bl-interview-img-wrapper.no-img{
		width: 100%;
		height: 30.125rem;
	}
	.bl-interview-txt-wrapper{
		width: 100%;
		min-height: 8.75rem;
		left: 0;
		top: inherit;
		bottom: 0;
	}
	.el-interview-txt{
		font-size: 1.625rem;
		-webkit-line-clamp: 3;
	}
}

/* =======================================================
single
======================================================= */
.bl-interview.single{
	background: #FFBF3D;
	padding: 4rem 0 0;
	margin-top: -2.29rem;
}
.bl-interview-head{
	max-width: 2000px;
	padding: 10rem 0 12.5rem;
	position: relative;
	z-index: 1;
}
.bl-interview-head .ly-cont-inner::after{
	content: '';
	position: absolute;
	background: url(../images/interview/interview-ttl.svg) top center / contain no-repeat;
	width: 35rem;
	height: 7.25rem;
	left: 0;
	bottom: -12.5rem;
}
.el-head-ttl{
	display: flex;
	flex-direction: column;
	line-height: 1.46;
	font-size: 3rem;
	padding-left: 15rem;
}
.el-position{
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}
.el-name-eng{
	font-size: 1.0625rem;
	margin-top: 0.5rem;
}
.bl-head-img-wrapper{
	position: absolute;
	width: min(calc(1392 / 1400 * 100vw), 1392px);
	height: min(calc(500 / 1400 * 100vw), 500px);
	height: 100%;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.bl-main-txt-wrapper{
	background: #222;
	padding: 5rem 0;
	position: relative;
	overflow: hidden;
}
.bl-main-txt-wrapper::before,
.bl-main-txt-wrapper::after{
	content: '';
	position: absolute;
	background: #F29021;
	width: 94.5rem;
	height: 0.125rem;
	top: 1.5rem;
	left: 0;
}
.bl-main-txt-wrapper::after{
	top: inherit;
	left: inherit;
	bottom:  1.5rem;
	right: 0;
}
.bl-main-txt{
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.12rem;
	line-height: 1.5;
}
.bl-interview-cont{
	background: #fff;
	padding: 5rem 0;
}
.bl-interview-cont .el-ttl{
	font-size: 1.5rem;
	line-height: 1.5;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #F29021;
	margin-bottom: 1rem;
}
.bl-interview-cont .bl-media + .el-ttl{
	margin-top: 4rem;
}
.bl-media{
	gap: 2rem;
}
.bl-media:nth-of-type(even){
	flex-direction: row-reverse;
}
.bl-media:not(:has(.bl-media-img-wrapper)) .bl-media-body{
	width: 100%;
}
.bl-media-img-wrapper{
	width: 32rem;
}
.bl-media-body{
	width: 30rem;
}
.bl-media-body > p:not(:first-of-type){
	margin-top: 1.02rem;
}
@media screen and (max-width: 750px) {
	.bl-interview.single{
		padding: 5.125rem 0 0;
		margin-top: -3.125rem;
	}
	.bl-interview-head{
		max-width: 750px;
		padding: 2.5rem 0 10rem;
		overflow: hidden;
	}
	.bl-interview-head .ly-cont-inner::after{
		width: 28rem;
		height: 5.75rem;
		bottom: -10rem;
	}
	.el-head-ttl{
		font-size: 3rem;
		padding-left: 0;
		line-height: 1.3;
	}
	.el-position{
		font-size: 1.375rem;
	}
	.el-name-eng{
		font-size: 1.75rem;
	}
	.bl-head-img-wrapper{
		width: 60rem;
		height: 21.5625rem;
		bottom: 0;
		right: -13rem;
	}
	.bl-main-txt-wrapper{
		padding: 4rem 0;
	}
	.bl-main-txt-wrapper::before,
	.bl-main-txt-wrapper::after{
		width: 100%;
	}
	.bl-main-txt{
		font-size: 2rem;
	}
	.bl-interview-cont .el-ttl{
		font-size: 2rem;
		padding-bottom: 1rem;
		margin-bottom: 2rem;
	}
	.bl-media-img-wrapper{
		width: 100%;
	}
	.bl-media-body{
		width: 100%;
	}
	.bl-media-body > p:not(:first-of-type){
		margin-top: 1.3rem;
	}
}

/* =======================================================
other
======================================================= */
.bl-other{
	padding: 5rem 0;
	background: #FFD95A;
}
@media screen and (max-width: 750px) {
	.bl-other .el-main-ttl{
		margin-bottom: 5rem;
	}
}