@charset "UTF-8";

@font-face {
	font-family: "NotoSansCJKjp-Regular";
	src: url("../font/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@media screen and (min-width:769px) {
	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;
		color: #000;
		font-family: "NotoSansCJKjp-Regular", sans-serif;
		font-size: 16px;
		letter-spacing: 0.1em;
		line-height: 1.4;
		vertical-align: bottom;
		font-weight: 500;
	}
}
@media screen and (max-width:768px) {
	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;
		color: #000;
		font-family: "NotoSansCJKjp-Regular", sans-serif;
		font-size: 14px;
		letter-spacing: 0.1em;
		line-height: 1.4;
		vertical-align: bottom;
		font-weight: 500;
	}
}

/* HTML5 display-role reset for older browsers */
article , aside , details, figcaption , figure , 
footer , header , hgroup , menu , nav , section {
	display: block;
}
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;
}
img {
	vertical-align: bottom;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #777;
	text-decoration: none;
}