.lowerpage .main{margin: 80px 0 0;padding-top: 80px;position: relative;}
.development-tit{position: absolute; top:0; left: 0;}
.box{text-align: center;background: rgba(255, 255, 255, 0.6);box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);padding: 50px 50px 0;}
.box .cap{text-align: right;margin: 10px 0 0;}
.box-view{padding-bottom: 50px;}
.m-intro {margin-bottom: 0;}
.dev-map{position: relative;text-align: center;width: fit-content;margin: -40px auto 0;}
.dev-map .cap-abs_right{bottom: 10%;}
.box-txt{margin: 20px 0;}
.box-txt .box-tit{font-size: 2.5rem;font-weight: 400;}
.box-txt .box-sub-tit{position: relative;padding: 0 0 15px;margin: 0 0 15px;}
.box-txt .box-sub-tit::after{position: absolute;content: "";width: 60px;height: 1px;background: #222;bottom: 0;left: 50%;transform: translateX(-50%);}
.box-txt .s-desc{font-size: 1.3rem;}

.btn{position: relative;max-width: 940px;padding-right: 40px;width: 41%;background: linear-gradient(45deg,#48805b,#284f4c);color: #fff;display: block;margin: 40px auto;text-align: center;height: 78px;align-content: center;border-radius: 6px;}
.btn::after {
  content: "";
width: 24px;
  height: 18px;
  background: #fff;
  position: absolute;
  top: 50%;
  right:20px;
  transform: translateY(-50%);
  transition: .3s;
  mask: url("../img/common/arrow02.svg") no-repeat bottom center/100% auto;
  -webkit-mask: url("../img/common/arrow02.svg") no-repeat bottom center/100% auto;
}
.btn:hover{background:linear-gradient(45deg,#284f4c,#284f4c);}
.btn:hover::after{right: 10px;}
.slide-area{margin: 0 -50px;}
.swiper{padding: 0 80px;}
.swiper-slide img{width: 100%;}
.swiper-slide .cap-slide{color: #fff;font-size: 1.2rem;  font-family: "EB Garamond", serif;bottom: 0;letter-spacing: 0.075em;}
.box-park {position: relative;padding-bottom: 10px;}
.box-park .abs-img{position: absolute;top: 1.5%;right: 1.5%;width: min(13.6vw,136px);height: min(13.6vw,136px);}
.box-view{margin-top: 60px;}
@media screen and (max-width: 768px) {
    .m-intro{text-align: center;}
    .lowerpage .main{margin-top: 60px;}
    .box-txt .box-tit{font-size: 1.8rem;line-height: 1.5;margin-bottom: 5px;}
    .box{padding: 20px 15px 1px;}
    .swiper{padding: 0 20px;}
    .slide-area{margin: 0 -15px;}
    .box .cap{text-align: left;}
    .btn{width: calc(100% );margin-bottom: 20px;height: 68px;}
    .box-view{padding-bottom: 20px;}
    .btn::after{width: 16px;height: 12px;right: 14px;}
    .dev-map{margin-top: 0;}
}
@media screen and (max-width: 480px) {
.btn{font-size: 12px;}
}