/*＝＝＝＝＝ nav header　＝＝＝＝＝*/
.header_btn_box02{
display: flex;
justify-content: center;
margin: 0 auto;
}
.header_btn_box02 img{
width: 100%;
}
.header_btn_box02 a{
padding: 15px 0px;
margin: 0 20px;
font-size: 100%;
font-weight: bold;
text-align: center;
line-height: 1.1;
border-radius: 50%;
border: 2px solid #059058;
width: auto;
box-shadow: 0px 0px 0 8px #dcffdc, 0px 0px 0px 10px #059058, inset 0px 0px 0px 0.5px #059058;
background-image: linear-gradient(to top, #CAFFCA 0%, #FFFFFF 100%);
color: #059058;
opacity: 0.9;
font-family: "M PLUS Rounded 1c", serif;
}
.header_btn_box02 a:hover{
opacity: 0.9;
background-image: linear-gradient(to top, #FFDE56 0%, #FFFFFF 100%);	
box-shadow: 0px 0px 0 8px #FFDE56, 0px 0px 0px 10px #059058, inset 0px 0px 0px 0.5px #059058;
}
.header_btn_box02 a span{
font-size: 130%;
}
.header_btn_box02 a.yoyaku_btn{
background: #ffffff;
color: #059058;
text-align: center;
}
.header_btn_box02 a.yoyaku_btn02{
background: #4C86C8;
color: #ffffff;
text-align: center;
}
.header_btn_box02 a.yoyaku_btn:hover{
background: #efdb17;
}
.header_btn_box02 a.yoyaku_btn02:hover{
background: #1DCF1B;
}

/*＝＝＝＝＝ btn　＝＝＝＝＝*/
a.link_btn01{
color: #ffffff; 
padding: 12px 35px 12px 15px;
font-weight: 500;
background: #059058;
cursor: pointer;
position: relative;
transition: 0.5s;
margin: 20px 5px 20px;
line-height: 1.1;
border-radius: 10px;
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);
font-size: 110%;
display: inline-block;

}
a.inline_90{
display: inline-block;
width: 90%;
}
a.link_btn01::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;
}
a.link_btn01:hover{
opacity: 0.9;
background: #F7EE7F;
box-shadow: 0px 1px 0 rgba(110,157,211,0.10), 0 0 5px 3px rgba(110,157,211,0.10), inset 2px 2px 0 rgba(222,235,249,0.99);
}
a.link_btn01:hover{
color: #059058;
}
a.link_btn01:hover::before {
right: 10px;
border-right: 3px solid #059058;
border-top: 3px solid #059058;
}
/*＝＝＝＝＝ btn_flex　＝＝＝＝＝*/
.btn_flex{
display: flex;
flex-direction: row;
align-items:center;
justify-content: space-around;
padding:0;
flex-wrap: nowrap;
}
.btn_flex_img{
width: 50px;
}
.btn_flex_cent span{
font-size: 80%;
}
.btn_flex_img img{
width: 100%;
}
.top_btn_box{
display: flex;
width: 45%;
align-items: center;
justify-content: flex-end;
}
.top_btn_box a:hover{
opacity: 0.7;
}
.top_btn{
padding: 0px 10px 0px 5px;
font-size: 120%;
font-weight: bold;
text-align: center;
text-decoration: none;
transition: 0.3s;
line-height: 1;
position: relative;
margin: 5px;
border-radius: 10px;
color: #ffffff; 
background: #059058;
cursor: pointer;
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;
}

.btn_f10{
width: 5%;
padding-right: 5px;
}
.btn_f90{
width: 94%;
}


@media screen and (max-width: 789px){
.top_btn_box{
width: 98%;
align-items: center;
margin: 5px auto 10px;
}
.top_btn{
padding: 2px 10px 2px 5px;
font-size: 95%;
margin: 5px 1px;
border-radius: 5px;
border: 1px solid #059058;
box-shadow: 2px 2px 3px 2px rgba(110,211,159,0.50), inset 1px 1px 0 rgba(242,255,239,0.99);
}
.btn_flex_img{
width: 25px;
}
.header_btn_box02{
width: 90%;
}
.header_btn_box02 a{
font-size: 85%;
font-weight: bold;
line-height: 1.2;
box-shadow: 1px 1px 0 rgba(110,157,211,0.10), 0 0 2px 2px rgba(110,157,211,0.1), inset 2px 2px 0 rgba(222,235,249,0.1);
	
}
.header_btn_box02 img{
width: 80%;
}
a.link_btn01 {
width: 95%;
margin: 5px auto;
font-size: 93%;
padding: 12px 5px 12px 10px;
border: 2px solid #059058;
box-shadow: 2px 2px 1px 1px rgba(110,211,159,0.50), inset 1px 1px 0 rgba(242,255,239,0.99);
	
}
a.link_btn01::before {
border-right: 2px solid #ffffff;
border-top: 2px solid #ffffff;
height: 5px;
right: 10px;
width: 5px;
}
}