@charset "utf-8";

header nav ul li.m2 a{
	color:#BA8A40;
	}
header nav ul li.m2 a:after{
	display:block;
	}
#header2 nav ul li.m2 a{
	color:#FAFAFA;
	background-color:#BA8A40;
	}
#header2 nav ul li.m2 a:after{
	border-color:#FAFAFA;
	}
#headbg:after{
	background:url(../img/service/headbg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}

#index1{
	position:relative;
	max-width:1080px;
	margin:0 auto;
	text-align:right;
	font-size:0;
	padding:105px 70px 0 70px;
	}
#index1 h2{
	width:740px;
	max-width:100%;
	display:inline-block;
	text-align:left;
	font-size:36px;
	font-weight:700;
	}
#index1 p{
	width:740px;
	max-width:100%;
	display:inline-block;
	text-align:left;
	margin-top:30px;
	}
#index2bg{
	margin-top:170px;
	overflow:hidden;
	zoom:1;
	position:relative;
	padding-bottom:540px;
	}
#index2bg:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:30px;
	z-index:-1;
	background-color:#E6E3E0;
	}
#index2bg:before{
	content:"";
	display:block;
	width:100%;
	height:540px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(../img/service/index2bg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#index2{
	max-width:1120px;
	margin:0 auto;
	padding:0 70px 150px 70px;
	overflow:hidden;
	zoom:1;
	}
#index2 h2{
	font-size:38px;
	font-weight:700;
	}
#index2 img{
	float:right;
	width:48%;
	margin-top:30px;
	}
#index2 ul{
	background-color:#FAFAFA;
	border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-moz-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-webkit-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-o-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-ms-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	padding:25px 20px 40px 60px;
	margin-top:70px;
	}
#index2 ul li{
	font-size:22px;
	list-style-type:disc;
	margin:15px 0 0 20px;
	}
#index2 h3{
	font-size:30px;
	font-weight:700;
	padding:75px 0 0 0;
	position:relative;
	display:inline-block;
	}
#index2 h3:after{
	content:"";
	display:block;
	width:2px;
	height:70px;
	position:absolute;
	left:50%;
	top:-15px;
	background-color:#32323C;
	}
#index2 h3:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:5px;
	margin-left:-20px;
	width:40px;
	height:40px;
	border-top:2px solid #32323C;
	border-right:2px solid #32323C;
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	}
.index3bg{
	position:relative;
	margin-top:170px;
	}
.index3bg:before{
	position:absolute;
	z-index:-1;
	left:50%;
	margin-left:-360px;
	top:110px;
	content:"";
	display:block;
	width:-webkit-calc(50% + 360px);
	width:calc(50% + 360px);
	height:460px;
	background:url(../img/service/j1-main.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
.index3bg.j2:before{
	background:url(../img/service/j2-main.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
.index3bg.j3:before{
	display:none;
	}
.index3bg h2{
	position:absolute;
	left:50%;
	margin-left:-560px;
	top:0;
	}
.index3bg h2 span{
	font-size:26px;
	font-weight:700;
	color:#FAFAFA;
	background-color:#32323C;
	display:inline-block;
	padding:4px 15px 4px 15px;
	}
.index3bg h2 div{
	font-size:62px;
	letter-spacing:0.07em;
	padding-top:15px;
	font-family:'Lato';
	font-weight:900;
	}
.index3bg h2 strong{
	font-size:22px;
	letter-spacing:0.06em;
	font-weight:700;
	display:block;
	}
.index3{
	max-width:1260px;
	margin:0 auto;
	border-bottom:1px solid #C8C3BE;
	padding:570px 70px 120px 270px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
	}
.index3bg.j3 .index3{
	padding-top:60px;
	padding-bottom:0;
	border-bottom:0;
	}
.index3 h3{
	font-size:34px;
	font-weight:700;
	padding:130px 0 40px 0;
	}
.index3 ul{
	padding-top:60px;
	}
.index3 ul li{
	overflow:hidden;
	zoom:1;
	margin-top:20px;
	padding-bottom:45px;
	position:relative;
	}
.index3 ul li:after{
	content:"";
	display:block;
	width:2px;
	height:100%;
	position:absolute;
	left:45px;
	top:70px;
	background-color:#32323C;
	}
.index3 ul li:before{
	content:"";
	display:block;
	position:absolute;
	left:30px;
	bottom:6px;
	width:30px;
	height:30px;
	border-top:2px solid #32323C;
	border-right:2px solid #32323C;
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	}
.index3 ul li img{
	float:right;
	width:390px;
	max-width:43%;
	margin-left:40px;
	}
.index3 ul li h4 strong{
	font-size:34px;
	font-weight:700;
	color:#FAFAFA;
	background-color:#32323C;
	display:inline-block;
	padding:0px 14px 1px 15px;
	}
.index3 ul li h4 strong span{
	font-size:24px;
	font-weight:700;
	display:inline-block;
	vertical-align:4px;
	}
.index3 ul li p{
	position:relative;
	padding:32px 0 0px 90px;
	line-height:2.3;
	}
.index3 ul li .img{
	overflow:hidden;
	zoom:1;
	margin:0px 0 30px 90px;
	}
.index3 ul li .img h5{
	font-size:16px;
	font-weight:500;
	color:#82828C;
	text-align:center;
	float:left;
	width:48%;
	margin:35px 4% 0 0;
	}
.index3 ul li .img h5:nth-of-type(2n){
	margin-right:0;
	}
.index3 ul li .img h5 img{	
	float:none;
	width:100%;
	max-width:100%;
	margin:0 0 11px 0;
	}
.index3 ul li.pno.last{
	margin-top:60px;
	}
.index3 ul li.pno p{
	padding:22px 0 0px 0px;
	}
.index3 ul li.pno:after,
.index3 ul li.pno:before{
	display:none;
	}
.index3 ul li.pno .img{
	margin:0;
	}
.index3 .box{
	overflow:hidden;
	zoom:1;
	padding-top:60px;
	}
.index3 .box img{
	float:right;
	width:480px;
	max-width:53%;
	margin-left:50px;
	}
.index3 .box h4{
	font-size:34px;
	font-weight:700;
	}
.index3 .box h4 span{
	font-size:26px;
	font-weight:700;
	}
.index3 .box p{
	margin-top:20px;
	line-height:2.3;
	}
@media screen and (max-width:1420px){
.index3bg:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:70px;
	height:1px;
	background-color:#C8C3BE;
	width:-webkit-calc(100% - 140px);
	width:calc(100% - 140px);
	}
.index3bg.j3:after{
	display:none;
	}
.index3{
	border-bottom:0;
	}
}
@media screen and (max-width:1280px){
.index3bg{
	text-align:right;
	font-size:0;
	}
.index3bg h2{
	text-align:left;
	left:70px;
	margin-left:0;
	}
.index3{
	display:inline-block;
	max-width:1060px;
	margin:0;
	padding-left:70px;
	text-align:left;
	}
}
@media screen and (max-width:900px){
#index1{
	padding:100px 7% 0 7%;
	}
#index1 h2{
	font-size:28px;
	}
#index2bg{
	margin-top:90px;
	padding-bottom:180px;
	}
#index2bg:after{
	top:18px;
	}
#index2bg:before{
	height:180px;
	}
#index2{
	padding:0 7% 70px 7%;
	}
#index2 h2{
	font-size:25px;
	text-align:center;
	}
#index2 img{
	float:none;
	width:600px;
	max-width:90%;
	margin:30px auto 0 auto;
	}
#index2 ul{
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	-ms-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	padding:15px 6% 30px 8%;
	margin-top:30px;
	}
#index2 ul li{
	font-size:18px;
	margin:10px 0 0 20px;
	}
#index2 h3{
	font-size:20px;
	text-align:center;
	padding:55px 0 0 0;
	display:block;
	}
#index2 h3:after{
	height:50px;
	top:-12px;
	}
#index2 h3:before{
	top:12px;
	margin-left:-10px;
	width:20px;
	height:20px;
	}
.index3bg{
	margin-top:120px;
	}
.index3bg:after{
	left:7%;
	width:-webkit-calc(86%);
	width:calc(86%);
	}
.index3bg:before{
	left:0;
	margin-left:0;
	top:0px;
	width:-webkit-calc(100%);
	width:calc(100%);
	height:260px;
	}
.index3bg h2{
	left:7%;
	top:245px;
	margin-left:0;
	line-height:1.3;
	}
.index3bg.j3 h2{
	top:-20px;
	}
.index3bg h2 span{
	font-size:22px;
	padding:3px 10px 3px 10px;
	}
.index3bg h2 div{
	font-size:42px;
	letter-spacing:0.06em;
	padding-top:10px;
	}
.index3bg h2 strong{
	font-size:19px;
	}
.index3{
	padding:440px 7% 100px 7%;
	}
.index3bg.j3 .index3{
	padding-top:40px;
	}
.index3 h3{
	font-size:23px;
	padding:0px 0 30px 0;
	}
.index3 h3 span{
	display:inline-block;
	}
.index3 ul{
	padding-top:20px;
	}
.index3 ul li{
	margin-top:20px;
	padding:35px 0 30px 55px;
	}
.index3 ul li:after{
	left:23px;
	top:30px;
	}
.index3 ul li:before{
	left:13px;
	bottom:5px;
	width:20px;
	height:20px;
	}
.index3 ul li img{
	float:none;
	width:600px;
	max-width:100%;
	margin:15px auto 0 auto;
	}
.index3 ul li h4{
	position:absolute;
	left:0;
	top:0;
	}
.index3 ul li h4 strong{
	font-size:21px;
	padding:2px 12px 2px 12px;
	}
.index3 ul li h4 strong span{
	font-size:17px;
	font-weight:500;
	vertical-align:1px;
	}
.index3 ul li p{
	padding:10px 0 0px 0px;
	line-height:2;
	font-size:16px;
	}
.index3 ul li .img{
	margin:0px 0 0px 0px;
	}
.index3 ul li .img h5{
	font-size:15px;
	float:none;
	width:100%;
	max-width:600px;
	margin:20px auto 0 auto;
	}
.index3 ul li .img h5:nth-of-type(2n){
	margin-right:auto;
	}
.index3 ul li .img h5 img{	
	margin:0 0 8px 0;
	width:auto;
	}
.index3 ul li.pno{
	padding:25px 0 0px 0;
	}
.index3 ul li.pno.last{
	margin-top:60px;
	}
.index3 ul li.pno p{
	padding:15px 0 0px 0px;
	}
.index3 ul li.pno img{
	margin-top:25px;
	}
.index3 .box{
	padding-top:40px;
	}
.index3 .box img{
	float:none;
	width:600px;
	max-width:100%;
	margin:0 auto;
	}
.index3 .box h4{
	font-size:22px;
	margin-top:15px;
	}
.index3 .box h4 span{
	font-size:18px;
	display:inline-block;
	vertical-align:2px;
	}
.index3 .box p{
	margin-top:10px;
	font-size:16px;
	line-height:2;
	}
}