.head-no {
    display: none;
}

.frame-btm {
    display: none;
}





.inde-swiper {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}



.inde-swiper .mySwiperInd,
.inde-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.inde-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.swiper-container-vertical>.swiper-pagination-bullets {
    right: 40px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: transparent;
    opacity: 1;
    border: 2px solid #ffffff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #007aff;
    border: 2px solid #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 10px 0;
}


.slide-child {
    position: absolute;
    top: 50%;
    left: 150px;
    transform: translateY(-50%);
}

.slide-child h2 {
    font-size: 72px;
    color: #ffffff;
}

.slide-child h4 {
    font-size: 50px;
    color: #ffffff;
}

.slide-chldbtn {
    display: flex;
    align-items: center;
    margin-top: 30px;
    gap: 20px;
}

.slide-chldbtn a {
    width: 200px;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}
    .slide-chldbtn a:hover {
        color: #ffffff;
    }

    .slide-chldbtn a i {
        transform: rotate(180deg);
    }

.btnabja {
    background-color: #315fba;
}

.btnabjb {
    background-color: #2ecbff;
}





.main-btm {
    top: auto !important;
    bottom: 0;
}

.index-btm {
    display: flex;
    justify-content: space-between;
}

.index-bmtxt {
    font-size: 14px;
    color: #ffffff;
}

.index-bmtxt p {
    padding: 3px 0;
}

.bmtxt-right {
    text-align: right;
}


@media only screen and (max-width: 1540px) {

    .swiper-container-vertical>.swiper-pagination-bullets {
        right: 35px;
    }


    .slide-child {
        left: 125px;
    }

    .slide-child h2 {
        font-size: 54px;
    }

    .slide-child h4 {
        font-size: 38px;
    }

    .slide-chldbtn {
        margin-top: 25px;
        gap: 15px;
    }

    .slide-chldbtn a {
        width: 160px;
        padding: 12px 22px;
    }


}

@media only screen and (max-width: 1340px) {

    .swiper-container-vertical>.swiper-pagination-bullets {
        right: 30px;
    }

    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 8px 0;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;

    }


    .slide-child {
        left: 115px;
    }

    .slide-child h2 {
        font-size: 46px;
    }

    .slide-child h4 {
        font-size: 32px;
    }

    .slide-chldbtn {
        margin-top: 20px;
        gap: 10px;
    }

    .slide-chldbtn a {
        width: 140px;
        padding: 10px 20px;
        font-size: 12px;
    }


    .index-bmtxt p {
        padding: 2px 0;
    }
    .index-bmtxt {
        font-size: 12px;
    }

}

@media only screen and (max-width: 768px) {


    .slide-child {
        left: 15px;
    }
    .slide-child h2 {
        font-size: 32px;
    }

    .slide-child h4 {
        font-size: 22px;
    }



    .frame-logo {
        padding: .1rem .2rem;
    }


}