@charset "utf-8";


/* 動画 */

.movieBox{margin: 10px auto 50px;width: 800px; border: 3px solid #DDDDDD;}

/* コンバージョンボタン　---------------------------------------*/
.btn-cv a {
    background: #00a23f;
    background: -webkit-linear-gradient(#00a23f, #39900a);
    background: linear-gradient(#00a23f, #39900a);
    text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}
.btn-cv a {
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: #FFF;
    display: block;
    /* font-size: 2.5em;*/
    font-weight: bold;
    line-height: 1.3;
    margin: 0.5em auto 3em;
    padding: 0.7em 0em .5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 100%;
}
.is-reflection a:after {
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-reflection 4s ease-in-out infinite;
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px;
}
.is-reflection a {
    overflow: hidden;
}
.btn-cv a:after {
    content: ' ' !important
}
.btn-cv a:hover {
    box-shadow: 1px 1px 2px 0 #a1a1a1;
    filter: alpha(opacity=70);
    opacity: .7
}
.btn-cv+.btn-cv a {
    margin-top: 0
}
p+.btn-cv a {
    margin-top: 1.5em
}

.btn-cv a {
    background: #00a23f;
    background: -webkit-linear-gradient(#00a23f, #39900a);
    background: linear-gradient(#00a23f, #39900a);
    text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1)
}
.is-reflection a {
    overflow: hidden
}
.is-reflection a:after {
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-reflection 4s ease-in-out infinite;
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px
}
.is-reflection+.is-reflection a:after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
@keyframes is-reflection {
0% {
-webkit-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-webkit-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-webkit-transform:scale(4) rotate(45deg);
transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-webkit-transform:scale(50) rotate(45deg);
transform:scale(50) rotate(45deg);
opacity:0
}
}
@-webkit-keyframes is-reflection {
0% {
-webkit-transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-webkit-transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-webkit-transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-webkit-transform:scale(50) rotate(45deg);
opacity:0
}
}
.is-trembling a:before {
    -webkit-animation-name: is-trembling;
    -webkit-animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: is-trembling;
    -moz-animation-duration: 1.4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease
}
@-webkit-keyframes is-trembling {
0% {
-webkit-transform:translate(-3px, 0)
}
100% {
-webkit-transform:translate(0, 0)
}
}
.is-bounce {
    animation: bounce 4s infinite;
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}
@-webkit-keyframes bounce {
0%, 4%, 10%, 18%, 100% {
-webkit-transform:translateY(0)
}
5% {
-webkit-transform:translateY(-6px)
}
12% {
-webkit-transform:translateY(-4px)
}
}
@keyframes bounce {
20%, 24%, 30%, 34%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-6px);
transform:translateY(-6px)
}
32% {
-webkit-transform:translateY(-4px);
transform:translateY(-4px)
}
.is-bounce+.is-bounce {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.btn-cv span {
    font-size: 120%;
}