@charset "utf-8";
/* ------------------------------
 BASE
------------------------------ */
/* bg */
.subBg {
	background: url(../img/common/bg/sub_bg.jpg) no-repeat center center / cover;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* main */
.subMain {
	position: relative;
	z-index: 1;
}

/* header */
.subHeader {
	padding-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
	position: relative;
	z-index: 1;
}
.subHeader__logo {
	display: block;
	width: min(calc(370 / var(--vw-min) * 100vw), 370px);
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
	margin: 0 auto min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width:768px){
	.subHeader {
		padding-top: calc(20 / var(--vw-min) * 100vw);
	}
	.subHeader__logo {
		width:calc(186 / var(--vw-min) * 100vw);
		height: calc(46 / var(--vw-min) * 100vw);
		margin: 0 0 calc(34 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}
.subHeader__logo a {
	display: block;
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease;
}
.subHeader__logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media (pointer: fine) and (hover: hover) {
	.subHeader__logo:hover a{
		transform: scale(1.05);
	}
}
.subHeader__bg {
	width: 100%;
	height: min(calc(360 / var(--vw-min) * 100vw), 360px);
	position: relative;
	z-index: 2;
	background-color: #000;
}
.subHeader__bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg/bg_cover1.png) no-repeat center center / cover;
	z-index: 3;
}
.subHeader__bg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg/bg_cover2.png) no-repeat center center / cover;
	mix-blend-mode: multiply;
	z-index: 2;
}
.subHeader__bg__inner {
	opacity: 0;
	background: no-repeat center center / cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: opacity 0.3s ease;
}
.subHeader__bg.is-view .subHeader__bg__inner {
	opacity: 1;
}
@media screen and (max-width:768px){
	.subHeader__bg {
		height: calc(222 / var(--vw-min) * 100vw);
	}
}

/* section */
.subSection {
	margin-bottom: min(calc(200 / var(--vw-min) * 100vw), 200px);
	position: relative;
	z-index: 2;
}
@media screen and (max-width:768px){
	.subSection {
		margin-bottom: calc(70 / var(--vw-min) * 100vw);
	}
}

.subSection__hgroup {
	width: min(calc(1100 / var(--vw-min) * 100vw), 1100px);
	display: flex;
	flex-direction: column-reverse;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin: max(-78px, -5.83832vw) auto 0;
	position: relative;
	z-index: 3;
}
.subSection__hgroup__title__deco{
	width: 100%;
	color: #FFF;
	display:block;
	font-family: var(--font-en);
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 600;
	line-height: 1;
}
.subSection__hgroup__title {
	width: 100%;
	height: min(calc(97 / var(--vw-min) * 100vw), 97px);
	position: relative;
}
@media screen and (max-width: 768px) {
	.subSection__hgroup {
		width: auto;
		gap: calc(10 / var(--vw-min) * 100vw);
		margin: calc(-33 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
	}
	.subSection__hgroup__title__deco {
		font-size: calc(8 / var(--vw-min) * 100vw);
		letter-spacing: 0;
	}
	.subSection__hgroup__title {
		width: 100%;
		height: calc(36 / var(--vw-min) * 100vw);
	}
}