/*-----
* variable
-----*/
:root{
	--basic-font-size:16px;
	--basic-font:-apple-system,'游ゴシック体',YuGothic,'游ゴシック','Yu Gothic',sans-serif;
	--theme-bg-color:#c2ee9a;
}
/*-----
* common
-----*/
body, html{
	font-size:var(--basic-font-size, 16px);
	font-family:var(--more-font);
}
.box-top{
	//min-height: calc(100vh - 50px);
}
.box-top-inner{
	
}
@media screen and (max-width:768px){
	
	
}
/*-----
* header
-----*/
#site-header{
	width: 100%;
	background-color:var(--theme-bg-color);
}
#site-header>.site-head{
	width: 100%;
}
#site-header>.site-head>.site-head-inner{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
#site-header .logo{
	width: 15%;
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	flex-wrap: nowrap;
	padding:0.3rem 0;
}
#site-header .logo>a{
	display: block;
}
#site-header .logo>a>img{
	object-fit: cover;
	display: block;
}
#site-header .logo>a.main-logo{
	
}
#site-header .logo>a.main-logo>img{
	height: 30px;
}
#site-header .logo>a.sub-logo{
	margin-left: 0.5rem;
}
#site-header .logo>a.sub-logo>img{
	height: 15px;
}
#site-header .gmenu{
	width: 90%;
}
#site-header .gmenu>ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#site-header .gmenu>ul>li{
	margin: 0 1rem;
}
#site-header .gmenu>ul>li>a{
	color:#000;
}
#site-header .gmenu>ul>li>a:hover{
	text-decoration: underline;
}
@media screen and (max-width:768px){
	
	
}
/*-----
* footer
-----*/
#site-footer{
	width: 100%;
	background-color:var(--theme-bg-color);
}
#site-footer>.site-foot{
	width: 100%;
}
#site-footer>.site-foot>.site-foot-inner{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
#site-footer .copyright{
	width: 100%;
	text-align: center;
	padding-top: 0.5rem;
}
#site-footer .copyright>p{
	font-size: 0.9rem;
	font-weight: lighter;
}

@media screen and (max-width:768px){
	
	
}