@charset "utf-8";

.heroBlk{
	position: relative;
}
.heroBlk .kv_img{
	display: block;
	background: url("../img/top/kv_pc.jpg") no-repeat center/cover;
	width: 100%;
}
.heroBlk .kv_img .bg_img{
	width: 100%;
	min-height: 670px;
	visibility: hidden;
}
.heroBlk .kv_catch{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1100px;
	height: 100%;
	padding: 0 20px;
	margin: 0 auto;
}
.heroBlk .kv_catch .copy{
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 2.107;
}
.heroBlk .kv_catch .catch{
	width: 383.5px;
	margin-bottom: 25px;
}
.heroBlk .kv_catch .kv_lnk{
	position: relative;
	font-size: 14px;
	color: #000;
	line-height: 1;
}
.heroBlk .kv_catch .kv_lnk::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23000%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;
	width: 10px;
	height: 0;
	padding-bottom: 7px;
	margin: auto 10px;
}
.heroBlk .kv_catch .kv_lnk:hover::after{
	animation: moveArrow 0.7s linear forwards;
}
@media screen and (max-width: 768px) {
	.heroBlk .kv_img{
		background: none;
	}
	.heroBlk .kv_img .bg_img{
		min-height: 0;
		visibility: visible;
	}
	.heroBlk .kv_catch{
		display: block;
		max-width: 70.667%;
		padding: 0;
		margin: 23.333% auto 0;
	}
	.heroBlk .kv_catch .copy{
		margin-bottom: 9.434%;
		font-size: 5.333vw;
		line-height: 2;
	}
	.heroBlk .kv_catch .catch{
		display: inline-block;
		width: 100%;
		margin-bottom: 7.547%;
	}
	.heroBlk .kv_catch .kv_lnk{
		font-size: 2.533vw;
	}
	.heroBlk .kv_catch .kv_lnk::after{
		width: 2.667vw;
		padding-bottom: 2.267vw;
		margin: auto 1.333vw;
	}
	.heroBlk .kv_catch .kv_lnk:hover::after{
		animation: none;
	}
}

.contents_inner{
	position: relative;
	padding: 160px 0 0;
}
.contents_inner .btn_ar{
	position: relative;
	border: solid 1px #346a30;
	width: 300px;
	padding: 20px 30px;
	font-size: 16px;
	color: #000;
	letter-spacing: 0.06em;
	line-height: 1.810;
	box-sizing: border-box;
}
.contents_inner .btn_ar::after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23346a30%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;
	width: 18px;
	height: 0;
	padding-bottom: 14px;
	margin: auto 30px;
}
.contents_inner .btn_ar:hover{
	background-color: #346a30;
	color: #fff;
	opacity: 1;
}
.contents_inner .btn_ar:hover::after{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E');
	animation: moveArrow 0.7s linear forwards;
}
@media screen and (max-width: 768px) {
	.contents_inner{
		padding-top: 6.667%;
	}
	.contents_inner .btn_ar{
		width: 43.333vw;
		padding: 2.667vw 5.333vw;
		font-size: 3.2vw;
	}
	.contents_inner .btn_ar::after{
		width: 2.667vw;
		padding-bottom: 2.267vw;
		margin: auto 3.333vw;
	}
	.contents_inner .btn_ar:hover::after{
		animation: none;
	}
}

.company{
	margin-bottom: 155px;
}
.company .wrap{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	max-width: 1100px;
	padding: 0 20px;
	margin: 0 auto;
}
.company .company_img{
	width: 510px;
	margin: 0;
}
.company .company_lnk{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 510px;
	margin-right: 20px;
}
.company .company_lnk .ttl{
	width: 324px;
	margin-bottom: 24px;
}
.company .company_lnk .catch{
	position: relative;
	border-top: solid 2px #ededed;
	width: 100%;
	padding-top: 40px;
	margin-bottom: 50px;
	font-size: 21px;
	letter-spacing: 0.06em;
	line-height: 1.810;
}
.company .company_lnk .catch::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: solid 2px #346a30;
	width: 100px;
	margin-top: -2px;
}
@media screen and (max-width: 768px) {
	.company{
		margin-bottom: 17.333%;
	}
	.company .wrap{
		display: block;
		max-width: 86.667%;
		padding: 0;
	}
	.company .company_img{
		width: 100%;
		margin-bottom: 10%;
	}
	.company .company_lnk{
		width: 100%;
		margin-right: 0;
	}
	.company .company_lnk .ttl{
		width: 52.308%;
		margin-bottom: 2.769%;
	}
	.company .company_lnk .catch{
		padding-top: 9.231%;
		margin-bottom: 9.231%;
		font-size: 3.733vw;
	}
	.company .company_lnk .catch::before{
		width: 20vw;
	}
}

.business{
	margin-bottom: 155px;
}
.business .wrap{
	display: flex;
	justify-content: space-between;
	max-width: 1100px;
	padding: 0 20px;
	margin: 0 auto;
}
.business .business_img{
	width: 510px;
	margin: 0;
}
.business .business_lnk{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 510px;
	margin-left: 20px;
}
.business .business_lnk .ttl{
	width: 295px;
	margin-bottom: 24px;
}
.business .business_lnk .catch{
	position: relative;
	border-top: solid 2px #ededed;
	width: 100%;
	padding-top: 40px;
	margin-bottom: 50px;
	font-size: 21px;
	letter-spacing: 0.06em;
	line-height: 1.810;
}
.business .business_lnk .catch::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: solid 2px #346a30;
	width: 100px;
	margin-top: -2px;
}
@media screen and (max-width: 768px) {
	.business{
		margin-bottom: 17.333%;
	}
	.business .wrap{
		display: block;
		max-width: 86.667%;
		padding: 0;
	}
	.business .business_img{
		width: 100%;
		margin-bottom: 10%;
	}
	.business .business_lnk{
		display: flex;
		width: 100%;
		margin-left: 0;
	}
	.business .business_lnk .ttl{
		width: 47.538%;
		margin-bottom: 5.385%;
	}
	.business .business_lnk .catch{
		padding-top: 9.231%;
		margin-bottom: 9.231%;
		font-size: 3.733vw;
	}
	.business .business_lnk .catch::before{
		width: 20vw;
	}
}

.works{
	margin-bottom: 100px;
}
.works .wrap{
	display: block;
	max-width: 1100px;
	padding: 0 20px;
	margin: 0 auto 80px;
}
.works .works_lnk{
	position: relative;
	border-bottom: solid 2px #ededed;
	width: 100%;
	margin: 0;
}
.works .works_lnk::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: solid 2px #346a30;
	width: 100px;
	margin-bottom: -2px;
}
.works .works_lnk .ttl{
	width: 215px;
	margin-bottom: 40px;
}
.works .swiper{
	position: relative;
	width: 100%;
	padding: 102px 0 80px;
	margin-top: -62px;
}
.works .swiper .btn-prev,
.works .swiper .btn-next{
	position: absolute;
	top: 0;
	right: 0;
	border: solid 1px #346a30;
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-transition: .3s;
			transition: .3s;
	z-index: 2;
}
.works .swiper .btn-prev{
	right: 45px;
}
.works .swiper .btn-prev:hover,
.works .swiper .btn-next:hover{
	border: solid 1px #346a30;
	background-color: #346a30;
}
.works .swiper .btn-prev::after,
.works .swiper .btn-next::after{
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23346a30%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;
	width: 12px;
	height: 0;
	padding-bottom: 10px;
	margin: auto;
}
.works .swiper .btn-prev:hover::after,
.works .swiper .btn-next:hover::after{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E');
}
.works .swiper .btn-prev::after{
	-webkit-transform: scale(-1,1);
			transform: scale(-1,1);
}
.works .works_box {
	width: 100%;
	height: 100%;
}
.works .works_box .img {
	margin-bottom: 25px;
}
.works .works_box .year {
	margin-bottom: 5px;
	font-size: 13px;
	color: #777;
}
.works .works_box .name {
	margin-bottom: 10px;
	font-size: 18px;
}
.works .works_box .lnk {
	position: relative;
	display: inline-block;
	border-bottom: solid 1px #346a30;
	padding-bottom: 4px;
	font-size: 14px;
	color: #346a30;
	line-height: 1;
}
.works .works_box .lnk::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23346a30%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;
	width: 11px;
	height: 0;
	padding-bottom: 9px;
	margin: auto 8px;
	pointer-events: none;
}
.works .works_box .lnk:hover::after{
	animation: moveArrow 0.7s linear forwards;
}
.works .btn_ar{
	display: block;
	width: 350px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.works{
		margin-bottom: 13.333%;
	}
	.works .wrap{
		max-width: 86.667%;
		padding: 0;
		margin-bottom: 13.333%;
	}
	.works .works_lnk::before{
		width: 20vw;
	}
	.works .works_lnk .ttl{
		width: 34.615%;
		margin-bottom: 5.385%;
	}
	.works .swiper{
		position: relative;
		width: 100%;
		padding: 19.231% 0 13.846%;
		margin-top: -13.077%;
	}
	.works .swiper .btn-prev,
	.works .swiper .btn-next{
		width: 8vw;
		height: 8vw;
	}
	.works .swiper .btn-prev{
		right: 9.333vw;
	}
	.works .swiper .btn-prev::after,
	.works .swiper .btn-next::after{
		width: 2.667vw;
		padding-bottom: 2.267vw;
	}
	.works .works_box .img {
		margin-bottom: 5.385%;
	}
	.works .works_box .year {
		margin-bottom: 0.769%;
		font-size: 2.667vw;
	}
	.works .works_box .name {
		margin-bottom: 1.538%;
		font-size: 3.733vw;
	}
	.works .works_box .lnk {
		padding-bottom: 1.067vw;
		font-size: 3.2vw;
	}
	.works .works_box .lnk::after{
		width: 2.667vw;
		padding-bottom: 2.267vw;
		margin: auto 2.667vw;
	}
	.works .works_box .lnk:hover::after{
		animation: none;
	}
	.works .btn_ar{
		width: 57.846%;
	}
}

.works .wrap.sale{
	background-color: #f5f5f5;
	max-width: 100%;
	padding: 80px 20px 100px;
	margin-bottom: 0;
}
.works .wrap.sale h3{
	margin-bottom: 55px;
	font-size: 27px;
	line-height: 1.5;
	text-align: center;
}
.works .sale .works_box {
	width: 530px;
	margin: 0 auto;
}
.works .sale .works_box .img {
	margin-bottom: 25px;
}
.works .sale .works_box .add {
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 0.06em;
	line-height: 1;
}
.works .sale .works_box .name {
	position: relative;
	border-bottom: solid 2px #fff;
	display: block;
	padding-bottom: 25px;
	margin-bottom: 30px;
	font-size: 21px;
	letter-spacing: 0.06em;
}
.works .sale .works_box .name::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: solid 2px #346a30;
	width: 100px;
	margin-bottom: -2px;
}
.works .sale .works_box .btn_ar{
	width: 200px;
	padding: 10px 20px;
	margin: 0;
	font-size: 15px;
	letter-spacing: 0;
	text-align: left;
}
.works .sale .works_box .btn_ar::after{
	width: 12px;
	padding-bottom: 10px;
	margin: auto 20px;
}
@media screen and (max-width: 768px) {
	.works .wrap.sale{
		max-width: 100%;
		padding: 12% 0 16%;
	}
	.works .wrap.sale h3{
		margin-bottom: 11.333%;
		font-size: 5.067vw;
	}
	.works .sale .works_box {
		width: 86.667%;
	}
	.works .sale .works_box .img {
		margin-bottom: 5.385%;
	}
	.works .sale .works_box .add {
		margin-bottom: 0.769%;
		font-size: 2.667vw;
	}
	.works .sale .works_box .name {
		padding-bottom: 5.385%;
		margin-bottom: 6.154%;
		font-size: 3.733vw;
	}
	.works .sale .works_box .name::before{
		width: 20vw;
	}
	.works .sale .works_box .btn_ar{
		width: 43.333vw;
		padding: 2.667vw 5.333vw;
		font-size: 3.2vw;
	}
	.works .sale .works_box .btn_ar::after{
		width: 2.667vw;
		padding-bottom: 2.267vw;
		margin: auto 3.333vw;
	}
}

.news{
	margin-bottom: 120px;
}
.news .wrap{
	display: block;
	max-width: 1100px;
	padding: 0 20px;
	margin: 0 auto 80px;
}
.news .ttl{
	margin-bottom: 55px;
	font-size: 27px;
	line-height: 1;
	text-align: center;
}
.news .news_wrap{
	border-top: solid 1px #e0e0e0;
	max-width: 800px;
	margin: 0 auto 105px;
}
.news .news_wrap > p{
	border-bottom: solid 1px #e0e0e0;
	padding: 25px 0;
	font-size: 15px;
}
.news .news_wrap > p a{
	color: #346a30;
}
.news .news_wrap .date{
	display: block;
	margin-bottom: 8px;
	color: #aaa;
	line-height: 1;
}
.bnr_area{
  background-color:#f5f5f5;
  padding:80px 0 100px;
}
.bnr_area .bnr_wrap{
	display: flex;
	justify-content: space-between;
	justify-content: center;
	max-width: 800px;
	margin: 0 auto;
  flex-wrap: wrap;
}
.bnr_area .bnr_ttl{
  width: 505px;
  margin: 0 auto 40px;
  text-align: center;
}
.bnr_area .bnr_wrap .bnr{
	width: 390px;
	margin: 0;
}
.bnr_area .bnr_wrap .bnr + .bnr{
	margin-left: 20px;
}
@media screen and (max-width: 768px) {
	.news{
		margin-bottom: 13.333%;
	}
	.news .wrap{
		max-width: 100%;
		padding: 0;
		margin-bottom: 0;
	}
	.news .ttl{
		margin-bottom: 12.308%;
		font-size: 5.067vw;
	}
	.news .news_wrap{
		max-width: 86.667%;
		margin-bottom: 13.077%;
	}
	.news .news_wrap > p{
		padding: 4.615% 0;
		font-size: 3.2vw;
	}
	.news .news_wrap .date{
		margin-bottom: 1.538%;
	}
  .bnr_area{
    padding:9.333% 0 13.333%;
  }
  .bnr_area .bnr_wrap{
		display: block;
		max-width: 86.667%;
	}
  .bnr_area .bnr_ttl{
    width: 86.667%;
    margin: 0 auto 5.333%;
  }
	.bnr_area .bnr_wrap .bnr{
		width: 100%;
		margin: 0;
	}
	.bnr_area .bnr_wrap .bnr + .bnr{
		margin-left: 0;
		margin-top: 6.154%;
	}
}

.coversion{
	background-color: #212121;
	padding: 110px 0 90px;
}
.coversion .wrap{
	position: relative;
	display: block;
	max-width: 1100px;
	padding: 0 20px;
	margin: 0 auto;
}
.coversion .ttl{
	width: 260px;
	margin-bottom: 35px;
}
.coversion .catch{
	font-size: 16px;
	color: #fff;
	line-height: 1.625;
}
.coversion .company_lnk{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
	margin: auto 20px;
}
.coversion .company_lnk .btn_ar{
	border: solid 1px #fff;
	color: #fff;
}
.coversion .company_lnk .btn_ar::after{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E');
}
.coversion .company_lnk .btn_ar:hover{
	background-color: #fff;
	color: #000;
}
.coversion .company_lnk .btn_ar:hover::after{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23000%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (max-width: 768px) {
	.coversion{
		padding: 16% 0 18%;
	}
	.coversion .wrap{
		max-width: 86.667%;
		padding: 0;
	}
	.coversion .ttl{
		width: 41.846%;
		margin-bottom: 6.923%;
	}
	.coversion .catch{
		margin-bottom: 7.692%;
		font-size: 3.2vw;
	}
	.coversion .company_lnk{
		position: relative;
		display: block;
		margin: auto;
	}
	.coversion .company_lnk .btn_ar{
		display: block;
		width: 61.538%;
	}
	.coversion .company_lnk .btn_ar::after{
		margin: auto 5.333vw;
	}
}