@charset "utf-8";

/*
MediaQ (576 - 768 - 992 - 1200 - 1600)
REM ( font-size:62.5% = 10px // 1.2rem = 12px - 1.8rem = 18px ....)
*/

html { font-size: 62.5%;}

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p, strong, em, i, b { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none; font-size: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { overflow-x: hidden;}

strong, b, em, i { font-style: normal; font-weight: normal;}

* { outline:none;}
a { text-decoration:none; position:relative; color: #000;}

@media (min-width:1201px) {
	a { transition:all 400ms ease-in-out; }
}

/***** scollbar *****/
::-webkit-scrollbar 				{ width:10px; background-color:#000;}
::-webkit-scrollbar-thumb			{ background-color:#d88a5f;}

body {background: url("../images/noise.webp") #272727; }
#page-transition { position: absolute;    top: 0;    bottom: 0;    background: #fff;    z-index: 500;    width: 100%; left: 0;  opacity: 1;}
#content { width: 100vw; background: #fff; padding: 80px 0;}
.content { width: 90vw; max-width: 1280px; margin: 0 auto; position: relative;}


@media (max-width:1200px) {
	html { font-size: 60%;}
}
@media (max-width:992px) {
	html { font-size: 55%;}
}
@media (max-width:400px) {
	html { font-size: 52%;}
}