@charset "UTF-8";

/* FV
-------------------------------*/
.ivfv { position: relative; height: 283px; background: var(--c-mustard); overflow: hidden; }
.ivfv__deco { position: absolute; top: 93px; left: 0; width: 100%; font: 400 4.4rem var(--ff-grmd); line-height: 0.91; letter-spacing: 0.15em; text-indent: 0.15em; text-align: center; color: var(--c-mustard); mix-blend-mode: multiply; opacity: .35; pointer-events: none; }
.ivfv__deco__row { display: block; }
.ivfv__ttl { position: relative; padding-top: 115px; text-align: center; color: #fff; z-index: 10; }
.ivfv__ttl__sub,
.ivfv__ttl__main { display: block; }
.ivfv__ttl__sub { font-size: 1.6rem; font-weight: 500; line-height: 1; letter-spacing: 0.02em; text-indent: 0.02em; }
.ivfv__ttl__main { margin-top: 10px; font-size: 3.2rem; font-weight: 700; line-height: 1.5; letter-spacing: 0.02em; text-indent: 0.02em; }
.ivfv::before,
.ivfv::after { position: absolute; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
.ivfv::before { top: -53px; left: -55px; width: 292px; height: 205px; background-image: url("../img/interview/obj_fv_1.png"); }
.ivfv::after { right: -75px; bottom: -75px; width: 281px; height: 214px; background-image: url("../img/interview/obj_fv_2.png"); }

/* Lead
-------------------------------*/
.sec--ivlead { padding-top: 56px; padding-bottom: 56px; }
.ivlead__ttl { font-size: 3.6rem; font-weight: 700; line-height: 1.5; letter-spacing: 0.06em; text-indent: 0.06em; text-align: center; color: var(--c-mustard); }
.ivlead__txt { margin-top: 15px; font-size: 1.8rem; line-height: 1.75; color: #212121; }


/* Catch
-------------------------------*/
.ivcatch {  }
.ivcatch__ttl {  }
.ivcatch__row { position: relative; display: block; background: var(--c-dgreen); padding-left: 24px; padding-bottom: 3px; font-size: 4.2rem; font-weight: 500; line-height: 1.143; letter-spacing: 0; white-space: nowrap; color: #fff; }
.ivcatch__row--1 { width: 260px; }
.ivcatch__row--2 { width: 366px; margin-top: 4px; }
.ivcatch__row--2._ktkn { letter-spacing: -0.07em; }
.ivcatch__row--2 ._lslesser { letter-spacing: -0.28em; }
.ivcatch__en { position: absolute; left: 154px; top: 11px; display: block; font: 400 1.2rem var(--ff-grmd); line-height: 1.167; letter-spacing: 0.04em; white-space: nowrap; }


/* Main photo & Profile
-------------------------------*/
.ivmain { margin-top: -27px; }
.ivmain__img {  }
.ivprof { position: relative; border-left: 1px solid #212121; padding-left: 23px; padding-top: 18px; }
.ivprof__head {  }
.ivprof__name { font-size: 2.0rem; font-weight: 500; line-height: 1.5; color: #212121; }
.ivprof__name__kana { font-size: 80%; }
.ivprof__occu { font-family: var(--ff-nosa); font-size: 1.1rem; }
.ivprof__txt { margin-top: 9px; font: 400 1.2rem var(--ff-nosa); line-height: 1.5; color: #212121; }
.ivprof__txt a { color: #333; text-decoration: underline; }


/* Sections
-------------------------------*/
.ivbody { position: relative; margin-top: 179px; }
.ivbody__deco { position: absolute; top: -134px; left: 0; display: block; width: 100%; overflow: hidden; font: 400 4.8rem var(--ff-grmd); line-height: 1; letter-spacing: 0.2em; white-space: nowrap; color: var(--c-mustard); opacity: .2; pointer-events: none; z-index: 0; }
.ivbody__deco__row { display: inline-block; vertical-align: top; padding-right: 0.2em; }
.ivsec { position: relative; display: flex; flex-direction: column; z-index: 10; }
.ivsec:not(:first-of-type) { margin-top: 117px; }
.ivsec__img { position: relative; order: 2; align-self: flex-start; width: 202px; margin-top: 12px; }
.ivsec__img::before { position: absolute; display: block; width: 200px; aspect-ratio: 1/1; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; z-index: -1; }
.ivsec:nth-of-type(1) .ivsec__img::before { top: -107px; right: -135px; background-image: url("../img/interview/obj_vege_1.png"); }
.ivsec:nth-of-type(2) .ivsec__img::before { bottom: -124px; left: -161px; background-image: url("../img/interview/obj_vege_2.png"); }
.ivsec:nth-of-type(3) .ivsec__img::before { top: -87px; right: -150px; background-image: url("../img/interview/obj_vege_3.png"); }
.ivsec--r .ivsec__img { align-self: flex-end; }
.ivsec__cont { position: relative; order: 1; }
.ivsec__num { position: absolute; right: 0; bottom: calc(100% - 7px); display: flex; align-items: baseline; font: 400 4.0rem var(--ff-grmd); line-height: 1; color: var(--c-dgreen); opacity: .2; }
.ivsec__num__label { font-size: 2.0rem; line-height: 1; letter-spacing: 0.02em; }
.ivsec__line { position: relative; display: block; height: 1px; background: var(--c-dgreen); margin-top: 2px; }
.ivsec__line::before { position: absolute; left: 0; top: -2px; display: block; width: 40px; height: 5px; background: var(--c-dgreen); content: ""; }
.ivsec__ttl { margin-top: 26px; font-size: 2.8rem; font-weight: 700; line-height: 1.5; color: var(--c-dgreen); }
.ivsec__txt { margin-top: 18px; font-size: 1.6rem; line-height: 1.75; color: #212121; }


/* Last photo
-------------------------------*/
.ivlast { width: calc(100% - 48px); margin: 101px auto 0; }


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

	/* SPECIAL INTERVIEW 無限フロー（SPのみ） */
	.ivbody__deco__row:nth-of-type(1) {
		-webkit-animation: ivFlow1Sp 20s -10s linear infinite;
		animation: ivFlow1Sp 20s -10s linear infinite;
	}
	.ivbody__deco__row:nth-of-type(2) {
		-webkit-animation: ivFlow2Sp 20s linear infinite;
		animation: ivFlow2Sp 20s linear infinite;
	}
	.ivlead__ttl { margin-left: -24px; margin-right: -24px; letter-spacing: -0.02em; text-indent: -0.02em; }
	.ivcatch__row { max-width: 100%; }
	
	
}


@-webkit-keyframes ivFlow1Sp {
	0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes ivFlow1Sp {
	0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@-webkit-keyframes ivFlow2Sp {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); }
}
@keyframes ivFlow2Sp {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); }
}
@media screen and (min-width: 681px) {
	/* FV */
	.ivfv { height: 545px; }
	.ivfv__deco { top: 157px; font-size: 14.5rem; line-height: 0.828; letter-spacing: 0.36em; text-indent: 0.36em; }
	.ivfv__ttl { padding-top: 201px; }
	.ivfv__ttl__sub { font-size: 2.4rem; }
	.ivfv__ttl__main { margin-top: 26px; font-size: 6.4rem; }
	
	.ivfv::before { top: -113px; left: -205px; width: 705px; height: 495px; }
	.ivfv::after { right: -165px; bottom: -165px; width: 668px; height: 510px; }
	
	/* Lead */
	.sec--ivlead { padding-top: 142px; padding-bottom: 143px; }
	.ivlead__ttl { font-size: 4.8rem; letter-spacing: 0.2em; text-indent: 0.2em; }
	.ivlead__txt { margin-top: 27px; font-size: 2.0rem; text-align: center; }

	/* Catch */
	.ivcatch__row { padding-left: 150px; padding-bottom: 11px; font-size: 10rem; line-height: 1; }
	.ivcatch__row--1 { width: 720px; }
	.ivcatch__row--2 { width: 1030px; margin-top: 20px; }
	.ivcatch__en { left: 461px; top: 30px; font-size: 2.4rem; line-height: 1.167; }

	/* Main photo & Profile */
	.ivmain { margin-top: -55px; }
	.ivprof { width: 600px; background: #fff; margin-top: -107px; margin-left: -100px; border-radius: 10px 10px 0 0; border-left: none; padding-left: 0; padding-top: 0; }
	.ivprof__head { position: relative; padding: 24px 30px 14px; }
	.ivprof__head::before { position: absolute; left: 30px; bottom: 0; display: block; width: calc(100% - 60px); height: 1px; background: #212121; content: ""; }
	.ivprof__name { font-size: 3.2rem; }
	.ivprof__name__kana { margin-left: 8px; letter-spacing: -0.1em; font-size: 78%; }
	.ivprof__occu { font-size: 1.4rem; }
	.ivprof__txt { margin-top: 20px; padding-left: 30px; padding-right: 30px; font-size: 1.4rem; }

	/* Sections */
	.ivbody { margin-top: 184px; }
	.ivbody__deco { top: 250px; left: -20px; width: auto; overflow: visible; writing-mode: vertical-rl; font-size: 12rem; letter-spacing: 0.2em; }
	.ivbody__deco__row { display: block; padding-right: 0; letter-spacing: 0.13em; }
	.ivbody__deco__row:nth-of-type(2) { display: none; }

	.ivsec { flex-direction: row; align-items: flex-start; }
	.ivsec:not(:first-of-type) { margin-top: 170px; }
	.ivsec__img { order: 0; align-self: flex-start; flex: none; width: 350px; margin-top: 0; }
	.ivsec__img::before { width: 240px; }
	.ivsec:nth-of-type(1) .ivsec__img::before { top: calc(100% + 20px); right: 20px; }
	.ivsec:nth-of-type(2) .ivsec__img::before { bottom: auto; top: calc(100% + 32px); left: auto; right: 10px; }
	.ivsec:nth-of-type(3) .ivsec__img::before { top: calc(100% + 3px); right: auto; left: 20px; }
	.ivsec__cont { flex: none; width: 700px; }
	.ivsec--l .ivsec__img { margin-left: -100px; margin-right: 50px; }
	.ivsec--r .ivsec__img { order: 2; align-self: flex-start; margin-left: 50px; margin-right: -100px; }
	.ivsec__num { bottom: calc(100% - 10px); font-size: 6.0rem; }
	.ivsec__num__label { font-size: 3.0rem; }
	.ivsec__line::before { width: 80px; }
	.ivsec__ttl { margin-top: 39px; font-size: 4.0rem; }
	.ivsec__txt { margin-top: 22px; font-size: 1.8rem; }

	/* Last photo */
	.ivlast { width: 700px; margin-top: 131px; }
}