@charset "utf-8";
body{min-width: 1400px;}
header{position: fixed; z-index: 100;width: 100%; min-width: 1400px;}
header.change-color{background: #000; transition: 0.5s;}
header .heder_list{display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 50px;}
header .heder_list h1{margin: 0 30px 0 0; width: 250px;height: auto; }
header .heder_list:after{display: none;}
header .heder_list nav{max-width: 1170px; width: 100%; min-width: 1000px;}
header .heder_list ul {display: flex; justify-content: space-between; align-items: center; }
header .heder_list ul li{font-size: 14px; font-weight: 300; }
header .heder_list ul li a{color: #fff;transition: 0.5s;}
header .heder_list ul li a:hover{color: #a9ff46; transition: 0.5s;}
header .heder_list ul li:not(:last-child){  margin-right: 3%;}
header .heder_list ul li.download_box a{border: 1px solid #fff;padding: 15px 24px ; display: block;transition: 0.5s; }
header .heder_list ul li.download_box a span{display: inline-block;background: url(../img/icon_01.png) no-repeat center left ; background-size: 15px; padding: 0 0 0 25px;transition: 0.5s;}

header .heder_list ul li.download_box a:hover span{display: inline-block;background: url(../img/icon_01_blk.png) no-repeat center left ;color: #000; background-size: 15px; padding: 0 0 0 25px;transition: 0.5s;}
header .heder_list ul li.download_box a:hover{border: 1px solid #000; background: #fff; padding: 0 0 0 25px;transition: 0.5s;padding: 15px 24px ;}
header .heder_list ul li.download_box a img{margin: 0 5px 0 0}
header .heder_list ul li.tel_box a{display: block; text-align: center; font-size: 16px; line-height: 160%;}
header .heder_list ul li.contact{ width: 250px; height: auto;background:url(../img/bg_01.png) no-repeat center ; background-size: cover; }
header .heder_list ul li.contact a{text-align: center;display: block;font-weight: 500; font-size: 18px; padding: 61px 0; color: #000; }
header .heder_list ul li.contact a span{display: inline-block; padding: 0 0 0 35px ;background: url(../img/icon_02.png) no-repeat center left; background-size: 25px;transition: 0.5s;}

header .heder_list ul li.contact a span:hover{transition: 0.5s;}
header .heder_list ul li.contact a img{margin: 0 7px 0 0 ;}

footer{padding: 0 0 73px;background: #000;}
footer .footer_top{border-bottom: 1px solid #fff; border-top: 1px solid #fff; width: 100%; }
footer .footer_top ul{display: flex;justify-content: space-between; width: 700px; margin: 0 auto; padding: 30px 0;}
footer .footer_top ul li a {color: #9dee41;font-size:14px;transition: 0.5s;}
footer .footer_top ul li a:hover{color: #fff;transition: 0.5s;}
footer .footer_botton{width: 820px; margin: 0 auto;}
footer .footer_botton .footer_box{display: flex; justify-content: space-between; padding: 43px 0 0 ;}
footer .footer_botton .footer_box p{font-weight: 300;font-size: 13px; line-height: 160%;}
footer .footer_botton ul {width: 370px; display: flex; justify-content: space-between; margin: 0 auto; padding: 45px 0 0; }
footer .footer_botton ul li a{color: #fff; transition: 0.5s;}
footer .footer_botton ul li a:hover{color: #a9ff46; transition: 0.5s;}
footer .footer_botton .copyright{text-align: center; font-size: 10px; padding: 30px 0 0;}

@media only screen and (max-width: 768px) {
	body{min-width: auto;}
	body.body{overflow: hidden;;}
	header{ min-width: auto;}
	header .heder_list{padding: 0 0 0 10px;}
	header .heder_list .h1_tag{width: 50%;}
	header .heder_list h1{margin: 7px 0 0 0; width: 100%; position: relative;z-index: 20;}
	header .heder_list h1 img{width: 100%; height: auto;}
	header .heder_list:after{display: none;}
	header .heder_list nav{ min-width: auto;}
	header .menu_2{display: none; position: absolute;z-index: 10; background: #000;height: 200vh; top:0px; left: 0px;}
	header .menu{background: url(../img/bg_01_sp.png) no-repeat center center; background-size: cover; height: 48px; width: 75px;position: relative; z-index: 22;}
	header .menu .box{margin: 15px auto;position: relative;width: 20px;}
	header .menu span{width: 20px;height: 2px; display: block;  background: #000;}
	header .menu span.top{}
	header .menu span.center_1{margin: 3px 0;}
	
	header .menu span.top.left{transform: rotate(-45deg); transition: 0.5s;position: absolute; top: 5px;}
	header .menu span.center_1.center{display: none;}
	header .menu span.botton.right{transform: rotate(45deg); transition: 0.5s;position: absolute; top: 5px;}
	
	header .heder_list ul {display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 100px 0 0;}
	header .heder_list ul li{font-size: 18px; padding: 0px 0 25px; width: 100%; text-align: center;}
	header .heder_list .menu_2{padding: 0 25px;}
	header .heder_list .menu_2 ul li a{color: #fff; font-size: 12px; text-align: center;}
	header .heder_list ul li:not(:last-child){  margin-right: 0%;}
	header .heder_list ul li.download_box a{ width: 80%; margin: 0 auto;}
	header .heder_list ul li.tel_box a{font-size: 16px; line-height: 160%;border: 1px solid #fff;width: 80%; margin: 0 auto; padding: 9px 0;}
	header .heder_list ul li.tel_box span{display: inline-block; background: url(../img/icon_10.png) no-repeat center left; background-size: 18px; padding: 0 0 0 25px; font-size: 12px; }
	header .heder_list ul li.contact{ width: 80%; height: auto;margin: 0 auto; background: #d9fe00;padding: 0px; }
	header .heder_list ul li.contact a{ font-size: 12px; padding: 15px 0; color: #000; text-align: center;}
	header .heder_list ul li.contact a span{display: inline-block; padding: 0 0 0 24px ;background: url(../img/icon_02.png) no-repeat center left; background-size: 18px;transition: 0.5s;}
	
	header .heder_list ul li.download_box a:hover span{display: inline-block;background: url(../img/icon_01.png) no-repeat center left ; background-size: 15px; color: #fff; }
	header .heder_list ul li.download_box a:hover{border: 1px solid #fff; background: #000; }
	
	
	footer{padding: 0 0 36px;}
	footer .footer_top{width: 100%; }
	footer .footer_top ul{padding: 30px 0; width: auto;}
	footer .footer_top ul li a{font-size: 13px;}
	footer .footer_botton{width: auto; margin: 0 auto;}
	footer .footer_botton .footer_box{padding: 43px 0 0 ;flex-direction: column; }
	footer .footer_botton .footer_box p{font-size: 11px; padding: 23px 0 0;}
	footer .footer_botton ul { padding: 45px 0 0; font-size: 11px; width: auto;flex-direction: column; text-align: center;}
	footer .footer_botton ul li{padding: 15px 0 0;}
	footer .footer_botton .copyright{  padding: 30px 0 0;}
}