@charset "utf-8";

/* Main Page */
.area-main {}
.area-main .area-inner {}

div[class^='main-cont'] .cont-inner {}

.main-cont1 {position:sticky;left:0;top:0;width:100%;min-width:1500px;height:100vh;}
.main-cont1 .cont-inner {position: relative;height:100vh;overflow:hidden;}
.main-cont1 .box-image {height:100vh}
.main-cont1 .box-image img {display:block;width: 100%;height:100%;object-fit: cover;}
.main-cont1 .box-cont {display:flex;justify-content: start;align-items: end;position:absolute;left:0;top:0;width: 100%;height:100%;}
.main-cont1 .box-cont .box-inner {display:block;margin:0 0 70px 220px;}
.main-cont1 .box-cont .text2 {margin-bottom: 10px;font-size: 16px;font-weight: 400;color: #fff;line-height:24px;}
.main-cont1 .box-cont .text1 {margin-bottom: 20px;font-size: 80px;font-weight: 700;color:#fff;line-height: 90px;}
.main-cont1 .box-cont .tags {margin-bottom: 40px;}
.main-cont1 .box-cont .tags .tag {display: inline-flex;align-items: center;padding:0 5px;height: 40px;font-size:32px;font-weight:600;color:#fff;letter-spacing: -2%;line-height: 40px;background:#7e5212;}
.main-cont1 .swiper.back {height:100%;}
.main-cont1 .swiper.front {position: absolute;left:0;top:0;width:100%;height:100%;}
.main-cont1 .swiper.fro.linknt .swiper-slide .box-cont .text2 {transition: all 1s;transition-delay: 0.6s;transform: translateX(200px);opacity: 0;}
.main-cont1 .swiper.front .swiper-slide-active .box-cont .text2 {transition-delay: 0s;transform: translateX(0);opacity: 1;}
.main-cont1 .swiper.front .swiper-slide .box-cont .text1 {transition: all 1s;transition-delay: 0.4s;transform: translateX(200px);opacity: 0;}
.main-cont1 .swiper.front .swiper-slide-active .box-cont .text1 {transition-delay: 0.2s;transform: translateX(0);opacity: 1;}
.main-cont1 .swiper.front .swiper-slide .box-cont .tags {transition: all 1s;transition-delay: .2s;transform: translateX(200px);opacity: 0;}
.main-cont1 .swiper.front .swiper-slide-active .box-cont .tags {transition-delay: 0.4s;transform: translateX(0);opacity: 1;}
.main-cont1 .swiper.front .swiper-slide .box-cont .links {display:none;transition: all 1s;transition-delay: 0;transform: translateX(200px);opacity: 0;}
.main-cont1 .swiper.front .swiper-slide-active .box-cont .links {transition-delay: 0.6s;transform: translateX(0);opacity: 1;}
.main-cont1 .swiper-pagination-bullet-active {background:#8b6732;}
.main-cont1 .swiper-pagination {left:0;bottom:70px;}
.main-cont1 .background-cover {position:fixed;left:0;top:0;right:0;bottom:0;z-index:1;background:#000;opacity:0;}

.main-cont2 {position:relative;min-width:1500px;height:1080px;}
.main-cont2 .cont-inner {position: absolute;left:50%;right:0;bottom:146px;z-index:1;display:flex;flex-direction: column;justify-content: end;align-items: start;margin-left:-620px;width:1240px;}
.main-cont2 .cont-inner .text-title {display:block;margin-bottom:10px;font-size:80px;font-weight:700;line-height:84px;color: #fff;}
.main-cont2 .cont-inner .text-description {display:block;margin-bottom:30px;font-size:18px;font-weight:400;line-height: 26px;color:#fff;;}
.main-cont2 .cont-inner .links {display:block;}
.main-cont2 .swiper {width: 100%;height:1080px;}
.main-cont2 .box-image {object-fit: cover;height:100%;}
.main-cont2 .box-image img {display:block;width: 100%;height:100%;object-fit: cover;}
.main-cont2 .box-cont {display:flex;align-items: center;padding-left:calc(10vw - 10px);padding-right:calc(10vw - 10px);width: 50%;height: 100%;box-sizing: border-box;background: #fff;box-sizing: border-box;}
.main-cont2 .box-cont .box-inner {display: flex;flex-direction: column;justify-content: center;align-items: start;}
.main-cont2 .box-cont .text2 {margin-bottom: 6px;font-size: 16px;font-weight:400;color:#222;line-height:24px;}
.main-cont2 .box-cont .text1 {margin-bottom: 20px;font-size: 48px;font-weight: 700;color: #222;line-height: 56px;letter-spacing: -2%;}
.main-cont2 .box-cont .description {margin-bottom: 20px;font-size: 16px;font-weight: 400;color: #222;line-height: 24px;word-break: keep-all;}
.main-cont2 .box-cont .tags {margin-bottom: 40px;font-size: 16px;font-weight: 400;color: #222;line-height: 24px;word-break: keep-all;}
.main-cont2 .box-cont .links {margin-bottom: 40px;}
.main-cont2 .box-cont .swiper-control {display: flex;}
.main-cont2 .box-cont .swiper-control .swiper-button-prev {position: static;}
.main-cont2 .box-cont .swiper-control .swiper-button-next {position: static;}
.main-cont2 .swiper-control {display:flex;gap: 10px;}
.main-cont2 .swiper-button-prev:after {content:'';width: 42px;height:42px;background:url(../images/img_swiper_prev.png) no-repeat 50%;}
.main-cont2 .swiper-button-prev {position: static;}
.main-cont2 .swiper-button-next:after {content:'';width: 42px;height:42px;background:url(../images/img_swiper_next.png) no-repeat 50%;}
.main-cont2 .swiper-button-next {position: static;}
.main-cont2 .swiper-button-prev {margin-top: 0;}
.main-cont2 .swiper-button-next {margin-top: 0;}

.main-cont3 {position: relative;z-index:1;padding:200px 60px;min-width: 1380px;background:#fff;}
.main-cont3 .cont-inner {margin:0 auto;width:1242px;}
.main-cont3 .box-item1 > div {display: block;width: fit-content;margin-bottom:30px;padding:0 14px;height:40px;font-size:32px;font-weight:400;line-height:40px;color:#fff;background:#A59881;}
.main-cont3 .box-item2 .text1 {margin-top:100px;font-size:128px;font-weight:700;line-height:100%;color:#8b6732;letter-spacing:-0.03em;}
.main-cont3 .box-item2 .text2 {margin-bottom:100px;font-size:32px;font-weight:400;line-height:50px;color:#222;}

.main-cont4 {position: relative;z-index:1;padding:0 0 200px;min-width: 1500px;background:#fff;}
.main-cont4 .cont-inner {position:relative;margin:0 auto 30px;padding:0 60px;}
.main-cont4 .cont-inner .swiper-control {position:absolute;right:0;top:0;width:210px;}
.main-cont4 .title {font-size:34px;font-weight: 900;color:#222;}
.main-cont4 .box-cont .box-image img {display:block;width:100%;}
.main-cont4 .box-cont .text1 {margin:30px 30px 12px;font-size:34px;font-weight:700;line-height:42px;color:#222;}
.main-cont4 .box-cont .text2 {margin:12px 30px;font-size:16px;font-weight:400;line-height:24px;color:#222;}
.main-cont4 .box-cont .box-link {margin:40px 30px 0;}
.main-cont4 .swiper-button-prev:after {content: '';width: 42px;height: 42px;background: url(../images/img_swiper_prev.png) no-repeat 50%;}
.main-cont4 .swiper-button-next:after {content: '';width: 42px;height: 42px;background: url(../images/img_swiper_next.png) no-repeat 50%;}

.main-cont5 {position: relative;z-index:1;padding:0;min-width: 1500px;background:#fff;}
.main-cont5 .cont-inner {margin:0 auto;padding:0 60px;}

.main-cont6 {position: relative;z-index:1;padding:0 0 100px 0;min-width: 1500px;background:#fff;border-bottom:1px solid #ccc;}
.main-cont6 .cont-inner {display:flex;margin:0 auto;padding:0;}
.main-cont6 .cont-inner .box-image {width: 50%;}
.main-cont6 .cont-inner .box-image img {display:block;width:100%;}
.main-cont6 .cont-inner .box-cont {display: flex;flex-direction: column;justify-content: center;align-items: start;width: 50%;}
.main-cont6 .cont-inner .box-cont .title {margin-bottom:12px;font-size:32px;font-weight:700;line-height:40px;}
.main-cont6 .cont-inner .box-cont .cont {display:flex;flex-direction: column;gap:10px;font-size:16px;font-weight:400;line-height:24px;}
.main-cont6 .cont-inner .box-cont .cont .point {color:#8B6732;}
.main-cont6 .cont-inner .box-cont .cont .text-tel {font-size:32px;line-height:40px;font-weight:700;color:#8B6732;}
.main-cont6 .cont-inner .box-cont .box-info1 {margin:0 0 0 80px}
.main-cont6 .cont-inner .box-cont .box-info2 {margin:40px 0 40px 80px}
.main-cont6 .cont-inner .box-cont .box-link {margin:0 0 0 80px}
.main-cont6 .cont-inner .box-cont .box-link .link {margin-top:40px;width:fit-content;}

.main-cont7 {position: relative;z-index:1;padding:0 60px;min-width: 1380px;background:#fff;}
.main-cont7 .cont-inner {margin:0 auto 30px;padding:53px 0;margin:0 auto;width:1380px;}
.main-cont7 .title {margin-bottom:26px;font-size:34px;font-weight:900;line-height:42px;}
.main-cont7 .box-cont {}
.main-cont7 .box-cont a {display:block;width:auto;position:relative;font-size:16px;font-weight:400;line-height:24px;}
.main-cont7 .box-cont .date {position:absolute;right:0;top:0;height:24px;display:flex;align-items: center;}

.main-visualscrollarrow {display:block;position:absolute;left:50%;bottom:40px;z-index:1;margin:0 0 0 400px;width:18px;height:auto;
animation-name: scrollArrow;
animation-duration: 3s;
animation-iteration-count: infinite;
}