@charset "UTF-8";
@import url("./destyle.css");
@import url("./animation.css");
@import url("./header.css");
@import url("./footer.css");
@import url("./site.css");


/* ================================================================================
font
================================================================================ */
.gothic{  font-family: 'Noto Sans JP', sans-serif;	}
.mincho{	font-family: 'Noto Serif JP', serif;	}
.openSans{	font-family: 'Open Sans', sans-serif;	}

.material-icons,
.material-icons-outlined
{
	font-size: 100%;
	line-height: inherit;
	vertical-align: bottom;
}


/* ================================================================================
display size
================================================================================ */
@media screen and (min-width: 768px){	.sp{	display: none!important;	}	}
@media screen and (max-width: 767px){	.pc{	display: none!important;	}	}


/* ================================================================================
image wrapper width or height
================================================================================ */
.IWW, .IW, .IWH, .IHH, .IH, .IHW{	display: block;	}
.IWW img, .IW img{	width: 100%;	height: auto;	}
.IWH img{	width: 100%;	height: auto;	}
.IHH img, .IH img{	width: auto;	height: 100%;	}
.IHW img{	width: auto;	height: 100%;	}

@media screen and (max-width: 767px)
{
	.IWH img{	width: auto;	height: 100%;	}
	.IHW img{	width: 100%;	height: auto;	}
}





/* ================================================================================
system
================================================================================ */

/* ========================================
scrollLock
======================================== */
body.scrollLock
{
	position: fixed;
	width: 100%;
	height: 100%;
}


/* ========================================
coverAll
======================================== */
body::before
{
	content: "";
	display: block;

	z-index: 9999;
	position: fixed;
	top: 0;	left: 0;

	width: 100%;	height: 100vh;
	background-color: rgba(255, 255, 255, 1.0);
}
body.loaded::before{	animation: fadeOutRemove 0.3s linear 0.3s 1 both;	}




/* ======================================== end ======================================== */