﻿.main-video {margin-top: 100px;height: 860px;position: relative;display: flex;justify-content: center;}   
.main-video:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background-color: rgb(0 0 0 / 20%);z-index: 2;}
.main-video video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.mt-wrap {position: relative;z-index: 3;}
.mt1 {font-size: 50px;font-weight: 700;color: #fff;line-height: 1.3;margin-bottom: 10px;margin-top: 50px;text-align: left;}
.mt2 {font-size: 20px;color: #fff;line-height: 1.5;text-align: left;}
.mw812 {max-width: 812px;margin: 0 auto;position: relative;left: 150px;}
.main-tit {font-size: 66px;font-weight: 700;color: #000;line-height: 1.4;}
.main-txt {font-size: 20px;font-weight: 500;color: #000;line-height: 1.6;margin-top: 40px;max-width: 555px;}
.section1 {padding: 200px 0;}
.section2 {height: 960px;position: relative;}
.bg-layer {position: absolute;inset: 0;background: center / cover no-repeat url('/resources/img/main/menu_bg1.png');z-index: 0;}
.section2.bg1 {background-image: url('/resources/img/main/menu_bg1.png');}
.section2.bg2 {background-image: url('/resources/img/main/menu_bg2.png');}
.section2.bg3 {background-image: url('/resources/img/main/menu_bg3.png');}
.section3 {padding-top: 200px;padding-bottom: 250px;}
.section4 {background-color: #F4F4F4;padding: 200px 0;}

.box-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;margin-top: 130px;}
.box-grid .box {position: relative;background-color: #F4F4F4;border-radius: 30px;padding: 50px;height: 340px;}
.box-grid .box:hover {background-color: #00583F;}
.box-grid .box .box-tit {font-size: 28px;font-weight: 700;color: #000;}
.box-grid .box:hover .box-tit {color: #fff;}
.box-grid .box:after {position: absolute;right: 50px;bottom: 50px;content: "";width: 70px;height: 70px;background: center/cover no-repeat;}
.box-grid .box.box1:after {background-image: url("/resources/img/main/icon1.svg");}
.box-grid .box.box2:after {background-image: url("/resources/img/main/icon2.svg");}
.box-grid .box.box3:after {background-image: url("/resources/img/main/icon3.svg");}
.box-grid .box.box4:after {background-image: url("/resources/img/main/icon4.svg");}
.box-grid .box.box1:hover:after {background-image: url("/resources/img/main/icon1_on.svg");}
.box-grid .box.box2:hover:after {background-image: url("/resources/img/main/icon2_on.svg");}
.box-grid .box.box3:hover:after {background-image: url("/resources/img/main/icon3_on.svg");}
.box-grid .box.box4:hover:after {background-image: url("/resources/img/main/icon4_on.svg");}

.main-biz {float: left;width: 33.333333333%;height: 100%;border-right: 1px solid rgb(255 255 255 / 30%);background-color: rgb(0 0 0 / 15%);padding: 60px;}
.main-biz:last-child {border-right: none;}
.main-biz > div {width: 100%;height: 100%;position: relative;}
.biz-cont {position: absolute;right: 0;bottom: 0;width: 100%;z-index: 1;}
.biz-cont-tit {font-size: 40px;font-weight: 700;color: #fff;margin-bottom: 40px;opacity: 0.6;}
.biz-cont-txt {position: relative;font-size: 18px;font-weight: 500;color: #fff;line-height: 1.7;opacity: 0.6;padding-left: 10px;max-width: 360px;}
.biz-cont-txt:before {position: absolute;left: 0;top: 14px;content: "";width: 6px;height: 1px;background-color: #fff;}
.biz-arrow {position: absolute;right: 0;bottom: 0;z-index: 1;display: none;}

.main-biz.on .biz-cont-tit,
.main-biz.on .biz-cont-txt {opacity: 1;}
.main-biz.on .biz-arrow {display: block;}

.tit-df {display: flex;justify-content: space-between;}

.slide-nav {display: inline-flex;gap: 10px;align-self: end;}
.slide-nav a {display: inline-block;width: 50px;height: 50px;background: center/cover no-repeat;}
.slide-nav a.prev {background-image: url("/resources/img/main/prev_arrow.svg");}
.slide-nav a.next {background-image: url("/resources/img/main/next_arrow.svg");}
.slide-nav a.prev:hover {background-image: url("/resources/img/main/prev_arrow_on.svg");}
.slide-nav a.next:hover {background-image: url("/resources/img/main/next_arrow_on.svg");}
.slide-wrap {margin-top: 110px;}

.slide-item {border-radius: 30px;background-color: #F4F4F4;padding: 40px;display: flex;flex-direction: column;align-items: flex-start;min-height: 410px;}
.slide-label {display: inline-block;text-align: center;font-size: 16px;font-weight: 700;color: #fff;padding: 10px 20px;border-radius: 30px;background-color: #00583F;margin-bottom: 20px;}
.slide-tit {font-size: 24px;font-weight: 700;color: #000;line-height: 1.5;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.slide-txt {font-size: 18px;color: #666;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.slide-date {font-size: 16px;color: #666;margin-top: auto;}

.map {overflow: hidden;border-radius: 30px;height: 660px;margin-top: 60px;}
.info-df {display: flex;margin-bottom: 20px;gap: 65px;}
.info-cell1 {font-size: 18px;font-weight: 700;color: #00583F;flex-basis: 71px; flex-shrink: 0;}
.info-cell2 {font-size: 18px;color: #000;}

@media (max-width: 1600px) {
	.main-tit {font-size: 60px;}
	.biz-cont-tit {font-size: 35px;}
}
@media (max-width: 1560px) {

}
@media (max-width: 1499px) {
	.main-biz {padding: 50px;}
}

@media (max-width: 1429px) {
	.mt1 {font-size: 50px;}
	.main-tit {font-size: 50px;}
	.slide-item {min-height: 360px;}
	.box-grid .box .box-tit {font-size: 25px;}
	.box-grid .box {height: 300px;}
}
@media (max-width: 1399px) {
	.box-grid .box {padding: 30px;}
	.box-grid .box:after {right: 30px;bottom: 30px;}
	.main-biz {padding: 30px;}
	.biz-cont-tit {font-size: 30px;}
	.mt1 {font-size: 45px;}
	.mw812 {left: 150px;}
}
@media (max-width: 1259px) {
	.biz-cont-txt {font-size: 16px;}
	.biz-cont-txt:before {top: 12px;}
	.slide-tit {font-size: 22px;}
}

@media (max-width: 1219px)	{
	.mt2 {font-size: 18px;max-width: 740px;}
	.mt1 {font-size: 40px;}
	.main-tit {font-size: 40px;}
	.main-txt {font-size: 18px;}
	.box-grid .box {height: 250px;}
	.section2 {height: 860px;}
	.biz-cont-tit {font-size: 25px;}
	.slide-label {font-size: 14px;}
	.slide-tit {font-size: 18px;}
	.slide-txt {font-size: 16px;}
	.slide-date {font-size: 14px;}
	.slide-item {padding: 20px;}
	.slide-item {min-height: 300px;}
	.info-cell2,.info-cell1 {font-size: 16px;}
	.map {height: 560px;}
	.biz-cont {height: 270px;}
	.mw812 {left: 100px;}
}

@media (max-width: 991px) {
	.main-video {margin-top: 60px;height: 660px;}
	.section1 {padding: 100px 0;}
	.section3 {padding-top: 100px;padding-bottom: 130px;}
	.section4 {padding: 100px 0;}
	.mt1 {font-size: 30px;margin-bottom: 20px;}
	.main-tit {font-size: 30px;}
	.main-txt {font-size: 16px;margin-top: 20px;}
	.mt2 {font-size: 16px;max-width: 500px;}
	.box-grid {margin-top: 60px;gap: 16px;}
	.box-grid .box .box-tit {font-size: 20px;}
	.box-grid .box {padding: 25px;height: 200px;}
	.box-grid .box:after {width: 35px;height: 35px;-webkit-background-size: 35px auto;	background-size: 35px auto;}
	.biz-cont-tit {font-size: 20px;margin-bottom: 20px;}
	.biz-cont-txt {font-size: 14px;}
	.main-biz {padding: 20px;}
	.biz-arrow img {width: 30px;}
	.biz-cont {height: 230px;}
	.section2 {height: 660px;}
	.slide-wrap {margin-top: 50px;}
	.info-cell1 {flex-basis: 64px;}
	.info-df {gap: 30px;}
	.map {margin-top: 30px;height: 460px;}
	.mw812 {max-width: 500px;}
}	

@media (max-width: 767px) {
	.main-video {height: 460px;}
	.mt1 {font-size: 24px;}
	.mt2 {font-size: 14px;max-width: 100%;}
	.box-grid {grid-template-columns: repeat(2, 1fr);}
	.slide-nav a {width: 30px;height: 30px;-webkit-background-size: 30px auto;	background-size: 30px auto;}
	.main-txt {font-size: 14px;}
	.box-grid .box .box-tit {font-size: 16px;}
	.box-grid .box {height: 160px;}
	.tit-df {flex-wrap: wrap;gap: 20px;}
	.slide-label {font-size: 12px;margin-bottom: 10px;}
	.slide-tit {font-size: 16px;}
	.slide-txt {font-size: 14px;}
	.slide-date {font-size: 12px;}
	.slide-item {min-height: 250px;}
	.info-cell2,.info-cell1 {font-size: 14px;}
	.map {height: 360px;}
	.main-biz {width: 100%;height: 33.333333%;border-bottom: 1px solid rgb(255 255 255 / 30%);border-right: none;float: none;padding: 30px 20px;}
	.main-biz:last-child {border-bottom: none;}
	.biz-cont {position: relative;right: auto;bottom: auto;height: auto;}
	.biz-cont-tit {font-size: 18px;margin-bottom: 10px;}
	.section2 {height: auto;}
	.bg-layer {inset: auto;position: relative;}
	.mw812 {left: 0;}
	.mt1 {margin-top: 25px;margin-bottom: 10px;font-size: 20px;}
}	

@media (max-width: 375px) {

}