@charset "utf-8";


/*  ボタン
---------------------------------------------------------- */
@keyframes anime {
    0% {
        transform: scale(.95);
        opacity: 1
    }

    90% {
        opacity: .1
    }

    to {
        transform: scale(1.2, 1.5);
        opacity: 0
    }
}

/*01*/
.btn_box {
    position: relative;
    top: 50px;
    margin-bottom: 100px;
    display: inline-block;
    width: 841px;
    height: 147px;

    transition: .2s;
    z-index: 1000;

}

/* .btn_box:before,
.btn_box:after {
    content: "";
    position: absolute;
    z-index: -10;
    width: 95%;
    height: 100%;
    top: 5px;
    left: 20px;
    border-radius: 50px;
    background: #06b32f;
    border: 1px solid #06b32f;

} */

.btn_box:before {
    animation: anime 2s ease-out infinite;
}

.btn_box:after {
    animation: anime 2s ease-out 1s infinite;
}

/*/01*/


/*02*/
.btn_box02 {
    position: relative;
    top: 0px;
    margin-bottom: 50px;
    display: inline-block;
    width: 770px;
    height: 140px;

    transition: .2s;
    z-index: 1000;

}

.btn_box02:before,
.btn_box02:after {
    content: "";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 40px;
    left: 0;
    border-radius: 90px;
    background: #e60112;
    border: 1px solid #e60112;

}

.btn_box02:before {
    animation: anime 2s ease-out infinite;
}

.btn_box02:after {
    animation: anime 2s ease-out 1s infinite;
}

/*/02*/

/*03*/
.btn_box03 {
    position: relative;
    top: 40px;
    margin-bottom: 100px;
    display: inline-block;
    width: 778px;
    height: 163px;

    transition: .2s;
    z-index: 1000;

}

.btn_box03:before,
.btn_box03:after {
    content: "";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    border-radius: 90px;
    background: #33a430;
    border: 1px solid #33a430;

}

.btn_box03:before {
    animation: anime 2s ease-out infinite;
}

.btn_box03:after {
    animation: anime 2s ease-out 1s infinite;
}

/*/03*/