@charset "utf-8";

#header2 nav ul li.m0 a{
	background-color:#998673;
	color:#FAFAFA;
	}
#header2 nav ul li.m0 a:after{
	border-color:#FAFAFA;
	}
header{
	border-bottom:1px solid #C8CDD2;
	}
header.fix{
	border-bottom:0;
	}
header nav ul li a{
	color:#F5F5F5;
	}
header.fix nav ul li a{
	color:#28323C;
	}
header nav ul li a:hover{
	color:#F5F5F5;
	}
header nav ul li:after{
	background-color:#F5F5F5;
	}
header.fix nav ul li a:hover{
	color:#998673;
	}
.menu:after{
	color:#F5F5F5;
	}
.menu.fix:after{
	color:#28323C;
	}
.menu1{
	background-color:#F5F5F5;
	}
.menu2{
	background-color:#F5F5F5;
	}
.menu3{
	background-color:#F5F5F5;
	}
.menu.fix .menu1,
.menu.fix .menu2,
.menu.fix .menu3{
	background-color:#28323C;
	}
.menuclick:after{
	color:#28323C;
	}
.menuclick1{
	background-color:#28323C;
	}
.menuclick3{
	background-color:#28323C;
	}
a.recruitb{
	margin-top:120px;
	}
@media screen and (max-width:900px){
.menu.fix .menu1,
.menu.fix .menu2,
.menu.fix .menu3{
	background-color:#F5F5F5;
	}
.menu.fix:after{
	color:#F5F5F5;
	}
.menuclick1{
	background-color:#28323C;
	}
.menuclick3{
	background-color:#28323C;
	}
.menu.menuclick.fix .menu1,
.menu.menuclick.fix .menu2,
.menu.menuclick.fix .menu3{
	background-color:#28323C;
	}
.menu.menuclick.fix:after{
	color:#28323C;
	}
a.recruitb{
	margin-top:110px;
	}
}
.bx-wrapper{
	position:relative;
	margin:0 auto 0px;
	padding:0;
	*zoom:1;
	}
.bx-wrapper img{
	max-width:100%;
	display:block;
	}
.bx-wrapper .bx-loading{
	min-height:50px;
	background:url(../img/home/loading.gif) center center no-repeat #fff;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	}
.bx-wrapper .bx-pager{
	position:absolute;
	right:50px;
	top:50%;
	width:30px;
	text-align:center;
	color:#FAFAFA;
	z-index:100;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	}
.bx-wrapper .bx-pager .bx-pager-item{
	display:inline-block;
	*zoom:1;
	*display:inline;
	}
.bx-wrapper .bx-pager.bx-default-pager a{
	text-indent:-9999px;
	display:block;
	width:30px;
	height:30px;
	margin:8px 0;
	outline:0;
	position:relative;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
.bx-wrapper .bx-pager.bx-default-pager a:after{
	content:"";
	display:block;
	background:#FAFAFA;
	width:6px;
	height:6px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-3px 0 0 -3px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-o-border-radius:40px;
	-ms-border-radius:40px;
	transition:0.2s all;
	}
.bx-wrapper .bx-pager.bx-default-pager a.active{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	border:2px solid #FFF;
	}
.bx-wrapper .bx-pager.bx-default-pager a.active:before{
	content:"";
	display:block;
	width:34px;
	height:34px;
	border:6px solid #FFF;
	position:absolute;
	left:-4px;
	top:-4px;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
	animation:spin 2s linear infinite;
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover:after{
	transform:scale(1.6,1.6);
	}
@keyframes spin{
	0% { transform:rotate(0deg); }
	50%  { transform:rotate(180deg); }
	100%   { transform:rotate(360deg); }
}
#slidebg ul li{
	overflow:hidden;
	zoom:1;
	background:url(../img/home/slide1.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg ul li.slide2{
	background:url(../img/home/slide2.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg ul li.slide3{
	background:url(../img/home/slide3.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg ul li.slide4{
	background:url(../img/home/slide4.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg h2{
	font-size:106px;
	color:#FAFAFA;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	position:absolute;
	left:7%;
	bottom:90px;
	font-family:'Roboto Slab';
	font-weight:700;
	z-index:60;
	letter-spacing:0.03em;
	line-height:1.05;
	}
#slidebg h2 strong{
	font-size:34px;
	display:block;
	font-family:'Zen Kaku Gothic New';
	font-weight:700;
	letter-spacing:0.04em;
	margin-top:35px;
	}
#scroll{
	height:100px;
	position:absolute;
	z-index:60;
	right:65px;
	bottom:0;
	}
#scroll h4{
	font-size:13px;
	font-family:'Roboto Slab';
	font-weight:700;
	color:#FAFAFA;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	position:absolute;
	left:50%;
	margin-left:-30px;
	top:0;
	letter-spacing:0.15em;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	}
#scroll:after{
	content:"";
	display:block;
	width:1px;
	height:50px;
	background-color:#F5F5F5;
	position:absolute;
	left:50%;
	top:50px;
	z-index:2;
	}
#scroll div{
	display:block;
	height:50px;
	position:absolute;
	left:50%;
	top:50px;
	width:10px;
	margin-left:-5px;
	overflow:hidden;
	zoom:1;
	}
#scroll span{
	display:block;
	width:9px;
	height:9px;
	background-color:#F5F5F5;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-o-border-radius:40px;
	-ms-border-radius:40px;
	position:absolute;
	left:50%;
	top:-10px;
	margin-left:-4px;
	z-index:3;
	}
#sec1{
	background:url(../img/home/sec1bg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	padding:190px 0 320px 0;
	position:relative;
	}
#sec1:after{
	content:"We specialize in architectural sheet metal work for roofing and exterior walls.";
	display:block;
	font-size:78px;
	color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	position:absolute;
	left:6%;
	bottom:70px;
	font-family:'Roboto Slab';
	font-weight:700;
	line-height:1.1;
	z-index:1;
	}
#sec1 h2{
	color:#FAFAFA;
	max-width:1220px;
	margin:0 auto;
	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:0 70px;
	}
#sec1 h2.titleb span:after{
	background-color:#FAFAFA;
	}
#sec1 h2.titleb strong{
	font-size:36px;
	margin-top:18px;
	}
#sec1 h3.linkto{
	max-width:1220px;
	margin:0 auto;
	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:35px 690px 60px 70px;
	text-align:right;
	position:relative;
	z-index:2;
	}
#sec1 h3.linkto a{
	border-bottom:1px solid #FAFAFA;
	color:#FAFAFA;
	}
#sec1 h3.linkto a:after{
	border-color:#FAFAFA;
	}
#sec1 p{
	color:#FAFAFA;
	max-width:1220px;
	margin:0 auto;
	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:60px 690px 0 70px;
	font-size:16px;
	line-height:2.6;
	position:relative;
	z-index:2;
	}
#sec1 div{
	width:-webkit-calc(50% - 40px);
	width:calc(50% - 40px);
	position:absolute;
	right:0;
	top:240px;
	z-index:2;
	}
#sec1 div img:nth-of-type(2){
	float:left;
	width:280px;
	margin:20px 20px 0 0;
	}
#sec1 div img:nth-of-type(3){
	float:left;
	width:280px;
	margin:20px 0 0 0;
	}
#sec2{
	position:relative;
	padding-bottom:170px;
	}
#sec2:before{
	content:"";
	display:block;
	background:url(../img/home/sec2bg.webp) no-repeat center center;
	width:100%;
	height:520px;
	margin-bottom:180px;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#sec2:after{
	content:"";
	display:block;
	background-color:#E2E4E6;
	width:100%;
	height:38%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
	}
#sec2 h2{
	max-width:1140px;
	margin:0 auto;
	padding:0 70px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#sec2 p{
	max-width:1140px;
	margin:0 auto;
	padding:35px 390px 0 70px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#sec2 h3{
	max-width:1140px;
	margin:-85px auto 0 auto;
	padding:0 70px;
	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;
	}
#sec2 ul{
	max-width:1310px;
	margin:0 auto;
	padding:50px 70px 0 70px;
	overflow:hidden;
	zoom:1;
	}
#sec2 ul li{
	float:left;
	width:48.8%;
	margin:35px 2.4% 0 0;
	position:relative;
	overflow:hidden;
	zoom:1;
	}
#sec2 ul li:nth-of-type(2n){
	margin-right:0;
	}
#sec2 ul li a{
	position:relative;
	text-align:center;
	display:block;
	}
#sec2 ul li a img{
	transition:0.4s;
	}
#sec2 ul li a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	}
#sec2 ul li a:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-color:#28323C;
	transition:0.3s;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
#sec2 ul li a:hover:after{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	}
#sec2 ul li a strong{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	z-index:2;
	}
#sec2 ul li a strong span{
	font-size:34px;
	font-weight:700;
	display:inline-block;
	padding:1px 12px 1px 12px;
	background-color:#FAFAFA;
	color:#28323C;
	max-width:90%;
	transition:0.3s;
	}
#sec2 ul li a strong span br{
	display:none;
	}
#sec2 ul li a:hover strong span{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#sec3{
	margin-left:-webkit-calc(50% - 570px);
	margin-left:calc(50% - 570px);
	width:-webkit-calc(50% + 570px);
	width:calc(50% + 570px);
	padding:170px 0px 0 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;
	overflow:hidden;
	zoom:1;
	position:relative;
	}
#sec3 h2.titleb{
	position:absolute;
	left:0px;
	top:170px;
	}
#sec3 h6.linkto{
	position:absolute;
	left:0;
	top:345px;
	}
#sec3 .swiperbg{
	position:relative;
	overflow:hidden;
	zoom:1;
	}
#sec3 .swiperbg article{
	width:480px;
	padding:0 50px 120px 0px;
	position:relative;
	overflow:hidden;
	zoom:1;
	}
#sec3 .swiperbg article:last-of-type{
	padding-right:70px;
	}
#sec3 .swiperbg article h3{
	overflow:hidden;
	zoom:1;
	}
#sec3 .swiperbg article h3 a{
	display:block;
	width:100%;
	height:320px;
	transition:0.4s;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	}
#sec3 .swiperbg article h3 a:hover{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	}
#sec3 .swiperbg article h3 a:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-color:#28323C;
	transition:0.3s;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
#sec3 .swiperbg article h3 a:hover:after{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	}
#sec3 .swiperbg article ul{
	float:left;
	padding:15px 12px 0 0;
	overflow:hidden;
	zoom:1;
	}
#sec3 .swiperbg article ul li{
	float:left;
	margin:5px 5px 0 0;
	}
#sec3 .swiperbg article ul li a{
	font-size:15px;
	display:inline-block;
	border:1px solid #998673;
	padding:4px 13px 4px 13px;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	}
#sec3 .swiperbg article time{
	float:left;
	font-size:19px;
	color:#AAAAAA;
	font-family:'Roboto Slab';
	position:relative;
	padding-left:25px;
	margin-top:23px;
	font-weight:400;
	display:inline-block;
	letter-spacing:0.08em;
	}
#sec3 .swiperbg article time:after{
	content:"";
	display:block;
	width:17px;
	height:1px;
	position:absolute;
	left:0;
	top:13px;
	background-color:#AAAAAA;
	}
#sec3 .swiperbg article h4{
	clear:both;
	padding-top:15px;
	font-size:22px;
	font-weight:700;
	}
.swiper-button-next,
.swiper-button-prev{
	position:absolute;
	bottom:0px;
	top:auto;
	outline:0;
	width:51px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	height:51px;
	text-indent:-9999px;
	z-index:20;
	background-color:#28323C;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	left:auto;
	right:200px;
	cursor:pointer;
	}
.swiper-button-next{
	left:auto;
	right:140px;
	}
.swiper-button-prev:after{
	content:"";
	display:block;
	position:absolute;
	z-index:21;
	width:8px;
	height:8px;
	left:50%;
	top:50%;
	margin:-5px 0 0 -3px;
	border-top:2px solid #F5F5F5;
	border-right:2px solid #F5F5F5;
	-moz-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
	}
.swiper-button-next:after{
	content:"";
	display:block;
	position:absolute;
	z-index:21;
	width:8px;
	height:8px;
	left:50%;
	top:50%;
	margin:-5px 0 0 -6px;
	border-top:2px solid #F5F5F5;
	border-right:2px solid #F5F5F5;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.swiper-button-prev:hover,
.swiper-button-next:hover{
	background-color:#50555A;
	}
.swiper-button-disabled{
	background-color:#BEC0C1;
	cursor:auto;
	}
.swiper-button-disabled:hover{
	cursor:auto;
	background-color:#BEC0C1;
	}
.swiper-button-disabled:hover:after{
	border-color:#F5F5F5;
	}
.swiper-scrollbar{
	position:absolute;
	bottom:23px;
	left:0px;
	width:100%;
	width:-webkit-calc(100% - 300px);
	width:calc(100% - 300px);
	height:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	z-index:60;
	background:#E6E6E6;
	}
.swiper-scrollbar-drag{
	background:#28323C;
	height:3px;
	}
:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#sec4{
	position:relative;
	margin-top:160px;
	min-height:1040px;
	overflow:hidden;
	zoom:1;
	}
#sec4:before{
	content:"";
	display:block;
	background:url(../img/home/sec4bg.webp) no-repeat center center;
	width:100%;
	height:520px;
	margin-bottom:130px;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#sec4 h2{
	position:absolute;
	left:50%;
	margin-left:-570px;
	margin-top:50px;
	}
#sec4 h4{
	position:absolute;
	left:50%;
	margin-left:-570px;
	bottom:80px;
	}
#sec4 article{
	max-width:1280px;
	margin:0 auto;
	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:40px 70px 40px 550px;
	position:relative;
	}
#sec4 article:after{
	content:"";
	display:block;
	width:820px;
	height:1px;
	background-color:#D8DADC;
	position:absolute;
	right:70px;
	bottom:0;
	}
#sec4 article:last-of-type:after{
	display:none;
	}
#sec4 article time{
	display:block;
	font-size:20px;
	color:#AAAAAA;
	font-family:'Roboto Slab';
	position:absolute;
	font-weight:400;
	left:390px;
	top:50px;
	letter-spacing:0.08em;
	}
#sec4 article h3{
	font-size:19px;
	font-weight:700;
	}
#sec4 article h3 a{
	display:block;
	padding:10px 70px 10px 0;
	position:relative;
	}
#sec4 article h3 a:after{
	content:"";
	display:block;
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-4px;
	width:8px;
	height:8px;
	border-top:2px solid #998673;
	border-right:2px solid #998673;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	transition:0.4s;
	}
#sec4 article h3 a:hover:after{
	right:20px;
	}
@media screen and (max-width:1300px){
#sec3{
	margin-left:-webkit-calc(70px);
	margin-left:calc(70px);
	width:-webkit-calc(100% - 70px);
	width:calc(100% - 70px);
	padding-left:250px;
	}
#sec4 h2{
	left:70px;
	margin-left:0;
	}
#sec4 h4{
	left:70px;
	margin-left:0;
	}
#sec4 article{
	margin:0 70px 0 320px;
	width:820px;
	float:right;
	max-width:-webkit-calc(100% - 390px);
	max-width:calc(100% - 390px);
	padding:40px 0px 40px 160px;
	}
#sec4 article:after{
	right:0;
	width:-webkit-calc(100%);
	width:calc(100%);
	}
#sec4 article time{
	left:0;
	}
}
@media screen and (max-width:1255px){
#sec1{
	padding-bottom:180px;
	}
#sec1:after{
	font-size:60px;
	bottom:60px;
	}
#sec1 h2{
	padding-right:50%;
	}
#sec1 h2.titleb strong{
	font-size:32px;
	}
#sec1 h3.linkto{
	padding-right:50%;
	}
#sec1 p{
	padding-right:50%;
	}
#sec1 div{
	width:-webkit-calc(45%);
	width:calc(45%);
	}
#sec1 div img:nth-of-type(2){
	width:48.5%;
	margin:20px 3% 0 0;
	}
#sec1 div img:nth-of-type(3){
	width:48.5%;
	}
}
@media screen and (max-width:1160px){
#slidebg h2{
	font-size:88px;
	bottom:80px;
	}
#slidebg h2 strong{
	font-size:28px;
	margin-top:30px;
	}
}
@media screen and (max-width:980px){
#slidebg h2{
	font-size:76px;
	}
#slidebg h2 strong{
	font-size:26px;
	margin-top:25px;
	}
}
@media screen and (max-width:900px){
.bx-wrapper .bx-pager{
	right:0;
	top:auto;
	width:100%;
	transform:none;
	-webkit-transform:none;
	bottom:35px;
	}
.bx-wrapper .bx-pager.bx-default-pager a{
	width:26px;
	height:26px;
	margin:0 6px;
	}
.bx-wrapper .bx-pager.bx-default-pager a:after{
	width:4px;
	height:4px;
	margin:-2px 0 0 -2px;
	}
.bx-wrapper .bx-pager.bx-default-pager a.active:before{
	width:30px;
	height:30px;
	}
#slidebg ul li{
	background:url(../img/home/slide1sp.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg ul li.slide2{
	background:url(../img/home/slide2sp.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg ul li.slide3{
	background:url(../img/home/slide3sp.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg ul li.slide4{
	background:url(../img/home/slide4sp.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slidebg h2{
	font-size:34px;
	left:6%;
	bottom:130px;
	}
#slidebg h2 strong{
	font-size:19px;
	margin-top:20px;
	}
#scroll{
	height:90px;
	right:7%;
	}
#scroll h4{
	font-size:11px;
	margin-left:-22px;
	top:11px;
	letter-spacing:0.07em;
	}
#scroll:after{
	height:40px;
	}
#scroll div{
	height:40px;
	}
#sec1{
	padding:130px 0 120px 0;
	}
#sec1:after{
	font-size:32px;
	left:3%;
	bottom:30px;
	}
#sec1 h2{
	padding:0 7%;
	}
#sec1 h2.titleb strong{
	font-size:25px;
	margin-top:15px;
	}
#sec1 h3.linkto{
	text-align:center;
	padding:40px 7% 0px 7%;
	}
#sec1 p{
	padding:40px 7% 0 7%;
	line-height:2.2;
	}
#sec1 div{
	width:-webkit-calc(86%);
	width:calc(86%);
	position:relative;
	right:auto;
	top:auto;
	margin:90px 7% 0 7%;
	}
#sec1 div img:nth-of-type(2){
	margin-top:15px;
	}
#sec1 div img:nth-of-type(3){
	margin-top:15px;
	}
#sec2{
	padding-bottom:110px;
	}
#sec2:before{
	height:200px;
	margin-bottom:120px;
	}
#sec2:after{
	height:48%;
	}
#sec2 h2{
	padding:0 7%;
	}
#sec2 p{
	padding:30px 7% 0 7%;
	}
#sec2 h3{
	margin:0;
	text-align:center;
	padding:40px 7% 0px 7%;
	}
#sec2 ul{
	max-width:600px;
	padding:50px 9% 0 9%;
	}
#sec2 ul li{
	float:none;
	width:auto;
	margin:20px 0 0 0;
	}
#sec2 ul li:before{
	content:"";
	display:block;
	position:absolute;
	z-index:5;
	right:16px;
	bottom:18px;
	width:19px;
	height:19px;
	background-color:#28323C;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	}
#sec2 ul li:after{
	content:"";
	display:block;
	position:absolute;
	z-index:6;
	right:24px;
	bottom:25px;
	width:4px;
	height:4px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	}
#sec2 ul li a strong span{
	line-height:1.2;
	font-size:24px;
	padding:2px 10px 2px 10px;
	max-width:86%;
	}
#sec2 ul li a strong span br{
	display:block;
	}
#sec2 ul li a:hover img{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	}
#sec2 ul li a:hover:after{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
#sec2 ul li a:hover strong span{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
#sec3{
	margin-left:-webkit-calc(7%);
	margin-left:calc(7%);
	width:-webkit-calc(93%);
	width:calc(93%);
	padding:120px 0 0 0;
	}
#sec3 h2.titleb{
	position:relative;
	left:auto;
	top:auto;
	margin-bottom:30px;
	}
#sec3 h6.linkto{
	position:relative;
	left:auto;
	top:auto;
	text-align:center;
	padding-top:40px;
	}
#sec3 .swiperbg article{
	max-width:88%;
	width:360px;
	padding:0 20px 80px 0px;
	}
#sec3 .swiperbg article:last-of-type{
	padding-right:7%;
	}
#sec3 .swiperbg article h3 a{
	height:220px;
	}
#sec3 .swiperbg article h3 a:hover{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	}
#sec3 .swiperbg article h3 a:hover:after{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
#sec3 .swiperbg article ul li a{
	font-size:14px;
	}
#sec3 .swiperbg article time{
	font-size:18px;
	padding-left:24px;
	}
#sec3 .swiperbg article time:after{
	width:16px;
	}
#sec3 .swiperbg article h4{
	padding-top:12px;
	font-size:20px;
	}
.swiper-button-next,
.swiper-button-prev{
	width:40px;
	height:40px;
	right:70px;
	}
.swiper-button-next{
	right:20px;
	}
.swiper-button-prev:after{
	width:6px;
	height:6px;
	margin:-4px 0 0 -3px;
	}
.swiper-button-next:after{
	width:6px;
	height:6px;
	margin:-4px 0 0 -5px;
	}
.swiper-scrollbar{
	bottom:18px;
	left:0px;
	width:-webkit-calc(100% - 140px);
	width:calc(100% - 140px);
	}
#sec4{
	margin-top:110px;
	min-height:auto;
	}
#sec4:before{
	height:200px;
	margin-bottom:120px;
	}
#sec4 h2{
	position:relative;
	left:auto;
	margin-top:0;
	padding:0 7% 20px 7%;
	}
#sec4 h4{
	position:relative;
	left:auto;
	bottom:auto;
	text-align:center;
	padding-top:20px;
	}
#sec4 article{
	margin:0 7%;
	padding:20px 0 20px 0;
	width:auto;
	float:none;
	max-width:-webkit-calc(86%);
	max-width:calc(86%);
	}
#sec4 article:after{
	width:100%;
	right:0;
	}
#sec4 article time{
	font-size:18px;
	position:relative;
	left:auto;
	top:auto;
	}
#sec4 article h3{
	font-size:18px;
	}
#sec4 article h3 a{
	padding:5px 40px 5px 0;
	}
#sec4 article h3 a:after{
	right:20px;
	top:13px;
	margin-top:0;
	width:6px;
	height:6px;
	}
}