/* @override 
	http://203.143.96.127:8003/anniv_30th/interview/assets/css/interview.css */


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

body#interview {}

.no-break {
	white-space: nowrap;
	letter-spacing: 0;
}

body#interview main {
	position: relative;
	z-index: 0;
	padding-bottom: 88px;
}

body#interview article {
	width: 1152px;
	height: auto;
	padding: 80px 0 0 0;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 0;
	min-height: 2000px;

	&::after {
		content: "";
		display: block;
		position: absolute;
		width: 180px;
		height: 640px;
		transform: skew(-45deg);
		z-index: -1;
		top: 170px;
		margin-left: 320px;
		background-color: var(--main_kf_blue);
		left: 50%;
	}

}


/*==== #page_kv(pc) ====*/
#page_kv {
	width: 100%;
	height: 646px;
	background-color: #eee;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	position: relative;
	z-index: 0;
	/*nest-start*/

	&::after {
		content: "";
		display: block;
		position: absolute;
		z-index: 10;
		width: 100%;
		height: 100%;
		background-color: hsla(0, 0%, 0%, 0.1);
		left: 0;
		top: 0;
	}

	div.int_ttl {
		padding: 48px 48px 48px 40px;
		position: relative;
		z-index: 20;
	}

	& h1,
	& p {
		color: #fff;
	}

	& h1 {
		font-size: 6.4rem;
		letter-spacing: 0.05em;
		line-height: 1;
		margin-top: 0.2em;
		font-weight: bold;
		font-weight: 600;
	}

	& p {
		padding: 0 0 0 8px;
		line-height: 1;
	}

	p.num {
		font: var(--main_en_cond_reg);
		font-size: 4rem;
		line-height: 1;
	}

	p.name {
		font-size: 4rem;
		font-weight: bold;
		font-weight: 600;
		vertical-align: bottom;
		letter-spacing: 0.1em;
	}

	p.name>small {
		font: var(--main_en_cond_reg);
		margin-left: 0.5em;
		font-size: 1.8rem;
		letter-spacing: 0.07em;
	}

	img#int_kv {
		position: absolute;
		z-index: 0;
		left: 0;
		width: 100%;
		height: auto;
	}

	/*nest-end*/
}

/*==== /#page_kv(pc) ====*/





/*==== #box_author_title(pc) ====*/

#box_author_title {
	margin-top: 12px;
	display: flex;
	justify-content: space-between;

	/*nest-start*/
	& ul {
		line-height: 2;
	}

	& ul>li {
		font-size: 1.4rem;
		color: #555;
	}

	& ul>li[lang="en"] {
		font: var(--main_en_reg);
		font-size: 1.4rem;
		color: #555;
	}

	div.mini_title {
		position: relative;
		z-index: 0;
		padding-top: 4px;
		margin-right: 12px;
	}

	div.mini_title p {
		text-align: center;
	}

	div.mini_title p[lang="en"] {
		font: var(--main_en_cond_light);
		font-size: 4.8rem;
		color: var(--main_kf_blue);
		line-height: 0.4;
		display: inline-block;
		position: relative;
		padding: 0.25em 24px 0.06em 30px;
		z-index: 10;
	}

	div.mini_title p[lang="en"]+p {
		margin-top: 0.5em;
		font-weight: bold;
		font-weight: 700;
		color: #333;
		font-size: 1.4rem;
	}

	div.mini_title p[lang="en"]::before,
	div.mini_title p[lang="en"]::after {
		content: "";
		width: 24px;
		height: 14px;
		position: absolute;
		top: 0.25em;
		background-image: url(/anniv_30th/assets/img/art_typo_fro.svg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
	}

	div.mini_title p[lang="en"]::before {
		left: 4px;
	}

	div.mini_title p[lang="en"]::after {
		width: 36px;
		right: -8px;
		background-position: 100% 0;
	}

	/*nest-end*/

}



/*==== /#box_author_title(pc) ====*/


/*==== main_column(pc) ====*/

section.sec_lead {
	margin-top: 48px;
	border-bottom: 1px solid #bbb;
	padding-bottom: 64px;

	/*nest-start*/
	& p {
		font-size: 1.8rem;
		line-height: 1.5;
		margin-top: 1em;
		font-weight: bold;
		font-weight: 600;
	}

	& p>small {
		font-size: 1.4rem;
		font-weight: normal;
		color: #777;
	}

	/*nest-end*/
}

section[id^='sec_'] {
	width: 1056px;
	margin: 80px auto 0 auto;

	/*nest-start*/

	& h2 {
		font-size: 2.8rem;
		line-height: 1.4;
		font-weight: bold;
		font-weight: 700;
		position: relative;
		z-index: 0;
		padding-left: 2em;
		letter-spacing: 0.075em;
	}

	& h2::before {
		content: "";
		display: block;
		height: 1.5em;
		width: 0.8em;
		position: absolute;
		top: -0.2em;
		left: 0;
		transform-origin: bottom left;
		transform: skewX(-45deg);
		background-color: var(--main_kf_blue);
	}



	& p {
		font-size: 1.8rem;
		line-height: 1.8;
		margin-top: 0.75em;
		letter-spacing: 0.05em;
	}



	p.int {
		font-weight: bold;
		font-weight: 600;
		position: relative;
		z-index: 0;
		margin-top: 2.4em;
		line-height: 1.5;
	}

	p.int::before {
		content: "";
		display: inline-block;
		position: relative;
		top: -0.35em;
		z-index: 0;
		width: 2em;
		height: 2px;
		background-color: #999;
		margin-right: 0.25em;
	}

	p:not(.int)>span:not(.no-break) {
		color: var(--main_kf_blue_darker);
		font-weight: bold;
		font-weight: 600;
		margin-right: 1em;
	}

	& h2+p.int {
		margin-top: 1.5em;
	}

	& figure {
		width: 728px;
	}

	& figure:not(.grid)>img+img {
		margin-top: 32px;
	}

	div.talk+figure,
	& p+figure {
		margin: 48px auto 0 auto;
	}

	& div.video-container {
		width: 100%;
		max-width: 728px;
		margin-top: 24px;
		margin-inline: auto;
		text-align: center;
/*nest-inner-start*/
		& iframe {
			width: 100%;
			height: auto;
			aspect-ratio: 16 / 9;
		}

		& div.video-thumb-wrapper {
			position: relative;
		}

		& .play-button {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 68px;
			height: 48px;
			background-color: rgba(0, 0, 0, 0.7);
			border-radius: 12px;
			transition: background-color 0.3s;
		}

		& .play-button::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 55%;
			transform: translate(-50%, -50%);
			border-style: solid;
			border-width: 10px 0 10px 20px;
			border-color: transparent transparent transparent #fff;
		}

		& .video-thumb-wrapper:hover .play-button {
			background-color: #ff0000;
		}
		p.note {
			margin-top: 0.5em;
			line-height: 1.6;
		}
		
		/*nest-inner-end*/

	}

	& figure+p.int {
		margin-top: 56px;
	}

	figure.grid {
		display: grid;
		width: 100%;
		grid-column-gap: 48px;
		grid-row-gap: 48px;
	}

	/*grid 右画像が縦*/
	figure.grid.right-vertical {
		grid-template-columns: 1fr 491px;
		grid-template-rows: repeat(2, 1fr);

		/*inner-next-start*/
		&>img:nth-of-type(1) {
			grid-area: 1 / 1 / 2 / 2;
		}

		&>img:nth-of-type(2) {
			grid-area: 1 / 2 / 3 / 3;
		}

		&>img:nth-of-type(3) {
			grid-area: 2 / 1 / 3 / 2;
		}

		/*inner-next-end*/
	}

	/*grid 左画像が縦*/
	figure.grid.left-vertical {
		grid-template-columns: 491px 1fr;
		grid-template-rows: repeat(2, 1fr);

		/*inner-next-start*/
		&>img:nth-of-type(1) {
			grid-area: 1 / 1 / 3 / 2;
		}

		&>img:nth-of-type(2) {
			grid-area: 1 / 2 / 2 / 2;
		}

		&>img:nth-of-type(3) {
			grid-area: 2 / 2 / 3 / 3;
		}

		/*inner-next-end*/
	}

	/*float img*/

	figure[class^='float_'] {
		width: 480px;
		margin: 0;
		display: inline-block;
		float: right;
		vertical-align: bottom;
		margin-top: 6em;
		margin-left: 3em;
	}

	blockquote {
		border: 1px solid #ddd;
		border-radius: 12px;
		margin-top: 3em;
		background-color: hsla(360, 100%, 100%, .55);
		padding: 24px 40px 36px 40px;
		position: relative;
		z-index: ;
		overflow: hidden;
	}

	blockquote::after {
		content: "";
		position: absolute;
		display: block;
		width: 110px;
		height: 110px;
		transform: rotate(45deg);
		bottom: -64px;
		right: -64px;
		background-color: var(--main_kf_blue_pale);
	}

	blockquote>cite {
		font-size: 1.4rem;
		text-align: right;
		width: 100%;
		display: block;
		margin-top: 2em;
		color: #777;
		position: relative;
		z-index: 0;
		padding-right: 1em;
	}

	blockquote>cite::before {
		content: "";
		width: 2.4em;
		position: relative;
		height: 1px;
		display: inline-block;
		background-color: #aaa;
		margin-right: 0.2em;
		top: -0.3em;
	}

	div.talk {
		margin-top: 5em;
	}

	div.talk>p+p {
		margin-top: 0.85em;
	}

	div.talk.message {
		p {
			font-weight: bold;
			font-weight: 600;
			margin-top: 0.6em;
		}

	}


	/*nest-end*/
}


/*interview-div.qa_session (pc)  2026-03-18*/

div.qa_session section[id^='sec_'] {
	/*nest-start*/

	&>p {
		margin-top: 2em;
		line-height: 1.8;
	}

	& h2+p {
		margin-top: 1.5em;
	}

	/*nest-end*/
}

/*/interview-div.qa_session (pc)*/

/*pc*/
#box_profile {
	text-align: center;
	margin-top: 80px;
	padding-top: 48px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding-bottom: 64px;
	/*nest-start*/

	&>.inner p {
		margin-top: 1.5em;
		line-height: 1.6;
		font-weight: normal;
		font-weight: 400;
	}



	div.inner_header>h3 {
		text-transform: uppercase;
		font: var(--main_en_cond_reg);
		font-size: 3.2rem;
		color: var(--main_kf_gold);
	}

	div.inner_header>p.name {
		font-size: 4.8rem;
		letter-spacing: 0.07em;
		line-height: 0.6;
		font-weight: bold;
		font-weight: 600;
		margin-top: 0.1em;
	}

	div.inner_header>p.name>small {
		font-size: 1.6rem;
	}

	& figure {
		width: 480px;
		margin: 40px auto 0 auto;
		border-radius: 8px;
		overflow: hidden;
	}



	/*nest-end*/
}

/*==== /main_column(pc) ====*/




/*ul.set_gold_btn(pc)*/


article+ul.set_gold_btn {
	margin-top: 48px;

	font-size: 2.8rem;
}



/*==== Responsive(pc) ====*/


/*==== Responsive(sp) ====*/

@media (hover: none) {
	.btn:hover {
		background: inherit !important;
		color: inherit !important;
		transform: none !important;
	}
}

@media screen and (max-width: 768px) {

	/*mq-start*/
	/*========================*/
	.pcv {
		display: none;
	}

	.spv {
		display: block;
	}

	body#interview main {
		padding-bottom: 20vw;
	}

	body#interview article {
		width: 92vw;
		padding: 26vw 0 0 0;
		min-height: initial;

		&::after {
			width: 21vw;
			height: 60vw;
			top: 30vw;
			margin-left: -45vw;
		}

	}


	/*==== #page_kv(sp) ====*/
	#page_kv {
		height: 60vw;
		border-radius: 2vw;
		/*nest-start*/


		div.int_ttl {
			padding: 3vw 3vw 4vw 3vw;
		}

		& h1,
		& p {}

		& h1 {
			font-size: 5.625vw;
		}

		& p {
			padding: 0 0 0 0.1em;
		}

		p.num {
			font-size: 6.25vw;
		}

		p.name {
			font-size: 6.25vw;
		}

		p.name>small {
			font-size: 3.75vw;
		}

		img#int_kv {
			top: 50%;
			transform-origin: center;
			transform: translateY(-50%) scale(1.17);

		}

		/*nest-end*/
	}

	/*==== /#page_kv(sp) ====*/


	/*==== #box_author_title(pc) ====*/

	#box_author_title {
		margin-top: 3vw;

		/*nest-start*/
		& ul {
			width: 60%;
			line-height: 1.5;
		}

		& ul>li {
			font-size: 3.075wv;
		}

		& ul>li[lang="en"] {
			font-size: 3.075wv;
		}

		div.mini_title {
			padding-top: 0;
			margin-top: -1VW;
			margin-right: 1vw;
			width: 35vw;
			text-align: center;
		}

		div.mini_title p[lang="en"] {
			width: 88.5%;
			font-size: 6.4vw;
			line-height: 0.8;
			padding: 0 5vw 0 6em 6vw;
		}

		div.mini_title p[lang="en"]+p {
			margin-top: 0;
			font-size: 2.813vw;
		}



		div.mini_title p[lang="en"]::before,
		div.mini_title p[lang="en"]::after {
			width: 5VW;
			height: 3vw;
			top: 0.8em;
		}

		div.mini_title p[lang="en"]::before {
			left: 1vw;
		}

		div.mini_title p[lang="en"]::after {
			width: 6vw;
			right: -0.5vw;
		}


		/*nest-end*/
	}

	/*==== main_column(pc) ====*/

	section.sec_lead {
		margin-top: 6vw;
		padding-bottom: 8vw;
		/*nest-start*/

		& p {
			font-size: 4.375vw;
			line-height: 1.8;
			margin-top: 0.9em;
		}

		& p>small {
			font-size: 3.438vw;
		}

		/*nest-end*/
	}


	section[id^='sec_'] {
		width: 92vw;
		margin: 10vw auto 0 auto;

		/*nest-start*/

		& h2 {
			font-size: 4.688vw;
			line-height: 1.3;
			padding-left: 15vw;
		}

		& h2::before {
			height: 2.2em;
			width: 1em;
			top: 0.15em;
		}

		& p {
			font-size: 4.063vw;
			line-height: 2;
		}

		p.int {
			margin-top: 1em;
		}

		p.int::before {}

		p:not(.int)>span {}

		& h2+p.int {}

		& figure {
			width: 88vw;
		}

		& figure:not(.grid)>img+img {
			margin-top: 3vw;
		}

		& p+figure {
			margin: 6vw auto 0 auto;
		}

		div.video-container {
			max-width: initial;
			margin-top: 6vw;
			width: 88vw;

			& iframe {}
			
			p.note {
				font-size: 3.75vw;
				
			}
		}

		& figure+p.int {
			margin-top: 6vw;
		}

		figure.grid {
			display: grid;
			width: 100%;
			grid-column-gap: 2vw;
			grid-row-gap: 2vw;
		}

		/*grid 右画像が縦*/
		figure.grid.right-vertical {
			grid-template-columns: 1fr 43vw;
		}

		/*grid 左画像が縦*/
		figure.grid.left-vertical {
			grid-template-columns: 43vw 1fr;
		}

		/*float img*/

		figure[class^='float_'] {
			float: none;
			width: 80vw;
			margin: 0 auto;
			display: block;
			float: none;
			margin-top: 6vw;
		}


		/*nest-end*/
	}


	/*#box_profile(sp)*/

	#box_profile {
		margin-top: 8vw;
		padding-top: 8vw;
		padding-bottom: 9vw;
		/*nest-start*/

		&>.inner p {
			font-size: 3.75vw;
			line-height: 1.8;
			text-align: left;

		}

		&>.inner p:nth-of-type(1) {
			margin-top: 2em;
		}

		&>.inner p>br {
			display: none;
		}

		div.inner_header>h3 {
			font-size: 5.625vw;
		}

		div.inner_header>p.name {
			font-size: 9.375vw;
			line-height: 0.5;
			margin-top: 0.2em;
			letter-spacing: 0.15em;
		}

		div.inner_header>p.name>small.kana {
			display: inline-block;
			font-size: 3.75vw;
			padding-top: 1.5em;
			letter-spacing: 0.05em;
		}

		figure {
			width: 70vw;
			margin: 5vw auto 0 auto;
			border-radius: 2.5vw;
		}

		/*nest-end*/
	}


	/*========================*/
	/*mq-end*/
}

/**/




/**/



/**/


/**/

/**/

/**/



/**/


/**/


/**/