@charset "UTF-8";

html{
    letter-spacing: 0;
    color: #404040;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
}

main{
    overflow: hidden;
}

img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

:root{
    --main-w: 1336;
}

header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 clamp(20px, calc(50 / var(--main-w) * 100vw), 50px);
    padding-top: clamp(20px, calc(30 / var(--main-w) * 100vw), 30px);
    height: clamp(120px, calc(166 / var(--main-w) * 100vw), 166px);
    background: linear-gradient(to bottom, #FFC5E2 0%,rgba(255,197,226,0.9) 30% , rgba(255,197,226,0) 100%);
    z-index: 2;
}

.header__wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__ttl{
    font-size: clamp(11px, calc(16 / var(--main-w) * 100vw), 16px);
    font-weight: 700;
    color: #fff;
}

.header__logo{
    width: 116px;
    height: auto;
}

.header__button{
    width: min(calc(168 / var(--main-w) * 100vw), 168px);
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
    transition: 0.3s;
}

.header__button:hover{
    opacity: 0.8;
    transition: 0.3s;
}

.fv{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.fv__icon01{
    position: absolute;
    width: min(calc(128 / var(--main-w) * 100vw), 128px);
    height: auto;
    left: 0;
    top: calc(100% - min(calc(143 / var(--main-w) * 100vw), 143px));
}

.fv__icon02{
    position: absolute;
    width: min(calc(168.5 / var(--main-w) * 100vw), 168.5px);
    height: auto;
    right: 0;
    top: calc(100% - 83px);
}

.sv{
    position: relative;
    background: url(../img/sv_bg.webp);
    background-position: center;
    background-size: cover;
    padding: clamp(100px, calc(180 / var(--main-w) * 100vw), 180px) 0 clamp(40px, calc(60 / var(--main-w) * 100vw), 60px) 0;
}

.sc_icon01{
    position: absolute;
    width: min(calc(100 / var(--main-w) * 100vw), 100px);
    height: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sc_icon02{
    position: absolute;
    width: min(calc(128 / var(--main-w) * 100vw), 128px);
    height: auto;
    bottom: -5%;
    left: 0;
    z-index: 2;
}

.sc_icon03{
    position: absolute;
    width: min(calc(330 / var(--main-w) * 100vw), 330px);
    height: auto;
    bottom: -5%;
    right: 0;
    z-index: 2;
}

.sv__wrap{
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    z-index: 1;
}

.sc_icon05{
    position: absolute;
    width: min(calc(59 / var(--main-w) * 100vw), 59px);
    height: auto;
    top: 9%;
    left: 4%;
    z-index: -1;
}

.sc_icon06{
    position: absolute;
    width: min(calc(161 / var(--main-w) * 100vw), 161px);
    height: auto;
    top: 75%;
    left: 3.5%;
    z-index: -1;
}

.sv__inner{
    display: flex;
    max-width: 1270px;
    width: calc(100% - 60px);
    margin: 0 auto;
}

.sv__left{
    padding-left: clamp(40px, calc(100 / var(--main-w) * 100vw), 100px);
}

.sv__left__box{
    padding-left: clamp(20px, calc(55 / var(--main-w) * 100vw), 55px);
}

.sv__left__ttl{
    width: clamp(247px, calc(526.66 / var(--main-w) * 100vw), 526.66px);
    height: auto;
}

.sv__left__bigtxt{
    width: clamp(228px, calc(404.2 / var(--main-w) * 100vw), 404.2px);
    height: auto;
    margin-top: clamp(30px, calc(54 / var(--main-w) * 100vw), 54px);
}

.sv__left__txt{
    width: clamp(217px, calc(362.79 / var(--main-w) * 100vw), 362.79px);
    height: auto;
    margin-top: clamp(40px, calc(82 / var(--main-w) * 100vw), 82px);
}

.sv__left__hand{
    width: clamp(79px, calc(148.04 / var(--main-w) * 100vw), 148.04px);
    height: auto;
    margin-top: clamp(30px, calc(62 / var(--main-w) * 100vw), 62px);
}

.requirements{
    background-color: #FFE3F1;
    padding: clamp(82px, calc(130 / var(--main-w) * 100vw), 130px) 0 0 0;
}

.section__ttl{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(14px, calc(33 / var(--main-w) * 100vw), 33px);
    font-size: clamp(26px, calc(38 / var(--main-w) * 100vw), 38px);
    font-weight: 700;
    color: #E66F9D;
}

.section__subttl{
    margin-top: clamp(6px, calc(15 / var(--main-w) * 100vw), 15px);
    text-align: center;
    color: #E66F9D;
    font-size: clamp(11px, calc(14 / var(--main-w) * 100vw), 14px);
    font-weight: 700;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.section__ttl::before,
.section__ttl::after{
    content: "";
    width: 10px;
    height: 10px;
    background-color: #12FFC8;
}

.section__ttl--preferred::before,
.section__ttl--preferred::after{
    background-color: #A2EDFF;
}

.section__ttlbox--white .section__ttl,
.section__ttlbox--white .section__subttl{
    color: #fff;
}

.requirements__inner{
    width: calc(100% - 60px);
    max-width: 1166px;
    margin: 0 auto;
    padding-bottom: clamp(60px, calc(90 / var(--main-w) * 100vw), 90px);
    border-bottom: 1px solid #FFFFFF;
}

.requirements__list{
    max-width: 966px;
    margin: 0 auto;
    margin-top: clamp(30px, calc(57 / var(--main-w) * 100vw), 57px);
    display: flex;
    flex-wrap: wrap;
    gap: 23px 26px;
}

.requirements__list__item{
    width: calc(33.333% - 17.3333px);
}

.requirements__caution{
    text-align: center;
    margin-top: clamp(30px, calc(44 / var(--main-w) * 100vw), 44px);
    font-size: clamp(11px, calc(14 / var(--main-w) * 100vw), 14px);
    font-weight: 700;
    line-height: 1.9;
}

.preferred{
    background-color: #FFE3F1;
    padding: clamp(80px, calc(80 / var(--main-w) * 100vw), 80px) 0
             clamp(82px, calc(130 / var(--main-w) * 100vw), 130px) 0;
}

.preferred__wrap{
    max-width: 1366px;
    margin: 0 auto;
    margin-top: clamp(30px, calc(57 / var(--main-w) * 100vw), 57px);
    position: relative;
    z-index: 0;
}

.preferred__inui{
    position: absolute;
    bottom: -2%;
    left: 0;
    width: min(calc(420 / var(--main-w) * 100vw), 420px);
    height: auto;
    z-index: -1;
}

.preferred__list{
    width: calc(100% - 60px);
    max-width: 966px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 23px 26px;
    justify-content: center;
}

.preferred__list__item{
    width: calc(33.333% - 17.3333px);
}

.support{
    padding: clamp(80px, calc(115 / var(--main-w) * 100vw), 115px) 0
             clamp(70px, calc(105 / var(--main-w) * 100vw), 105px);
    background: url(../img/support_bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: repeat;
}

.support__wrap{
    position: relative;
    max-width: 1266px;
    margin: 0 auto;
    z-index: 0;
}

.support__kon{
    position: absolute;
    right: 0;
    width: min(calc(302 / var(--main-w) * 100vw), 302px);
    height: auto;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
}

.support__box{
    margin: 0 auto;
    background-color: #fff;
    margin-top: clamp(35px, calc(40 / var(--main-w) * 100vw), 40px);
    max-width: 966px;
    padding: clamp(38px, calc(60 / var(--main-w) * 100vw), 60px) 15px
             clamp(38px, calc(70 / var(--main-w) * 100vw), 70px);
    border-radius: 4px;
    width: calc(100% - 60px);
}

.support__box__logo{
    width: 28.78px;
    height: auto;
    margin: 0 auto;
}

.support__box__ttl{
    text-align: center;
    margin-top: clamp(8px, calc(10 / var(--main-w) * 100vw), 10px);
    font-size: clamp(18px, calc(22 / var(--main-w) * 100vw), 22px);
    font-weight: 700;
}

.support__box__txt{
    text-align: center;
    font-size: clamp(12px, calc(14 / var(--main-w) * 100vw), 14px);
    font-weight: 700;
    margin-top: clamp(7px, calc(15 / var(--main-w) * 100vw), 15px);
}

.application{
    padding: clamp(60px, calc(88 / var(--main-w) * 100vw), 88px) 0
             clamp(70px, calc(100 / var(--main-w) * 100vw), 100px);
}

.application__box{
    margin-top: clamp(24px, calc(34 / var(--main-w) * 100vw), 34px);
    max-width: 966px;
    margin: 0 auto;
    padding: clamp(40px, calc(53 / var(--main-w) * 100vw), 53px) 0;
    background-color: #E66F9D;
    border-radius: 4px;
    margin-top: clamp(24px, calc(34 / var(--main-w) * 100vw), 34px);
    width: calc(100% - 30px);
}

.application__box__ttl{
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 18px;
    align-items: center;
    font-size: clamp(16px, calc(22 / var(--main-w) * 100vw), 22px);
    font-weight: 700;
    color: #fff;
}

.application__box__ttl::before {
    content: "";
    width: 19px;
    height: 19px;
    background-color: #12FFC8;
    border-radius: 50%;
    border-radius: 50%;
    box-shadow:
        0 0 0 0 rgba(18, 255, 200, 0.7),
        0 0 0 0 rgba(18, 255, 200, 0.4);
    animation: online-double-ripple 2s ease-out infinite;
}

@keyframes online-double-ripple {
    0% {
        box-shadow:
            0 0 0 0   rgba(18, 255, 200, 0.7),
            0 0 0 0   rgba(18, 255, 200, 0.4);
    }
    50% {
        box-shadow:
            0 0 0 10px rgba(18, 255, 200, 0),
            0 0 0 0   rgba(18, 255, 200, 0.4);
    }
    100% {
        box-shadow:
            0 0 0 20px rgba(18, 255, 200, 0),
            0 0 0 10px rgba(18, 255, 200, 0);
    }
}

.application__box__txt{
    color: #fff;
    margin-top: clamp(10px, calc(15 / var(--main-w) * 100vw), 15px);
    text-align: center;
    font-weight: 700;
    font-size: clamp(11px, calc(14 / var(--main-w) * 100vw), 14px);
}

.process{
    background: url(../img/flow_bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: repeat;
    padding: clamp(82px, calc(154 / var(--main-w) * 100vw), 154px) 0
             clamp(100px, calc(118 / var(--main-w) * 100vw), 118px);
}

.process__list{
    margin: 0 auto;
    margin-top: clamp(30px, calc(58 / var(--main-w) * 100vw), 58px);
    max-width: 966px;
    width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.process__list__item{
    width: 100%;
    border: 3px solid #E66F9D;
    background-color: #fff;
    padding: clamp(30px, calc(44 / var(--main-w) * 100vw), 44px) 0
             clamp(40px, calc(67 / var(--main-w) * 100vw), 67px);
}

.process__list .process__list__item:first-child{
    border: 3px solid #EA99C1;
}

.process__list .process__list__item:last-child{
    border: 3px solid #CC4C7D;
}

.process__list__item__ttl{
    text-align: center;
    font-size: clamp(20px, calc(20 / var(--main-w) * 100vw), 20px);
    font-weight: 700;
    color: #E66F9D;
}

.process__list__item__txt{
    text-align: center;
    letter-spacing: -0.02em;
    font-size: clamp(18px, calc(26 / var(--main-w) * 100vw), 26px);
    font-weight: 700;
    color: #404040;
    margin-top: clamp(12px, calc(25 / var(--main-w) * 100vw), 25px);
}

.process__txt{
    margin-top: clamp(24px, calc(38 / var(--main-w) * 100vw), 38px);
    text-align: center;
    font-size: clamp(11px, calc(14 / var(--main-w) * 100vw), 14px);
    font-weight: 700;
    line-height: 1.9;
}

.notes{
    padding: clamp(70px, calc(93 / var(--main-w) * 100vw), 93px) 0
             clamp(80px, calc(124 / var(--main-w) * 100vw), 124px);
}

.notes__box{
    margin: 0 auto;
    margin-top: clamp(24px, calc(39 / var(--main-w) * 100vw), 39px);
    max-width: 603px;
    width: calc(100% - 30px);
}

.notes__list li{
    position: relative;
    list-style: none;
    font-size: clamp(12px, calc(16 / var(--main-w) * 100vw), 16px);
    font-weight: 700;
    line-height: 1.9;
    padding-left: clamp(23px, calc(27 / var(--main-w) * 100vw), 27px);
}

.notes__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: clamp(5px, calc(7 / var(--main-w) * 100vw), 7px);
    display: inline-block;
    width: clamp(12px, calc(16 / var(--main-w) * 100vw), 16px);
    height: clamp(12px, calc(16 / var(--main-w) * 100vw), 16px);
    background-color: #E66F9D;
    border-radius: 50%;
}

.entry{
    position: relative;
    background: url(../img/support_bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: repeat;
}

.entry__wrap{
    position: relative;
    padding: clamp(55px, calc(98 / var(--main-w) * 100vw), 98px)
             15px
             clamp(77px, calc(125 / var(--main-w) * 100vw), 125px)
             15px;
    max-width: 1318px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(../img/entry_vtuver.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.entry__ttl{
    display: inline-block;
    width: clamp(223.6px, calc(457.33 / var(--main-w) * 100vw), 457.33px);
    height: auto;
}

.entry__txt{
    display: inline-block;
    width: clamp(284.96px, calc(598.42 / var(--main-w) * 100vw), 598.42px);
    height: auto;
    margin-top: clamp(32px, calc(55 / var(--main-w) * 100vw), 55px);
}

.entry__button{
    display: inline-block;
    width: min(calc(363 / var(--main-w) * 100vw), 363px);
    height: auto;
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
    margin-top: clamp(32px, calc(48 / var(--main-w) * 100vw), 48px);
}

.entry__button:hover{
    transition: 0.2s;
    opacity: 0.8;
}

.entry__caution{
    text-align: center;
    font-size: clamp(11px, calc(14 / var(--main-w) * 100vw), 14px);
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    margin-top: clamp(20px, calc(30 / var(--main-w) * 100vw), 30px);
    position: relative;
    z-index: 1;
}

.entry__icon01{
    position: absolute;
    width: clamp(41px, calc(63 / var(--main-w) * 100vw), 63px);
    height: auto;
    right: 14%;
    top: -6%;
}

.entry__icon02{
    position: absolute;
    width: clamp(72px, calc(152 / var(--main-w) * 100vw), 152px);
    height: auto;
    left: 0;
    bottom: 10%;
    z-index: 1;
}

.entry__icon03{
    position: absolute;
    width: clamp(71px, calc(156 / var(--main-w) * 100vw), 156px);
    height: auto;
    right: 0;
    top: 55%;
    z-index: 1;
}

.footer{
    padding: clamp(62px, calc(82 / var(--main-w) * 100vw), 82px) 0
             clamp(40px, calc(42 / var(--main-w) * 100vw), 42px);
}

.footer__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1166px;
    width: calc(100% - 60px);
    margin: 0 auto;
}

.footer__orgnaizer{
    font-size: clamp(11px, calc(13 / var(--main-w) * 100vw), 13px);
    font-weight: 500;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #767676;
}

.footer__logo{
    width: clamp(143px, calc(258 / var(--main-w) * 100vw), 258px);
    height: auto;
    display: inline-block;
    margin-top: clamp(24px, calc(40 / var(--main-w) * 100vw), 40px);
}

.footer__button{
    width: clamp(175px, calc(218 / var(--main-w) * 100vw), 218px);
    height: auto;
    display: inline-block;
    margin-top: clamp(24px, calc(40 / var(--main-w) * 100vw), 40px);
}

.footer__copy{
    padding-top: clamp(20px, calc(30 / var(--main-w) * 100vw), 30px);
    border-top: 1px solid #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: clamp(30px, calc(77 / var(--main-w) * 100vw), 77px);
    width: 100%;
}

.footer__copy__policy{
    font-size: clamp(13px, calc(15 / var(--main-w) * 100vw), 15px);
    font-weight: 300;
    color: #767676;
    text-decoration: unset;
    font-weight: 500;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.footer__copy__txt{
    font-size: clamp(11px, calc(11 / var(--main-w) * 100vw), 11px);
    color: #767676;
    font-weight: 500;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.fv__spbottom{
    display: none;
}
.fixed__button {
    display: none;
}

.sp768only{
    display: none;
}

@media (max-width: 768px) {
    .pc768only{
        display: none;
    }
    .sp768only{
        display: block;
    }

    .header__ttl{
        text-align: right;
    }
    
    .fv{
        position: relative;
        background: url(../img/kv_sp.webp);
        background-position: center;
        background-size: cover;
    }

    .fv__spbottom__scroll{
        text-align: center;
        margin-bottom: 7px;
        font-size: 12px;
        font-weight: 700;
        font-family: "Figtree", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
    }

    .fv__spbottom{
        position: absolute;
        display: block;
        bottom: 35px;
        width: 315px;
        max-width: calc(100% - 30px);
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
    }

    .fv__spbottom__entry{
        display: block;
        width: 100%;
        filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
    }

    .requirements__list__item{
        width: calc(50% - 13px);
    }

    .sv__right{
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
    .fixed__button {
        display: block;
        position: fixed;
        left: 50%;
        bottom: 16px;
        transform: translate(-50%, 100%);
        width: 315px;
        max-width: calc(100% - 30px);
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform .3s ease, opacity .3s ease, visibility 0s linear .3s;
        will-change: transform, opacity;
    }

    .fixed__button .fv__spbottom__entry {
        display: block;
        width: 100%;
        filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));
    }

    .fixed__button.is-visible {
        transform: translate(-50%, 0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: transform .3s ease, opacity .3s ease, visibility 0s linear 0s;
    }
    .header__button:hover,.entry__button:hover{
        opacity: 1;
        transition: 0;
    }
}

@media (max-width: 490px) {

    .requirements__list{
        gap: 10px;
    }
    
    .requirements__list__item{
        width: 100%;
    }

    .preferred__list{
        gap: 10px;
    }

    .preferred__list__item{
        width: 100%;
    }

    .sv__left,.sv__left__box{
        padding: 0;
    }

    .sv__right{
        width: 80%;
        max-width: 313px;
    }

    .sv{
        padding: 96px 0 31px 0;
    }

    .sv__left__bigtxt{
        margin-top: 45px;
    }

    .sv__left__txt{
        margin-top: 46px;
    }

    .sv__left__hand{
        margin-top: 115px;
    }

    .sc_icon03{
        width: 67px;
    }

    .sc_icon02{
        width: 85px;
        z-index: 0;
    }

    .sc_icon01{
        left: auto;
        right: 0;
        top: 25px;
        transform: unset;
        width: 67px;
    }

    .fv__icon01,.fv__icon02{
        display: none;
    }

    .preferred__inui{
        top: calc(9% - 220px);
        width: 310px;
        right: 46%;
        left: auto;
    }

    .support{
        padding-bottom: 116px;
    }

    .support__wrap{
        position: static;
    }
    .support{
        position: relative;
        z-index: 0;
    }

    .support__kon{
        height: 95%;
        right: -14%;
        width: auto;
    }

    .support__kon img{
        width: auto;
        height: 100%;
    }

    .support__box__ttl{
        margin-top: 20px;
    }

    .support{
        background: url(../img/support_bg_sp.webp);
        background-position: center;
        background-size: contain;
        background-repeat: repeat;
    }

    .process{
        background: url(../img/flow_bg_sp.webp);
        background-position: center;
        background-size: contain;
        background-repeat: repeat;
    }

    .entry{
        background: url(../img/support_bg_sp.webp);
        background-position: center;
        background-size: contain;
        background-repeat: repeat;
    }

    .entry__button{
        width: 315px;
    }

    .entry__caution{
        filter: drop-shadow(0 3px 6px rgba(0,0,0,0.47));
    }

    .entry__icon02{
        bottom: 2%;
    }

    .entry__icon03{
        bottom: 6%;
        top: auto;
    }

    .entry__wrap{
        background: url(../img/entry_vtuver_sp.webp);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .footer__copy{
        flex-direction: column;
        gap: 28px;
        align-items: center;
    }

    .sv{
        background: url(../img/sv_bg_sp.webp);
        background-position: center;
        background-size: cover;
    }

    .sc_icon05,.sc_icon06{
        display: none;
    }

    .process__list__item{
        border: 2px solid #E66F9D;
    }

    .process__list .process__list__item:first-child{
        border: 2px solid #EA99C1;
    }

    .process__list .process__list__item:last-child{
        border: 2px solid #CC4C7D;
    }
}

        .sv__right {
  animation: floating-x 4s ease-in-out infinite alternate-reverse;
}
.sv__right img {
  animation: floating-y 2s ease-in-out infinite alternate-reverse;
}

.fv__icon01{
  animation: floating-y 2s ease-in-out infinite alternate-reverse;
}

.fv__icon02{
  animation: floating-yy 2s ease-in-out infinite alternate-reverse;
}

.sc_icon01{
  animation: floating-yy 2s ease-in-out infinite alternate-reverse;
}

.sc_icon02{
  animation: floating-y 2s ease-in-out infinite alternate-reverse;
}

.sc_icon03{
  animation: floating-yy 2s ease-in-out infinite alternate-reverse;
}
@keyframes floating-x {
  0% {
    transform: translateX(-1%);
  }
  100% {
    transform: translateX(1%);
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(1%);
  }
}
@keyframes floating-yy {
  0% {
    transform: translateY(1%);
  }
  100% {
    transform: translateY(-1%);
  }
}

@media (max-width: 490px) {
            .sv__right {
  animation: floating-x 7s ease-in-out infinite alternate-reverse;
}
.sv__right img {
  animation: floating-y 4s ease-in-out infinite alternate-reverse;
}

.fv__icon01{
  animation: floating-y 4s ease-in-out infinite alternate-reverse;
}

.fv__icon02{
  animation: floating-yy 4s ease-in-out infinite alternate-reverse;
}

.sc_icon01{
  animation: floating-yy 4s ease-in-out infinite alternate-reverse;
}

.sc_icon02{
  animation: floating-y 4s ease-in-out infinite alternate-reverse;
}

.sc_icon03{
  animation: floating-y 4s ease-in-out infinite alternate-reverse;
}
    @keyframes floating-x {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(1.5%);
    }
    }
    @keyframes floating-y {
    0% {
        transform: translateY(-1%);
    }
    100% {
        transform: translateY(1%);
    }
    }
    @keyframes floating-yy {
    0% {
        transform: translateY(1%);
    }
    100% {
        transform: translateY(-1%);
    }
    }
}

.sv__left__hand img {
    animation: floating-y 0.4s linear infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(2%);
  }
}

.entry__button{
  animation: dblclick 1.2s infinite;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.16));
  will-change: transform, filter;
}

@keyframes dblclick {
  0%, 24%, 100% {
    transform: translateY(0);
    filter: drop-shadow(0 3px 3px rgba(0,0,0,.16));
  }
  6% {
    transform: translateY(3px);
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.10));
  }
  12% {
    transform: translateY(0);
    filter: drop-shadow(0 3px 3px rgba(0,0,0,.16));
  }
  18% {
    transform: translateY(3px);
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.10));
  }
}