@charset 'utf-8';

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0;
}
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #111;
}

.fLato { font-family: 'Lato', sans-serif; }

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }
a { text-decoration: none; color: #111; }
.device--click a,
.device--click button,
.device--click input[type=submit] { transition: ease 1s; }
.device--click a:hover,
.device--click button:hover,
.device--click input[type=submit]:hover { text-decoration: none; opacity: .6; }

@media screen and (min-width: 769px) {
	.visible--pc { display: inherit !important; }
	.visible--sp { display: none !important; }
}

@media screen and (max-width: 768px) {
	.visible--pc { display: none !important; }
	.visible--sp { display: inherit !important; }
}

/* clearfix
------------------------------------------------ */
.clearfix { clear: both; *zoom: 1; }
.clearfix:before,.clearfix:after { content: ' '; display: table; }
.clearfix:after { clear: both; }

/* container
------------------------------------------------ */
#container { position: relative; }
.wrap { position: unset; }

@media screen and (min-width: 769px) {
	.wrap { margin: 0 auto; padding: 0 20px; max-width: 1000px; }
}