@charset "UTF-8";


@media (min-width: 1024px) {

}

@media (min-width: 769px) and (max-width: 1023px){

}

@media ( min-width: 769px ) {
}

/* =====================================
   FV SP
===================================== */
@media (max-width: 768px) {


	:root {
		--fv-height: 100vh;
	}
	
	


	#fv {
		height: var(--fv-height);
		overflow: hidden;
	}

	.fv_sp-inner {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: #e6e6d2 url(../img/front_page/fv.png) no-repeat 0 0;
		background-size: cover;
		background-position: center;

		/* inner fade */
		opacity: 0;
		transition: opacity 0.6s ease;
	}

	.fv_sp-inner.is-show {
		opacity: 1;
	}

	/* =====================================
	   title / copy animation
	===================================== */

	.fv_sp-title {
		width: 55%;
	}

	.fv_sp-copy {
		padding-top: 2em;
		text-align: center;
	}
	
	.fv_sp-title,
	.fv_sp-copy {
		opacity: 0;
		transform: translateY(20px);
		filter: blur(8px);
		transition:
			opacity 0.6s ease,
			transform 0.6s ease,
			filter 0.6s ease;
		will-change: opacity, transform, filter;
	}

	.fv_sp-title.is-show,
	.fv_sp-copy.is-show {
		opacity: 1;
		transform: translateY(0);
		filter: blur(0);
	}

	.c-site-branding {
		opacity: 0;
		transition: opacity 0.4s ease;
		pointer-events: none; /* 非表示時にクリック無効 */
	}

	.c-site-branding.logo-show {
		opacity: 1;
		pointer-events: auto;
	}

}




@media (any-hover: hover) {

}


.c-section {
	padding-top: 0;
	padding-bottom: var(--_padding2);
}