@charset "utf-8";
body{min-width: 1300px; width: 100%; height: auto;position: relative;}
body.stope{overflow: hidden;}
/*-----------------------------header-------------------------------*/
body .header{position: fixed; width: 100%;  z-index: 1000;  top: 0px; transition: visibility 0s,top 0.5s ease ,opacity 0.3s; }
body .header .event{font-size: 30px;color: #fff; text-align: center; background: #b20000; padding: 8px 0; line-height: 160%;min-width: 1300px;}
body .header .event .b_box{display: none;}
body .header .header_event{ min-width: 1300px;padding: 10px 0;background: #fff; }

body .header .header_box{display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto;}
body .header .header_box ul{display: flex;}
body .header .header_box ul li a{font-size: 14px;font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; }
body .header .header_box ul li:not(:nth-child(6)){padding: 0 28px 0 0;}
body .header .header_box .link_contact{display: block; width: 200px; height: auto;border-radius: 50px; background: #000; color: #fff;padding: 20px 14px 20px 0; text-align: center; position: relative; font-size: 14px;font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal;}
body .header .header_box .link_contact:after{display: block; background:url(../img/common/header_icn.png) no-repeat center center; background-size: 8px; content: ""; width:  8px; height: 13px; position: absolute; top: 20px; right: 25px;}

/*-----------------------------footer-------------------------------*/
body footer{background: url(../img/common/footer_bg.png),linear-gradient(to right,#f6ac34 0,#f6ac34 50%,#5e8dc9 51%,#5e8dc9 100%); background-repeat:no-repeat; background-position:center top; padding: 50px 0 0; position: relative;}
body footer .footer_bg { background: #9fa0a0; padding: 50px 0 45px; }
body footer .footer_box{  display: flex; justify-content: space-between; align-items: flex-end; padding: 0 40px; max-width: 1200px; margin: 0 auto;}
body footer .footer_box ul{display: flex; }
body footer .footer_box ul li{font-size: 12px; color: #fff;padding: 0 20px;}
body footer .footer_box ul li a:hover{color: #fff;}
body footer .footer_box ul li:not(:last-child){border-right: 1px solid #fff;}
body footer .footer_box p{font-size: 11px; color: #fff;}
body footer .scroll_box{text-align: center;display: block;width: 45px;height: 45px; border-radius: 100%; position: absolute; z-index: 1; background: #f1f1f1; bottom: 26px; right: 40px;}
body footer .scroll_box img{display: inline-block;padding: 15px 0;}
@media only screen and (max-width: 1350px) {
	body .header .event .b_box{display: block;}
}
@media only screen and (max-width: 768px) {
	body{min-width: auto; }
	/*-----------------------------header-------------------------------*/
	body .header{  min-width: auto; top: 0px; }
	body .header .header_event{ min-width: auto;padding: 13px 0;}
	body .header .event{font-size: 14px;padding: 10px 0; min-width: auto;}
	body .header .header_box{width: 94%; margin: 0 auto;}
	body .header .header_box h1{width: 30%;}
	body .header .sp_box_2{display: flex; justify-content: space-between; width: 90%; margin: 0 auto; padding: 50px 0 0;}
	
	body .header .sp_box_2 .btn{width: 25px;}
	body .header .header_box ul{flex-direction: column}
	body .header .header_box ul li{border-bottom: 1px solid #c9c9c9; padding: 0px !important;}
	body .header .header_box ul li a{font-size: 14px; width: 90%; margin: 0 auto; display: block; padding: 18px 0; background: url(../img/common/header_icn_2.png) no-repeat center right ; background-size: 8px;}
	body .header .header_box .btn{margin: 0 0 2px auto; width: 27px;}
	body .header .header_box .menu{margin: 0 10px 0 25px; font-size: 11px; font-weight: 500; width: 36px; text-align: center;font-family: "Helvetica Neue", "Helvetica",sans-serif; overflow-y: scroll;}
	body .header .header_box .menu span{display: block; width: 100%; height: 2px;background: #000;}
	body .header .header_box .menu span.center{margin: 5px 0;}
	body .header .header_box .menu span.bottor{margin: 0 0 7px;}
	body .header .header_box #menu{position: absolute; display: none;background: #fff; width: 100%; height: 100vh; top: 0px; left: 0px; right: 0px; padding: 25px 0; overflow-y: scroll;}
	body .header .header_box #menu .menu_box_sp{height: 700px;}
	body .header .header_box #menu .menu_btn_2{margin: 25px auto 0; width: 90%}
	body .header .header_box #menu .menu_2{width: 30px; height: 30px; position: relative;margin: 0 0 0 auto;}
	body .header .header_box #menu .menu_2 span{display: block; width: 100%; height: 2px;background: #000;}
	body .header .header_box #menu .menu_2 span.left{transform: rotate(45deg); position: absolute; top: 15px;}
	body .header .header_box #menu .menu_2 span.right{transform: rotate(135deg);position: absolute; top: 15px;}
	body .header .header_box #menu .link_contact{margin: 70px auto 0; max-width: 275px; width: 100%; padding: 20px 0 20px 0; }
	body .header .header_box ul li:not(:nth-child(6)){padding: 0 28px 0 0;}
	body .header .header_box .link_contact{width:  200px; height: auto;border-radius: 50px; padding: 20px 14px 20px 0;  font-size: 14px;}
	body .header .header_box .link_contact:after{ background:url(../img/common/header_icn.png) no-repeat center center; background-size: 8px; width:  8px; height: 13px; position: absolute; top: 20px; right: 25px;}
	
	/*-----------------------------footer-------------------------------*/
	body footer{background-size: 100% 50px; }
	body footer .footer_bg { padding: 30px 0 10px; }

	body footer .footer_box{display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; padding: 0;}
	body footer .footer_box .logo_img{width: 90%; margin: 0 auto;}
	body footer .footer_box .logo_img a{width: 110px; margin: 0 0 40px ; display: block;}
	body footer .footer_box ul{display: flex; flex-direction: column; border-bottom: 1px solid #898989; border-top: 1px solid #898989; width: 100%; padding: 37px 0;}
	body footer .footer_box ul li{font-size: 12px; padding: 0; width: 90%; margin: 0 auto; color: #fff; }
	body footer .footer_box ul li:nth-child(2){margin: 25px auto;}
	body footer .footer_box ul li:not(:last-child){border-right: none;}
	body footer .footer_box p{font-size: 11px; margin: 35px auto 22px; text-align: right; width: 90%; }
	body footer .scroll_box{width: 45px;height: 45px;  bottom: 26px; right: 40px;}
	body footer .scroll_box img{padding: 15px 0; width: 14px}
}