/*＝＝＝＝＝ footer ＝＝＝＝＝*/
footer{
position: relative;
font-weight: bold;
text-align: center;
border-bottom: 30px solid #059058;
padding-top: 50px;
margin: 0 auto;
}

.footer_info{
display: flex;
justify-content: center;
width: 80%;
margin: 0 auto;
max-width: 1600px;
}
.logo_name{
font-size: 220%;
font-weight: 900;
color: #059058;
text-align: center;
margin: 0px auto 30px;
font-family: "M PLUS Rounded 1c", serif;
line-height: 1;
}
.logo_name p{
font-size: 75%;
}
a.footer_btn{
width: 45%;
padding: 10px 30px;
margin: 0 5px;
font-size: 120%;
font-weight: bold;
border-radius: 20px;
text-align: center;
color: #ffffff; 
background: #059058;
cursor: pointer;
position: relative;
transition: 0.5s;
border: 2px solid #059058;
box-shadow: 2px 2px 3px 2px rgba(110,211,159,0.50), inset 2px 2px 0 rgba(242,255,239,0.99);
display: inline-block;
}
a.footer_btn:hover{
opacity: 0.7;
background: #0BAB6B;
}

.footer_img{
width: 15%;
margin: 10px auto;
}
.footer_img img{
width: 100%;
}
.footerbox{
width: 90%;
margin: 10px auto;
font-weight: bold;
}
/*＝＝＝＝＝ footerマップ ＝＝＝＝＝*/
.sitemap{
width: 95%;
margin: 20px auto;
max-width: 1600px;
}
.sitemap nav ul {
display: flex;
flex-flow: row;
justify-content: center;  
padding: 6px 0;
align-items: stretch;
flex-wrap: wrap;
white-space: wrap;
}
.sitemap nav ul li{
border-radius: 3px;
font-size: 100%;
font-weight: bold;
border: 2px solid #059058;
margin: 5px;
background: #0BAB6B;
cursor: pointer;
position: relative;
transition: 0.5s;
box-shadow: 1px 1px 0 rgba(110,157,211,0.20), inset 2px 2px 0 rgba(253,250,225,0.20);
}
.sitemap nav ul li a{
color: #ffffff; 
padding: 12px 50px 12px 20px;
display: inline-block;
}
.sitemap nav ul li a::before {
border-right: 3px solid #ffffff;
border-top: 3px solid #ffffff;
bottom: 0;
content: "";
height: 10px;
margin: auto;
position: absolute;
right: 20px;
top: 0;
transform: rotate(45deg);
transition: right .5s; 
width: 10px;
}
.sitemap nav ul li:hover{
opacity: 0.9;
background: #D41947;
}
.sitemap nav ul li a:hover::before {
right: 10px;
border-right: 3px solid #ffffff;
border-top: 3px solid #ffffff;
}

.copy{
font-size: 80%;
}


@media only screen and (max-width:789px){
footer{

}
footer p{
font-size: 90%;
}
.footerbox{
width: 95%;
margin: 0 auto;
}
/* サイトマップ*/
.sitemap{
width: 98%;
margin: 5px auto;
}
.sitemap nav ul {
justify-content: center;  
align-items: stretch;
flex-wrap: wrap;
white-space: wrap;
}
.sitemap nav ul li{
border-radius: 30px;
font-size: 85%;
font-weight: 500;
width: 46%;
}
.sitemap nav ul li a{
padding: 10px 30px 10px 15px;
display: inherit;
}
.sitemap nav ul li a::before {
border-right: 3px solid #059058;
border-top: 3px solid #059058;
height: 5px;
right: 20px;
width: 5px;
}
.sitemap nav ul li:hover{
opacity: 0.9;
}
.sitemap nav ul li a:hover::before {
right: 10px;
border-right: 3px solid #059058;
border-top: 3px solid #059058;
}
.copy{
font-size: 60%;
}
.footer_info{
flex-direction: column;
align-items:center;
justify-content: center;
flex-wrap: wrap;
width: 98%;
margin: 10px auto;
}
.footer_info a{
width: 90%;
padding: 10px 0px;
margin: 10px auto;
font-size: 90%;
border-radius: 10px;
}
.footer_img{
width: 30%;
margin: 10px auto;
}

}