@charset "utf-8";

/* 社員インタビュー
======================================== */

/* 動画＋テキスト
------------------------------------------------- */
.interview .block_col2 {
	align-items: center;
}
.interview .block_col2 .txt_box {
	width: 38%;
}
.interview .block_col2 .movie_box {
	width: 58%;
	max-width: 800px;
}
.interview .block_col2 .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
}
.interview .block_col2 .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 30px;
}
.interview .category {
	width: 100%;
	font-size: 1.8rem;
	font-weight: 500;
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 10px;
}
.interview .ttl {
	font-size: 3.4rem;
	font-weight: 500;
	line-height: 1.5;
	color: #e60000;
	margin-top: 0.8em;
}
.interview .name,
.interview .name p {
	line-height: 1.8;
}
.interview .name.col {
	display: flex;
	align-items: center;
}
.interview .name.col p:nth-child(2) {
	font-size: 2.2rem;
	margin: 25px 4% 0;
}
.interview .name span {
	font-size: 2.2rem;
	font-weight: 500;
}
@media screen and (max-width:1024px) {
	.interview .block_col2 .txt_box {
		width: 100%;
	}
	.interview .block_col2 .movie_box {
		width: 100%;
		max-width: 100%;
		margin-top: 18px;
	}
	.interview .category {
		font-size: 1.6rem;
		padding-bottom: 4px;
		margin-top: 0;
	}
	.interview .ttl {
		font-size: 2rem;
	}
	.interview .name,
	.interview .name p {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.interview .name.col {
		display: flex;
		align-items: center;
	}
	.interview .name.col p:nth-child(2) {
		font-size: 2rem;
	}
	.interview .name span {
		font-size: 1.6rem;
	}
}