@charset "utf-8";
/* CSS Document */

header{
	width:100%;
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
	background: #FFF;
}
header .in{
	width:93%;
	max-width:1340px;
	margin:0px auto 0;
	height: 84px;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}


header #logo{
	width:10.07%;
}
header nav{
	width:44.02%;
}
header nav ul{
	display: flex;
	list-style: none;
	justify-content:space-around;
	align-items: center;
}
header nav ul li{
	padding:0 1%;
}
header nav ul li a{
	font-weight: 700;

}
header .tel_area{
	width:21.26%;
}
header .tel_area p{
	font-weight: 700;
	line-height: 160%;
	
}
header .tel_area p.sub1{
	font-size:.9em;
	text-align:center;
}
header .tel_area div{
	font-weight: 900 !important;
	font-size:32px;
	color: rgba(237,107,0,1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
}
header .tel_area div span{
	line-height: 1;
}
header .tel_area div span.icon{
	width:.74em;
	height:.74em;
	display: inline-block;
	margin:0 .2em -.15em 0;
	line-height: 1;
	background:url(../img/common/tell_orange2.svg) center / contain no-repeat;
  	/* font-size: 0; */
		
		
}

header .mail_area{
	width:16.8%;
}

header .mail_area a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	background: linear-gradient(to right,  #ed6b00 0%,#ffa63a 100%); 
	height: 51px;
	font-size:20px;
	border-radius: 8px;
}
header .mail_area a span.icon{
	display: block;
	width:14.34%;
	margin-right: 2%;
}
@media only screen and (max-width:1315px) {
	
	header .tel_area p{
		font-size:14px;
	}
	header nav ul li a{
		font-size:14px;
	}
}
@media only screen and (max-width:1200px) {
	header .in{
		width:96%;
	}
	header .mail_area a{
		font-size: 1.8vw;
	}
	header .tel_area div{
		font-size: 2.4vw;
		flex-wrap: wrap;
	}
	header .tel_area p{
		font-size: 1.2vw;
	}
	header nav ul li a{
		font-size: 1.2vw;
	}
}
@media only screen and (max-width:767px) {
	header{
		position: Fixed;
		top:0;
		left: 0;
		z-index: 999;
		width:100%;
		background: #FFF;
		padding: 0 5.3vw 0 5.3vw;
		
	}
	header .in{
		height: 22.4vw;
		width:100%;
	}
	header #logo{
		width:26.4vw;
	}
	header nav{
		display: none;
	}
	header .mail_area{
		display: none;
	}
	header .tel_area{
		width:47.46vw;
	}
	header .tel_area div{
		font-size:5.6vw;
	}
	header .tel_area p{
		font-size:2.93vw;
	}
	header .tel_area p.sub1{
	font-size:2.7vw;
	}
}

footer .in{
	width:92.5%;
	max-width: 1200px;
	margin:0px auto;

	
}
footer .line1 .in{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:24px 0; 
}
footer .line1 .in{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:24px 0; 
}
footer .line1 .in .left{
	width:70%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
footer .line1 .in .right{
	width:30%;
}
footer .line1 .in .left .flogo{
	width:135px;
	margin-right: 48px;
}



footer .line1 .in .pan span{
	width:24px;
	display: inline-block;
	margin:0 24px 0 10px;
}
footer .line1{
	background: #152C58;
	color:#FFF;
}
footer .line1 .in .right{
	text-align: right;
}
footer .line2{
	font-size:12px;
	padding:16px;
	color: #000;
	text-align: center;
}
footer .line2 .in{
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .line2 span{
	width:48px;
	margin-right: 24px;
	display: inline-block;
}
footer a:link{
	color: #FFF;
	font-weight: 700;
}
@media only screen and (max-width:767px) {
	footer .line1 .in .pan span{
		width:2.2vw;
		margin:0 1vw 0 1vw;
		font-size: 0;
    	line-height: 0;
	}
	footer .line1 .in .left{
		font-size: 2.8vw;	
	}
	footer .line1 .in .left .flogo {
	  width: 20vw;
	  margin-right: 2vw;
	}
	footer .line1 .in .left{
		width:80%;
	}
	footer .line1 .in .right{
		width:25%;
		font-size:2.2vw;
	}
	footer .line1 .pan{
		display: flex;
		align-items: center;
	}
	footer .line2 .in{
		padding:0;
		font-size:2.4vw;
	}
	footer .line2 span{
		margin-right: 1vw;
		width:5vw;
	}
}