@charset "utf-8";

header nav ul li.m5:after{
	display:block;
	}
header nav ul li.m5 a{
	color:#005EB8;
	}
#header2 nav ul li.m5 a{
	color:#FAFAFA;
	background-color:#005EB8;
	}
#header2 nav ul li.m5 a:after{
	border-color:#FAFAFA;
	}
#headbg2.index{
	margin-bottom:0;
	}
#headbg2.index:after{
	display:none;
	}
#index1{
	max-width:1140px;
	margin:0 auto;
	height:500px;
	overflow:hidden;
	zoom:1;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:100px 40px 0 110px;
	position:relative;
	}
#index1:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background:linear-gradient(to left, rgba(7, 80, 151, 0.3)35%, rgba(7, 80, 151, 0.9)60%, rgba(7, 80, 151, 0.9)100%);
	transition:0.5s;
	opacity:1;
	}
#index1:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:url(../img/common/recb.webp) no-repeat right center;
	-webkit-background-size:cover;
	background-size:cover;
	transition:0.5s;
	}
#index1 h2{
	position:relative;
	z-index:3;
	}
#index1 h2 span{
	font-size:78px;
	color:#FFF;
	display:block;
	font-family:'Raleway';
	font-weight:800;
	letter-spacing:0.06em;
	}
#index1 h2 strong{
	font-size:19px;
	color:#FFF;
	display:inline-block;
	font-weight:700;
	background-color:#F2D600;
	padding:4px 16px 4px 16px;
	position:relative;
	height:34px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	letter-spacing:0.1em;
	}
#index1 h2 strong:after{
	content:"";
	display:block;
	position:absolute;
	left:-12.5px;
	top:0;
	width:13px;
	height:34px;
	background-color:#F2D600;
	clip-path:polygon(100% 0%, 100% 100%, 0% 100%);
	}
#index1 h2 strong:before{
	content:"";
	display:block;
	position:absolute;
	right:-12.5px;
	top:0;
	width:13px;
	height:34px;
	background-color:#F2D600;
	clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
	}
#index1 h3{
	position:relative;
	z-index:3;
	font-size:34px;
	font-weight:700;
	color:#FFF;
	margin-top:60px;
	}
#index1 p{
	position:relative;
	z-index:3;
	font-size:17px;
	font-weight:700;
	color:#FFF;
	line-height:1.4;
	margin-top:25px;
	}
#index2{
	max-width:1080px;
	margin:0 auto;
	padding:170px 70px 0 70px;
	overflow:hidden;
	zoom:1;
	}
#index2 h2{
	font-size:36px;
	font-weight:700;
	line-height:1.9;
	text-align:center;
	}
#index2 p{
	max-width:800px;
	margin:50px auto 0 auto;
	}
#index2 h3{
	text-align:center;
	padding-top:100px;
	}
#index2 h3 strong{
	font-size:28px;
	font-weight:700;
	color:#FFF;
	display:inline-block;
	padding:5px 18px 6px 18px;
	background-color:#231815;
	}
#index2 ul{
	overflow:hidden;
	zoom:1;
	}
#index2 ul li{
	float:left;
	margin:60px 8% 0 0;
	width:46%;
	font-size:17px;
	text-align:center;
	}
#index2 ul li:nth-of-type(2n){
	margin-right:0;
	}
#index2 ul li img{
	margin-bottom:15px;
	}
#index3bg{
	background-color:#F0F4F4;
	padding:120px 70px 160px 70px;
	margin-top:160px;
	}
#index3{
	max-width:1140px;
	margin:0 auto;
	position:relative;
	padding-left:240px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	text-align:right;
	font-size:0;
	}
#index3 h1{
	position:absolute;
	left:0;
	top:40px;
	text-align:left;
	}
#index3 article{
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	margin-top:40px;
	width:840px;
	max-width:100%;
	text-align:left;
	display:inline-block;
	overflow:hidden;
	zoom:1;
	}
#index3 article a{
	background-color:#FFF;
	padding:48px 25px 38px 41%;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	display:block;
	min-height:220px;
	}
#index3 article a:after{
	content:"";
	display:block;
	position:absolute;
	z-index:2;
	right:28px;
	bottom:28px;
	width:8px;
	height:8px;
	border-top:1px solid #231815;
	border-right:1px solid #231815;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:0.3s;
	}
#index3 article a:before{
	content:"";
	width:16px;
	height:1px;
	position:absolute;
	z-index:2;
	right:27px;
	bottom:32px;
	background-color:#231815;
	transition:0.3s;
	}
#index3 article a:hover:after{
	right:23px;
	}
#index3 article a:hover:before{
	right:22px;
	}
#index3 article a div{
	position:absolute;
	left:0;
	top:0;
	width:36%;
	height:100%;
	z-index:1;
	background-position:center center;
	}
#index3 article a h2{
	overflow:hidden;
	zoom:1;
	}
#index3 article a h2 span{
	font-size:20px;
	font-weight:700;
	color:#FFF;
	margin-right:15px;
	display:inline-block;
	padding:4px 10px 4px 10px;
	background-color:#231815;
	float:left;
	}
#index3 article a h2 strong{
	overflow:hidden;
	zoom:1;
	font-size:26px;
	font-weight:700;
	display:block;
	line-height:1.2;
	margin-top:1px;
	}
#index3 article a p{
	font-size:15px;
	line-height:1.8;
	margin-top:25px;
	padding-right:40px;
	}
#index3 article a:hover{
	text-decoration:none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#detail1{
	max-width:1180px;
	margin:0 auto;
	padding:0 70px;
	overflow:hidden;
	zoom:1;
	}
#detail1 .headb{
	text-align:center;
	}
#detail1 .headb h1 span{
	font-size:20px;
	font-weight:700;
	color:#FFF;
	display:inline-block;
	padding:4px 12px 4px 12px;
	background-color:#231815;
	}
#detail1 .headb h1 strong{
	font-size:40px;
	font-weight:700;
	display:block;
	margin-top:15px;
	}
#detail1 .post-box{
	max-width:900px;
	margin:80px auto 0 auto;
	overflow:hidden;
	zoom:1;
	}
#detail1 h6.linkto{
	text-align:center;
	padding:120px 0 160px 0;
	border-bottom:1px solid #D2D6D6;
	}
@media screen and (max-width:1000px){
#index3{
	padding-left:0;
	}
#index3 h1{
	position:relative;
	left:auto;
	top:auto;
	text-align:center;
	}
}
@media screen and (max-width:900px){
#headbg2.index{
	margin-bottom:20px;
	}
#index1{
	height:auto;
	padding:90px 7% 50px 7%;
	width:600px;
	max-width:100%;
	}
#index1:after{
	background:linear-gradient(to bottom, rgba(7, 80, 151, 0.3)45%, rgba(7, 80, 151, 0.9)70%, rgba(7, 80, 151, 0.9)100%);
	}
#index1:before{
	background:url(../img/common/recbsp.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index1 h2{
	text-align:center;
	}
#index1 h2 span{
	font-size:46px;
	}
#index1 h2 strong{
	font-size:18px;
	padding:3px 12px 3px 12px;
	height:32px;
	}
#index1 h2 strong:after{
	height:32px;
	}
#index1 h2 strong:before{
	height:32px;
	}
#index1 h3{
	font-size:22px;
	margin-top:130px;
	}
#index1 p{
	font-size:15px;
	font-weight:500;
	line-height:1.9;
	}
#index2{
	padding:110px 7% 0 7%;
	}
#index2 h2{
	font-size:24px;
	line-height:1.7;
	}
#index2 h2 span{
	display:inline-block;
	}
#index2 p{
	font-size:17px;
	margin:40px auto 0 auto;
	}
#index2 h3{
	padding-top:80px;
	}
#index2 h3 strong{
	font-size:22px;
	padding:4px 12px 4px 12px;
	}
#index2 ul{
	max-width:600px;
	margin:-15px auto 0 auto;
	}
#index2 ul li{
	float:none;
	margin:45px 0 0 0;
	width:auto;
	font-size:16px;
	}
#index2 ul li img{
	margin-bottom:12px;
	}
#index3bg{
	padding:100px 7% 110px 7%;
	margin-top:110px;
	}
#index3 article{
	margin-top:35px;
	display:block;
	}
#index3 article a{
	padding:245px 7% 35px 7%;
	min-height:auto;
	}
#index3 article a:after{
	right:23px;
	bottom:21px;
	}
#index3 article a:before{
	right:22px;
	bottom:25px;
	}
#index3 article a:hover:after{
	right:23px;
	}
#index3 article a:hover:before{
	right:22px;
	}
#index3 article a div{
	width:100%;
	height:260px;
	}
#index3 article a h2{
	text-align:center;
	position:relative;
	z-index:2;
	}
#index3 article a h2 span{
	font-size:17px;
	margin-right:0;
	padding:3px 12px 3px 12px;
	float:none;
	}
#index3 article a h2 strong{
	display:block;
	font-size:24px;
	margin-top:10px;
	}
#index3 article a p{
	margin-top:20px;
	padding-right:0;
	}
#detail1{
	padding:0 7%;
	}
#detail1 .headb h1 span{
	font-size:18px;
	padding:3px 12px 3px 12px;
	}
#detail1 .headb h1 strong{
	font-size:26px;
	margin-top:18px;
	}
#detail1 .post-box{
	margin:60px auto 0 auto;
	}
#detail1 h6.linkto{
	padding:100px 0 120px 0;
	}
}
@media screen and (max-width:710px){
#index1{
	max-width:86%;
	margin:0 7%;
	}
}
@media screen and (max-width:500px){
#index3 article a{
	padding-top:155px;
	}
#index3 article a div{
	height:170px;
	}
}