.no-header {
    margin: 0 auto !important;
    padding: 0 !important
}

.no-header header {
    margin-bottom: 15px
}

.no-header footer {
    bottom: inherit
}

.no-header .footer_area {
    margin-bottom: 0
}

.registerWrap {
    width: 94%;
    margin: 10px auto
}

.registerWrap .registerBox {
    width: 94%;
    margin: 15px auto;
    background: #fff;
    padding: 15px
}

.registerWrap .registerBox a.about_bnr {
    margin: 15px auto;
    display: block;
    width: 100%
}

.registerWrap .registerBox a.about_bnr img {
    width: 100%
}

.registerWrap .registerBox .privacy_policy_box {
    margin: 2% auto
}

.registerWrap .registerBox .privacy_policy_box h3 {
    font-size: 1.1em;
    font-weight: 700;
    margin: 6% 0 1%
}

.registerWrap .registerBox .privacy_policy_box .privacy_detail,
.registerWrap .registerBox .privacy_policy_box .tos_detail {
    width: 100%;
    height: 8em;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 4%;
    border: 1px solid #d9dad2;
    border-radius: 6px
}

.registerWrap .registerBox .privacy_policy_box .privacy_detail #information,
.registerWrap .registerBox .privacy_policy_box .tos_detail #information {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.registerWrap .registerInformation_red {
    width: 94%;
    margin: 4% auto;
    color: #fff;
    background: #d93200;
    border: 3px solid #d93200;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    line-height: 2.5em
}

.registerWrap .registerInformation_red>a {
    color: #d93200;
    display: block;
    text-align: center;
    line-height: 1.6em;
    padding: 4%;
    width: 100%;
    background: #f8f9f0;
    text-decoration: underline
}

.registerWrap .registerInformation_red>a:hover {
    color: #ec5555
}

.registerWrap .registerInner {
    margin: 15px auto;
    width: 100%
}

.registerWrap .registerInner .confirmText h3 {
    margin: 0;
    font-size: 1.1em
}

.registerWrap .registerInner .confirmText p {
    margin: 8px auto 20px;
    color: #999
}

.registerWrap .confirmText,
.registerWrap .passText {
    margin-top: 20px
}

.registerWrap .confirmText h3,
.registerWrap .passText h3 {
    font-size: 1.2em
}

.registerWrap .confirmText input,
.registerWrap .passText input {
    border: 1px solid #d9dad2;
    box-sizing: border-box;
    border-radius: 4px;
    background: #f8f8f8;
    padding: 12px 8px;
    width: 100%
}

.registerWrap .recapture {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-flow: wrap
}

.registerWrap .Btn_bg {
    border-radius: 4px;
    border: 1px solid #66ba04;
    background: #86cc00;
    background: -moz-linear-gradient(top, #86cc00 0, #86cc00 100%);
    background: -webkit-linear-gradient(top, #86cc00 0, #86cc00 100%);
    background: linear-gradient(to bottom, #86cc00 0, #86cc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86cc00', endColorstr='#86cc00', GradientType=0);
    box-shadow: 0 3px 0 0 #86cc00;
    cursor: pointer;
    width: 90%;
    padding: 8px 0;
    color: #2c4256;
    font-size: 1.2em;
    font-weight: 700;
    margin: 20px auto;
    display: block
}

.registerWrap .Btn_bg span {
    font-size: .6em;
    display: block
}

.registerWrap .Btn_bg:hover {
    background: #86cc00;
    background: -moz-linear-gradient(top, #86cc00 0, #86cc00 100%);
    background: -webkit-linear-gradient(top, #86cc00 0, #86cc00 100%);
    background: linear-gradient(to bottom, #86cc00 0, #86cc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86cc00', endColorstr='#86cc00', GradientType=0)
}

.registerWrap .back {
    font-size: 1em;
    text-shadow: 0 1px 0 #eee;
    border: 1px solid #bebebe;
    background: #dadada;
    background: -webkit-linear-gradient(#dadada 0, #c8c8c8 100%);
    background: -o-linear-gradient(#dadada 0, #c8c8c8 100%);
    background: linear-gradient(#dadada 0, #c8c8c8 100%);
    background: -webkit-linear-gradient(top, #dadada 0, #c8c8c8 100%);
    background: linear-gradient(to bottom, #dadada 0, #c8c8c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#c8c8c8', GradientType=0);
    box-shadow: 0 3px 0 0 #a9a9a9;
    cursor: pointer
}

.registerWrap .back:hover {
    background: #c8c8c8;
    background: -moz-linear-gradient(top, #c8c8c8 0, #dadada 100%);
    background: -webkit-linear-gradient(top, #c8c8c8 0, #dadada 100%);
    background: linear-gradient(to bottom, #c8c8c8 0, #dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#dadada', GradientType=0)
}

.registerWrap h3 {
    color: #2c3e50;
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 12px;
    font-weight: 700
}

.registerWrap .registerText {
    font-size: .9em
}

.registerWrap .otherLogin_inner {
    margin: 20px auto 0;
    width: 100%
}

.registerWrap .otherLogin_inner p {
    margin-bottom: 16px;
    text-align: center;
    font-weight: 700
}

.registerWrap .otherLogin_inner .loginId {
    border: 1px solid #d9dad2;
    border-radius: 4px;
    color: #2c3e50;
    font-size: 1.1em;
    margin-bottom: 10px;
    padding: 0 0 0 50px;
    position: relative;
    height: 38px;
    line-height: 36px;
    background: #f8f8f8;
    display: block
}

.registerWrap .otherLogin_inner .loginId:after {
    background: url(../../../../img/user/sp/icon/arrow_ib.png?1703228340972) no-repeat;
    content: "";
    height: 16px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    width: 16px
}

.registerWrap .otherLogin_inner .fbID:before,
.registerWrap .otherLogin_inner .googleId:before,
.registerWrap .otherLogin_inner .twitterId:before,
.registerWrap .otherLogin_inner .yahooId:before {
    border-radius: 4px 0 0 4px;
    content: "";
    display: block;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px
}

.registerWrap .otherLogin_inner .loginId:hover {
    background: #eaebdd
}

.registerWrap .otherLogin_inner .yahooId:before {
    background: url(../../../../img/user/sp/login/yahoo.png?1703228340972) no-repeat;
    background-size: contain
}

.registerWrap .otherLogin_inner .fbID:before {
    background: url(../../../../img/user/sp/login/facebook.png?1703228340972) no-repeat;
    background-size: contain
}

.registerWrap .otherLogin_inner .twitterId:before {
    background: url(../../../../img/user/sp/login/twitter.png?1703228340972) no-repeat;
    background-size: contain
}

.registerWrap .otherLogin_inner .googleId:before {
    background: url(../../../../img/user/sp/login/google.png?1703228340972) no-repeat;
    background-size: contain
}

.registerWrap .progressBar_box {
    margin: 8px 0 20px auto;
    height: 12px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 150px;
    font-size: .8em
}

.registerWrap .pm-indicator,
.registerWrap .pm-indicator.not-match {
    background: url(../../../../img/user/sp/register/progress0.png?1703228340972) left center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 8px;
    width: 100px
}

.registerWrap .pm-indicator.not-match,
.registerWrap .pm-indicator.very-weak {
    background: url(../../../../img/user/sp/register/progress1.png?1703228340972) left center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 8px;
    width: 100px
}

.registerWrap .pm-indicator.weak {
    background: url(../../../../img/user/sp/register/progress2.png?1703228340972) left center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 8px;
    width: 100px
}

.registerWrap .pm-indicator.average {
    background: url(../../../../img/user/sp/register/progress3.png?1703228340972) left center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 8px;
    width: 100px
}

.registerWrap .pm-indicator.strong {
    background: url(../../../../img/user/sp/register/progress4.png?1703228340972) left center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 8px;
    width: 100px
}

.registerWrap .pm-indicator.very-strong {
    background: url(../../../../img/user/sp/register/progress5.png?1703228340972) left center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 8px;
    width: 100px
}

.registerWrap .accordionbox {
    width: 100%;
    margin: 10px auto;
    padding: 10px 0;
    word-wrap: break-word
}

.registerWrap .accordionbox .accordionlist {
    border: 1px solid #eff0e5;
    margin-top: 15px;
    background: #fff
}

.registerWrap .accordionbox .accordionlist dt {
    display: block;
    background: url(../../../../img/user/sp/icon/menu_icon_help.png?1703228340972) top 8px left 6px no-repeat #f8f9f0;
    background-size: 20px auto;
    color: #4b99df;
    overflow: hidden
}

.registerWrap .accordionbox .accordionlist dt:hover {
    color: #25b9ae
}

.registerWrap .accordionbox .accordionlist dt .title {
    display: block;
    background-color: transparent;
    border: 0;
    padding: 8px 0 8px 40px;
    width: 90%;
    float: left
}

.registerWrap .accordionbox .accordionlist dt .title p {
    width: 100%;
    float: left
}

.registerWrap .accordionbox .accordionlist dd {
    display: none;
    background: #fff;
    width: 100%;
    padding: 16px;
    background-size: 20px auto;
    line-height: 1.6em
}

.registerWrap .accordionbox .accordionlist dd .notes {
    border: 1px solid #d93200;
    background: #ffede7;
    width: 100%;
    margin: 10px auto 30px;
    padding: 10px;
    font-size: .9em;
    color: #d93200
}

.registerWrap .accordionbox .accordionlist dd .notes .notes-title {
    text-align: center;
    font-size: 1.1em;
    font-weight: 700
}

.registerWrap .accordionbox .accordionlist dd .info {
    border: 1px solid #0076a3;
    background: #e0f3fa;
    width: 100%;
    margin: 5px auto 30px;
    padding: 10px;
    font-size: .9em;
    color: #0076a3
}

.registerWrap .accordionbox .accordionlist dd .blue {
    color: #0076a3
}

.registerWrap .accordionbox .accordionlist dd ul li {
    list-style-type: disc;
    list-style-position: inside
}

.registerWrap .accordionbox .accordionlist .accordion_icon {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: relative;
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 2px;
    top: 10px
}

.registerWrap .accordionbox .accordionlist .accordion_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 6px;
    width: 50%;
    height: 2px;
    background-color: #0076a3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

.registerWrap .accordionbox .accordionlist .accordion_icon span:nth-of-type(1) {
    top: 5px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0)
}

.registerWrap .accordionbox .accordionlist .accordion_icon span:nth-of-type(2) {
    top: 5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

.registerWrap .accordionbox .accordionlist .accordion_icon.active span:nth-of-type(1) {
    display: none
}

.registerWrap .accordionbox .accordionlist .accordion_icon.active span:nth-of-type(2) {
    top: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

table.ssl_bnr {
    width: 100%;
    margin: 20px auto 0
}

table.ssl_bnr td {
    width: 30%;
    text-align: center;
    vertical-align: middle;
    padding-right: 8px;
    padding-bottom: 10px
}

table.ssl_bnr td img {
    width: 100%
}

table.ssl_bnr th {
    text-align: left;
    font-size: .8em;
    padding-bottom: 10px
}

.registerCatch h3 {
    color: #2c4256;
    font-size: 1.4em;
    line-height: 1.4em;
    margin-bottom: 4%
}

.registerCatch h4 {
    color: #2c4256;
    font-size: 1.2em;
    margin: 8% auto 2%;
    font-weight: 700
}

.registerCatch p.sms_about_txt {
    line-height: 1.8em;
    text-align: left;
    padding: 0 2%
}

.registerCatch ul.sms_check {
    padding: 3%;
    border: 3px solid #019cf6;
    border-radius: 16px;
    width: 94%;
    margin: 4% auto 2%;
    overflow: hidden;
    text-align: center
}

.registerCatch ul.sms_check.not {
    border: 3px solid #aaa
}

.registerCatch ul.sms_check li {
    font-size: 1.1em;
    padding: 1% 0 2%;
    margin: 0 auto
}

.registerCatch ul.sms_check li img {
    width: 15%
}

.registerCatch ol {
    width: 90%;
    margin: 0 auto
}

.registerCatch ol li {
    vertical-align: middle;
    padding: 2% 0
}

.registerCatch ol li img {
    vertical-align: middle;
    max-width: 100%
}

.registerCatch ol li img.arrow {
    width: 15%;
    margin: 0 auto;
    display: block
}

.registerCatch ol li p {
    width: 100%;
    text-align: left;
    padding: 2%
}

.btn_box {
    text-align: center;
    margin: 6% auto
}

.btn_box a.top_link {
    background: url(../../../../img/user/sp/icon/arrow_bl.png?1703228340972) right center no-repeat;
    padding-right: 20px
}

.btn_box_sms {
    margin: 6% auto 10%;
    width: 94%
}

.btn_box_sms a {
    display: block;
    text-align: center
}

.btn_box_sms a.link01 {
    width: 100%;
    padding: 3% 0;
    font-size: 1.4em
}

.btn_box_sms a.link01:hover {
    background: #86cc00
}

.btn_box_sms a.link02 {
    width: 100%;
    font-size: 1em;
    margin-top: 8%
}

.btn_box_sms .btn_y {
    background: #86cc00;
    background-image: -webkit-linear-gradient(top, #86cc00, #86cc00);
    background-image: -moz-linear-gradient(top, #86cc00, #86cc00);
    background-image: -ms-linear-gradient(top, #86cc00, #86cc00);
    background-image: -o-linear-gradient(top, #86cc00, #86cc00);
    background-image: linear-gradient(to bottom, #86cc00, #86cc00);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    text-shadow: 0 1px 0 #86cc00;
    -webkit-box-shadow: 0 3px 0 #86cc00;
    -moz-box-shadow: 0 3px 0 #86cc00;
    box-shadow: 0 3px 0 #86cc00;
    font-family: Arial;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    padding: 0;
    line-height: 30px;
    border: 1px solid #86cc00;
    text-decoration: none;
    letter-spacing: .1em
}

.btn_box_sms a:hover .btn_y {
    background: #86cc00;
    text-decoration: none
}

#lp_wrap {
    line-height: 1.6em;
    font-size: 16px;
    color: #425162
}

#lp_wrap header {
    background: url(../../../../img/user/sp/lp/asp/header_bg.png?1703228340972) center top no-repeat #ffc11b;
    height: auto;
    width: 100%;
    padding-top: 115%;
    position: relative;
    overflow: hidden;
    background-size: 100% auto
}

#lp_wrap header h1 {
    background: url(../../../../img/user/sp/lp/asp/header_title.png?1703228340972) center no-repeat;
    background-size: 100% auto;
    width: 94%;
    height: auto;
    padding-top: 40%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -47%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

#lp_wrap header img.contents {
    display: block;
    position: absolute;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    bottom: 2%
}

#lp_wrap header .top_pig {
    display: block;
    position: absolute;
    bottom: 2%;
    right: 0;
    width: 100%
}

#lp_wrap a.btn {
    margin: 8% auto;
    display: block;
    width: 80%
}

#lp_wrap .lp_box {
    width: 100%;
    margin: 4% auto;
    overflow: hidden
}

#lp_wrap .lp_box h2 {
    margin-bottom: 2%;
    text-align: center;
    background: 0 0;
    height: auto;
    line-height: normal;
    border: none
}

#lp_wrap .lp_box img {
    display: block;
    margin: 0 auto;
    width: 94%
}

#lp_wrap .lp_box p {
    margin: 2% auto;
    color: #425162;
    font-size: 1.5rem;
    text-align: center
}

#lp_wrap .lp_box.bg_blue {
    background: url(../../../../img/user/sp/lp/lp_step_bg.png?1703228340972) #95e7cf;
    padding: 30px 0;
    width: 100%;
    margin: 50px auto;
    clear: both
}

#lp_wrap .lp_box.bg_blue ul {
    margin: 2% auto;
    width: 90%;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1)
}

#lp_wrap .lp_box.bg_blue ul li {
    padding: 3%;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

#lp_wrap .lp_box.bg_blue ul li img {
    width: 80%
}

#lp_wrap .lp_box.bg_blue ul li p {
    text-align: left;
    font-size: 1.5rem;
    line-height: 2em;
    margin: 0 auto
}

#lp_wrap .lp_box ul.service_case {
    display: flex;
    margin: 0 auto;
    width: 94%
}

#lp_wrap .lp_box ul.service_case li {
    width: 32%;
    margin: 1%;
    padding: 2% 2% 4.5%;
    background: #fff;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1)
}

#lp_wrap .lp_box ul.service_case li p {
    font-size: 1.2rem;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#lp_wrap .lp_box ul.service_case li p.service_bnr {
    height: 200px;
    width: 250px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    border: 1px solid #eaebdd;
    padding: 6%
}

#lp_wrap .lp_box ul.service_case li p.service_bnr img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    object-fit: contain;
    max-height: 160px
}

#lp_wrap .lp_box ul.service_case li p.service_name {
    font-weight: 700;
    margin-top: 6%
}

#lp_wrap .lp_box ul.service_case li p.service_action {
    font-size: 1rem;
    margin: 4% 0 6%
}

#lp_wrap .lp_box ul.service_case li p.service_point {
    vertical-align: bottom;
    position: absolute;
    bottom: 3%;
    margin: 4% 0 0
}

#lp_wrap .lp_box ul.service_case li p.service_point em {
    font-size: 2rem;
    margin-top: 2%
}

#lp_wrap .lp_box.bg_yellow {
    background: url(../../../../img/user/sp/lp/lp_more_bg.png?1703228340972) #95e7cf;
    padding: 30px 0;
    width: 100%;
    margin: 50px auto;
    clear: both
}

#lp_wrap .lp_box.bg_yellow .faq {
    width: 94%;
    margin: 2% auto
}

#lp_wrap .lp_box.bg_yellow .faq .acd-check {
    display: none
}

#lp_wrap .lp_box.bg_yellow .faq .acd-label {
    background: #ffd841;
    color: #444;
    display: block;
    margin-bottom: 1px;
    padding: 4% 2%;
    border-bottom: solid 1px #444;
    font-size: 1.9rem
}

#lp_wrap .lp_box.bg_yellow .faq .acd-label em {
    color: #ff354d;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 0 2% 0 0
}

#lp_wrap .lp_box.bg_yellow .faq .acd-content {
    border-bottom: 1px solid #444;
    height: 0;
    opacity: 0;
    padding: 0 2%;
    transition: .5s;
    visibility: hidden;
    background: #ffd841
}

#lp_wrap .lp_box.bg_yellow .faq .acd-content p {
    color: #444;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.8em
}

#lp_wrap .lp_box.bg_yellow .faq .acd-content p b {
    font-weight: 700
}

#lp_wrap .lp_box.bg_yellow .faq .acd-check:checked+.acd-label+.acd-content {
    height: auto;
    opacity: 1;
    padding: 2%;
    visibility: visible
}

#lp_wrap ul.company_link {
    display: flex;
    padding: 0;
    margin: 0 auto;
    width: 94%;
    justify-content: center
}

#lp_wrap ul.company_link li {
    display: flex;
    width: 100%;
    border-left: solid 2px #ccc
}

#lp_wrap ul.company_link li:first-child {
    border: none
}

#lp_wrap ul.company_link li a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 10px;
    font-size: 1.6rem
}

footer.lp_foot {
    color: #fff;
    background: #425162;
    text-align: center;
    line-height: 3em;
    width: 100%;
    font-size: 1rem;
    margin-top: 6%;
    clear: both;
    position: relative;
    overflow: initial
}

footer.lp_foot table {
    position: absolute;
    top: -80px;
    left: 50%;
    margin-left: -330px;
    width: 550px
}

footer.lp_foot table td,
footer.lp_foot table th {
    margin: 0;
    padding: 0 8px;
    vertical-align: middle;
    text-align: left
}

footer.lp_foot table a {
    display: block
}

footer.lp_foot>img {
    position: absolute;
    top: -93px;
    right: 50%;
    margin-right: -330px;
    width: 100px
}

footer.lp_foot p,
footer.lp_foot small {
    color: #fff;
    text-decoration: none
}

footer.lp_foot small {
    padding: 1% 0;
    font-size: 1rem
}

footer.lp_foot ul {
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    padding: 24px 0 32px
}

footer.lp_foot ul li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 1px 16px
}

footer.lp_foot ul li a {
    color: #fff;
    text-decoration: none
}

footer.lp_foot ul li:last-child {
    border: 0
}

footer.lp_foot p {
    margin: 0 0 8px
}

.poyooon {
    -moz-animation: poyooon 3s linear 0s infinite;
    -webkit-animation: poyooon 3s linear 0s infinite;
    animation: poyooon 3s linear 0s infinite
}

@-moz-keyframes poyooon {

    0%,
    100%,
    40%,
    51%,
    70% {
        -moz-transform: scale(1, 1) translate(0, 0)
    }

    44% {
        -moz-transform: scale(1.1, 1) translate(0, 5%)
    }

    50% {
        -moz-transform: scale(1.2, 1) translate(0, 15%)
    }

    55% {
        -moz-transform: scale(1, 1.1) translate(0, -30%)
    }

    60% {
        -moz-transform: scale(1, 1.1) translate(0, -10%)
    }

    65% {
        -moz-transform: scale(1.1, .9) translate(0, 15%)
    }
}

@-webkit-keyframes poyooon {

    0%,
    100%,
    40%,
    51%,
    70% {
        -webkit-transform: scale(1, 1) translate(0, 0)
    }

    44% {
        -webkit-transform: scale(1.1, 1) translate(0, 5%)
    }

    50%,
    65% {
        -webkit-transform: scale(1.2, 1) translate(0, 15%)
    }

    55% {
        -webkit-transform: scale(.9, 1.2) translate(0, -30%)
    }

    60% {
        -webkit-transform: scale(.9, 1.2) translate(0, -10%)
    }
}

@keyframes poyooon {

    0%,
    100%,
    40%,
    51%,
    70% {
        transform: scale(1, 1) translate(0, 0)
    }

    44% {
        transform: scale(1.1, 1) translate(0, 5%)
    }

    50%,
    65% {
        transform: scale(1.2, 1) translate(0, 15%)
    }

    55% {
        transform: scale(.9, 1.2) translate(0, -30%)
    }

    60% {
        transform: scale(.9, 1.2) translate(0, -10%)
    }
}

a img.puyon {
    animation: puyon 4s linear 4s infinite
}

@-moz-keyframes puyon {

    0%,
    100%,
    48%,
    63% {
        -moz-transform: scale(1, 1) translate(0, 0)
    }

    51% {
        -moz-transform: scale(.95, 1.2) translate(0, -10%)
    }

    54% {
        -moz-transform: scale(1.1, .9) translate(0, 5%)
    }

    57% {
        -moz-transform: scale(.95, 1.05) translate(0, -3%)
    }

    60% {
        -moz-transform: scale(1.05, .95) translate(0, 3%)
    }
}

@-webkit-keyframes puyon {

    0%,
    100%,
    48%,
    63% {
        -webkit-transform: scale(1, 1) translate(0, 0)
    }

    51% {
        -webkit-transform: scale(.95, 1.2) translate(0, -10%)
    }

    54% {
        -webkit-transform: scale(1.1, .9) translate(0, 5%)
    }

    57% {
        -webkit-transform: scale(.95, 1.05) translate(0, -3%)
    }

    60% {
        -webkit-transform: scale(1.05, .95) translate(0, 3%)
    }
}

@keyframes puyon {

    0%,
    100%,
    48%,
    63% {
        transform: scale(1, 1) translate(0, 0)
    }

    51% {
        transform: scale(.95, 1.2) translate(0, -10%)
    }

    54% {
        transform: scale(1.1, .9) translate(0, 5%)
    }

    57% {
        transform: scale(.95, 1.05) translate(0, -3%)
    }

    60% {
        transform: scale(1.05, .95) translate(0, 3%)
    }
}