/*----------------------------------------------------
**
** GRABTEST Inc. / common.css
**
** Ver.1.0.0
**
** copyright 2020 GRANTEST Inc.
**
**----------------------------------------------------
** WEB FONTS
** font-family:'M PLUS 1p', sans-serif;
** font-family:'Oswald', sans-serif;
** font-family:'Bebas Neue', cursive;
**----------------------------------------------------
** BROWSER RESET
**----------------------------------------------------*/
ul, menu, dir{
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end:0;
	-webkit-padding-start:0;
}
html, body{
	font-weight:normal;
	font-style:normal;
	-webkit-text-size-adjust:none;
	margin:0;
	padding:0;
	display:block;
	overflow:auto;
	font-family:'M PLUS 1p', sans-serif;
	color:#445;
}
html{
	font-size:20px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-weight:400;
	overflow:visible;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
a{
	text-decoration:none;
}
img{
	vertical-align:bottom;
	color:rgba(0,0,0,0);
  overflow:clip;
}
picture{
	display:block;
}
picture source{
	display:none;
}
/*----------------------------------------------------
** Contents
**----------------------------------------------------*/
noscript .noscript{
	position:fixed;
	top:0;
	z-index:9999;
	width:100%;
	height:100%;
	background-image:url(../img/nojs.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px 150px;
	background-color:#f2f2f6;
}
body > .wrap.noscript > *{
	opacity:0;
}
noscript.noscript::after{
	position:fixed;
	top:50%;
	width:100%;
	margin-top:30px;
	font-size:16px;
	color:#669;
	text-align:center;
	content:"JavaScriptをONにして下さい";
}
/*----------------------------------------------------
** Retina Display
**----------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
}
@media screen and (max-width:767px){
	html{
		-webkit-overflow-scrolling:touch;
	}
	br.pc,
	br.tablet{
		display:none;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	br.mobile,
	br.pc{
		display:none;
	}
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
}
@media screen and (min-width:1100px){
	br.mobile,
	br.tablet{
		display:none;
	}
	*{
		scrollbar-width:thin;/*細さ(幅・高さ両方に適用)*/
		scrollbar-color:#3b3b3b #b0b0ba;/*つまみの色 軌道の色*/
	}
}
/* IE */