@charset "utf-8";
/*-----------------------------------------------
 * TITLE
-------------------------------------------------*/
.sectionCont__title{
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.sectionCont__title--en,
.sectionCont__title--en::first-letter{
	color: #FFF;
}
.sectionCont__title--ja > span{
	background-color: #000;
}

@media screen and (max-width:768px){
	.sectionCont__title{
		gap: calc(20 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * SPECIAL
-------------------------------------------------*/
.special__contentIn{
	width: min(calc(1000 / var(--vw-min) * 100vw), 1000px);
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
	padding-bottom: min(calc(216 / var(--vw-min) * 100vw), 216px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
	.special__contentIn{
		padding-top: calc(64 / var(--vw-min) * 100vw);
		width: 100%;
		padding-left: calc(40 / var(--vw-min) * 100vw);
		padding-right: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: calc(224 / var(--vw-min) * 100vw);
	}
}




/**
* Title
**/
.special__title{
	width: 100%;
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-weight: 600;
	color: var(--color-black);
	line-height: 1;
	padding-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	position: relative;
	display: flex;
	align-items: center;
}
.special__title-ttl{
	display: inline-block;
	opacity: 0;
	transform: translateY(50%);
	transition: opacity .3s ease, transform .4s cubic-bezier(.17, .67, .45, 1.03);
	position: relative;
}
.special__title-ttl.-en{
	font-family: var(--font-en);
}
.special__title:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0%;
	background-color: var(--color-black);
	transition: width .4s cubic-bezier(.17, .67, .45, 1.03);
}

.special__title-info{
	color: #000;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	display: block;
	margin-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
	opacity: 0;
	transition: opacity .4s ease;
	transition-delay: .6s;
}

@media screen and (max-width:768px){
	.special__title{
		font-size: calc(44 / var(--vw-min) * 100vw);
		padding-bottom: min(calc(14 / var(--vw-min) * 100vw), 14px);
		align-items: flex-start;
		flex-direction: column;
	}
	.special__title:after{
		height: calc(2 / var(--vw-min) * 100vw);
	}
	.special__title-info{
		font-size: calc(22 / var(--vw-min) * 100vw);
		margin-left: 0;
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
}


/**
* LOADED ANIMATION
**/
body.--is-loaded .special__title-ttl{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .4s;
}
body.--is-loaded .special__title:after{
	width: 100%;
	transition-delay: .45s;
}
body.--is-loaded .special__title-info{
	opacity: 1;
}