@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/*ヘッダー*/
header {width:100%; position: fixed; top:0; left:0; background: #fff; z-index: 10;}
header .head_menu{padding:0; border-bottom: #f1f1f1 1px solid; display: flex; justify-content: left; flex-direction: row-reverse; min-height: 74px;}
header .head_menu h1{ text-align:center; font-size:1.3rem; font-weight:bold; color:#000; width: calc(100% / 3); margin: 0;}
header .head_menu h1 a {display: flex; justify-content: center; height: 100%;}
header .head_menu h1 img{max-width:200px; margin: 0 auto; display: block;}
@media only screen and (max-width: 768px){
	header .head_menu h1 img{max-width:150px;}
}
header .head_menu .link-yado-sagashi {width: calc(100% / 3); text-align: left; margin: 0!important;}
header .head_menu .link-yado-sagashi a {display: flex; justify-content: center; width: 74px; height: 100%; background: #06815d; transition : all 0.5s ease 0s;}
header .head_menu .link-yado-sagashi a:hover {background: #7fa746;}
header .bgr_menu{position: absolute; right:20px; top:22px; cursor: pointer;}

/*フッター*/
footer{padding:2rem 0 0 0; background: #2f2f2f; min-height: 200px; box-sizing: border-box;}
footer h2{font-size:20px; color:#fff; text-align: left;}
footer h3{font-size:20px; color:#fff; text-align: left; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
footer a{font-weight: normal; color:#fff;}
footer .menu_box{max-width:1300px; margin: 0 auto; padding: 0 0 3rem 0; display:flex; flex-wrap: wrap; justify-content:flex-start; box-sizing: border-box;}
footer .menu_box .title_box{width:300px;}
footer .menu_box .footer_menu {width:400px; display:flex; flex-wrap: wrap; justify-content:space-between;}
footer .menu_box .footer_menu ul{ list-style: none; text-align: left; padding:1rem 0; color:#fff; font-size:12px; position: relative;}
footer .menu_box .footer_menu li{padding:0 0 0 1rem; margin: 0 0 0.5rem 0;}
footer .menu_box .footer_menu li::after{position: absolute; content:"―"; left:0;}
footer .menu_box .footer_menu .box{width:50%;}

footer .footer_yado-sagashi {max-width: 320px; margin-left: auto;}
footer .footer_yado-sagashi h3 {text-align: center;}
footer .footer_yado-sagashi h3 img {width: 100px; height: auto;}
footer .footer_yado-sagashi p {color: #fff; font-size: 12px;}

@media only screen and (max-width:768px){
	footer .footer_yado-sagashi {max-width: 100%; border-top: #434343 1px solid; margin: 30px auto 0 auto; padding-top: 20px;}
}

footer .info_box{border-top: #434343 1px solid; border-bottom: #434343 1px solid;}
footer .info_box .wrap{max-width:1300px; margin: 0 auto; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;  }
footer .info_box .wrap .sns{display:flex; flex-wrap: wrap; justify-content:flex-start; align-items: center;}
footer .info_box .sns a{width:60px; height: 60px; display:flex; align-items: center; box-sizing: border-box;  border-left: #434343 1px solid;}
footer .info_box .sns a:last-child{border-right: #434343 1px solid;}
footer .info_box .sns a img{margin: 0 auto;}
footer .info_box .copy{height: 60px; display:flex; justify-content:flex-end; align-items: center;}
footer .info_box .copy p{color:#fff; margin: 0; font-size: 12px;}

@media only screen and (max-width: 1300px){
footer .menu_box{padding: 0 2rem 3rem 2rem;}
footer .info_box .copy{padding-right: 1rem;}
}

@media only screen and (max-width: 768px){
footer .menu_box .title_box{width:100%; text-align: center;}
footer .menu_box .title_box h2{text-align: center;}
footer .info_box .copy{padding: 0; border-top: #434343 1px solid; justify-content:center;  }
footer .info_box .wrap{display:block;  }
footer .info_box .sns a{width:80px; height: 80px; }

}

.menu_btn{cursor: pointer; padding:10px; outline:none; position: absolute; right:10px; top:10px;}


.global_menu{color:#fff; text-align: left; padding: 4rem 1rem 1rem 1rem; }

.drawer-menu{background: #16529a!important; box-sizing: border-box;}
.drawer-menu h2{font-size:20px; color:#fff; text-align: center; margin:2rem 0;}
.drawer-menu h3{font-size:20px; color:#fff; text-align: left; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
.drawer-menu ul{list-style: none; text-align: left; padding:1rem 0 ; color:#fff; font-size:12px; position: relative;}
.drawer-menu li{padding:0 0 0 1rem; margin: 0 0 0.5rem 0;}
.drawer-menu li::after{position: absolute; content:"―"; left:0;}
.drawer-menu a{color:#fff;}