/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

:root {
	--font-zen-new: "Zen Kaku Gothic New",sans-serif;
	--font-zen-antique: "Zen Kaku Gothic Antique",sans-serif;
	--font-zen-old: "Zen Old Mincho",serif;
	--font-shippori: "Shippori Mincho B1",serif;
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/*word-break: keep-all;*/
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-feature-settings: "palt";
	color: #fff;
}

header {
	background: #000;
	border-bottom: 1px solid #FFF;
	padding: 6px 10px 6px 10px;
	height: 30px;
	overflow: hidden !important;
}

img {
	max-width: 100%;
	height: auto;
}

a:hover {
	opacity: 0.8;
}

a {
	color: #fff;
	transition: opacity 0.3s ease-out;
	display: block;
}

#main {
	background: #00132e;
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}
}

/* --------- hbg --------- */
.hbg-btn {
	display: grid;
	width: 35px;
	height: 35px;
	background: none;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 10px 5px;
	place-content: center;
	gap: 4px;
	position: fixed;
	top: 61px;
	right: 16px;
	z-index: 1100;
	transition: .3s;
	&.open {
		translate: 0 -42px;
		.hbg-btn__border {
			&:first-child {
				rotate: 25deg;
				translate:  0 5px;
			}
			&:nth-child(2) {
				scale: 0 1;
				transform-origin: right;
			}
			&:last-child {
				rotate: -25deg;
				width: 24px;
				translate: 0 -5px;
			}
		}
	}
}
.hbg-btn__border {
	display: block;
	width: 24px;
	height: 1px;
	background: #fff;
	transition: .3s;
	&:last-child {
		width: 16px;
	}
}
.hbg {
	background: #00132e;
	position: fixed;
	inset: 0;
	z-index: 1000;
	padding-block: 62px 70px;
	font-family: var(--font-zen-new);
	overflow: scroll;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	&.open {
		opacity: 1;
		visibility: visible;
	}
}
.hbg__ttl--pc {
	display: none;
}
.hbg__ttl {
	margin-bottom: 30px;
}
.hbg__list {
	display: grid;
	gap: 33px;
	padding-bottom: 48px;
	margin-bottom: 44px;
	background: linear-gradient(#fff,#fff) no-repeat center bottom/154px 1px;
}
.hbg__list__link {
	display: block;
	text-align: center;
	&:has(.comingsoon) {
		pointer-events: none;
	}
	.comingsoon {
		opacity: .5;
	}
}
.hbg__list__num {
	width: fit-content;
	height: 8px;
	margin: 0 auto 9px;
	img {
		height: 100%;
		width: auto;
	}
}
.hbg__list__ttl {
	font-size: 16px;
	line-height: 1.8125;
	margin-bottom: 13px;
}
.hbg__list__name {
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.hbg__btn-wrapper {
	max-width: 163px;
	margin: 0 auto 61px;
}
.hbg__btn {
	display: block;
}
.hbg__back {
	display: block;
	width: 133px;
	margin-inline: auto;
}
/* --------- MV --------- */
.mv {
	padding-block: 154px 39px;
}

/* --------- sec--lead --------- */
.sec--lead {
	padding-block: 40px 100px;
	background: url(../img/250909/bg_lead.webp) no-repeat center/100% 100%;
	text-align: center;
	margin-bottom: 76px;
}
.sec--lead__txt {
	font-size: 13px;
	font-family: var(--font-zen-antique);
	line-height: 2;
	margin-bottom: 48px;
}
.sec--lead__share__txt {
	font-size: 11px;
	font-family: var(--font-zen-new);
	line-height: 1;
	margin-bottom: 20px;
}
.sec--lead__share__list {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.sec--lead__share__list__items {
	width: 40px;
}
.sec--lead__share__list__items__btn {
	display: block;
}

/* --------- sec--interview --------- */
.sec--interview {
	padding-bottom: 149px;
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
}
.sec--interview__ttl {
	font-size: 16px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1.75;
	letter-spacing: .065em;
	text-align: center;
	margin-bottom: 40px;
	img {
		display: block;
		margin-bottom: 19px;
	}
}
.sec--interview__list {
	display: grid;
	gap: 3px;
}
.sec--interview__list__link {
	display: flex;
	flex-direction: column;
	aspect-ratio: 750/440;
	justify-content: space-between;
	padding: 28px 30px 18px;
	transition: .3s;
	position: relative;
	&:hover {
		background-size: 110% auto;
	}
	&.comingsoon {
		pointer-events: none;
	}
}
.sec--interview__list__link--01 {
	background: url(../img/250909/img_interview01.webp) no-repeat center/100%;
}
.sec--interview__list__link--02 {
	background: url(../img/250909/img_interview02.webp) no-repeat center/100%;
}
.sec--interview__list__link--03 {
	background: url(../img/250909/img_interview03.webp) no-repeat center/100%;
}
.sec--interview__list__num {
	display: block;
	width: 13px;
}
.sec--interview__list__ttl {
	font-size: 17px;
	font-family: var(--font-zen-old);
	line-height: 1.53;
	margin-bottom: 19px;
}
.sec--interview__list__name {
	font-size: 15px;	
	font-family: var(--font-zen-new);
	line-height: 1;
}
.sec--interview__list__name__job {
	margin-left: 11px;
	font-size: 11px;
}
.sec--interview__list__ico {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

/* --------- sec--future --------- */
.sec--future {
	padding-bottom: 101px;
	scroll-margin-top: 40px;
	border-bottom: 1px solid #fff;
}
.sec--future__ttl {
	margin-bottom: 41px;
}
.sec--future__content {
	background: url(../img/250909/bg_future.webp) no-repeat top center/100% auto;
	padding-top: 38px;
}
.sec--future__txt {
	font-size: 15px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1.77;
	text-align: center;
	margin-bottom: 72px;
}
.sec--future__txt--large {
	font-size: 17px;
	line-height: 1;
	letter-spacing: .2em;
	margin-bottom: 19px;
}
.sec--future-plan__ttl {
	line-height: 1;
	margin-bottom: 32px;
}
.sec--future-plan__list {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 47px 18px;
	width: 75.47%;
	margin: 0 auto 72px;
	li:nth-child(2) {
		pointer-events: none;
	}
}
.sec--future-plan__list__link {
	display: block;
	font-size: 10px;
	font-weight: 700;
	font-family: var(--font-zen-antique);
	line-height: 1.71;

}
.sec--future-plan__list__img-wrapper {
	margin-bottom: 20px;
}
.sec--future-plan__list__btn {
	margin-top: 17px;
}
.sec--future__btn-wrapper {
	width: 75.47%;
	margin-inline: auto;
}
.sec--future__btn {
	display: block;
	margin-bottom: 18px;
}
.sec--future__btn-note {
	font-size: 10px;
	font-weight: 500;
	font-family: var(--font-zen-new);
	line-height: 1;
	text-align: center;
}

/* --------- sec--local --------- */
.sec--local {

	padding-bottom: 149px;
}
.sec--local__inner {
	width: 74.67%;
	margin-inline: auto;
}
.sec--local__lead-txt {
	margin-bottom: 45px;
}
.sec--local__txt {
	font-size: 15px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1.77;
	text-align: center;
}
.sec--local__txt--01 {
	margin-block: 29px 40px;
	padding-bottom: 40px;
	background: linear-gradient(#fff,#fff) no-repeat center bottom/28px 1px;
}
.sec--local__txt--02 {
	margin-bottom: 24px;
}
.sec--local__btn {
	display: block;
	overflow: hidden;
	position: relative;
	&:hover .sec--local__btn__banner {
		scale: 1.1;
	}
}
.sec--local__btn__banner {
	transition: .3s
}
.sec--local__btn__ico {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.sec--local__btn__ico--gold {
	bottom: 10px;
	right: 10px;
}

/* ------------------
	page-interview
------------------ */
.interview-content-inner {
	width: 76%;
	margin-inline: auto;
}

/* --------- interview-header --------- */
.interview-header {
	padding: 31px 20px 55px;
}
.interview-header__ttl--link {
	display: block;
	width: 207px;
}
.interview-header__ttl img {
	display: block;
}


/* --------- interview-content__mv --------- */
.interview-content__mv {
	position: relative;
	margin-bottom: 18px;
}
.interview-content__mv__inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	inset: 0;
	padding-bottom: 53px;
}
.interview-content__mv__ttl {
	font-size: 18px;
	font-weight: 500;
	font-family: var(--font-zen-old);
	line-height: 1.72;
	text-align: center;
}

/* --------- interview-content__lead --------- */
.interview-content__lead {
	text-align: center;
	margin-bottom: 107px;
}
.interview-content__lead__ttl-wrapper {
	margin-bottom: 23px;
	font-family: var(--font-shippori);
}
.interview-content__lead__ttl--name {
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 19px;
}
.interview-content__lead__ttl--job {
	font-size: 12px;
	font-weight: 600;
}
.interview-content__lead__txt {
	font-size: 12px;
	font-family: var(--font-zen-antique);
	line-height: 2.08;
	text-align: left;
	padding-bottom: 69px;
	margin-bottom: 44px;
	border-bottom: 1px solid #fff;
}
.interview-content__lead__movie-ttl {
	color: #d80b2a;
	font-size: 14px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1;
	text-align: center;
	margin-bottom: 30px;
}
.interview-content__lead__movie {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 380/675;
	margin-inline: auto;
	border: 0;
}

/* --------- interview-content__section --------- */
.interview-content__section {
	margin-bottom: 48px;
}
.interview-content__section__img {
	margin: 0 -15.79% 49px;
}
.interview-content__section__img--last {
	margin-block: 43px 0;
}
.interview-content__section__ttl {
	font-size: 15px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1.9;
	letter-spacing: .045em;
	text-align: center;
	margin-bottom: 25px;
}
.interview-content__section__txt {
	font-size: 12px;
	font-family: var(--font-zen-antique);
	line-height: 2.08;
}

/* --------- interview-content__popup --------- */
.interview-content__popup {
	margin-block: 96px 91px;
}
.interview-content__popup__ttl {
	font-size: 0;
	line-height: 1;
	margin-bottom: 39px;
}
.interview-content__popup__img {
	margin-bottom: 22px;
}
.interview-content__popup__txt {
	font-size: 15px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1.9;
	letter-spacing: .065em;
	margin-bottom: 8px;
}
.interview-content__popup__txt--02 {
	font-size: 12px;
	font-weight: 700;
	font-family: var(--font-zen-antique);
	line-height: 2.08;
	margin-bottom: 16px;
}

/* --------- interview-content__profile --------- */
.interview-content__profile {
	margin-bottom: 93px;
}
.interview-content__profile__bg {
	display: block;
	max-width: none;
	width: calc(100% + (15.79% * 2));
	margin: 0 -15.79% 25px;
}
.interview-content__profile__ttl {
	font-size: 0;
	line-height: 1;
	margin-bottom: 31px;
}
.interview-content__profile__img-wrapper {
	margin-bottom: 19px;
}
.interview-content__profile__img {
	display: block;
	margin-bottom: 35px;
}
.interview-content__profile__img-name {
	font-size: 15px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1;
	text-align: center;
}
.interview-content__profile__img-name__job {
	display: block;
	font-size: 12px;
	line-height: 1;
	margin-top: 15px;
}
.interview-content__profile__txt {
	font-size: 12px;
	font-family: var(--font-zen-antique);	
	line-height: 2.08;
	letter-spacing: -.01em;
}

/* --------- interview-menu --------- */
.interview-menu {
	padding-bottom: 102px;
}
.interview-menu__ttl {
	font-size: 0;
	line-height: 1;
	margin-bottom: 25px;
}
.interview-menu__list {
	margin-bottom: 86px;
}
.interview-menu__list__link {
	display: block;
	padding-block: 25px;
	border-block: 1px solid #fff;
	position: relative;
	&.current .interview-menu__list__ico {
		rotate: -90deg;
	}
	&:last-child {
		border-bottom: 0;
	}
	&.comingsoon {
		pointer-events: none;
		& * {
			opacity: .5;
		}
	}
}
.interview-menu__list__num {
	height: 8px;
	margin-bottom: 12px;
	img {
		height: 100%;
		width: auto;
	}
}
.interview-menu__list__ttl {
	font-size: 12px;	
	font-family: var(--font-zen-antique);
	line-height: 2.08;
	margin-bottom: 17px;
}
.interview-menu__list__name {
	font-size: 10px;
	font-weight: 700;
	font-family: var(--font-zen-new);
	line-height: 1;
}
.interview-menu__list__ico {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 25px;
	right: 0;
}
.interview-menu__back {
	width: 194px;
	margin-inline: auto;
}

@media(min-width:750px) {
	#main {
		display: flex;
		flex-direction: row-reverse;
	}
	.content {
		max-width: 750px;
		margin-left: 15.29vw;
		border-inline: 1px solid #fff;
	}

	/* --------- hbg --------- */
	.hbg-btn {
		display: none;
	}
	.hbg {
		flex: 1;
		width: calc(100% - calc(750px + 15.29vw));
		height: fit-content;
		max-height: 100dvh;
		position: sticky;
		top: 0;
		visibility: visible;
		opacity: 1;
		padding-block: 133px 66px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.hbg__ttl--pc {
		display: block;
		width: 85%;
		max-width: 432px;
		margin: 0 auto 63px;
	}
	.hbg__ttl {
		max-width: 460px;
		margin: 0 auto 37px;
	}
	.hbg__list {
		gap: 42px;
		background-size: 190px 1px;
		padding-bottom: 60px;
		margin-bottom: 52px;
	}
	.hbg__list__num {
		height: 10px;
		margin: 0 auto 12px;
	}
	.hbg__list__ttl {
		font-size: 21px;
		line-height: 1.71;
	}
	.hbg__list__name {
		font-size: 14px;
	}
	.hbg__btn-wrapper {
		max-width: 201px;
		margin-bottom: 73px;
	}
	.hbg__back {
		width: 164px;
	}

	/* --------- MV --------- */
	.mv {
		padding-block: 308px 78px;
	}

	/* --------- sec--lead --------- */
	.sec--lead {
		padding-block: 90px 232px;
		margin-bottom: 156px;
	}
	.sec--lead__txt {
		font-size: 26px;
		margin-bottom: 87px;
	}
	.sec--lead__share__txt {
		font-size: 21px;
		margin-bottom: 40px;
	}
	.sec--lead__share__list {
		gap: 40px;
	}
	.sec--lead__share__list__items {
		width: 80px;
	}

	/* --------- sec--interview --------- */
	.sec--interview {
		padding-bottom: 298px;
		margin-bottom: 79px;
	}
	.sec--interview__ttl {
		font-size: 32px;
		margin-bottom: 78px;
		img {
			margin-bottom: 38px;
		}
	}
	.sec--interview__list {
		gap: 6px;
	}
	.sec--interview__list__link {
		padding: 56px 60px 36px;
	}
	.sec--interview__list__num {
		display: block;
		width: 26px;
	}
	.sec--interview__list__ttl {
		font-size: 34px;
		margin-bottom: 37px;
	}
	.sec--interview__list__name {
		font-size: 30px;	
	}
	.sec--interview__list__name__job {
		margin-left: 21px;
		font-size: 21px;
	}
	.sec--interview__list__ico {
		width: 50px;
		height: 50px;
		bottom: 30px;
		right: 30px;
	}

	/* --------- sec--future --------- */
	.sec--future {
		scroll-margin-top: 80px;
		padding-bottom: 202px;
	}
	.sec--future__ttl {
		margin-bottom: 82px;
	}
	.sec--future__content {
		padding-top: 76px;
	}
	.sec--future__txt {
		font-size: 30px;
		margin-bottom: 143px;
	}
	.sec--future__txt--large {
		font-size: 34px;
		margin-bottom: 36px;
	}
	.sec--future-plan__ttl {
		margin-bottom: 65px;
	}
	.sec--future-plan__list {
		gap: 94px 36px;
		width: 75.47%;
		margin-bottom: 144px;
	}
	.sec--future-plan__list__link {
		font-size: 21px;
	}
	.sec--future-plan__list__img-wrapper {
		margin-bottom: 32px;
	}
	.sec--future-plan__list__btn {
		margin-top: 24px;
	}
	/* .sec--future__btn-wrapper {
		width: 75.47%;
		margin-inline: auto;
	} */
	.sec--future__btn {
		margin-bottom: 30px;
	}
	.sec--future__btn-note {
		font-size: 21px;
	}

	/* --------- sec--local --------- */
	.sec--local {
		padding-bottom: 298px;
	}
	.sec--local__inner {
		width: 74.67%;
		margin-inline: auto;
	}
	.sec--local__lead-txt {
		margin-bottom: 90x;
	}
	.sec--local__txt {
		font-size: 30px;
	}
	.sec--local__txt--01 {
		margin-block: 59px 68px;
		padding-bottom: 58px;
		background-size: 56px 1px;
	}
	.sec--local__txt--02 {
		margin-bottom: 47px;
	}
	.sec--local__btn__ico {
		width: 50px;
		height: 50px;
		bottom: 30px;
		right: 30px;
	}
	.sec--local__btn__ico--gold {
		bottom: 20px;
		right: 20px;
	}

	/* ------------------
		page-interview
	------------------ */

	/* --------- interview-header --------- */
	.interview-header {
		padding: 62px 40px 110px;
	}
	.interview-header__ttl--link {
		display: block;
		width: 414px;
	}

	/* --------- interview-content__mv --------- */
	.interview-content__mv {
		position: relative;
		margin-bottom: 36px;
	}
	.interview-content__mv__inner {
		padding-bottom: 98px;
	}
	.interview-content__mv__ttl {
		font-size: 36px;
	}

	/* --------- interview-content__lead --------- */
	.interview-content__lead {
		margin-bottom: 213px;
	}
	.interview-content__lead__ttl-wrapper {
		margin-bottom: 44px;
	}
	.interview-content__lead__ttl--name {
		font-size: 48px;
		margin-bottom: 39px;
	}
	.interview-content__lead__ttl--job {
		font-size: 24px;
	}
	.interview-content__lead__txt {
		font-size: 24px;
		padding-bottom: 138px;
		margin-bottom: 88px;
	}
	.interview-content__lead__movie-ttl {
		font-size: 28px;
		margin-bottom: 60px;
	}

	/* --------- interview-content__section --------- */
	.interview-content__section {
		margin-bottom: 96px;
	}
	.interview-content__section__img {
		margin: 0 -15.79% 99px;
	}
	.interview-content__section__img--last {
		margin-block: 86px 0;
	}
	.interview-content__section__ttl {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.interview-content__section__txt {
		font-size: 24px;
	}

	/* --------- interview-content__popup --------- */
	.interview-content__popup {
		margin-block: 193px 186px;
	}
	.interview-content__popup__ttl {
		margin-bottom: 78px;
	}
	.interview-content__popup__img {
		margin-bottom: 44px;
	}
	.interview-content__popup__txt {
		font-size: 30px;
		margin-bottom: 16px;
	}
	.interview-content__popup__txt--02 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	/* --------- interview-content__profile --------- */
	.interview-content__profile {
		margin-bottom: 186px;
	}
	.interview-content__profile__bg {
		margin: 0 -15.79% 50px;
	}
	.interview-content__profile__ttl {
		margin-bottom: 62px;
	}
	.interview-content__profile__img-wrapper {
		margin-bottom: 38px;
	}
	.interview-content__profile__img {
		margin-bottom: 70px;
	}
	.interview-content__profile__img-name {
		font-size: 30px;
	}
	.interview-content__profile__img-name__job {
		display: block;
		font-size: 24px;
		margin-top: 30px;
	}
	.interview-content__profile__txt {
		font-size: 24px;
	}

	/* --------- interview-menu --------- */
	.interview-menu {
		padding-bottom: 204px;
	}
	.interview-menu__ttl {
		margin-bottom: 50px;
	}
	.interview-menu__list {
		margin-bottom: 172px;
	}
	.interview-menu__list__link {
		padding-block: 50px;
	}
	.interview-menu__list__num {
		height: 16px;
		margin-bottom: 24px;
	}
	.interview-menu__list__ttl {
		font-size: 24px;	
		margin-bottom: 34px;
	}
	.interview-menu__list__name {
		font-size: 21px;
	}
	.interview-menu__list__ico {
		width: 48px;
		height: 48px;
		bottom: 50px;
	}
	.interview-menu__back {
		width: 386px;
	}
}

@media (max-width:1440px) {
	#main {
		justify-content: start;
	}
}

@media (min-width:1200px) and (max-width:1440px) {
	.content {
		margin-left: 50px;
	}
}

@media(min-width:750px) and (max-width:1200px) {
	.hbg-btn {
		display: grid;
	}
	.hbg {
		width: 100%;
		height: 100dvh;
		visibility: hidden;
		opacity: 0;
		position: fixed;
		transition: 0s;
	}
}