._orange{color: #e99a2f !important; font-weight: 700 !important;}
.se .s1{padding: 140px 0;}
.se .s1 ._tit > div {overflow: hidden;}
.se .s1 ._tit small{font-size: 17px;color:#0b386d;font-weight: 500;line-height: 1.3;display: block;}
.se .s1 ._tit small em{font-weight: 700;}
.se .s1 ._tit h2{font-size: 60px;color:#000;font-weight: 800;line-height: 1.333333;padding-top: 20px;}

.se .s1 .txtBx{display: flex;flex-direction: column; gap: 40px;padding-top: 50px;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.se .s1 .txtBx p{font-size: 17px;font-weight: 500;color: #2d2d2d;letter-spacing: -0.02em;line-height: 1.7;}
.se .s1 .txtBx .right p{font-size: 16px;color: rgba(45,45,45,0.8);}

.se .s1 .bannerBx{margin-top: 80px;position: relative;width: 100%;}
.se .s1 .bannerBx .banner{position: relative;opacity: 0;transform: translateY(100px);}
.se .s1 .bannerBx .banner > .imgBx {overflow: hidden;border-radius: 20px;}
.se .s1 .bannerBx .banner img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2)}
.se .s1 .bannerBx .banner .txt{text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;gap: 30px;}
.se .s1 .bannerBx .banner .txt small{font-size: 24px;color:#2d2d2d;font-weight: 500;}
.se .s1 .bannerBx .banner .txt h3{font-size: 48px;color:#0b386d;font-weight: 700;}
.se .s1 .bannerBx .banner .txt p{font-size: 17px;font-weight: 400;color: #2d2d2d;letter-spacing: -0.02em;white-space: nowrap;}
.se .s1 .bannerBx .banner .txt h3 sup {
    vertical-align: super;
    font-size: 0.6em;
    line-height: 0;
}

.se .s1 .info{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;padding-top: 80px;}

.se .s1 .info .top{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 25px;}
.se .s1 .info .top p{font-size: 28px;color:#000;font-weight: 800;}

.se .s1 .info .center{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 15px;}
.se .s1 .info .center span{font-size: 17px;color: #0b386d;font-weight: 500;}
.se .s1 .info .center p{font-size: 17px;color: #2d2d2d;font-weight: 700;}

.se .s1 .info .bottom{display: flex;align-items: center;justify-content: center;}
.se .s1 .info .bottom .tel, .se .s1 .info .bottom .email{display: flex;align-items: center;justify-content: center;gap: 4px;}
.se .s1 .info .bottom .tel span, .se .s1 .info .bottom .email span{font-size: 17px;color: #2d2d2d;font-weight: 400;}
.se .s1 .info .bottom .tel p, .se .s1 .info .bottom .email p{font-size: 17px;color: #2d2d2d;font-weight: 700;}

.se .s1 .btnBx{display: flex;align-items: center;justify-content: center;flex-wrap: wrap; gap: 40px;padding-top: 120px;}
.se .s1 .btnBx a{position: relative;max-width:700px;width: 100%;background-color: #41b679;padding: 40px 32px;box-sizing: border-box;border-radius: 12px;display: flex;align-items: center;justify-content: flex-end;}
.se .s1 .btnBx a:last-child{background-color: #d9d9d9;}
.se .s1 .btnBx a span{position: absolute;left: 0;right: 0;margin: auto;text-align: center;font-size: 28px;color:#fff;font-weight: 700;letter-spacing: -0.05em;}
.se .s1 .btnBx a i{position: relative;z-index: 1;font-size: 40px;color:#fff;}

.se .s1 ._mo{display: none;}
.se br.max-360{display: none;}
.se br.max-500{display: none;}

@media screen and (max-width: 1680px) {
    .se .s1 ._tit h2 {font-size: 52px;}
    /* .se .s1 .txtBx {padding-top: 30px;} */

    .se .s1 .bannerBx .banner .txt h3 {font-size: 42px;}
    .se .s1 .btnBx a span {font-size: 24px;}
    .se .s1 .btnBx a i {font-size: 32px;}

    .se .s1 .btnBx a {max-width: 660px;padding: 30px 25px;}
}
@media screen and (max-width: 1440px) {
    .se .s1 ._tit h2 {font-size: 46px;}
    .se .s1 .bannerBx .banner .txt {gap: 25px;}
    .se .s1 .bannerBx .banner .txt small {font-size: 22px;}
    .se .s1 .bannerBx .banner .txt h3 {font-size: 38px;}

    .se .s1 .btnBx a {max-width: 580px;}
    .se .s1 .btnBx a span {font-size: 20px;}
    .se .s1 .btnBx a i {font-size: 30px;}
}
@media screen and (max-width: 1280px) {
    .se .s1 ._tit h2 {font-size: 38px;}
    
    .se .s1 .bannerBx .banner .txt {gap: 20px;}
    .se .s1 .bannerBx .banner .txt small {font-size: 20px;}
    .se .s1 .bannerBx .banner .txt h3 {font-size: 32px;}
    .se .s1 .bannerBx .banner .txt p {font-size: 16px;}


    .se .s1 .btnBx{gap: 25px;}
    .se .s1 .btnBx a {max-width: 460px;}
    .se .s1 .btnBx a span {font-size: 18px;}
    .se .s1 .btnBx a i {font-size: 26px;}

}
@media screen and (max-width: 1024px) {
    .se .s1 ._tit h2 {font-size: 34px;}

    .se .s1 .info .top p {font-size: 24px;}

    .se .s1 .btnBx a {max-width: 370px;padding: 30px 12px;}
    .se .s1 .btnBx a i {font-size: 24px;}
    .se .s1 .btnBx a span {font-size: 16px;}

    .se .s1 ._mo{display: block;}
    .se .s1 ._pc{display: none;}
}
@media screen and (max-width: 820px) {
    .se .s1 ._tit small {font-size: 16px;}
    .se .s1 ._tit h2 {font-size: 28px;}
    /* .se .s1 .txtBx {padding-top: 20px;} */
    .se .s1 .txtBx p{font-size: 16px;}
    /* .se .s1 .txtBx br{display: none;} */

    .se .s1 .txtBx .right p {font-size: 15px;}

    .se .s1 .bannerBx .banner .txt small {font-size: 18px;}
    .se .s1 .bannerBx .banner .txt h3 {font-size: 26px;white-space: nowrap;}
    .se .s1 .bannerBx .banner .txt small{white-space: nowrap;}
    .se .s1 .bannerBx .banner .txt p{white-space: normal;line-height: 1.3;}
    
    .se .s1 .info .top p {font-size: 22px;}
    .se .s1 .info .center span {font-size: 16px;}
    .se .s1 .info .center p {font-size: 16px;}
    .se .s1 .info .bottom .tel span, .se .s1 .info .bottom .email span {font-size: 16px;}
    .se .s1 .info .bottom .tel p, .se .s1 .info .bottom .email p {font-size: 16px;}

    .se .s1 .btnBx {padding-top: 80px;}
    .se .s1 .btnBx a{max-width: unset;width: 100%;padding: 20px 10px;}
    
}
@media screen and (max-width: 500px) {
    .se .s1 ._tit h2 {font-size: 24px;}

    .se .s1 .bannerBx .banner .txt {gap: 15px;}
    .se .s1 .bannerBx .banner .txt small {font-size: 16px;}
    .se .s1 .bannerBx .banner .txt h3 {font-size: 22px;}
    .se .s1 .bannerBx .banner .txt p {font-size: 14px;}

    .se .s1 .info .bottom{flex-direction: column;gap: 10px;}
    .se .s1 .info .bottom em{display: none;}
    
    .se .s1 .btnBx a span {font-size: 14px;}

    .se .s1 .txtBx{word-break: keep-all;}
    .se .s1 .txtBx br{display: none;}
    .se br.max-500{display: block !important; }
}
@media screen and (max-width: 360px) {
    .se .s1 ._tit small {font-size: 14px;}
    .se .s1 ._tit h2 {font-size: 22px;}
    .se .s1 .txtBx p{font-size: 14px;}
    .se .s1 .txtBx .right p {font-size: 13px;}

    .se .s1 .bannerBx .banner .txt {gap: 8px;}
    .se .s1 .bannerBx .banner .txt small {font-size: 14px;}
    .se .s1 .bannerBx .banner .txt h3 {font-size: 18px;}
    .se .s1 .bannerBx .banner .txt p {font-size: 12px;}

    .se .s1 .info{padding-top: 80px;}
    .se .s1 .info .top p {font-size: 20px;}

    .se .s1 .info .center span {font-size: 15px;}
    .se .s1 .info .center p {font-size: 15px;}
    .se .s1 .info .bottom .tel span, .se .s1 .info .bottom .email span {font-size: 15px;}
    .se .s1 .info .bottom .tel p, .se .s1 .info .bottom .email p {font-size: 15px;}
    .se .s1 .btnBx a i {font-size: 22px;}
    .se .s1 .btnBx a span{line-height: 1.3;font-size: 13px;}
    .se br.max-360{display: block;}
}