@charset "utf-8";

:root{
	--fontFamily : 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	--fontWeight : 500;
}

:root{
	--body : #000;
	--link : #000;
	--title : #0066ff;
	--white : #fff;
}

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

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 , strong , 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;
	font-size : 100%;
	font : inherit;
}

/* HTML5 display-role reset for older browsers */

article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section , picture{
	display : block;
}

body{
	line-height : 1;
}

ol , ul{
	list-style : none;
}

blockquote , q{
	quotes : none;
}

blockquote:before , blockquote:after , q:before , q:after{
	content : "";
	content : none;
}

table{
	border-collapse : collapse;
	border-spacing : 0;
	width : 100%;
	table-layout : fixed;
}

em{
	font-style : normal;
}

html{
	box-sizing : border-box;
	visibility : visible;
}

a{
	text-decoration : none;
	outline : none;
}

img{
	height : auto;
	vertical-align : top;
	outline : none;
}

@media(min-width: 1030px){
	img{
		max-width : 100%;
	}
}

img[src$="svg"]{
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
}

input[type="submit"] , input[type="reset"] , button{
	border : 0;
	padding : 0;
	background : none;
	display : inline-block;
	outline : none;
	-webkit-appearance : none;
}

selectbox{
	outline : none;
}

body{
	font-family : 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-family : var(--fontFamily);
	font-weight : 500;
	font-weight : var(--fontWeight);
	font-size : 100%;
	-webkit-font-feature-settings : "palt" on;
	        font-feature-settings : "palt" on;
	line-height : 1;
	color : #000;
	color : var(--body);
	display : block;
	-webkit-overflow-scrolling : touch;
	        overflow-scrolling : touch;
}

a{
	color : #000;
	color : var(--link);
}