@font-face {
    font-family: "A-OTF-KaishoMCBK1Pro-DeBold";
    src: url("<?php echo get_template_directory_uri(); ?>/assets/fonts/A-OTF-KaishoMCBK1Pro-DeBold.otf")
        format("opentype");
}

#koban_bnr_wrap {
    a:hover {
        opacity: 0.6;
    }

    .koban_bnr {
        position: relative;
        margin: 0 0 60px 0;
    }

    .koban_bnr_img {
        width: 100%;
    }

    .text_koban1 {
        position: absolute;
        width: 30%;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 74.4%;
    }

    .text_koban2 {
        position: absolute;
        width: 50%;
        bottom: 6%;
        left: 0;
        right: 0;
        margin: auto;
    }
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

html {
    scroll-behavior: smooth;
}

@keyframes appeal_banner_anim {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

.appeal_banner_wrapper {
    position: relative;
    padding: 0 1.39%;
    margin: 0 0 60px 0;
}

.appeal_banner_img {
    width: 100%;
}

.appeal_banner_text {
    position: absolute;
    width: 12%;
    right: 1.6%;
    bottom: -2%;
}

.appeal_banner_transition_btn {
    width: 64%;
    display: block;
    margin: 2% auto 0;
}

.appeal_banner_anim {
    animation: appeal_banner_anim 2s infinite linear;
}

.appeal_banner_anim {
    animation: appeal_banner_anim 2s infinite linear;
}

@media (max-width: 767px) {
    .appeal_banner_transition_btn {
        width: 82%;
    }
}