@charset "UTF-8";
/*
font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
font-family: "Bodoni Moda", serif;
*/

.subwrap .header { position: relative; }
.subwrap .header-logo {  }

#intv1 {  }
.subwrap {  }

.subintro { margin-top: 48px; }
.subintro__ttl { display: flex; justify-content: center; }
.subintro__ttl img { width: auto; height: 120px; }
.subintro__cont { position: relative; min-height: 400px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-top: 64px; }
.subintro__cont::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); opacity: 0.1; mix-blend-mode: multiply; content: ""; }
.subintro__cont__ttl { position: absolute; bottom: -1px; left: 0; }
.subintro__cont__ttl img { width: auto; height: 70px; }
.subintro__cont__who { position: absolute; font-weight: 400; letter-spacing: 0.02em; text-indent: -0.02em; text-align: center; color: #fff; }
.subintro__cont__who__name { font-size: 1.6rem; line-height: 1; }
.subintro__cont__who__info { margin-top: 5px; font-size: 1.0rem; line-height: 1.4; }
.subintro__txt-wrap { width: calc(100% - 48px); max-width: 800px; margin-top: 10px; margin-left: auto; margin-right: auto; }
.subintro__notice { font-size: 1.1rem; font-weight: 400; letter-spacing: 0.02em; }
.subintro__txt { margin-top: 28px; font: 500 1.6rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 2; }

#intv1.subwrap { background: #ffe992; }
#intv1 .subintro__cont { background-image: url("../img/ph_intv_bg_1_sp.jpg"); }
.subintro__cont__who--ota,
.subintro__cont__who--hatta { top: 253px; }
.subintro__cont__who--ota { left: 5%; }
.subintro__cont__who--hatta { right: 12%; }
.subintro__cont__who--kotera,
.subintro__cont__who--hirasawa { top: 238px; }
.subintro__cont__who--kotera { left: 11%; }
.subintro__cont__who--hirasawa { right: 4%; }

#intv2.subwrap { background: #fcd6c0; }
#intv2 .subintro__cont { background-image: url("../img/ph_intv_bg_2_sp.jpg"); }
@media screen and (min-width: 420px) and (max-width: 679px) {
	.subintro__cont__who { text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); }
}

@media screen and (max-width: 680px) {
	.subintro__cont { border-radius: 40px 40px 0 0; overflow: hidden; }
}
@media screen and (min-width: 681px) {
	.subintro { position: relative; margin-top: 96px; }
	.subintro__ttl { position: absolute; top: 0; right: 0; width: 280px; height: 360px; border-radius: 0 0 0 40px; z-index: 10; }
	.subintro__ttl img { height: 315px; }
	.subintro__ttl::before { position: absolute; top: 0; right: 100%; display: block; width: 55px; height: 65px; background-repeat: no-repeat; background-position: 100% 0%; background-size: contain; content: ""; }
	
	.subintro__cont { min-height: 720px; margin-top: 64px; }
	.subintro__cont::before { height: 30%; opacity: .2; }
	.subintro__cont__ttl { top: -1px; bottom: auto; left: 15%; }
	.subintro__cont__ttl img { height: 108px; }
	.subintro__cont__who__name { font-size: 1.8rem; }
	.subintro__cont__who__info { margin-top: 11px; font-size: 1.3rem; line-height: 1.53846; }
	.subintro__txt-wrap { margin-top: 13px; }
	.subintro__txt { margin-top: 40px; font-size: 1.8rem; }

	#intv1.subwrap { background: #ffe992; }
	#intv1 .subintro__ttl { background: #ffe992; }
	#intv1 .subintro__ttl::before { background-image: url("../img/sub/mask_yellow.png"); }
	#intv1 .subintro__cont { background-image: url("../img/ph_intv_bg_1_pc.jpg"); background-position: 50% 25%; }
	#intv2.subwrap { background: #fcd6c0; }
	#intv2 .subintro__ttl { background: #fcd6c0; }
	#intv2 .subintro__ttl::before { background-image: url("../img/sub/mask_pink.png"); }
	#intv2 .subintro__cont { background-image: url("../img/ph_intv_bg_2_pc.jpg"); background-position: 50% 25%; }
	
	.subintro__cont__who--ota,
	.subintro__cont__who--hatta { top: 615px; }
	.subintro__cont__who--ota { left: 12%; }
	.subintro__cont__who--hatta { right: 30%; }
	.subintro__cont__who--kotera,
	.subintro__cont__who--hirasawa { top: 615px; }
	.subintro__cont__who--kotera { left: 22.5%; }
	.subintro__cont__who--hirasawa { right: 19%; }
}
@media screen and (min-width: 1501px) {
	.subintro__cont::before { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 35%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); content: ""; z-index: 0; opacity: .25; mix-blend-mode: multiply; }
}


/*	interview Detail	*/

.subintv {  }
.subintv--bg { margin-top: 56px; padding-bottom: 42px; }
.subintv__ttl { position: relative; margin-top: 78px; font: 600 2.4rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1.5834; }
.subintv__ttl::before { position: absolute; top: -23px; left: 0; display: block; width: 80px; height: 1px; background: #1e234b; content: ""; }
.subintv__inner { margin-top: 34px; }
.subintv__img {  }
.subintv__img__txt { margin-top: 8px; font-size: 1.1rem; font-weight: 400; line-height: 1; letter-spacing: 0.02em; }
.subintv__cont {  }
.subintv__cont:not(:first-of-type) { margin-top: 25px; }
.subintv__cont__label { position: relative; display: inline-flex; justify-content: center; align-items: center; height: 32px; border-radius: 16px; padding: 0 16px;  font: 600 1.6rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1; color: #fff; }
.subintv__cont__label::before { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); display: block; width: 6px; height: 10px; border-radius: 5px; content: ""; }
.subintv__cont__label::after { content: "さん"; }
.subintv__cont__label._tc::after { content: "先生"; }
.subintv__cont:nth-of-type(odd) .subintv__cont__label,
.subintv__cont:nth-of-type(odd) .subintv__cont__label::before { background: #1e234b; }
.subintv__cont:nth-of-type(even) .subintv__cont__label,
.subintv__cont:nth-of-type(even) .subintv__cont__label::before { background: #6e786e; }
.subintv__cont__txt { margin-top: 12px; font-size: 1.5rem; font-weight: 400; line-height: 2; letter-spacing: 0.02em; }

.subintv__inner--left {  }
.subintv__inner--right {  }
.subintv__img--single-center { text-align: center; }
.subintv__img--single-center img { width: 240px; border-radius: 16px; }
.subintv__img--sticky-right { position: relative; margin-right: -24px; }
.subintv__img--sticky-right img { border-radius: 16px 0 0 16px; }
.subintv__img--sticky-left { position: relative; margin-left: -24px; }
.subintv__img--sticky-left img { border-radius: 0 16px 16px 0; }

.others { position: relative; margin-top: 96px; padding-bottom: 96px; overflow: hidden; }
.others__label { position: relative; left: 50%; transform: translateX(-50%); display: inline-flex; font: 500 1.6rem "Bodoni Moda", serif; line-height: 1; }
.others__label::before { content: "["; margin-right: 16px; }
.others__label::after { content: "]"; margin-left: 16px; }
.others__link { position: relative; display: block; width: calc(100% - 48px); max-width: 327px; border-width: 3px; border-style: solid; border-radius: 24px; margin-top: 32px; margin-left: auto; margin-right: auto; z-index: 50; }
.others__link__num { position: absolute; top: 0; right: 24px; }
.others__link__num img { width: auto; height: 54px; }
.others__link__img { border-radius: 24px; }
.others__link__ttl { position: absolute; display: flex; justify-content: center; align-items: center; font: 500 2.0rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1; color: #1e234b; }
.others__link__ttl__arrow { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: #1e234b; border-radius: 50%; margin-left: 24px; }
.others__link__ttl__arrow::before { width: 14px; height: 12px; background: url("../img/sub/obj_arrow_others_sp.png") no-repeat center / contain; content: ""; }


.others__link__ttl__txt { flex: 1; white-space: nowrap; }
.others__link--1 { border-color: #fcd6c0; }
.others__link--2 { border-color: #ffe992; }
.others__go2top { position: relative; display: flex; justify-content: center; align-items: center; width: 280px; height: 56px; background: #1e234b; border: 1px solid #1e234b; border-radius: 28px; margin-top: 144px; margin-left: auto; margin-right: auto; font: 500 1.6rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1; text-align: center; color: #fff; z-index: 50; }
.others__go2top::before { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background: url("../img/sub/obj_arrow_go2top.png") no-repeat center/contain; content: ""; }
.others__bg { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: calc(100% - 148px); background: #fff; border-radius: 24px 24px 0 0; content: ""; z-index: 0; }
.others::before,
.others::after { position: absolute; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; z-index: 10; }
.others::before { bottom: 135px; left: 50%; margin-left: -255px; width: 215px; height: 185px; background-image: url("../img/sub/obj_deco_left.png"); }
.others::after { bottom: -30px; right: 50%; margin-right: -256px; width: 267px; height: 228px; background-image: url("../img/sub/obj_deco_right.png"); }
@media screen and (max-width: 680px) {
	.subintv-wrap { width: calc(100% - 48px); margin-left: auto; margin-right: auto; }
	.subintv__ttl._lslesser { letter-spacing: -0.01em; }
	.subintv--bg { position: relative; margin-left: -24px; margin-right: -24px; }
	.subintv__img__txt { text-indent: -0.02em; }
	.subintv__img--under { margin-top: 32px; }
	.subintv__cont-wrap { margin-top: 40px; }
	.others__link__ttl { bottom: -50px; left: 50%; transform: translateX(-50%); }
}
@media screen and (min-width: 681px) {
	.subintv { width: 800px; margin-top: 62px; margin-left: auto; margin-right: auto; }
	.subintv--bg { height: 640px; }
	.subintv--bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
	.subintv__ttl { margin-top: 0; padding-left: 94px; }
	.subintv__ttl::before { top: 20px; }
	.subintv__inner { position: relative; display: flex; justify-content: space-between; }
	.subintv__inner--img_right {  }
	.subintv__inner--img_right .subintv__img { order: 1; }
	.subintv__inner--img_right .subintv__cont-wrap { order: 2; }
	.subintv__inner._reverse-pc { flex-direction: row-reverse; }
	.subintv__inner._reverse-pc .subintv__img { margin-right: 0; margin-left: 40px; }
	.subintv__cont-wrap { flex: 1; }
	.subintv__img--single-center { margin-right: 40px; }
	.subintv__img--single-center img { width: 360px; }
	
	.subintv__img--sticky-right { position: absolute; left: 440px; width: calc(50% + 50vw - 440px); height: 400px; border-radius: 16px 0 0 16px; overflow: hidden; }
	.subintv__img--sticky-right img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; border-radius: 0; }
	.subintv__img--sticky-right + .subintv__cont-wrap { padding-right: 400px; }
	
	.subintv__img--sticky-left { position: absolute; right: 440px; width: calc(50% + 50vw - 440px); height: 400px; border-radius: 0 16px 16px 0; overflow: hidden; }
	.subintv__img--sticky-left img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; border-radius: 0; }
	.subintv__img--sticky-left + .subintv__cont-wrap { padding-left: 400px; }
	
	.subintv__img__txt { margin-top: 11px; text-align: left; }
	.others { margin-top: 113px; padding-bottom: 120px; }
	.others__link { position: relative; max-width: 720px; margin-top: 40px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); clip-path: inset(0); }
	.others__link::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: linear-gradient(to right, rgba(250,140,180,1) 0%,rgba(255,175,60,1) 100%); content: ""; pointer-events: none; opacity: 0; transition: .4s; mix-blend-mode: multiply; z-index: 10; }
	.others__link:hover::before { opacity: .2; }

	
	
	.others__link__num { right: -8px; z-index: 50; }
	.others__link__num img { height: 108px; border-radius: 0; }
	
	.others__link--1 .others__link__num { top: -3px; }
	.others__link--2 .others__link__num { top: -6px; }
	
	.others__link__img { border-radius: 0; transition: .4s; z-index: 0; }
	.others__link:hover .others__link__img { transform: scale(1.05); }
	.others__link__ttl { position: absolute; bottom: 24px; right: 24px; flex-direction: row; justify-content: space-between; align-items: center; height: 268px; font-size: 2.4rem; writing-mode: vertical-rl; line-height: 1.3; color: #fff; z-index: 50; }
	
	
	.others__link__ttl__arrow { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 40px; height: 40px; background-color: #fff; margin-left: 0; transition: .4s; transform-origin: center; }
	.others__link__ttl__arrow::before { width: 18px; height: 18px; background-image: url("../img/sub/obj_arrow_others_pc.png"); transition: 0; }
	.others__link:hover .others__link__ttl__arrow { margin-bottom: -8px;  width: 56px; height: 56px; }
	
/*
	
	.others__link__ttl::after { width: 40px; height: 40px; background-color: #fff; background-image: url("../img/sub/obj_arrow_others_pc.png"); background-size: 18px auto; margin-left: 0; transition: .4s; transform-origin: center; }
	.others__link:hover .others__link__ttl::after { transform: scale(1.4); background-size: 14px auto; }
	
*/
	.others__link__ttl__txt { flex: 1; white-space: nowrap; }
	.others__link__ttl__txt ._lslesser { letter-spacing: -0.05em; }
	.others__go2top { margin-top: 120px; transition: .2s; }
	
	.others__go2top:hover { background: #fff; color: #1e234b; }
	.others__go2top:hover::before { background-image: url("../img/sub/obj_arrow_go2top_navy.png"); }
	
	.others__bg { height: calc(100% - 260px); border-radius: 64px 64px 0 0; }
	.others::before { bottom: 89px; left: 50%; margin-left: -674px; width: 395px; height: 340px; }
	.others::after { bottom: -330px; margin-right: -830px; width: 854px; height: 728px; }
}



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