@charset "utf-8";
body{min-width: 1300px; position: relative;}

.btn,
.btn:hover{ transition: all .8s; }

header{width: 100%; min-width: 1300px;  position: fixed; top: 0; right: 0px; background-color: #fff; z-index: 10;}
header .heder_list{display: flex; align-items: center;width: 100%;padding: 0 0 0 30px; justify-content: space-between; }
header .heder_list.cfx:after{display: none;}
header .header_box{display: flex; align-items: center; }
header .header_box h1  {  height: auto; width: 556px; display: flex ; align-items: center;}
header .header_box h1 span{     padding: 0 0 0 44px;}
header .header_box h1 img{width: 330px;}
header .header_box h1  span{font-size: 15px;}
header nav{width: 100%;  min-width: 750px; max-width: 910px; }
header nav ul{display: flex; align-items: center; justify-content: space-between}
header nav ul:after{display: none;}
header nav ul li a {display: inline-block;}
header nav ul li a:hover{color: #05479b;}

header nav ul li.li_box{display: flex;}
header nav ul li.li_box a{display: block;}
/* header nav ul li.li_box a.estimate{ border: 1px solid #f2f2f2; } */
header nav ul li.li_box a.simulation{ border: 1px solid #ff7e00; }
header nav ul li.li_box a.estimate:hover{ background: #000 url(../img/icn_01_W.png) no-repeat center left 35px; background-size: 21px; color: #f2f2f2; }
header nav ul li.li_box a.simulation:hover{ background: #f2f2f2 url(../img/icn_04_O.png) no-repeat center left 15px; background-size: 20px; color: #ff7e00; }

header nav ul li .estimate{padding: 50px 0 50px 30px; background:#f2f2f2 url(../img/icn_01.png) no-repeat center left 35px; background-size: 21px; color: #000; width: 176px;text-align: center; }

header nav ul li .simulation{padding: 50px 0 50px 30px; background: #ff7e00 url(../img/icn_04.png) no-repeat center left 15px ; background-size: 20px; color: #fff;width: 293px;text-align: center; }

footer{background: #05479b; padding: 60px 0 25px;}
footer .footer{display: flex; align-items: center; padding: 0 0 38px;justify-content: space-between}
footer .footer .footer_box{display: flex; align-items: center; width: 565px;}
footer .footer .footer_box .img{ height: auto; padding-right: 48px;}
footer .footer ul {display: flex; align-items: center; color: #fff; font-weight: 400;}
footer .footer ul li:not(:last-child){padding-right: 40px;}
footer .btm_box{display: flex; }

footer .btm_box .estimate,
footer .btm_box .simulation{ transition: all .8s; padding: 22px 0 22px 30px;  display: block; text-align: center;}

footer .btm_box .estimate{padding: 22px 0 22px 30px; background: #f2f2f2 url(../img/icn_01.png) no-repeat center left 30px; background-size: 21px; color: #000; width: 178px; margin: 0 18px 0 0; border: 1px solid #000; font-size: 16px;}
footer .btm_box .simulation{padding: 22px 0 22px 30px; background: #ff7e00 url(../img/icn_04.png) no-repeat center left 20px ; background-size: 20px; color: #fff; width: 294px; border: 1px solid #ff7e00; font-size: 16px;}

footer .btm_box .estimate:hover{ background: #000 url(../img/icn_01_W.png) no-repeat center left 30px; background-size: 21px; color: #f2f2f2; }
footer .btm_box .simulation:hover{ background: #fff url(../img/icn_04_O.png) no-repeat center left 20px ; background-size: 20px; color: #ff7e00; }

footer .copyright{text-align: center;font-size: 11px; color: #fff;}
footer .tel_btn{display: flex; justify-content: space-between; align-items: center;padding: 0 0 60px; }
footer .tel_btn p{color: #fff; padding: 0 0 10px;font-size: 18px;}
footer .tel_btn a{ font-size: 27px;  ;color: #fff; }


footer .footer ul li a:hover{color: #fff600;}
@media only screen and (max-width: 1500px){
	
	header .header_box h1  {  height: auto; width: 330px; flex-direction: column;align-items: flex-start}
	header .header_box h1 span{display: block;      padding: 5px 0 0 0;}
}

@media only screen and (max-width: 768px) {
	body{min-width: auto; position: relative;}
	body.body{position: fixed}
	header{min-width: auto;   }
	header .heder_list{display: flex; align-items: center; justify-content: space-between; width: auto;padding: 15px; }
	header .header_box{ width: 90%; }
	header .header_box h1 span{ display: block; padding: 0 0 0 5%; font-size: 10px;}
	header .menu{ /* width: 25px; */ width: 10%;   position: relative;    z-index: 10;}
	header .menu span{ display: block; background: #000; height: 2px; }
	header .menu span.top{transition: 0.5s;}
	header .menu span.top.left{transition: 0.5s;transform: rotate(-45deg); position: absolute; top: 0px; right: 0px; left: 0px;}
	
	header .menu span.center_1{margin: 5px 0;}
	header .menu span.center_1.center{display: none;}
	header .menu span.botton{transition: 0.5s;}
	header .menu span.botton.right{transition: 0.5s; transform: rotate(45deg);}
	
	
	header .header_box .h1_tag{padding: 0 5% 0 0 ;width: 100%;}
	header .header_box h1 { position: relative;    z-index: 10; display: flex; flex-direction: row; align-items: center;}
	header .header_box h1 img{width: 45%; height: auto;}
	header nav{width: 100%; min-width: auto; }
	header nav.menu_2{display: none; position: absolute;  z-index: 1; width: 100%;  height: 100vw;  left: 0px; top: 0px;}
	header nav ul{display: flex; align-items: center; justify-content: flex-end; flex-direction: column;padding: 20% 25px 100vw; background: #fff;}
	header nav ul li:not(:nth-child(4),:nth-child(5)){padding: 0 0 30px; text-align: left; width: 100%;/* border-bottom: 1px solid #000; margin-bottom: 30px; */}
	header nav ul li a {display: inline-block;font-size: 18px;}
	
	header nav ul li.li_box {    display: flex;    flex-direction: column;    max-width: 320px; width: 100%;}
	header nav ul li .estimate{padding: 20px 0 20px 30px; background:#f2f2f2 url(../img/icn_01.png) no-repeat center left 100px; background-size: 21px; width: 100%; margin: 0 0 30px; }

	header nav ul li .simulation {padding: 20px 0 20px 30px; background:#ff7e00 url(../img/icn_04.png) no-repeat center left 15px ; background-size: 20px;width: 100%;  }
	
	
	footer{padding: 60px 0 25px;}
	footer .footer{ align-items: flex-start; padding: 0 0 38px; flex-direction: column;}
	footer .footer .footer_box{display: flex;   width: 100%;  padding: 0 0 40px;}
	footer .footer .footer_box .img{ width: auto; height: auto; padding-right: 8%;}
	footer .footer ul {align-items: flex-start; flex-direction: column; }
	footer .footer ul li:not(:last-child){padding-bottom: 30px;}
	footer .footer ul li a{font-size: 18px;}
	footer .btm_box{display: flex; padding: 0 0 60px;}
	footer .btm_box .estimate,
	footer .btm_box .simulation{display: none;}
	footer .copyright{text-align: center;font-size: 11px;}
	
	footer .tel_btn{display: flex; justify-content: space-between; align-items: center;padding: 0 0 100px; }
footer .tel_btn p{ padding: 0 0 10px;font-size: 14px;}
footer .tel_btn a{ font-size: 19px;  ;}
	
}