@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: 622px;
    height: 122px;

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

}
.btn_box:before, .btn_box:after {
    content: "";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0;
    border-radius:90px;
    background:#f9bc00;
    border: 1px solid #f9bc00;
	
}
.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:30px;
	margin-bottom:100px;
	display: inline-block;
    width: 622px;
    height: 122px;

    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: 10px;
    background:#f87837;
    border: 1px solid #f87837;
	
}
.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: 696px;
    height: 131px;

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

}
.btn_box03:before, .btn_box03:after {
    content: "";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0;
    border-radius: 90px;
    background:#2ead1d;
    border: 1px solid #2ead1d;
	
}
.btn_box03:before {animation: anime 2s ease-out infinite;}
.btn_box03:after {animation: anime 2s ease-out 1s infinite;}
/*/03*/