@charset "UTF-8";
/* CSS Document */
body {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 1.6rem;
	font-weight: 500;
}
@media (max-width: 768px) {
	body {
		font-size: 2.8rem;
	}
}
/*=====news=====*/
.news {
	background-color: #fff;
}
.news .ttlArea {
	margin: 15rem auto 0;
	max-width: 70.7rem;
}
.news .ttlArea .interviewTtl {
	font-size: 3.8rem;
	font-weight: 500;
	line-height: 1.5;
}
.news .ttlArea .interviewTtl .num {
	font-size: 2.2rem;
	font-weight: 300;
}
.news .ttlArea .interviewTtl .name {
	margin-top: 1rem;
	display: block;
	font-size: 2.3rem;
	font-weight: 400;
	text-align: right;
}
.news .ttlArea .lead {
	margin-top: 5rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 3.4rem;
}
.news .ttlArea .day {
	margin-top: 7.5rem;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: right;
}
.news .mv {
	margin: 2rem auto 0;
	max-width: 70.7rem;
}
@media (max-width: 768px) {
	.news .ttlArea {
		margin: 7.5rem auto 0;
		max-width: 100%;
		padding: 0 6.15rem;
	}
	.news .ttlArea .interviewTtl {
		font-size: 3.3rem;
	}
	.news .ttlArea .spdf {
		display: flex;
		justify-content: space-between;
		margin-bottom: 4rem;
	}
	.news .ttlArea .interviewTtl .num {
		font-size: 2.2rem;
		font-weight: 300;
	}
	.news .ttlArea .interviewTtl .name {
		margin-top: 2.5rem;
		font-size: 2.8rem;
	}
	.news .ttlArea .lead {
		margin-top: 10rem;
		font-size: 2.8rem;
		line-height: 4.6rem;
	}
	.news .ttlArea .day {
		margin-top: 0;
		font-size: 1.8rem;
		text-align: right;
	}
	.news .mv {
		margin: 10rem auto 0;
		max-width: 100%;
	}
}
/*=====contentArea=====*/
.news .contentArea {
	margin: 10rem auto 0;
	max-width: 100rem;
}
.news .content {
	display: flex;
}
.news .content.reverse {
	flex-direction: row-reverse;
}
.news .content + .content {
	margin-top: 10rem;
}
.news .content .txtBox {
	width: 27rem;
}
.news .content .txtBox .interview {
	font-size: 1.4rem;
	font-weight: 300;
	color: #b2b2b2;
}
.news .content .txtBox .ttl {
	margin-top: 8.5rem;
	font-size: 1.9rem;
	line-height: 3.1rem;
	font-weight: 600;
	position: relative;
}
.news .content .txtBox .ttl::before {
	content: '';
	width: 0.1rem;
	height: 6rem;
	background-color: #000;
	position: absolute;
	top: -7rem;
	left: 0;
}
.news .content .txtBox .ttl + .txt {
	margin-top: 4.5rem;
}
.news .content .txtBox .txt {
	line-height: 3.1rem;
	text-align: justify;
}
.news .content .txtBox .txt > p + p {
	margin-top: 3.5rem;
}
.news .content .txtBox .txt > p + .name {
	margin-top: 5.5rem;
}
@media (max-width: 768px) {
	.news .contentArea {
		margin: 20rem auto 0;
		max-width: 100%;
	}
	.news .content {
		flex-direction: column;
	}
	.news .content.reverse {
		flex-direction: column;
	}
	.news .content + .content {
		margin-top: 20rem;
	}
	.news .content .txtBox {
		width: 100%;
		padding: 0 6.15rem;
	}
	.news .content .txtBox .interview {
		margin-top: 20rem;
		font-size: 3.3rem;
	}
	.news .content .txtBox .ttl {
		margin-top: 11rem;
		font-size: 3rem;
		line-height: 4.5rem;
	}
	.news .content .txtBox .ttl::before {
		top: -8rem;
	}
	.news .content .txtBox .ttl + .txt {
		margin-top: 3.5rem;
	}
	.news .content .txtBox .txt {
		line-height: 4.6rem;
	}
	.news .content .txtBox .txt > p + p {
		margin-top: 5.5rem;
	}
	.news .content .txtBox .txt > p + .name {
		margin-top: 8rem;
	}
}
/*=====content01=====*/
.news .content01 {
	width: 70.7rem;
	margin: 0 auto;
	justify-content: space-between;
}
.news .content01 .pic01 {
	width: 30.1rem;
}
@media (max-width: 768px) {
	.news .content01 {
		width: 100%;
	}
	.news .content01 .pic01 {
		width: 62.7rem;
		margin: 0 auto;
	}
}
/*=====content02=====*/
.news .content02 {
	flex-direction: column;
}
.news .content + .content02 {
	margin-top: -57rem;
}
.news .content02 .picBox {
	width: 47.2rem;
}
.news .content02 .pic03 {
	width: 33rem;
	margin-left: auto;
}
@media (max-width: 768px) {
	.news .content + .content02 {
		margin-top: 10rem;
	}
	.news .content02 .picBox {
		width: 63.1rem;
		margin: 0 auto;
	}
	.news .content02 .picBox > p + p {
		margin-top: 3rem;
	}
	.news .content02 .pic03 {
		width: 63.1rem;
		margin: 0 auto;
	}
}
/*=====content03=====*/
.news .content03 {
	justify-content: flex-start;
	gap: 0 12rem;
}
.news .content03 .picBox {
	width: 47.7rem;
}
.news .content03 .pic04 {
	width: 33rem;
}
@media (max-width: 768px) {
	.news .content03.reverse {
		flex-direction: column-reverse;
		gap: 10rem 0;
	}
	.news .content03 .picBox {
		width: 63.1rem;
		margin: 0 auto;
	}
	.news .content03 .picBox > p + p {
		margin-top: 3rem;
	}
	.news .content03 .pic04 {
		width: 63.1rem;
	}
}
/*=====content04=====*/
.news .content04 {
	width: 70.7rem;
	margin: 0 auto;
	justify-content: space-between;
}
.news .content04 .picBox {
	width: 33rem;
}
.news .content04 .pic06 {
	width: 33rem;
}
.news .content04 .videoArea {
	margin-top: 3.5rem;
	width: 33rem;
	height: 0;	
	padding: 3rem 0 170%;
	overflow: hidden;
	position: relative;
}
.news .content04 .videoArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 768px) {
	.news .content04 {
		flex-direction: column-reverse;
		width: 100%;
		gap: 10rem 0;
	}
	.news .content04 .picBox {
		width: 100%;
	}
	.news .content04 .pic06 {
		width: 63.1rem;
		margin: 0 auto;
	}
	.news .content04 .videoArea {
		width: 63rem;
		margin: 3.5rem auto 0;
		padding: 3rem 0 149%;
	}
}
/*=====popUp=====*/
.popUp {
	margin: 10rem auto 0;
	width: 70.7rem;
}
.popUp .txt {
	line-height: 3.1rem;
}
.popUp .txt .bold {
	font-size: 1.8rem;
	font-weight: 600;
}
.popUp .txt + .txt {
	margin-top: 2rem;
}
@media (max-width: 768px) {
	.popUp {
		margin: 20rem auto 0;
		width: 100%;
		padding: 0 6.15rem;
	}
	.popUp .txt {
		font-size: 2.5rem;
		line-height: 4.6rem;
	}
	.popUp .txt .bold {
		display: inline-block;
		font-size: 3rem;
		line-height: 4.5rem;
		margin-bottom: 2rem;
	}
	.popUp .txt + .txt {
		margin-top: 5.5rem;
	}
}
/*=====prof=====*/
.news .prof {
	margin-top: 10rem;
	background-color: #e1e2ea;
	padding: 5rem 0 6.5rem;
}
.news .prof .profInner {
	width: 70.7rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.news .prof .directorBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 39rem;
}
.news .prof .directorBox .directorTxt {
	width: 19rem;
	margin-bottom: 4.5rem;
}
.news .prof .directorBox .directorTxt .ttl {
	font-size: 1.6rem;
	font-weight: 200;
	line-height: 1.9rem;
}
.news .prof .directorBox .directorTxt .name {
	margin-top: 2rem;
	font-size: 2.4rem;
	font-weight: 200;
	line-height: 2.8rem;
}
.news .prof .directorBox .directorTxt .name .jp {
	font-size: 1.5rem;
	font-weight: 600;
}
.news .prof .directorBox .directorPic {
	width: 17.2rem;
}
.news .prof .profTxt {
	width: 28.5rem;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 2.1rem;
}
@media (max-width: 768px) {
	.news .prof {
		margin-top: 10rem;
		padding: 6.5rem 0 5rem;
	}
	.news .prof .profInner {
		width: 100%;
		padding: 0 6.15rem;
		flex-direction: column;
		gap: 5rem 0;
	}
	.news .prof .directorBox {
		width: 100%;
	}
	.news .prof .directorBox .directorTxt {
		width: 41rem;
		margin-bottom: 0;
	}
	.news .prof .directorBox .directorTxt .ttl {
		font-size: 3.5rem;
		line-height: 4.5rem;
	}
	.news .prof .directorBox .directorTxt .name {
		margin-top: 3rem;
		font-size: 5rem;
		line-height: 6.7rem;
	}
	.news .prof .directorBox .directorTxt .name .jp {
		font-size: 3.5rem;
	}
	.news .prof .directorBox .directorPic {
		width: 20.5rem;
	}
	.news .prof .profTxt {
		width: 100%;
		font-size: 2.2rem;
		line-height: 3.7rem;
	}
}