@charset "utf-8";
/* ----------------------------------------------
 * Generated by Animista on 2023-11-1 10:51:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


main{}
main .main-slide{position: relative;}
main .main-slide .slider .slick-arrow{position: absolute;top:50%;transform: translateY(calc(-50% + 0.5px));width:50px;height:50px;font-size:0;z-index: 10;}
main .main-slide .slider .slick-prev{left:60px;background: url(/_public/images2/icon/target_prev.svg) no-repeat;background-size: cover;}
main .main-slide .slider .slick-next{right:60px;background: url(/_public/images2/icon/target_next.svg) no-repeat;background-size: cover;}
main .main-slide .slider .slick-slide{position: relative;}
main .main-slide .slider .slick-slide img{width:100%;display: block;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
main .main-slide .slider .slick-slide.slick-active img{-webkit-animation: scale-in-center 8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: scale-in-center 8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
main .main-slide .slider .slick-slide .txt-box{position: absolute;top:50%;left:50%;transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));width:100%;max-width:1400px;z-index: 10;}
main .main-slide .slider .slick-slide .txt-box p{font-size: 50px;font-weight: bold;letter-spacing: -1px;color: #fff;}
main .main-slide .slider .slick-slide .txt-box p br{display:none;}
main .main-slide .slider .slick-slide .txt-box h3{font-size: 65px;font-weight: bold;color: #fff;}
main .main-slide .slider .slick-slide .txt-box a{display: flex;flex-direction:column;align-items:center;justify-content:center;margin-top:48px;width:170px;height:170px;border-radius: 100%;  border: solid 1px #818181;background-color: rgba(14, 70, 167, 0);font-size: 17px;font-weight: normal;color: #fff;gap:9px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
main .main-slide .slider .slick-slide .txt-box a:after{content: "";display: block;width:18px;height:17px;background: url(/_public/images2/icon/w_down_ico.svg) no-repeat;background-size: cover;}
main .main-slide .slider .slick-slide .txt-box a:hover{border-color:rgba(14,70,167,0.63);background:rgba(14,70,167,0.63);}
main .main-slide .slider .slick-slide.slick-active p{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
main .main-slide .slider .slick-slide.slick-active h3{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}
main .main-slide .slider .slick-slide.slick-active a{-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;}
main .main-slide .slick-dots{position: absolute;opacity: 0;}
main .main-slide .slider-nav{position: absolute;width:100%;left:0;bottom:30px;opacity: 0;}
main .main-slide .progress{position: absolute;width:340px;left:50%;transform:translateX(-50%);bottom:30px;  display: block;height: 2px;overflow: hidden;background-color: #f5f5f5;background-image: linear-gradient(to right, #003674, #003674);background-repeat: no-repeat;background-size: 0 100%;z-index: 10;transition: background-size .4s ease-in-out;}

/* tablet */
@media all and (max-width:1280px) {
    main .main-slide .slider .slick-slide .txt-box{padding:20px;}
    main .main-slide .slider .slick-slide .txt-box p{font-size: 32px;font-weight: normal;line-height: 1.38;word-break: keep-all;}
    main .main-slide .slider .slick-slide .txt-box h3{font-size: 40px;font-weight: bold;}
    main .main-slide .slider .slick-slide .txt-box a{width:140px;height:140px;margin-top:40px;}
    main .main-slide .slider .slick-arrow{display: none !important;}
}

/* mobile */
@media all and (max-width:768px) {
    main .main-slide .progress{width:calc(100% - 40px);}
    main .main-slide .slider .slick-slide .txt-box{top:45%;}
    main .main-slide .slider .slick-slide .txt-box p br{display:inline;}
}