@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
:root{
	--fontFamily : "Noto Sans JP", sans-serif;
}
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
	--bg : #64c424;
}
* , *: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;
}
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;
}
select{
	outline : none;
}
body{
	font-family : "Noto Sans JP", sans-serif;
	font-family : var(--fontFamily);
	font-weight : var(--fontWeight);
	font-size : 100%;
	font-feature-settings : "palt" on;
	line-height : 1;
	color : #333;
	color : var(--body);
	display : block;
	overflow-scrolling : touch;
	-webkit-font-smoothing : grayscale;
	-moz-osx-font-smoothing : grayscale;
	scroll-behavior : smooth;
}
input , select , textarea{
	font-family : "Noto Sans JP", sans-serif;
	font-family : var(--fontFamily);
}
a{
	color : #333;
	color : var(--link);
}
a:hover{
	opacity : .8;
}