@charset "utf-8";

/* mainvisual */
#main-image{position:relative;overflow: hidden;background: #FFF;}

/*#main-image:before{content: ""; width: 960px;position: absolute;left: 0;bottom: 0;height: 150px;z-index: 2;background: #FFF;}

#main-image:after{ font-weight: bold;position: absolute;left: 75px;bottom: 126px;z-index: 9;white-space: nowrap;}*/


#slider-bg{}

.slider{position:relative;overflow: hidden;display:block;height: 750px;background-color: #fff;background-position: center center;background-size:cover;background-repeat: no-repeat;display: flex;}
	@media only screen and (max-width:1199px)	 {.slider{height: 600px;}}
	@media only screen and (max-width:991px)	 {.slider{height: 450px;}}
	@media only screen and (max-width:767px)	 {.slider{height: 300px;}}
	@media only screen and (max-width:575px)	 {.slider{height: 360px;}}

.slider img{position:absolute;top:0;left:180px;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;opacity:1;}
	@media only screen and (max-width:1199px)	 {.slider img{left: 90px;}}
	@media only screen and (max-width:991px)	 {.slider img{left: 60px;}}
	@media only screen and (max-width:767px)	 {.slider img{left: 30px;}}




.main-text{
	border-bottom:10px solid #496A0B;
	display: flex;justify-content:flex-start;align-items:flex-end;
	position: absolute;top: 0;left: 75px;right: 0;bottom: 0;z-index: 999;
	}
	@media only screen and (max-width:1199px)	 {.main-text{left: 30px;}}
	@media only screen and (max-width:991px)	 {.main-text{top: 50px;}}
	@media only screen and (max-width:767px)	 {.main-text{left: 15px;border-width:5px;}}


.main-copy{width: 960px;box-shadow:10px 10px 0 #496A0B;background: #FFF;margin-bottom: -10px;height: 150px;position: relative;display: flex;justify-content:flex-start;align-items:flex-end;}
	@media only screen and (max-width:1199px)	 {.main-copy{width: 660px;height: 120px;}}
	@media only screen and (max-width:991px)	 {.main-copy{width: 570px;height: 90px;}}
	@media only screen and (max-width:767px)	 {.main-copy{box-shadow:5px 5px 0 #496A0B;margin-bottom: -5px;}}
	@media only screen and (max-width:575px)	 {.main-copy{width: 240px;height: 150px;}}

.main-copy:before{content: "Wood Proccessing";font-size: 99px;line-height: 100px;font-family: 'ptsans',sans-serif;letter-spacing:.05em;color:rgba(73,106,11,.75);position: absolute;top: -66px;font-weight: bold;white-space: nowrap;}
	@media only screen and (max-width:1199px)	 {.main-copy:before{font-size: 72px;line-height: 1;top: -45px;}}
	@media only screen and (max-width:991px)	 {.main-copy:before{font-size: 48px;line-height: 1;top: -30px;}}
	@media only screen and (max-width:575px)	 {.main-copy:before{font-size: 39px;line-height: 1;top: -63px;width: 240px;white-space: normal;}}

.main-copy p{font-size: 27px;line-height: 48px;color:#212121;height: 96px;letter-spacing:.05em;}
	@media only screen and (max-width:1199px)	 {.main-copy p{font-size: 21px;line-height: 36px;height: 72px;}}
	@media only screen and (max-width:991px)	 {.main-copy p{font-size: 18px;line-height: 30px;height: 60px;}}
	@media only screen and (max-width:767px)	 {.main-copy p{font-size: 15px;line-height: 24px;height: 48px;}}
	@media only screen and (max-width:575px)	 {.main-copy p{height: 120px;}}

.main-copy p strong{font-weight: normal;font-size: 30px;}
	@media only screen and (max-width:1199px)	 {.main-copy p strong{font-size: 24px;}}
	@media only screen and (max-width:991px)	 {.main-copy p strong{font-size: 21px;}}
	@media only screen and (max-width:767px)	 {.main-copy p strong{font-size: 18px;}}