.hero {
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 970px) {
	.hero {
		height: 56vw
	}
}
/* .hero:after {
	content: '';
	position: absolute;
	background-image: url(../images/front-page/mv_bg.png);
	background-position: center center;
	background-size: cover;
	bottom: -1px;
	left: 0;
	width: 100vw;
	height: 6.3vw;
	z-index: 0
}
@media screen and (max-width: 970px) {
	.hero:after {
		height: 9vw;
		background-image: url(../images/front-page/sp_mv_bg.png);
		bottom: 17;
		left: -1px
	}
} */
/* .hero #bgvid {
	position: absolute
}
@media screen and (max-width: 970px) {
	.hero #bgvid {
		position: relative;
		height: 56vw
	}
} */
.hero #bgvid {
    width: 100%;
}
/* .hero .hero__catch {
	position: absolute;
	bottom: 0px;
	left: calc((100% - 986px)/2);
	z-index: 2;
	width: 194px
}
@media screen and (max-width: 970px) {
	.hero .hero__catch {
		left: 10vw;
		width: 14vw
	}
} */
.hero .hero__catch {
    position: absolute;
    top: 1.25vw;
    right: 1vw;
    width: 30vw;
}
/* .hero #bgvidsp {
	height: 56vw
} */
.news {
	padding: 120px 0 30px;
	position: relative
}
.news:after {
	content: '';
	position: absolute;
	background-image: url(../images/common/bg_img_wood_top_green.png);
	bottom: -298px;
	left: -9px;
	width: 449px;
	z-index: 0;
	height: 486px
}
@media screen and (max-width: 970px) {
	.news:after {
		display: none
	}
}
@media screen and (max-width: 970px) {
	.news {
		padding: 30px 0
	}
}
.news .newsInner {
	display: flex
}
@media screen and (max-width: 970px) {
	.news .newsInner {
		padding: 30px 0 0;
		flex-wrap: wrap
	}
}
.news .news__title {
	padding: 7px 128px 0 82px;
	font-size: 2.4rem;
	font-weight: bold
}
@media screen and (max-width: 970px) {
	.news .news__title {
		width: 60px;
		padding: 0;
		font-size: 2.1rem;
		align-items: center;
		display: flex
	}
}
.news .news__content {
	flex: 1
}
@media screen and (max-width: 970px) {
	.news .news__content {
		width: calc(100% - 60px);
		padding: 10px 20px 0 0
	}
}
.news .news__item {
	display: flex;
	padding: 4px 0 27px;
	align-items: center
}
@media screen and (max-width: 970px) {
	.news .news__item {
		flex-wrap: wrap
	}
}
.news .news__date {
	font-size: 1.4rem
}
@media screen and (max-width: 970px) {
	.news .news__date {
		font-size: 1.2rem
	}
}
.news .news__category {
	margin: 0 18px;
	font-size: 1.3rem;
	background: #FFFFFF;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 2px 7px;
	min-width: 70px;
	text-align: center
}
@media screen and (max-width: 970px) {
	.news .news__category {
		font-size: 1.2rem
	}
}
@media screen and (max-width: 970px) {
	.news .news__label {
		width: 100%;
		margin: 8px 0 0 0;
		line-height: 2
	}
}
.news .news__more {
	padding: 31px 82px 0
}
@media screen and (max-width: 970px) {
	.news .news__more {
		width: 100%;
		padding: 0;
		display: flex;
		justify-content: center
	}
}
.label {
	font-size: 3.2rem;
	font-weight: bold;
	width: 100px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	padding: 20px 30px;
	margin: -41px 49px 0;
	position: relative
}
@media screen and (max-width: 970px) {
	.label {
		font-size: 1.8rem;
		width: 68px;
		padding: 15px 0;
		margin: -13px 18px 0 0
	}
}
.label:before {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 40px 50px;
	border-color: transparent transparent #ffffff transparent;
	content: '';
	display: block;
	top: -40px;
	left: 0
}
@media screen and (max-width: 970px) {
	.label:before {
		left: 0px;
		top: -24px;
		border-width: 0 33.5px 25px 33.5px
	}
}
.label:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 40px;
	background-color: #f66533;
	content: '';
	display: block
}
@media screen and (max-width: 970px) {
	.label:after {
		width: 2.5px;
		height: 30px
	}
}
.label img {
	height: 57px;
	width: auto;
	margin: 15px 0 0 0
}
@media screen and (max-width: 970px) {
	.label img {
		height: 42px;
		width: auto;
		margin: 17px 0 0 0
	}
}
.about {
	padding: 90px 0 120px;
	position: relative;
	z-index: 1
}
@media screen and (max-width: 970px) {
	.about {
		padding: 0
	}
}
.about .aboutInner {
	padding: 0
}
.about .aboutContent {
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row-reverse
}
.about .aboutContent__text {
	padding: 89px 50px 70px 240px;
	line-height: 2;
	width: calc(100% - 100px)
}
@media screen and (max-width: 970px) {
	.about .aboutContent__text {
		padding: 58px 16px 46px 20px;
		width: calc(100% - 67px)
	}
}
.about .aboutLinks {
	display: flex;
	flex-wrap: wrap
}
.about .aboutLinks__link {
	width: 50%;
	height: 405px;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	position: relative;
	display: flex;
	flex-direction: column-reverse
}
@media screen and (max-width: 970px) {
	.about .aboutLinks__link {
		width: 100%;
		height: 70vw
	}
}
.about .aboutLinks__link:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	transition: all .8s ease;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}
.about .aboutContent__link--1:after {
	background-image: url(../images/front-page/img_about_01.jpg)
}
.about .aboutContent__link--2:after {
	background-image: url(../images/front-page/img_about_02.jpg)
}
.about .aboutContent__link--3:after {
	background-image: url(../images/front-page/img_about_03.jpg)
}
.about .aboutContent__link--4:after {
	background-image: url(../images/front-page/img_about_04.jpg)
}
.about .aboutLinks__link:hover:after {
	transform: scale(1.05)
}
.about .aboutContent__link--4:hover:after {
	transform: scale(1)
}
.about .aboutLinks__label {
	background: rgba(255, 255, 255, 0.7);
	width: 58px;
	font-size: 2rem;
	font-weight: bold;
	padding: 20px 15px;
	width: 100%;
	text-align: center;
	z-index: 1
}
@media screen and (max-width: 970px) {
	.about .aboutLinks__label {
		font-size: 1.5rem;
		padding: 12px
	}
}
.about .aboutLinks__label:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0)
}
.achievement {
	padding: 122px 0 128px;
	position: relative
}
@media screen and (max-width: 970px) {
	.achievement {
		padding: 0
	}
}
.achievement:after {
	position: absolute;
	background-image: url(../images/front-page/img_content_02.jpg);
	content: '';
	width: 64vw;
	height: 50vw;
	max-height: 630px;
	background-size: cover;
	top: 17px;
	left: 0;
	z-index: -1;
	background-repeat: no-repeat
}
@media screen and (max-width: 970px) {
	.achievement:after {
		width: 100%;
		height: 62vw;
		top: 60px;
		background-size: cover;
		z-index: 1
	}
}
.achievement:before {
	content: '';
	position: absolute;
	background-image: url(../images/common/bg_img_wood_top_green.png);
	bottom: -300px;
	left: -86px;
	width: 449px;
	z-index: -1;
	height: 486px
}
@media screen and (max-width: 970px) {
	.achievement:before {
		display: none
	}
}
@media screen and (max-width: 970px) {
	.achievement .achievementInner {
		padding: 0
	}
}
.achievement .achievementContent {
	display: flex;
	background: #FFFFFF;
	width: 640px;
	margin: 0 0 0 auto
}
@media screen and (max-width: 970px) {
	.achievement .achievementContent {
		width: 100%;
		flex-wrap: wrap
	}
}
.achievement .achievementLabel {
	margin: -41px 19px 0 49px;
	padding: 20px 14px
}
@media screen and (max-width: 970px) {
	.achievement .achievementLabel {
		margin: -31px 19px 0 18px;
		z-index: 2
	}
}
.achievement .achievementContent__text {
	padding: 70px 80px 55px 0;
	line-height: 2
}
@media screen and (max-width: 970px) {
	.achievement .achievementContent__text {
		padding: calc(62vw - 100px) 20px 40px 20px;
		width: 100%
	}
}
.achievement .achievementCotent__btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 12px 0 0;
	font-size: 1.4rem
}
@media screen and (max-width: 970px) {
	.achievement .achievementCotent__btn {
		padding: 69px 0 39px;
		justify-content: center
	}
}
.achievement .achievementCotent__more {
	margin: 0 0 0 8px
}
.greeting {
	margin: 0 0 110px 0;
	position: relative
}
.greeting:before {
	content: '';
	position: absolute;
	background-image: url(../images/common/bg_img_wood_top_green.png);
	bottom: -300px;
	right: -50px;
	width: 449px;
	z-index: -1;
	height: 486px
}
@media screen and (max-width: 970px) {
	.greeting:before {
		display: none
	}
}
@media screen and (max-width: 970px) {
	.greeting {
		padding: 60px 0 50px;
		margin: 0
	}
}
.greeting .greetingPhotos {
	display: flex
}
.greeting .greetingPhotos img {
	width: calc(100% / 3)
}
@media screen and (max-width: 970px) {
	.greeting .greetingPhotos img {
		width: 100%
	}
}
@media screen and (max-width: 970px) {
	.greeting .greetingInner {
		padding: 0
	}
}
.greeting .greetingCotent {
	background-color: #FFFFFF;
	display: flex;
	margin: 0 100px;
	position: relative
}
@media screen and (max-width: 970px) {
	.greeting .greetingCotent {
		margin: 0;
		flex-wrap: wrap
	}
	.greeting .greetingCotent:before {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		background-image: url(../images/front-page/img_content_03_03.jpg);
		background-size: cover;
		width: 100%;
		height: 62vw
	}
}
.greeting .greetingLabel {
	margin: -41px 0 0 49px;
	padding: 20px 14px
}
@media screen and (max-width: 970px) {
	.greeting .greetingLabel {
		margin: -25px 21px 0 18px
	}
}
.greeting .greetingCotent__text {
	padding: 70px 25px 55px 80px;
	line-height: 2
}
@media screen and (max-width: 970px) {
	.greeting .greetingCotent__text {
		padding: calc(62vw - 220px) 25px 50px 25px;
		width: 100%
	}
}
.greeting .greetingCotent__btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 43px 24px 0 0;
	font-size: 1.4rem
}
@media screen and (max-width: 970px) {
	.greeting .greetingCotent__btn {
		padding: 43px 0 0px 0;
		justify-content: center
	}
}
.greeting .greetingCotent__more {
	margin: 0 0 0 8px
}
.purecut {
	padding: 77px 0 186px;
	position: relative
}
@media screen and (max-width: 970px) {
	.purecut {
		padding: 0 0 50px 0;
		background-color: #faf4ee
	}
	.purecut:before {
		content: '';
		background-color: #faf4ee;
		position: absolute;
		top: 10px;
		left: 0;
		width: 100%;
		height: 50px
	}
}
.purecut:after {
	position: absolute;
	background-image: url(../images/front-page/img_content_06.jpg);
	content: '';
	width: 64vw;
	height: 50vw;
	max-height: 630px;
	background-size: cover;
	top: 17px;
	right: 0;
	z-index: -1;
	background-repeat: no-repeat
}
@media screen and (max-width: 970px) {
	.purecut:after {
		width: 100%;
		height: 62vw;
		top: 60px;
		background-size: cover;
		z-index: 1
	}
}
@media screen and (max-width: 970px) {
	.purecut .purecutInner {
		padding: 0
	}
}
.purecut .purecutContent {
	display: flex;
	background: #FFFFFF;
	width: 640px
}
@media screen and (max-width: 970px) {
	.purecut .purecutContent {
		width: 100%;
		flex-wrap: wrap;
		background: inherit;
		background: #FFFFFF
	}
}
.purecut .purecutLabel {
	margin: -41px 19px 0 49px;
	padding: 20px 10px
}
@media screen and (max-width: 970px) {
	.purecut .purecutLabel {
		margin: 41px 19px 0 18px;
		z-index: 2
	}
	.purecut .purecutLabel img {
		height: auto
	}
}
.purecut .purecutContent__text {
	padding: 70px 80px 40px 0;
	line-height: 2
}
@media screen and (max-width: 970px) {
	.purecut .purecutContent__text {
		padding: calc(62vw - 260px) 20px 20px 20px;
		width: 100%;
		background-color: #FFFFFF
	}
}
.purecut .purecutCotent__btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 45px 0 24px 0;
	font-size: 1.4rem
}
@media screen and (max-width: 970px) {
	.purecut .purecutCotent__btn {
		padding: 30px 0;
		justify-content: center
	}
}
.purecut .purecutCotent__more {
	margin: 0 0 0 8px
}
.woodproject {
	position: relative
}
@media screen and (max-width: 970px) {
	.woodproject {
		position: relative
	}
	.woodproject:before {
		content: '';
		background-color: #faf4ee;
		position: absolute;
		top: -50px;
		left: 0;
		width: 100%;
		height: 50px
	}
}
.woodproject:before {
	content: '';
	position: absolute;
	background-image: url(../images/common/bg_img_wood_top_green.png);
	bottom: 200px;
	right: -86px;
	width: 449px;
	z-index: -1;
	height: 486px
}
@media screen and (max-width: 970px) {
	.woodproject:before {
		display: none
	}
}
.woodproject .woodprojectInner {
	display: flex;
	margin-right: calc((100% - 1080px)/2)
}
@media screen and (max-width: 970px) {
	.woodproject .woodprojectInner {
		margin: 0;
		flex-wrap: wrap
	}
}
.woodproject .woodprojectPicture {
	background-image: url(../images/front-page/img_content_05.jpg);
	background-size: cover;
	flex: 1
}
@media screen and (max-width: 970px) {
	.woodproject .woodprojectPicture {
		width: 100%;
		height: 60vw;
		flex: auto
	}
}
.woodproject .woodprojectContent {
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row-reverse;
	width: 56.5%
}
@media screen and (max-width: 970px) {
	.woodproject .woodprojectContent {
		width: 100%
	}
}
.woodproject .woodprojectLabel {
	font-size: 2.8rem;
	margin: -41px 49px 0 0
}
@media screen and (max-width: 970px) {
	.woodproject .woodprojectLabel {
		font-size: 1.8rem;
		position: absolute;
		top: 0;
		margin: -24px 16px 0 0;
		right: 0
	}
}
.woodproject .woodprojectContent__text {
	padding: 70px 25px 40px 70px;
	line-height: 2
}
@media screen and (max-width: 970px) {
	.woodproject .woodprojectContent__text {
		padding: 52px 20px 20px 20px
	}
}
.woodproject .woodprojectCotent__btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 24px 0;
	font-size: 1.4rem
}
@media screen and (max-width: 970px) {
	.woodproject .woodprojectCotent__btn {
		justify-content: center
	}
}
.woodproject .woodprojectCotent__more {
	margin: 0 0 0 8px
}
.employeeImage {
	padding: 100px 0 0
}
@media screen and (max-width: 970px) {
	.employeeImage {
		padding: 0;
		background-color: #FFFFFF
	}
}
.hoverScale120 {
	display: flex;
	align-items: center
}
/* 代表変更に伴う修正 */

.about .aboutContent__link--1 {
	width: 100%;
}
.about .aboutContent__link--5:after {
	background-image: url(../images/front-page/img_content_04.jpg)
}