.anmTwitchy {
    -webkit-animation-name: myanime_twitchy;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    animation-name: myanime_twitchy;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}

@-webkit-keyframes myanime_twitchy {
    0% {
        -webkit-transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(40%);
    }
    20% {
        -webkit-transform: translateY(0);
    }
    30% {
        -webkit-transform: translateY(40%);
    }
    40% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes myanime_twitchy {
    0% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(40%);
    }
    20% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(40%);
    }
    40% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}
.anmFlow {
    -webkit-animation-name: myanime_flow;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    animation-name: myanime_flow;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}

@-webkit-keyframes myanime_flow {
    0% {
        top: 0;
    }
    70% {
        top: 0;
    }
    100% {
        top: -200%;
    }
}
@keyframes myanime_flow {
    0% {
        top: 0;
    }
    70% {
        top: 0;
    }
    100% {
        top: -200%;
    }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media all and (min-width: 1026px) {
    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    /* ************************ */
    #wrap {
        min-height: 640px;
    }

    /* ************************ */
    /* -------- */
    section.start {
        height: 100%;
    }

    section.start .sctinner {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 500px;
        margin: -250px 0 0 0;
    }

    section.start .mytitle {
        padding: 0 0 20px 0;
    }

    section.start .mytitle h1 {
        position: relative;
        width: 400px;
        height: 231px;
        font-size: 0;
        margin: 0 auto 0 auto;
    }

    section.start .mytitle h1 span {
        position: absolute;
        left: 0;
        top: 0;
    }

    section.start .mytitle h1 span.n1 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_01.png);
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .mytitle h1 span.n2 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_02.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n3 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_03.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n4 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_04.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n5 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_05.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n6 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_06.png);
        clip: rect(0px, 0px, 231px, 0px);
        -webkit-transition-property: clip;
        transition-property: clip;
        -webkit-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    section.start .mytitle h1 span.n1.appear {
        opacity: 1;
    }

    section.start .mytitle h1 span.n2.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n3.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n4.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n5.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n6.appear {
        clip: rect(0px, 400px, 231px, 0px);
    }

    /* -------- */
    section.start .mytitle h2 {
        position: absolute;
        left: 50%;
        top: -20px;
        width: 100px;
        height: 260px;
        margin: 0 0 0 230px;
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .mytitle h2.appear {
        opacity: 1;
    }

    section.start .mytitle h2 span {
        background-image: url(/images/campaign/sumairo-shindan/home/l/txt_balloon.svg);
    }

    /* -------- */
    section.start .frame {
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .frame.appear {
        opacity: 1;
    }

    /* -------- */
    section.start .intro {
        width: 800px;
        padding: 0 0 20px 0;
        text-align: center;
        margin: 0 auto 0 auto;
    }

    section.start .intro p {
        line-height: 1.9;
        font-size: 0.9rem;
    }

    section.start .intro p strong.exclam {
        margin: -0.1em 0 0 -0.1em;
    }

    /* -------- */
    section.start .voice {
        position: relative;
        width: 190px;
        height: 70px;
        padding: 0 0 12px 0;
        text-align: center;
        margin: 0 auto 0 auto;
    }

    section.start .voice .deco {
        position: absolute;
        left: -42px;
        top: 0;
        width: 280px;
        height: 0;
    }

    section.start .voice .txt {
        width: 100%;
        height: 100%;
    }

    section.start .voice .txt span {
        background-image: url(/images/campaign/sumairo-shindan/home/txt_easy.svg);
    }

    /* -------- */
    section.start .letsgo {
        padding: 0 0 30px 0;
        text-align: center;
    }

    section.start .letsgo .btntype1 {
        width: 270px;
        height: 80px;
        line-height: 72px;
        font-size: 1.5rem;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}
@media all and (min-width: 768px) and (max-width: 1025px) {
    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    /* ************************ */
    #wrap {
        min-height: 156vw;
    }

    /* ************************ */
    /* -------- */
    section.start {
        height: 100%;
    }

    section.start .sctinner {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 118vw;
        margin: calc((-118vw / 2) - 4vw) 0 0 0;
    }

    section.start .mytitle {
        padding: 17vw 0 3vw 0;
    }

    section.start .mytitle h1 {
        position: relative;
        width: 56vw;
        height: 33vw;
        font-size: 0;
        margin: 0 auto 0 auto;
    }

    section.start .mytitle h1 span {
        position: absolute;
        left: 0;
        top: 0;
    }

    section.start .mytitle h1 span.n1 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_01.png);
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .mytitle h1 span.n2 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_02.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n3 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_03.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n4 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_04.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n5 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_05.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n6 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_06.png);
        clip: rect(0vw, 0vw, 39vw, 0vw);
        -webkit-transition-property: clip;
        transition-property: clip;
        -webkit-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    section.start .mytitle h1 span.n1.appear {
        opacity: 1;
    }

    section.start .mytitle h1 span.n2.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n3.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n4.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n5.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n6.appear {
        clip: rect(0vw, 67vw, 39vw, 0vw);
    }

    /* -------- */
    section.start .mytitle h2 {
        position: absolute;
        left: 50%;
        top: -3vw;
        width: 44vw;
        height: 18vw;
        margin: 0 0 0 -22vw;
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .mytitle h2.appear {
        opacity: 1;
    }

    section.start .mytitle h2 span {
        background-image: url(/images/campaign/sumairo-shindan/home/ms/txt_balloon.svg);
    }

    /* -------- */
    section.start .frame {
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .frame.appear {
        opacity: 1;
    }

    /* -------- */
    section.start .intro {
        width: 80vw;
        padding: 0 0 3vw 0;
        text-align: center;
        margin: 0 auto 0 auto;
    }

    section.start .intro p {
        line-height: 1.5;
        font-size: 0.95rem;
    }

    section.start .intro p strong.exclam {
        margin: -0.1em 0 0 -0.1em;
    }

    /* -------- */
    section.start .voice {
        position: relative;
        width: 30vw;
        height: 12vw;
        margin: 0 auto 0 auto;
    }

    section.start .voice .deco {
        position: absolute;
        left: -8vw;
        top: -1vw;
        width: 46vw;
        height: 0;
    }

    section.start .voice .txt {
        width: 100%;
        height: 100%;
    }

    section.start .voice .txt span {
        background-image: url(/images/campaign/sumairo-shindan/home/txt_easy.svg);
    }

    /* -------- */
    section.start .letsgo {
        text-align: center;
    }

    section.start .letsgo .btntype1 {
        width: 48vw;
        height: 17vw;
        line-height: 15vw;
        font-size: 1.6rem;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}
@media all and (max-width: 767px) {
    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    /* ************************ */
    #wrap {
        min-height: 156vw;
    }

    /* ************************ */
    /* -------- */
    section.start {
        height: 100%;
    }

    section.start .sctinner {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 118vw;
        margin: calc((-118vw / 2) - 4vw) 0 0 0;
    }

    section.start .mytitle {
        padding: 17vw 0 3vw 0;
    }

    section.start .mytitle h1 {
        position: relative;
        width: 56vw;
        height: 33vw;
        font-size: 0;
        margin: 0 auto 0 auto;
    }

    section.start .mytitle h1 span {
        position: absolute;
        left: 0;
        top: 0;
    }

    section.start .mytitle h1 span.n1 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_01.png);
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .mytitle h1 span.n2 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_02.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n3 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_03.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n4 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_04.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n5 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_05.png);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    section.start .mytitle h1 span.n6 {
        background-image: url(/images/campaign/sumairo-shindan/home/obj_maintitile_06.png);
        clip: rect(0vw, 0vw, 39vw, 0vw);
        -webkit-transition-property: clip;
        transition-property: clip;
        -webkit-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    section.start .mytitle h1 span.n1.appear {
        opacity: 1;
    }

    section.start .mytitle h1 span.n2.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n3.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n4.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n5.appear {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    section.start .mytitle h1 span.n6.appear {
        clip: rect(0vw, 67vw, 39vw, 0vw);
    }

    /* -------- */
    section.start .mytitle h2 {
        position: absolute;
        left: 50%;
        top: -3vw;
        width: 44vw;
        height: 18vw;
        margin: 0 0 0 -22vw;
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .mytitle h2.appear {
        opacity: 1;
    }

    section.start .mytitle h2 span {
        background-image: url(/images/campaign/sumairo-shindan/home/ms/txt_balloon.svg);
    }

    /* -------- */
    section.start .frame {
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    section.start .frame.appear {
        opacity: 1;
    }

    /* -------- */
    section.start .intro {
        width: 80vw;
        padding: 0 0 3vw 0;
        text-align: center;
        margin: 0 auto 0 auto;
    }

    section.start .intro p {
        line-height: 1.5;
        font-size: 0.95rem;
    }

    section.start .intro p strong.exclam {
        margin: -0.1em 0 0 -0.1em;
    }

    /* -------- */
    section.start .voice {
        position: relative;
        width: 30vw;
        height: 12vw;
        margin: 0 auto 0 auto;
    }

    section.start .voice .deco {
        position: absolute;
        left: -8vw;
        top: -1vw;
        width: 46vw;
        height: 0;
    }

    section.start .voice .txt {
        width: 100%;
        height: 100%;
    }

    section.start .voice .txt span {
        background-image: url(/images/campaign/sumairo-shindan/home/txt_easy.svg);
    }

    /* -------- */
    section.start .letsgo {
        text-align: center;
    }

    section.start .letsgo .btntype1 {
        width: 48vw;
        height: 17vw;
        line-height: 15vw;
        font-size: 1.6rem;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}
/* End of media query */
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*# sourceMappingURL=each_home.css.map */