@charset "utf-8";
/* CSS Document */
body{
    background-color: #FCF3EB;
    padding-bottom: 0px;
	overflow-x:hidden;
}
header {
    margin-bottom: 1rem;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
}
h1 {
	background-color: #A3C895;
	color: #FFFFFF;
	padding-top: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
    font-size: 1.8rem;
    margin-top: 0.5rem;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.5rem;
}
th {
	background-color: #999999;
    color: #FFFFFF;
}
strong {
    font-size: 1.15rem;
}
.logo img {
    width: 20%;
    float: left;
}
.headermenu {
    float: left;
}
.headermenu li  {
    float: left;
    padding: 1rem;
}
.headermenu li a {
    display: block;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}
.headermenu li a:hover {
    background-color: #A3C895;
    color: #FFFFFF;	
}
.partition {
    border-bottom: 1px solid #A3C895;
}
main {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
footer {
	max-width: 100vw;
	margin-left: auto;
    margin-right: auto;
}
.footerbox {
    height: 10rem;
    background-color: #A3C895;
    color: #FFFFFF;
    padding: 0.5rem;
}
.footerbox .address {
    width: 23%;
    margin-right: 1rem;
    margin-left: 0.5rem;
    float: left;
}
.footerbox h1 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    width: auto;
}
.footrmenu {
    margin-left: auto;
    margin-right: auto;
    width: 43rem;
    margin-bottom: 1rem;
}
.footrmenu ul {
	
}
.footrmenu li  {
	display: block;
    float: left;
    margin-right: 2rem;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.end {
	margin-bottom: 5rem;
}

/* ▼▽▼▽▼▽▼　メディアクエリ ▼▽▼▽▼▽▼*/

@media (min-width:360px) and (max-width:749px){

}
@media (min-width:750px) and (max-width:1023px){

}
@media (min-width:1024px) and (max-width:1599px){
	
}
@media (min-width:1024px) {
	.headermenu {
		width: 700px;
		float: right;
	}
}
@media (min-width:1600px){
	
}
@media (max-width:1600px){
	.logo img {
		width: 30%;
	}
	.footerbox {
		height: 100%;
	}
	.footerbox .address {
		width: 100%;
		float: none;
		padding-top: 1rem;
		padding-right: 1rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
	}
}
@media (max-width:1023px){
	.logo img {
		width: 50%;
	}
	.headermenu {
		display: none;
	}
	.footrmenu li  {
		display: none;
	}
	
}


/* ▲△▲△▲△▲　メディアクエリ ▲△▲△▲△▲*/