@charset "utf-8";
/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
@media screen and (min-width:769px){
	.pMain{
		padding-top: min(calc(128 / var(--vw-min) * 100vw), calc(128px * var(--max-percent)));
	}
}

.pContent{
	width: min(calc(1120 / var(--vw-min) * 100vw), calc(1120px * var(--max-percent)));
	min-width: min(1120px, 100%);
}
.pContentIn{
	padding: 0 10.7143%;/* 0 120 */ 
}

.pContentIncont{
	width: 100%;
	padding-top: min(calc(56 / var(--vw-min) * 100vw), calc(56px * var(--max-percent)));
}
.introText{
	font-size: min(calc(17 / var(--vw-min) * 100vw), 17px);
	font-size: min(calc(17 / var(--vw-min) * 100vw), calc(17px * 1.1245));
	font-weight: 500;
	text-align: center;
	line-height: 2;
}
.introText:not(:first-child){
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-top: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
}

@media screen and (max-width:768px){
	.pContents{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	.pContentTitle--title{
		font-size: calc(48 / var(--vw-min) * 100vw);
	}
	.pContent{
		width: 100%;
		min-width: 100%;
	}
	.pContentIn{
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
	.pContentIncont{
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
	.introText{
		font-size: calc(13 / var(--vw-min) * 100vw);
		line-height: 2.3077;
	}
	.introText:not(:first-child){
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
}


/* ani */
.introText{
	opacity: 0;
	transform: translateY(12px);
	filter: blur(4px);
	transition: opacity .3s ease, filter .8s cubic-bezier(.31,.57,.62,1), transform .8s cubic-bezier(.31,.57,.62,1);
}
.introText.is-ani{
	opacity: 1;
	transform: translateY(0px);
	filter: blur(0px);
	transition-delay: .2s;
}



/**
* InPage - Loading
**/
/* ページの内容 */
.pContentIncont{
	opacity: 0;
	filter: blur(4px);
	transition: opacity .45s ease, filter .8s cubic-bezier(.31,.57,.62,1) .2s;
}


body.--load.--is-loaded .pContentIncont{
	opacity: 1;
	filter: blur(0px);
}