@charset "UTF-8";
/* CSS Document */
/*
'Playfair Display', serif

*/

.header--interview .header__navtrg span { background: #353852; }

.outer-wrap { background: url("../img/intv/bg_mv.png") no-repeat 100% 0/1200px auto; }
/*	MV	*/
.mv { width: calc(100% - 60px); margin-left: auto; margin-right: auto; padding-top: 106px; padding-bottom: 48px; }
.mv__secttl { position: relative; margin-bottom: 30px; }
.mv__secttl__txt img { width: 75px; }
.mv__secttl__num { position: absolute; bottom: -7px; left: 83px; font-family: 'Playfair Display', serif; font-size: 12rem; font-weight: 400; font-style: italic; line-height: 1; letter-spacing: -0.04em; color: #f5463c; }
.mv__ttl { position: relative; z-index: 10; }
.mv__ttl span { display: inline-flex; align-items: center; height: 34px; background: #fff; padding: 0 5px; font: 300 2.2rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1; letter-spacing: 0.08em; }
.mv__ttl span:not(:last-of-type) { margin-bottom: 5px; }
.mv__info { margin-top: 24px; font-weight: 400; line-height: 1; }
.mv__info__corp { font-size: 1.5rem; }
.mv__info__name { margin-top: 10px; margin-bottom: 10px; font-size: 2.4rem; }
.mv__info__name::after { content: "さん"; font-size: 1.6rem; }
.mv__info__grad { font-size: 1.2rem; }
@media screen and (max-width: 374px) {
	.mv__ttl span { font-size: 2.1rem; }
}
@media screen and (max-width: 680px) {
	

	.mv__img { position: relative; width: 100vw; margin-top: -59px; margin-left: -30px; margin-right: -30px; }
}
@media screen and (min-width: 681px) {
	.outer-wrap { background-size: 100% auto; overflow: hidden;}
	.mv-wrap { position: relative; z-index: 60; }
	.mv { position: relative; width: 1008px; padding-top: 188px; padding-bottom: 70px; }
	.mv__img { position: absolute; top: 0; left: 305px; right: auto; width: calc(100% - (305px / 2)); height: 675px;}
	
	.mv__secttl { margin-bottom: 30px; }
	.mv__secttl__txt img { width: 84px; }
	.mv__secttl__num { bottom: -11px; left: 104px; font-size: 16rem; }
	.mv__ttl { display: inline-block; padding-top: 32px; }
	.mv__ttl::before,
	.mv__ttl::after { position: absolute; top: 0; height: 1px; content: ""; }
	.mv__ttl::before { width: 100%; background: #f5463c; }
	.mv__ttl::after { right: 100%; width: calc(50% + 50vw); background: #4b4b73; }
	.mv__ttl span { height: 48px; padding: 0 5px; font-size: 3.2rem; letter-spacing: 0.05em; }
	.mv__ttl span:not(:last-of-type) { margin-bottom: 8px; }
	.mv__info { margin-top: 40px; }
	.mv__info__corp { font-size: 1.8rem; }
	.mv__info__corp span { font-size: 1.5rem; }
	.mv__info__name { margin-top: 16px; margin-bottom: 16px; font-size: 2.8rem; }
	.mv__info__grad { font-size: 1.4rem; }
}
@media screen and (min-width: 1201px) {
	.mv__img { width: calc(50% + 50vw - 305px); }
	.mv__img img { object-position: 50% 10%; }
}


.cont-wrap--intv { position: relative; }
.cont-wrap--intv::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 100%; background: url("../img/intv/bg_bottom.png") no-repeat 50% 100%/1400px auto; content: ""; z-index: 0; pointer-events: none; mix-blend-mode: multiply; }
@media screen and (min-width: 681px) {
	.cont-wrap--intv { background: url("../common/img/bg_line.png") repeat 50% 50%/200px auto; }
}
@media screen and (min-width: 1201px) {
	.cont-wrap--intv { background: none; }
	.cont-wrap--intv::before { background-size: 100% auto; }
}
.cont-wrap__inner { position: relative; z-index: 100; }

.sec--profile { padding-bottom: 45px; }
.sec--profile .l-wrapper { position: relative; padding-top: 30px; }
.sec__cross { position: absolute; top: 0; left: -7px; display: block; width: 14px; height: 14px; }
.sec__cross::before,
.sec__cross::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; background: #4b4b73; content: ""; }
.sec__cross::before { width: 100%; height: 3px; }
.sec__cross::after { width: 3px; height: 100%; }

.profile:not(:last-of-type) { margin-bottom: 27px; }
.profile__ttl { margin-bottom: 8px; font-size: 1.5rem; font-weight: 700; line-height: 1; }
.profile__txt { font-size: 1.3rem; font-weight: 400; line-height: 1.8461; text-align: justify; }

@media screen and (min-width: 681px) {
	.sec--profile { padding-bottom: 60px; }
	.sec__cross { left: -8px; width: 16px; height: 16px; }
	.profile { width: 600px; }
	.profile:not(:last-of-type) { margin-bottom: 27px; }
	.profile__ttl { margin-bottom: 8px; font-size: 1.6rem; }
	.profile__txt { font-size: 1.4rem; line-height: 2; }
}




/*	Interview	*/
.sec--intv { padding-top: 45px; padding-bottom: 60px; }
.intv { position: relative; }
.intv__ttl { margin-bottom: 22px; font: 300 2.4rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1.6666666; }
.intv__txt { font-size: 1.5rem; font-weight: 400; line-height: 2.1333; text-align: justify; }

.intv--1 { padding-bottom: 91px; }
.intv--1::before { position: absolute; right: -20px; bottom: 10px; display: block; width: 120px; height: 120px; background: rgb(194,229,156); background: linear-gradient(90deg, rgba(194,229,156,1) 0%, rgba(100,179,244,1) 100%); content: ""; opacity: .4; filter: blur(1rem); }

.intv--2 { padding-top: 91px; }
.intv--2::before { position: absolute; left: -40px; bottom: 30px; display: block; width: 160px; height: 160px; background: rgb(194,229,156); background: linear-gradient(90deg, rgba(194,229,156,1) 0%, rgba(100,179,244,1) 100%); content: ""; opacity: .4; filter: blur(1rem); z-index: 10; }
.intv--2::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: calc(100% - 96px); background: #f5f5f5; content: ""; z-index: -1; }
.intv--2 .intv__img__obj:nth-child(2) { position: absolute; }

.intv--3 { padding-top: 85px; }
.intv--3 .intv__img__obj { position: relative; }
.intv--3 .intv__img__obj:nth-child(2) { width: calc(100% - 85px); margin-top: -43px; margin-left: auto; margin-right: 0; }
.intv--3 .intv__img__obj:nth-child(3) { width: calc(100% - 175px); margin-top: 32px; margin-left: 30px; margin-right: auto; }

@media screen and (max-width: 680px) {
	.intv__txt { margin-bottom: 40px; }
	.intv--1 .intv__img { position: relative; width: calc(100% + 30px); margin-right: -30px; }
	.intv--2 .intv__img { position: relative; width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; padding-bottom: 50%; }
	.intv--2 .intv__img__obj:nth-child(1) { width: calc(100% - 75px); margin-left: 0; margin-right: auto; }
	.intv--2 .intv__img__obj:nth-child(2) { bottom: 0; left: 50%; transform: translateX(-22%); width: calc(100% - 172px); }
	.intv--3 .intv__img { position: relative; width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; }
	.intv--3 .intv__txt { text-align: justify; }
	.intv--3 .intv__txt p { display: inline; }
}
@media screen and (min-width: 681px) {
	.sec--intv { padding-top: 60px; padding-bottom: 100px; }
	.intv__ttl { margin-bottom: 48px; font-size: 3.2rem; line-height: 1.4375; }
	.intv__img { position: absolute; }
	
	.intv--1 { padding-bottom: 176px; }
	.intv--1::before { right: -190px; bottom: -30px; width: 240px; height: 240px; filter: blur(2rem); }
	.intv--1 .intv__txt { width: 454px; }
	.intv--1 .intv__img { top: 150px; left: 510px; width: calc(100% - (510px / 2)); height: 400px; }
	
	.intv--2 { padding-top: 110px; padding-bottom: 113px; padding-left: 346px; }
	.intv--2::after { width: calc(100% + 400px); }
	.intv--2::before { left: -200px; bottom: -30px; width: 240px; height: 240px; filter: blur(2rem); }
	.intv--2 .intv__ttl { letter-spacing: -0.05em; }
	.intv--2 .intv__img { top: 100px; right: 510px; width: calc(100% - (510px / 2)); height: 700px; padding-bottom: 0; }
	.intv--2 .intv__img__obj:nth-child(1) { width: calc(100% - 90px); height: 450px; }
	.intv--2 .intv__img__obj:nth-child(1) img { object-position: 50% 10%; }
	.intv--2 .intv__img__obj:nth-child(2) { right: 0; bottom: 0; width: 290px; height: 300px; }
	
	.intv--3 { padding-top: 186px; }
/*	.intv--3 .intv__img { right: -200px; width: calc(100% + (200px / 2)); }*/
	.intv--3 .intv__txt { display: flex; justify-content: space-between; }
	.intv--3 .intv__txt p { width: 380px; text-align: justify; }
	.intv--3 .intv__txt .ktkn-ls { letter-spacing: -0.05em; }
	.intv--3 .intv__img { position: relative; left: 50%; transform: translateX(-50%); width: 1200px; height: 780px; margin-top: 66px; }
	.intv--3 .intv__img__obj:nth-child(1) { width: 1080px; height: 380px; margin-left: auto; margin-right: 0; }
	
	.intv--3 .intv__img__obj:nth-child(2) { width: 600px; height: 400px; margin-top: -60px; }
	.intv--3 .intv__img__obj:nth-child(3) { position: absolute; bottom: 0; left: 50%; width: 320px; height: 240px; margin: 0 0 0 -400px; }
	
}
@media screen and (min-width: 1201px) {
	.intv--1 .intv__img { width: calc(50% + 50vw - 510px); }
	.intv--1 .intv__img img { object-position: 50% 30%; }
	.intv--2::after { width: 100vw; height: 100%; }
	.intv--2 .intv__img { width: calc(50% + 50vw - 510px); }
	
	.intv--3 .intv__img { width: 800px; }
/*	.intv--3 .intv__img__obj:nth-child(1) { position: absolute; right: 80px; width: calc(50% + 50vw - 80px); height: 380px; }*/
	.intv--3 .intv__img__obj:nth-child(1) { position: absolute; left: -80px; right: 0; width: calc(50% + 50vw + 80px); height: 380px; margin: 0;  }
	.intv--3 .intv__img__obj:nth-child(2) { position: absolute; top: 320px; left: 400px; width: calc(50% + 50vw - 400px); height: 400px; margin-top: 0; }
	.intv--3 .intv__img__obj:nth-child(2) img { object-position: 50% 20%; }
}

/*	Corporation	*/
.sec--corp { padding-top: 60px; padding-bottom: 120px; }
.corp { background: #fff; border-radius: 8px; margin-left: auto; margin-right: auto; padding: 36px 40px 36px; box-shadow: 0px 0px 20px 0px rgba(0, 195, 206, 0.15); }
.corp__label { margin-bottom: 24px; font: 500 1.5rem 'Playfair Display', serif; line-height: 1; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; color: #f5463c; }
.corp__img { margin-bottom: 22px; }
.corp__ttl { margin-bottom: 10px; }
.corp__ttl a { display: inline-flex; align-items: center; font-size: 1.6rem; font-weight: 700; line-height: 1; letter-spacing: 0.02em; }
.corp__ttl a::after { width: 18px; height: 17px; background: url("../common/img/ico_blank.png") no-repeat 0 0/contain; margin-left: 4px; content: ""; }
.corp__txt { font-size: 1.3rem; font-weight: 400; line-height: 1.846; text-align: justify; }
@media screen and (max-width: 680px) {
	.corp { width: calc(100% - 40px); }
}
@media screen and (min-width: 681px) {
	.sec--corp { padding-top: 100px; padding-bottom: 200px; }
	.sec--corp .l-wrapper { width: 880px; }
	.corp { position: relative; padding: 58px 60px 56px 244px; }
	.corp__label { margin-bottom: 24px; font-size: 1.6rem; text-align: left; }
	.corp__img { position: absolute; left: 60px; top: 50%; transform: translateY(-50%); width: 160px; height: 160px; }
	.corp__ttl { margin-bottom: 10px; }
	.corp__ttl a { font-size: 1.8rem; transition: .4s; }
	.corp__ttl a:hover { opacity: 0.7; }
	.corp__ttl a::after { margin-left: 8px; }
}


/*	Another	*/

.sec--another { position: relative; border-top: 1px solid #4b4b73; padding-top: 81px; padding-bottom: 24px; }
.sec--another .l-wrapper { position: relative; z-index: 10; }
.another__label { position: relative; }
.another__label__txt img { width: 75px; }
.another__label__num { position: absolute; bottom: -7px; left: 83px; font-family: 'Playfair Display', serif; font-size: 12rem; font-weight: 400; font-style: italic; line-height: 1; letter-spacing: -0.04em; color: #f5463c; }
.another__info__name { margin-bottom: 8px; font-size: 2.4rem; font-weight: 400; line-height: 1; }
.another__info__name::after { display: inline-block; font-size: 1.2rem; content: "さん"; }
.another__info__grad { font-size: 1.4rem; font-weight: 400; line-height: 1; }
.another__link { display: flex; justify-content: flex-end; align-items: center; }
.another__link__txt { margin-right: 32px; font-size: 1.6rem; font-weight: 700; line-height: 1; }
.another__link__btn { position: relative; width: 65px; height: 65px; border-radius: 50%; }
.another__link__btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-35%, -50%); width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 14px; content: ""; }
.another__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
@media screen and (max-width: 680px) {
	.another__bg { opacity: 0.4; }
	.another__label { margin-bottom: 40px; }
	.another__link { margin-top: 8px; }
	.another__link__txt { color: #f5463c; }
	.another__link__btn { background: #f5463c; }
	.another__link__btn::before { border-color: transparent transparent transparent #fff; }
}
@media screen and (min-width: 681px) {
	.sec--another { padding-top: 130px; padding-bottom: 130px; user-select: none; cursor: pointer; }
	.sec--another .l-wrapper { width: 970px; }
	.another { position: relative; display: flex; justify-content: flex-start; align-items: center; }
	.another__label { margin-right: 215px; }
	.another__label__txt img { width: 84px; }
	.another__label__num { bottom: -11px; left: 104px; font-size: 16rem; }
	.another__link { position: absolute; right: 85px; top: 50%; transform: translateY(-50%); }
	.another__link__txt { color: #353852; transition: .4s; }
	.another__link__btn { width: 85px; height: 85px; background: #fff; transition: .4s; transform-origin: center; }
	.another__link__btn::before { border-width: 6px 0 6px 16px; border-color: transparent transparent transparent #353852; transition: .4s; }
	.another__bg { opacity: 0; transition: .4s; }
	.another__bg img { object-position: 50% 0%; }
	
	.sec--another:hover .another__link__txt { color: #f5463c; }
	.sec--another:hover .another__link__btn { transform: scale(0.7646); background: #f5463c; }
	.sec--another:hover .another__link__btn::before { border-color: transparent transparent transparent #fff; }
	.sec--another:hover .another__bg { opacity: 0.4; }
	
}