#main{position: relative; }
#section1{overflow: hidden;}
.msec1{position: relative;}
.msec1 .swiper-slide{overflow:hidden}
.msec1 .swiper-slide .slogan{position:absolute; z-index:10; top:40%; left:50%; transform: translateX(-50%); width:100%; padding:0 2rem; max-width:var(--container); text-align:center; z-index: 9999;}
.msec1 .swiper-slide .slogan p{font-weight: bold; position: relative; text-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.msec1 .swiper-slide .slogan .text1{top:0; opacity:0; font-size:5.5rem; font-family:'WandohopeR'; color:#018F0A;  transition:0.5s 0.5s}
.msec1 .swiper-slide .slogan .text1 span{color:#71CB4C}
.msec1 .swiper-slide .slogan .text1 em{color:#003B04}
.msec1 .swiper-slide .slogan .text2{top:10px;opacity:0; filter: blur(10px); font-size:3.8rem;  transition:0.5s 1s}

.msec1 .swiper-slide .main_img{position: absolute;  z-index: 99; width: 100%; top: 0;}
.msec1 .swiper-slide .main_img p{position: absolute; z-index: 99999;}
.msec1 .swiper-slide .main01_01{left: 5%; top:5rem; opacity:0;  transition:0.5s  1s}
.msec1 .swiper-slide .main01_02{right: 5%; top:15rem;  opacity:0;  transition:0.5s 1s }
.msec1 .swiper-slide .main03_02{right: 5%; top:15rem;  opacity:0;  transition:0.5s 1s }


.cloud{position: absolute; top: 5rem; right: 0; z-index: 2; animation: cloud 25s infinite ease;transform:translateX(-1px);}
@keyframes cloud { 0% {
    right:0;
    }
    100% {
    right:100%;
    }
}
.bird01{position: absolute; top: 3rem; left: 0; z-index: 2; animation: bird01 20s infinite ease;transform:translateX(-1px);}
@keyframes bird01 { 0% {
    left:0;
    }
    100% {
    left:100%;
    }
}
.bird02{position: absolute; top: 5rem; right: 0; z-index: 2; animation: bird02 20s infinite ease;transform:translateX(-1px);}
@keyframes bird02 { 0% {
    right:50%;
    }
    100% {
    right:0%;
    }
}





.msec1 .swiper-slide .bg{transform:scale(1.1);transition:10s; height:52rem; position: relative;}
.msec1 .swiper-slide .bg img{width:100%; height: 100%; object-fit: cover;}

.msec1 .swiper-slide-active .bg{transform:scale(1)}
.msec1 .swiper-slide-active .slogan .text1{top:0;opacity:1; letter-spacing:-5px;}
.msec1 .swiper-slide-active .slogan .text2{top:0;opacity:1; filter:blur(0)}

.msec1 .swiper-slide-active .main01_01{left: 5%; top:10rem; opacity:1; }
.msec1 .swiper-slide-active .main01_02{right: 5%; top:15rem; opacity:1;}
.msec1 .swiper-slide-active .main03_02{right: 5%; top:20rem; opacity:1;}




.msec1 .swiper-pagination {background:#fff; border-radius: 5rem; width: 5%; left: 50%; transform: translateX(-50%); bottom: 10rem;}
.msec1 .swiper-pagination-bullet-active{background: var(--main_color);}


.main_top{display: flex; gap:3rem}
.main_top > div{width: 20%;}

.popupzone{position: relative; overflow: hidden;}
.popupzone h2{position: absolute; top: 2rem; left: 2rem; border-radius: 5rem; padding:.5rem 2rem; font-size:1.4rem; background: #2d5db1; color:#fff; font-weight:bold; z-index: 9;}

.popup_slide .swiper-pagination{background: rgba(0,0,0,0.5); border-radius: 5rem; width: 30%; left:50%; transform: translateX(-50%);}
.popup_slide .swiper-pagination-bullet{background: #fff; opacity: .5;}
.popup_slide .swiper-pagination-bullet-active{background:#ffc95d ; opacity: 1;}

.main_board{}
.main_board h2{font-weight: bold; font-size:2.2rem; border-bottom: 1px solid #ccc; padding:2rem 0; margin-bottom: 2rem;}
.main_board h2 i{display: inline-block; margin-right: 1rem;}
.main_board h2 span{float:right; }

.main_board dl{display: flex; gap:1rem; margin-bottom: 3rem;}
.main_board dl dt{background:#AEAEA2; color:#fff; border-radius: 1rem; padding:1rem; text-align: center;}
.main_board dl dt span{display: block;font-size:1rem}
.main_board dl dd a{font-weight: bold; display: block;}
.main_board dl dd a:hover{color:var(--main_color)}

.main_board ul li{position: relative; padding:.5rem 0 .5rem 2rem; display: flex;  justify-content: space-between;}
.main_board ul li::before{content: ''; width: 3px; height: 3px; border-radius: 100%; background: #333; position: absolute; top: 1rem; left: 0;}
.main_board ul li a{font-size:1.4rem; text-overflow: ellipsis; white-space: nowrap; display: block; width: 80%; overflow: hidden;}
.main_board ul li a:hover{color:var(--main_color)}
.main_board ul li span{ font-size:1.4rem; color:#666}


.banner{background: #247777; color:#fff; text-align: center; padding:3rem 0}
.banner dl dt{font-size:2rem; font-weight:bold; margin-bottom: 2rem;}
.banner dl dt span{display: block; font-size:2.4rem}
.banner dl dt span em{color:#FFE460}
.banner dl dd{font-size:1.5rem}
.banner dl dd span{font-weight: bold; margin-bottom: 2rem; display: block; font-size:3.2rem}
.banner ul{margin-top: 2rem;}
.banner ul li{width: 80%; margin: 0 auto 2rem auto; }
.banner ul li a{display: flex; justify-content: space-between;  border-radius: 5rem; padding:1rem 2rem; background: #fff; color:#247777; font-size:1.4rem; transition: .5s;}
.banner ul li:last-child a{ background: #0B5757; color:#fff}
.banner ul li a:hover{background: #0B5757; color:#fff}
.banner ul li:last-child a:hover{background: #fff; color:#247777;}

.main_business{position: relative; background: url(../images/main/business_bg.png) no-repeat bottom left; padding:10rem 0}
.main_business::before{content: ''; width:15.4rem ; height:13.9rem; background: url(../images/main/business_right.png) no-repeat; position: absolute; bottom:0; right: 0;}
.main_business .inner{max-width: 162rem; display: flex; justify-content: space-between;}
.main_business h2{font-size:3rem; font-weight: bold;}
.main_business h2 span{display: block; color:var(--main_color)}
.main_business ul{display: flex; gap:3rem}
.main_business ul li{flex:1}


.main_family{padding:3rem 0; border-top:1px solid #ccc; position: relative;}
.main_family .inner{max-width: 162rem; display: flex; gap:10rem; position: relative;}
.main_family h2{font-size:2.4rem; font-weight: bold;}
.family_slide{overflow: hidden;}
.family_slide .swiper-button-prev{background:url(../images/main/arrow_left.png) no-repeat; left: 0; top:7rem}
.family_slide .swiper-button-next{background:url(../images/main/arrow_right.png) no-repeat; right: auto; left: 5rem; top:7rem}