@charset "utf-8";


/*====================================================================

common

====================================================================*/

*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}
html,body{
	width:100%;
	height: 100%;
}
li{
	list-style: inherit;
}
a{
	text-decoration: none;
	color: var(--c-text);
	transition: 0.3s;
	opacity: 1;
}
a:hover{
	color: var(--c-ahover);
}
table{
	width: 100%;
}



/*====================================================================

font

====================================================================*/
body{
	font-family:'Varela Round',  'Zen Kaku Gothic New','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.7;
	color: var(--c-text);
	font-weight: 400;
}
@media all and (min-width:0px) and (max-width:1080px){
	html{
		font-size: 3.4vw;
	}
}
@media all and (min-width: 1081px){
	html{
		font-size: 16px;
	}
}


/*====================================================================

main color

====================================================================*/

:root {
	--c-text : #333;
	--c-a: #22AC38;
	--c-ahover: #E88E1A;
	--c-border: #e6e6e6;
	--c-white: #fff;
	--c-bg: #fafafa;

	--c-main: #22AC38;
	--c-sub: #5c9066;
	--c-accent: #f3f1ef;

	--c-black0 : #000;
	--c-black1 : #111;
	--c-black3 : #333;
	--c-black5 : #555;

	--c-gray : #999;
	--c-lightgray : #fafafa;

	--c-yellow: #FFB41C;
	--c-blue: #136F9E;
	--c-red: #9E0B17;
	--c-pink: #EE707A;
	--c-red: #9E0B17;
	--c-white: #fff;
}