@charset "utf-8";


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

.btn_box
{
    position: relative;
	top:40px;
	margin-bottom:0px;
	display: inline-block;
    width: 750px;
    height: 170px;
    transition: .2s;
    z-index:1000;
}

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

/*02*/
.btn_box2 {
  position: relative;
	top:0px;
	margin-bottom:50px;
	display: inline-block;
    width: 917px;
    height: 176px;
    transition: .2s;
    z-index:1000;
}
.btn_box2:before, .btn_box2:after {
    content: "";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    border-radius: 90px;
    background:#4bb560;
    border: 1px solid #4bb560;
}
.btn_box2:before {animation: anime 2s ease-out infinite;}
.btn_box2:after {animation: anime 2s ease-out 1s infinite;}
/*/02*/

/*03*/
.btn_box3 {
    position: relative;
	top:90px;
    width: 903px;
    height: 170px;
    margin-bottom:40px;
	display: inline-block;
    transition: .2s;
    z-index:1000;
}
.btn_box3:before, .btn_box3:after {
    content: "";
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    border-radius: 90px;
    background:white;
    border: 1px solid white;
}
.btn_box3:before {animation: anime 2s ease-out infinite;}
.btn_box2:after {animation: anime 2s ease-out 1s infinite;}
/*/01*/