@charset "UTF-8";
/* CSS Document */
.showSP, article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {
    display:block
}

.fixed, .killScroll {
    position:fixed
}

.bodyFixed, .killScroll {
    top: 0;
    left: 0;
    overflow:hidden
}

a p, body {
    color:#153940
}

@-webkit-keyframes anime_scroll_arrow {
    0%, 100%, 30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
	
    65% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
}

@keyframes anime_scroll_arrow {
    0%, 100%, 30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform:translate3d(0, 10px, 0)
    }
}

@-webkit-keyframes anime_bottom_arrow {
    0%, 100%, 30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
}

@keyframes anime_bottom_arrow {
    0%, 100%, 30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    65% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding:0
}

ol, ul {
    list-style:none
}

blockquote, q {
    quotes:none
}

blockquote:after, blockquote:before, q:after, q:before {
    content:none
}

table {
    border-collapse: collapse;
    border-spacing:0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing:inherit
}

img {
    width: 100%;
    max-width: 100%;
    height:auto
}

.bodyFixed, .swiper-slide, .swiper-wrapper {
    height: 100%;
    width:100%
}

 body {
    font-family: 'Lato','Noto Sans JP', sans-serif;
    font-weight: 700;
    background-color: #f1ed62;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    overflow-x:hidden
}

a p {
    text-decoration:underline
}

.showPC {
    display:none
}

@media screen and (min-width: 769px) {
    .hover_fade {
        -webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
        transition:opacity .4s cubic-bezier(.25, .46, .45, .94)
    }

    .hover_fade:hover {
        -webkit-transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
        opacity:.5
    }

    .hover_scale {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    .hover_scale:hover {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scale(1.2);
        transform:scale(1.2)
    }
	
    .showSP {
        display:none
    }

    .showPC {
        display:block
    }
}

.showTB, .swiper-button-lock {
    display:none
}

@media screen and (min-width: 768px) {
    .showTB {
        display:block
    }
}

@media screen and (min-width: 769px) {
    .showTB {
        display:none
    }
}

.visible {
    visibility:visible !important
}

.hidden {
    visibility:hidden !important
}

.db {
    display:block !important
}

.dn {
    display:none !important
}

.cur_p {
    cursor:pointer !important
}

.cur_a {
    cursor:auto !important
}

.killScroll {
    width: 100%;
    height:100%
}

::selection {
    background: #f1ed62;
    color:#153940
}

::-moz-selection {
    background: #f1ed62;
    color:#153940
}

@media screen and (max-width: 768px) {
    #container .detail_wrapper {
        position:relative
    }

    #container .detail_wrapper #buy_btn {
        display:none
    }

    #container .detail_wrapper #buy_overlay {
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, .92);
        visibility: hidden;
        z-index: 1000;
        -webkit-transition: opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility .6s;
        transition:opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility .6s
    
	}
    #container .detail_wrapper #buy_overlay.active {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility 0s;
        transition:opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility 0s
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn {
        position: fixed;
        top: 15px;
        right: 15px;
        width: 21px;
        height: 23px;
        z-index: 1000;
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.show_motion .open1 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s
    }
	
    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.show_motion .open2 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms
    }
	
    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.show_motion .open3 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms
    }
	
    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion {
        -webkit-transition: visibility .2s;
        transition: visibility .2s;
        visibility:hidden
    }
    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion .open1 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion .open2 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion .open3 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible {
        visibility:visible
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible .open1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible .open2, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible .open3 {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open2, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open3 {
        position: absolute;
        left: 0;
        height: 7px;
        width:21px
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open1 img, #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open2 img, #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open3 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open1 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        top:0
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open2 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        top:9px
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open3 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        top:18px
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close1, #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close2 {
        position: absolute;
        left: -4px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 4.5px;
        width: 27px;
        visibility:hidden
    }

    #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close1 img, #container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close2 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .1s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #game__container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close1 {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform:rotate(45deg) scaleX(0)
    }

    #game__container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close2 {
        -webkit-transform: rotate(-45deg) scaleX(0);
        transform:rotate(-45deg) scaleX(0)
    }

    #game__container .detail_wrapper #buy_overlay .buy_overlay_close_btn:after {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        width: calc(100% + 30px);
        height:calc(100% + 30px)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .open1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .open2, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .open3 {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close2 {
        -webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        visibility:visible
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close1 {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform:rotate(45deg) scaleX(1)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close2 {
        -webkit-transform: rotate(-45deg) scaleX(1);
        transform:rotate(-45deg) scaleX(1)
    }

    #game_container .detail_wrapper #buy_overlay .content .text {
        margin-bottom: 20px;
        font-size: 1.2rem;
        font-size: 3.2vw;
        color: #153940;
        text-align:center
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width:89.33333333333333vw
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 65px;
        width:47.01492537313433%
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn .back {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        background-color: #153940;
        border-radius:5px
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index:2
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn p {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.5rem;
        font-size: 4vw;
        color: #fff;
        z-index: 1;
        -webkit-transition: letter-spacing .15s cubic-bezier(.215, .61, .355, 1);
        transition:letter-spacing .15s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn p img {
        margin-left: 2.9333333333333333vw;
        width:4.4vw
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn .note {
        position: absolute;
        bottom: -40px;
        left: 50%;
        width: 100%;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.25;
        text-align: center;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }

    #game_container .detail_wrapper a {
        color: #153940;
        text-decoration:underline
    }

    #game_container .detail_wrapper h1 {
        width: 32.8%;
        margin:0 auto 7.2%
    }

    #game_container .detail_wrapper h1:before {
        content: "";
        display: block;
        padding-top:16.26016%
    }

    #game_container .detail_wrapper .btn_back {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 1.2rem;
        font-size:3.2vw
    }

    #game_container .detail_wrapper .btn_back a {
        color: #153940;
        text-decoration:none
    }

    #game_container .detail_wrapper .btn_back .btn_back_inner {
        position:relative
    }

    #game_container .detail_wrapper .btn_back .btn_back_inner:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 10px);
        height:calc(100% + 30px)
    }

    #game_container .detail_wrapper .btn_back .arrow {
        width: 2.13333vw;
        display: inline-block;
        vertical-align: middle;
        margin-right: 2vw;
        margin-bottom:3px
    }

    #game_container .detail_wrapper .set_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #game_container .detail_wrapper .set_info .design {
        position: relative;
        width:42.53333%
    }

    #game_container .detail_wrapper .set_info .design .design_inner {
        position: relative;
        width: 76.80251%;
        margin-left:auto
    }

    #game_container .detail_wrapper .set_info .design .design_inner:after {
        content: "";
        display: block;
        padding-top:155.6701%
    }

    #game_container .detail_wrapper .set_info .design .design_inner .attention {
        position: absolute;
        top: -5.333333333333334vw;
        right: 17.333333333333334vw;
        width: 20vw;
        z-index:1
    }

    #game_container .detail_wrapper .set_info .design .design_inner .attention img {
        width:100%
    }

    #game_container .detail_wrapper .set_info .design img {
        position: absolute;
        top: 0;
        left:0
    }

    #game_container .detail_wrapper .set_info .graph {
        width:53.6%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner {
        position: relative;
        width:94.02985%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner .graph_base_txt {
        position: absolute;
        top: 0;
        right: 0;
        width: 102.54545%;
        max-width:102.54545%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner svg {
        position: absolute;
        top: 0;
        left: 0;
        width:100%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner svg polygon {
        fill: #2D6750;
        opacity:.9
    }

    #game_container .detail_wrapper .set_txts {
        width: 78.66667%;
        margin:0 auto 6%
    }

    #game_container .detail_wrapper .set_txts h2 {
        font-size: 1.5rem;
        font-size: 4vw;
        line-height: 1.5;
        text-align: center;
        margin-top: 2.0339%;
        margin-bottom:5.08475%
    }

    #game_container .detail_wrapper .set_txts h3 {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        text-align: center;
        margin-bottom:13.55932%
    }

    #game_container .detail_wrapper .set_txts p {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        margin-bottom:5.42373%
    }

    #game_container .detail_wrapper .set_txts .img {
        width: 100%;
        margin-bottom:4.74576%
    }

    #game_container .detail_wrapper h4 {
        margin-bottom: 20px;
        font-size: 1.5rem;
        font-size: 4vw;
        line-height: 1.5;
        text-align:center
    }

    #game_container .detail_wrapper h4.story-title {
        margin-bottom:20px
    }

    #game_container .detail_wrapper .interviewer {
        margin-bottom: 20px;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        text-align:center
    }

    #game_container .detail_wrapper .interviewer p {
        margin:0
    }

    #game_container .detail_wrapper .set_story_wrapper {
        margin: 0 auto 35px;
        width:100%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content {
        margin-bottom: 30px;
        width:100%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content:last-child {
        margin-bottom:0
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_img {
        margin-bottom: 20px;
        width:100%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text {
        width:100%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width:100%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div .btn_green, #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div:last-child {
        margin-bottom:0
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div p {
        margin-bottom: 10px;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        text-align:left
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div p:nth-child(1) {
        font-weight:900
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div p:last-child {
        font-weight: 500;
        margin-bottom:0
    }

    #game_container .detail_wrapper #buy_video_wrap {
        position: relative;
        margin: 0 auto 40px;
        width:100%
    }

    #game_container .detail_wrapper #buy_video_wrap.active .play-btn {
        opacity:0
    }

    #game_container .detail_wrapper #buy_video_wrap::after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        content: '';
        height: 100%;
        width: 100%;
        background-color: #000;
        z-index: 1;
        -webkit-transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
        transition:opacity .25s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper #buy_video_wrap .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 15.254237288135594%;
        -webkit-transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
        z-index:2
    }

    #game_container .detail_wrapper #buy_video_wrap video {
        width:100%
    }

    #game_container .detail_wrapper .audio {
        position: relative;
        width: 89.33333vw;
        border-radius: 6px;
        background-color: #153940;
        color: #fff;
        font-weight: 500;
        padding: 6vw 0;
        text-align: center;
        margin:5.33333vw 0 5.33333vw -5.33333vw
    }

    #game_container .detail_wrapper .audio.playing .sound_on {
        display:none
    }

    #game_container .detail_wrapper .audio.playing .sound_off {
        display:inline-block
    }

    #game_container .detail_wrapper .audio span {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5rem;
        font-size:4vw
    }

    #game_container .detail_wrapper .audio audio {
        display:none
    }

    #game_container .detail_wrapper .audio .sound_off, #game_container .detail_wrapper .audio .sound_on {
        display: inline-block;
        vertical-align: middle;
        width: 5.06667vw;
        margin-right:2.13333vw
    }

    #game_container #game_footer_link ul .showPC, #game_container .detail_wrapper .audio .sound_off {
        display:none
    }

    #game_container .detail_wrapper .audio.set2-audio {
        margin:0 auto !important
    }

    #game_container .detail_wrapper .audio.set2-audio .btn_green {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content:center !important
    }

    #game_container .detail_wrapper .audio.set2-audio .btn_bg {
        margin-bottom:0 !important
    }

    #game_container .detail_wrapper .video {
        text-align:center
    }

    #game_container .detail_wrapper .video #video {
        position: relative;
        height: 100%;
        width: 100%;
        margin-bottom:4.74576%
    }

    #game_container .detail_wrapper .brewer {
        margin-top: 5.33333%;
        margin-bottom:5.33333%
    }

    #game_container .detail_wrapper .brewer .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom:1.79104%
    }

    #game_container .detail_wrapper .brewer .profile .photo {
        width: 20vw;
        border-radius: 50%;
        overflow:hidden
    }

    #game_container .detail_wrapper .brewer .profile .name {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        margin-left:1em
    }

    #game_container .detail_wrapper .brewer .comment {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height:1.66667
    }

    #game_container .detail_wrapper .pagenation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #game_container .detail_wrapper .pagenation a {
        color: #153940;
        text-decoration:none
    }

    #game_container .detail_wrapper .pagenation .arrow {
        width: 3.46667vw;
        display: inline-block;
        vertical-align:middle
    }

    #game_container .detail_wrapper .pagenation .prev {
        width: 42.66667%;
        font-size: 1.2rem;
        font-size: 3.2vw;
        padding-left:5.33333vw
    }

    #game_container .detail_wrapper .pagenation .prev .arrow {
        margin-right:2.66667vw
    }

    #game_container .detail_wrapper .pagenation .border {
        width: 4px;
        background-color:#153940
    }

    #game_container .detail_wrapper .pagenation .next {
        width: 42.66667%;
        font-size: 1.2rem;
        font-size: 3.2vw;
        padding-right: 5.33333vw;
        text-align:right
    }

    #game_container .detail_wrapper .pagenation .next .arrow {
        margin-left:2.66667vw
    }

    #game_container .detail_wrapper .pagenation .next.disable, #game_container .detail_wrapper .pagenation .prev.disable {
        opacity: .3;
        pointer-events:none
    }

    #game_container #game_footer_link {
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        -webkit-box-shadow: 0 -4px 12px 1px rgba(0, 0, 0, .3);
        box-shadow: 0 -4px 12px 1px rgba(0, 0, 0, .3);
        z-index: 2;
        padding:5.33333% 5.33333% 2.66667%
    }

    #game_container #game_footer_link.abs {
        position:absolute
    }

    #game_container #fgame_ooter_link .btn .btn_green, #game_container #game_footer_link ul li .btn_green {
        position: relative;
        width: 100%;
        border-radius: 6px;
        background-color: #153940;
        color: #fff;
        padding: 7.16418% 0 7.16418% 8.95522%;
        text-align: center;
        margin-bottom:5.97015%
    }

    #game_container #game_footer_link .btn .btn_green span, #game_container #game_footer_link ul li .btn_green span {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5rem;
        font-size: 4vw;
        font-weight:500
    }

    #game_container #game_footer_link .btn .btn_green .icon, #game_container #game_footer_link ul li .btn_green .icon {
        position: absolute;
        top: 0;
        left: 5.97015%;
        bottom: 0;
        margin: auto;
        width:8.20896%
    }

    #game_container #game_footer_link .btn .btn_green .blank, #game_container #game_footer_link ul li .btn_green .blank {
        display: inline-block;
        vertical-align: middle;
        width: 5.07463%;
        margin-left:2.23881%
    }

    #game_container #game_footer_link .btn .img {
        position: absolute;
        left: 5.970149253731343%;
        bottom: 10px;
        width: 18.11194%;
        z-index:1
    }

    #game_container #game_footer_link .btn .note {
        position: absolute;
        left: 50%;
        bottom: 2.75vw;
        font-size: 1.2rem;
        font-size: 3.2vw;
        width: 100%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        text-align:center
    }

    #game_container #game_footer_link ul.small {
        border-radius: 0;
        background-color: transparent;
        padding: 0;
        text-align: center;
        margin-bottom:0
    }

    #game_container #game_footer_link ul li.small {
        position: relative;
        border-radius: 0;
        background-color: transparent;
        color: #153940;
        padding: 0;
        text-align: center;
        margin-bottom:4.47761%
    }

    #game_container #game_footer_link ul li.small span {
        position: relative;
        font-size: 1.2rem;
        font-size:3.2vw
    }

    #game_container #game_footer_link ul li.small span::after {
        position: absolute;
        content: '';
        bottom: -5px;
        left: 50%;
        height: 1px;
        width: 100%;
        background-color: #153940;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }

    #game_container #pagetop {
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        width: 14.93333%;
        padding-top: 7.2%;
        padding-bottom: 5.33333%;
        font-size: 1.5rem;
        font-size:4vw
    }

    #game_container #pagetop .arrow {
        margin: 0 auto 17.85714%;
        width:31.25%
    }

    #game_container #pagetop .arrow img {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }
}

/*@media screen and (min-width: 769px) {
    #game_container #beer_footer_link ul li:hover span, #beer_container .detail_wrapper #buy_btn:hover p, #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn:hover p, #beer_container .detail_wrapper .audio:hover span {
        letter-spacing:.1em
    }*/

    #game_container .detail_wrapper {
        position:relative
    }

    #game_container .detail_wrapper #buy_btn {
        position: fixed;
        bottom: 80px;
        right: 80px;
        height: 200px;
        width: 200px;
        z-index: 10;
        cursor:pointer
    }

    #game_container .detail_wrapper #buy_btn.absolute {
        position:absolute
    }

    #game_container .detail_wrapper #buy_btn:hover .back {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
        transform:translate3d(-50%, -50%, 0) scale(1.05)
    }

    #game_container .detail_wrapper #buy_btn .back {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        background-color: #153940;
        border-radius: 100%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper #buy_btn .img {
        position: absolute;
        top: -70px;
        left: 50%;
        width: 82px;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        z-index:1
    }

    #game_container .detail_wrapper #buy_btn .text {
        position: absolute;
        left: 50%;
        bottom: 50px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        z-index: 1;
        -webkit-transition: letter-spacing .15s cubic-bezier(.215, .61, .355, 1);
        transition:letter-spacing .15s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper #buy_btn .text img {
        margin-right: 6px;
        width:30px
    }

    #game_container .detail_wrapper #buy_btn .text span {
        font-size: 24px;
        font-size: 1.5rem;
        color:#fff
    }

    #game_container .detail_wrapper #buy_btn .note {
        position: absolute;
        left: 50%;
        bottom: 25px;
        width: 100%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        font-size: 10px;
        font-size: .625rem;
        color: #fff;
        z-index: 1;
        text-align: center;
        -webkit-transition: letter-spacing .15s cubic-bezier(.215, .61, .355, 1);
        transition:letter-spacing .15s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper #buy_overlay {
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, .92);
        visibility: hidden;
        z-index: 1000;
        -webkit-transition: opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility .6s;
        transition:opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility .6s
    }

    #game_container .detail_wrapper #buy_overlay.active {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility 0s;
        transition:opacity .6s cubic-bezier(.165, .84, .44, 1), 0s visibility 0s
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn {
        position: fixed;
        top: 60px;
        right: 60px;
        width: 36px;
        height: 40px;
        z-index: 1000;
        visibility: hidden;
        cursor:pointer
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.show_motion .open1 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.show_motion .open2 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.show_motion .open3 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion {
        -webkit-transition: visibility .2s;
        transition: visibility .2s;
        visibility:hidden
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion .open1 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion .open2 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.hide_motion .open3 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible {
        visibility:visible
    }

    #beer_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible .open1, #beer_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible .open2, #beer_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.visible .open3 {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open2, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open3 {
        position: absolute;
        left: 0;
        height: 9px;
        width: 100%;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open1 img, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open2 img, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open3 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open1 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        top:0
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open2 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        top:16px
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .open3 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        top:31px
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close2 {
        position: absolute;
        left: -9px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 9px;
        width: 54px;
        visibility:hidden
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close1 img, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close2 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .1s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close1 {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform:rotate(45deg) scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn .close2 {
        -webkit-transform: rotate(-45deg) scaleX(0);
        transform:rotate(-45deg) scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height:calc(100% + 20px)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn:hover .open1 img, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn:hover .open2 img, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn:hover .open3 img {
        -webkit-transform: scaleX(1.2);
        transform:scaleX(1.2)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .open1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .open2, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .open3 {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close1, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close2 {
        -webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        visibility:visible
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close1 {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform:rotate(45deg) scaleX(1)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open .close2 {
        -webkit-transform: rotate(-45deg) scaleX(1);
        transform:rotate(-45deg) scaleX(1)
    }

    #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open:hover .close1 img, #game_container .detail_wrapper #buy_overlay .buy_overlay_close_btn.menu_open:hover .close2 img {
        -webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: all .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        -webkit-transform: scaleX(1.2);
        transform:scaleX(1.2)
    }

    #game_container .detail_wrapper #buy_overlay .content .text {
        margin-bottom: 40px;
        font-size: 24px;
        font-size: 1.5rem;
        color: #153940;
        text-align:center
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width:672px
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 130px;
        width:315px
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn:hover .back {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
        transform:translate3d(-50%, -50%, 0) scale(1.05)
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn.disable {
        cursor:default
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn.disable:hover .back {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform:translate3d(-50%, -50%, 0) scale(1)
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn.disable:hover p {
        letter-spacing:0
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn .back {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        background-color: #153940;
        border-radius:10px
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index:2
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn p {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 30px;
        font-size: 1.875rem;
        color: #fff;
        z-index: 1;
        -webkit-transition: letter-spacing .15s cubic-bezier(.215, .61, .355, 1);
        transition:letter-spacing .15s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn p img {
        margin-left: 20px;
        width:30px
    }

    #game_container .detail_wrapper #buy_overlay .content .btn_wrapper .btn .note {
        position: absolute;
        bottom: -50px;
        left: 50%;
        width: 100%;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        text-align: center;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0)
    }

    #game_container .detail_wrapper h1 {
        width: 246px;
        margin:60px auto 75px
    }

    #game_container .detail_wrapper a {
        color: #153940;
        text-decoration:underline
    }

    #game_container .detail_wrapper .btn_back {
        position: absolute;
        top: 60px;
        left: 60px;
        font-size: 24px;
        font-size:1.5rem
    }

    #game_container .detail_wrapper .btn_back a {
        color: #153940;
        text-decoration:none
    }

    #game_container .detail_wrapper .btn_back .arrow {
        width: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 14px;
        margin-bottom: 4px;
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #game_container .detail_wrapper .btn_back:hover .arrow {
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0)
    }

    #game_container .detail_wrapper .set_info {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #game_container .detail_wrapper .set_info .design {
        position: relative;
        width:40.53571%
    }

    #game_container .detail_wrapper .set_info .design .design_inner {
        position: relative;
        width: 85.46256%;
        margin-left:auto
    }

    #game_container .detail_wrapper .set_info .design .design_inner:after {
        content: "";
        display: block;
        padding-top:155.6701%
    }

    #game_container .detail_wrapper .set_info .design .design_inner .attention {
        position: absolute;
        top: -40px;
        left: -75px;
        width: 48.78048780487805%;
        z-index:1
    }

    #game_container .detail_wrapper .set_info .design .design_inner .attention img {
        width:100%
    }

    #game_container .detail_wrapper .set_info .design img {
        position: absolute;
        top: 0;
        left:0
    }

    #game_container .detail_wrapper .set_info .graph {
        width:49.10714%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner {
        position: relative;
        width:100%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner .graph_base_txt {
        position: absolute;
        top: 0;
        right: 0;
        width: 102.54545%;
        max-width:102.54545%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner svg {
        position: absolute;
        top: 0;
        left: 0;
        width:100%
    }

    #game_container .detail_wrapper .set_info .graph .graph_inner svg polygon {
        fill: #2D6750;
        opacity:.9
    }

    #game_container .detail_wrapper .set_txts {
        width: calc(100% - 120px);
        max-width: 1120px;
        margin:0 auto 32px
    }

    #game_container .detail_wrapper .set_txts h2 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.5;
        text-align: center;
        margin-top: 10px;
        margin-bottom:.7em
    }

    #game_container .detail_wrapper .set_txts h3 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        text-align: center;
        margin-bottom:100px
    }

    #game_container .detail_wrapper .set_txts p {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        margin-bottom:1.4em
    }

    #game_container .detail_wrapper .set_txts .img {
        width: 78.57143%;
        margin:0 auto 2em
    }

    #game_container .detail_wrapper h4 {
        margin-bottom: 60px;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.5;
        text-align:center
    }

    #game_container .detail_wrapper h4.story-title {
        margin-bottom:45px
    }

    #game_container .detail_wrapper .interviewer {
        margin-bottom: 50px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        text-align:center
    }

    #game_container .detail_wrapper .interviewer p {
        margin:0
    }

    #game_container .detail_wrapper .set_story_wrapper {
        margin: 0 auto 100px;
        max-width:1120px
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content {
        margin-bottom: 65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width:100%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content:nth-child(2n) .set_story_text {
        padding-left: 0;
        padding-right:3.571428571428571%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content:last-child {
        margin-bottom:0
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_img {
        width:48.214285714285715%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text {
        padding-left: 3.571428571428571%;
        width:51.785714285714285%
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div {
        margin-bottom:25px
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div.set_banner {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div.set_banner:hover {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scale(1.025);
        transform:scale(1.025)
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div .btn_green, #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div:last-child {
        margin-bottom:0
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div p {
        margin-bottom: 0;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        text-align:left
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div p:first-child {
        margin-bottom: 25px;
        font-weight:900
    }

    #game_container .detail_wrapper .set_story_wrapper .set_story_content .set_story_text div p:last-child {
        font-weight:500
    }

    #game_container .detail_wrapper #buy_video_wrap {
        position: relative;
        margin: 0 auto 100px;
        max-width: 1120px;
        cursor:pointer
    }

    #game_container .detail_wrapper #buy_video_wrap.active .play-btn {
        opacity:0
    }

    #game_container .detail_wrapper #buy_video_wrap:hover .play-btn {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.05);
        transform:translateX(-50%) translateY(-50%) scale(1.05)
    }

    #game_container .detail_wrapper #buy_video_wrap .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 160px;
        z-index: 2;
        -webkit-transition: opacity .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .25s cubic-bezier(.175, .885, .32, 1.45);
        transition: opacity .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .25s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .25s cubic-bezier(.175, .885, .32, 1.45), opacity .25s cubic-bezier(.215, .61, .355, 1);
        transition:transform .25s cubic-bezier(.175, .885, .32, 1.45), opacity .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .25s cubic-bezier(.175, .885, .32, 1.45)
    }

    #game_container .detail_wrapper #buy_video_wrap video {
        width:100%
    }

    #game_container .detail_wrapper .audio {
        position: relative;
        width: 670px;
        color: #fff;
        font-weight: 500;
        padding: 45px 0;
        text-align: center;
        margin: 40px auto;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout:none
    }

    #game_container .detail_wrapper .audio.playing .sound_on {
        display:none
    }

    #game_container .detail_wrapper .audio.playing .sound_off {
        display:inline-block
    }

    #game_container .detail_wrapper .audio span {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-size: 30px;
        font-size: 1.875rem;
        -webkit-transition: letter-spacing .2s cubic-bezier(.215, .61, .355, 1);
        transition: letter-spacing .2s cubic-bezier(.215, .61, .355, 1);
        z-index:1
    }

    #game_container .detail_wrapper .audio audio {
        display:none
    }

    #game_container .detail_wrapper .audio .sound_off, #game_container .detail_wrapper .audio .sound_on {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 38px;
        margin-right: 16px;
        z-index:1
    }

    #game_container .detail_wrapper .audio .sound_off {
        display:none
    }

    #game_container .detail_wrapper .audio:hover .btn_bg {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scaleX(1.02985) scaleY(1.15385);
        transform:scaleX(1.02985) scaleY(1.15385)
    }

    #game_container .detail_wrapper .audio .btn_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 8px;
        background-color: #153940;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container .detail_wrapper .video {
        text-align:center
    }

    #game_container .detail_wrapper .video #video {
        position: relative;
        height: 100%;
        width: 78.57143%;
        margin-bottom:2em
    }

    #game_container .detail_wrapper .brewer {
        width: 78.57143%;
        margin:40px auto 0
    }

    #game_container .detail_wrapper .brewer .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom:20px
    }

    #game_container #game_footer_link ul, #game_container .detail_wrapper .pagenation {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-orient: horizontal;
        -webkit-box-direction:normal
    }

    #game_container .detail_wrapper .brewer .profile .photo {
        width: 150px;
        border-radius: 50%;
        overflow:hidden
    }

    #game_container .detail_wrapper .brewer .profile .name {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        margin-left:1em
    }

    #game_container .detail_wrapper .brewer .comment {
        font-size: 24px;
        font-size: 1.5rem;
        line-height:1.66667
    }

    #game_container .detail_wrapper .pagenation {
        width: calc(100% - 120px);
        max-width: 700px;
        margin: 0 auto;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #game_container .detail_wrapper .pagenation a {
        color: #153940;
        text-decoration:none
    }

    #game_container .detail_wrapper .pagenation .arrow {
        width: 26px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #game_container .detail_wrapper .pagenation .prev {
        width: 270px;
        font-size: 24px;
        font-size:1.5rem
    }

    #game_container .detail_wrapper .pagenation .prev .arrow {
        margin-left: 13px;
        margin-right:20px
    }

    #game_container .detail_wrapper .pagenation .prev:hover .arrow {
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0)
    }

    #game_container .detail_wrapper .pagenation .border {
        width: 8px;
        height: 46px;
        background-color:#153940
    }

    #game_container .detail_wrapper .pagenation .next {
        width: 270px;
        font-size: 24px;
        font-size: 1.5rem;
        text-align:right
    }

    #game_container .detail_wrapper .pagenation .next .arrow {
        margin-right: 13px;
        margin-left:20px
    }

    #game_container .detail_wrapper .pagenation .next:hover .arrow {
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translate3d(4px, 0, 0);
        transform:translate3d(4px, 0, 0)
    }

    #game_container .detail_wrapper .pagenation .next.disable, #game_container .detail_wrapper .pagenation .prev.disable {
        opacity: .3;
        pointer-events:none
    }

    #game_container #game_footer_link {
        width: 100%;
        padding:60px 0
    }

    #game_container #game_footer_link ul {
        width: calc(100% - 120px);
        max-width: 880px;
        margin: 0 auto;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #game_container #game_footer_link ul li {
        position: relative;
        width: 48.86364%;
        margin:0 auto
    }

    #game_container #game_footer_link ul li a {
        text-decoration:none
    }

    #game_container #game_footer_link ul li:hover .btn_bg {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scaleX(1.02985) scaleY(1.15385);
        transform:scaleX(1.02985) scaleY(1.15385)
    }

    #game_container #game_footer_link ul li:hover .icon {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: translateX(-4px);
        transform:translateX(-4px)
    }

    #game_container #game_footer_link ul li:hover .blank {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: translateX(4px);
        transform:translateX(4px)
    }

    #game_container #game_footer_link ul li .btn_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 8px;
        background-color: #153940;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container #game_footer_link ul li .btn_green {
        position: relative;
        width: 100%;
        height: 100%;
        color: #fff;
        z-index: 2;
        padding: 2.45em 12.7907% 2.45em 17.44186%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    #game_container #game_footer_link ul li .btn_green span {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        font-weight: 500;
        -webkit-transition: letter-spacing .2s cubic-bezier(.215, .61, .355, 1);
        transition:letter-spacing .2s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container #game_footer_link ul li .btn_green .icon {
        position: absolute;
        top: 0;
        left: 3.72093%;
        bottom: 0;
        margin: auto;
        width: 12.55814%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container #game_footer_link ul li .btn_green .blank {
        position: absolute;
        top: 0;
        right: 4.65116%;
        bottom: 0;
        margin: auto;
        width: 6.97674%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #game_container #game_footer_link ul .showSP {
        display:none
    }

    #game_container #pagetop {
        position: relative;
        left: 0;
        right: 0;
        margin: 64px auto 60px;
        text-align: center;
        z-index: 11;
        width: 80px;
        font-size: 30px;
        font-size:1.875rem
    }

    #game_container #pagetop .arrow {
        margin: 0 auto 20px;
        width:35px
    }

    #game_container #pagetop .arrow img {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }

    #game_container #pagetop:hover .arrow {
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }

@media screen and (max-width: 768px) {
    #container #wrapper #sec_list {
        padding-top:6.25%
    }

    #container #wrapper #sec_list h1 {
        margin: 0 auto 12.5%;
        width:32.8%
    }

    #container #wrapper #sec_list h1.show {
        visibility:visible
    }

    #container #wrapper #sec_list h2 {
        margin: 0 auto 8.333%;
        width:50.666%
    }

    #container #wrapper #sec_list .game_wrapper {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width:89.33333%
    }

    #container #wrapper #sec_list .game_wrapper .set {
        position: relative;
        margin-bottom: 12.5%;
        width:50%
    }

    #container #wrapper #sec_list .game_wrapper .set a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index:2
    }

    #container #wrapper #sec_list .game_wrapper .set .set_img {
        position: relative;
        margin: 0 auto 4.1666%;
        width:72.5373%
    }

    #container #wrapper #sec_list .game_wrapper .set .set_img .attention {
        position: absolute;
        top: -10px;
        left: -16.5px;
        width: 48.78048780487805%;
        z-index:1
    }

    #container #wrapper #sec_list .game_wrapper .set .set_img img:last-child {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index:1
    }

    #container #wrapper #sec_list .game_wrapper .set ._status {
        margin:0 auto 4.1666%
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul li {
        position: relative;
        margin-right: 12%;
        width:12%
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul li:last-child {
        margin-right:0
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul li::before {
        content: '';
        display: block;
        padding: 50%;
        border-radius: 100%;
        background-color:#fff
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul li:nth-child(1) img {
        width:70%
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul li:nth-child(2) img {
        width:50%
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul li:nth-child(3) img {
        width:70%
    }

    #container #wrapper #sec_list .game_wrapper .set ._status ul li img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform:translateX(-50%) translateY(-50%)
    }

    #container #wrapper #sec_list .game_wrapper .set .set_text, #container #wrapper #sec_list .game_wrapper .set .set_title {
        text-align: center;
        text-decoration:underline
    }

    #container #wrapper #sec_list .game_wrapper .set.set_title {
        margin-bottom: 3%;
        font-size: 1.5rem;
        font-size: 4vw;
        line-height:1.5
    }

    #container #wrapper #sec_list .game_wrapper .set .set_text {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height:1.66667
    }

    #container #wrapper #pagetop {
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        width: 14.93333%;
        padding-top: 7.2%;
        padding-bottom: 5.33333%;
        font-size: 1.5rem;
        font-size:4vw
    }

    #container #wrapper #pagetop .arrow {
        margin: 0 auto 17.85714%;
        width:31.25%
    }

    #container #wrapper #pagetop .arrow img {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }
}

@media screen and (min-width: 769px) {
    #container #wrapper #sec_list {
        padding-top:30px
    }

    #container #wrapper #sec_list h1 {
        margin: 0 auto 60px;
        width:246px
    }

    #container #wrapper #sec_list h1.show {
        visibility:visible
    }

    #container #wrapper #sec_list h2 {
        margin: 0 auto 45px;
        width:380px
    }

    #container #wrapper #sec_list .set_status {
        width: 490px;
        margin:0 auto 6%
    }

    #container #wrapper #sec_list .set_status ul {
        font-size:0
    }

    #container #wrapper #sec_list .set_status ul li {
        display: inline-block;
        vertical-align: top;
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
        transition:opacity .2s cubic-bezier(.25, .46, .45, .94)
    }

    #container #wrapper #sec_list .set_status ul li.off {
        opacity:.3
    }

    #container #wrapper #sec_list .set_status ul li:nth-child(1) {
        width:28.77551%
    }

    #container #wrapper #sec_list .set_status ul li:nth-child(2) {
        width:42.65306%
    }

    #container #wrapper #sec_list .set_status ul li:nth-child(3) {
        width:28.57143%
    }

    #container #wrapper #sec_list .game_wrapper {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width:1125px
    }

    #container #wrapper #sec_list .game_wrapper .set {
        position: relative;
        margin-bottom: 60px;
        width:33.333%
    }

    #container #wrapper #sec_list .game_wrapper .set a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index:2
    }

    #container #wrapper #sec_list .game_wrapper .set .set_img {
        position: relative;
        margin: 0 auto 20px;
        width:65.333%
    }

    #container #wrapper #sec_list .game_wrapper .set .set_img .attention {
        position: absolute;
        top: -20px;
        left: -33px;
        width: 48.78048780487805%;
        z-index:1
    }

    #container #wrapper #sec_list .game_wrapper .set .set_img img:last-child {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index:1
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status {
        margin:0 auto 20px
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul li {
        position: relative;
        margin-right: 10.666%;
        width:10.666%
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul li:last-child {
        margin-right:0
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul li::before {
        content: '';
        display: block;
        padding: 50%;
        border-radius: 100%;
        background-color:#fff
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul li:nth-child(1) img {
        width:70%
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul li:nth-child(2) img {
        width:50%
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul li:nth-child(3) img {
        width:70%
    }

    #container #wrapper #sec_list .game_wrapper .set .set_set_status ul li img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform:translateX(-50%) translateY(-50%)
    }

    #container #wrapper #sec_list .game_wrapper .set .set_text, #container #wrapper #sec_list .game_wrapper .set .set_title {
        text-align: center;
        text-decoration:underline
    }

    #container #wrapper #sec_list .game_wrapper .set .set_title {
        margin-bottom: 3%;
        font-size: 30px;
        font-size: 1.875rem;
        line-height:1.5
    }

    #container #wrapper #sec_list .game_wrapper .set .set_text {
        font-size: 24px;
        font-size: 1.5rem;
        line-height:1.66667
    }

    #container #wrapper #pagetop {
        position: relative;
        left: 0;
        right: 0;
        margin: 64px auto 60px;
        text-align: center;
        z-index: 11;
        width: 80px;
        font-size: 30px;
        font-size:1.875rem
    }

    #container #wrapper #pagetop .arrow {
        margin: 0 auto 20px;
        width:35px
    }

    #container #wrapper #pagetop .arrow img {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }

    #container #wrapper #pagetop:hover .arrow {
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}

@media screen and (max-width: 768px) {
    #container {
        position:relative
    }

    #container #wrapper .btn_green_wrapper {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width:89.33333%
    }

    #container #wrapper .btn_green_wrapper .link {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        text-decoration: none;
        z-index:5
    }

    #container #wrapper .btn_green_wrapper a {
        text-decoration:none
    }

    #container #wrapper .btn_green_wrapper button {
        opacity: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        z-index:10
    }

    #container #wrapper .btn_green {
        width: 100%;
        border-radius: 6px;
        background-color: #153940;
        color: #fff;
        font-weight: 500;
        padding: 7.16418% 0;
        text-align:center
    }

    #container #wrapper .btn_green span {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5rem;
        font-size:4vw
    }

    #container #wrapper .btn_green .arrow {
        display: inline-block;
        vertical-align: middle;
        width: 2.38806%;
        margin-left:2.23881%
    }

    #container #wrapper .btn_green .blank {
        display: inline-block;
        vertical-align: middle;
        width: 5.07463%;
        margin-left:2.23881%
    }

    #container #wrapper .steps {
        margin-left: auto;
        margin-right: auto;
        width: 89.33333%;
        margin-bottom:8%
    }

    #container #wrapper .steps.mt100 {
        margin-top:13.33333%
    }

    #container #wrapper .steps .step_item {
        margin-bottom: 5.97015%;
        background-color: #fff;
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #container #wrapper .steps .step_item .anime {
        width: 52.98507%;
        background-position: top left;
        background-size: 100% auto;
        -webkit-animation: anime_gif 1s steps(1) infinite;
        animation:anime_gif 1s steps(1) infinite
    }

    #container #wrapper .steps .step_item .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper .steps .step_item p {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        width: 47.01493%;
        padding-top: 1.25em;
        padding-bottom:1.25em
    }

    #container #wrapper .steps .step_item p:first-child {
        padding-left: 5.97015%;
        padding-right:0
    }

    #container #wrapper .steps .step_item p:last-child {
        padding-left: 0;
        padding-right:4.47761%
    }
}

@media screen and (min-width: 769px) {
    #container {
        position:relative
    }

    #container #wrapper {
        width: 94%;
        max-width: 1000px;
        margin:0 auto
    }

    #container #wrapper .btn_green_wrapper {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 86%;
        max-width:670px
    }

    #container #wrapper .btn_green_wrapper .link {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        text-decoration: none;
        z-index:5
    }

    #container #wrapper .btn_green_wrapper a {
        text-decoration:none
    }

    #container #wrapper .btn_green_wrapper button {
        opacity: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        z-index:10
    }

    #container #wrapper .btn_green_wrapper:hover .btn_bg {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scaleX(1.02985) scaleY(1.15385);
        transform:scaleX(1.02985) scaleY(1.15385)
    }

    #container #wrapper .btn_green_wrapper:hover span {
        letter-spacing:.1em
    }

    #container #wrapper .btn_green_wrapper .btn_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 8px;
        background-color: #153940;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #container #wrapper .btn_green_wrapper .btn_green {
        position: relative;
        color: #fff;
        font-weight: 500;
        padding: 48px 0;
        text-align: center;
        font-size: 30px;
        font-size: 1.875rem;
        z-index:2
    }

    #container #wrapper .btn_green_wrapper .btn_green span {
        display: inline-block;
        vertical-align: middle;
        text-decoration: none !important;
        -webkit-transition: letter-spacing .15s cubic-bezier(.215, .61, .355, 1);
        transition:letter-spacing .15s cubic-bezier(.215, .61, .355, 1)
    }

    #container #wrapper .btn_green_wrapper .btn_green .arrow {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        margin-left:15px
    }

    #container #wrapper .btn_green_wrapper .btn_green .blank {
        display: inline-block;
        vertical-align: middle;
        width: 34px;
        margin-left:15px
    }

    #container #wrapper .steps {
        width: 100%;
        margin-bottom: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #container #wrapper .steps.mt100 {
        margin-top:100px
    }

    #container #wrapper .steps .step_item {
        background-color: #fff;
        border-radius: 6px;
        vertical-align: top;
        width: 31.5%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content:flex-start
    }

    #container #wrapper .steps .step_item .anime {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background-position: top left;
        background-size: 100% auto;
        -webkit-animation: anime_gif 1s steps(1) infinite;
        animation:anime_gif 1s steps(1) infinite
    }

    #container #wrapper .steps .step_item .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper .steps .step_item p {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.66667;
        padding: 0 11.26761% 9.01408%;
        margin-top: -.4em;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }
}

@media screen and (max-width: 768px) {
    #menu_btn {
        position: fixed;
        top: 15px;
        right: 15px;
        width: 21px;
        height: 23px;
        z-index: 1000;
    }

    #menu_btn.show_motion .open1 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s
    }

    #menu_btn.show_motion .open2 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms
    }

    #menu_btn.show_motion .open3 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms
    }

    #menu_btn.hide_motion {
        -webkit-transition: visibility .2s;
        transition: visibility .2s;
        visibility:hidden
    }

    #menu_btn.hide_motion .open1 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.hide_motion .open2 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.hide_motion .open3 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.visible {
        visibility:visible
    }

    #menu_btn.visible .open1, #menu_btn.visible .open2, #menu_btn.visible .open3 {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    #menu_btn .open1, #menu_btn .open2, #menu_btn .open3 {
        position: absolute;
        left: 0;
        height: 7px;
        width:21px
    }

    #menu_btn .open1 img, #menu_btn .open2 img, #menu_btn .open3 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s
    }

    #menu_btn .open1 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        top:0
    }

    #menu_btn .open2 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        top:9px
    }

    #menu_btn .open3 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .5s;
        top:18px
    }

    #menu_btn .close1, #menu_btn .close2 {
        position: absolute;
        left: -4px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 4.5px;
        width: 27px;
    }

    #menu_btn .close1 img, #menu_btn .close2 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .1s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #menu_btn .close1 {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform:rotate(45deg) scaleX(0)
    }

    #menu_btn .close2 {
        -webkit-transform: rotate(-45deg) scaleX(0);
        transform:rotate(-45deg) scaleX(0)
    }

    #menu_btn:after {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        width: calc(100% + 30px);
        height:calc(100% + 30px)
    }

    #menu_btn.menu_open .open1, #menu_btn.menu_open .open2, #menu_btn.menu_open .open3 {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.menu_open .close1, #menu_btn.menu_open .close2 {
        -webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        visibility:visible
    }

    #menu_btn.menu_open .close1 {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform:rotate(45deg) scaleX(1)
    }

    #menu_btn.menu_open .close2 {
        -webkit-transform: rotate(-45deg) scaleX(1);
        transform:rotate(-45deg) scaleX(1)
    }

    #menu_btn_area_sp {
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        height: 70px;
        z-index:1000
    }

    #menu_close_pc {
        display:none
    }

    #menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #153940;
        z-index: 999;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .6s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #menu.show {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #menu .menu_inner {
        position:relative
    }

    #menu .menu_inner .logo {
        width: 32.8%;
        margin:4% auto 5.06667%
    }

    #menu .menu_inner .cnt {
        width: 89.33333%;
        margin:0 auto 12%
    }

    #menu .menu_inner .cnt li {
        position: relative;
        width: 100%;
        margin-bottom:7.16418%
    }

    #menu .menu_inner .cnt li:after {
        content: "";
        display: block;
        padding-top:21.79104%
    }

    #menu .menu_inner .cnt li .anime {
        position: absolute;
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #menu .menu_inner .cnt li:nth-child(1) .anime {
        top: 0;
        left: 12.23881%;
        width: 13.43284%;
        background-image:url("../kadai1/images/title_anime1.svg")
    }

    #menu .menu_inner .cnt li:nth-child(1) .anime:after {
        content: "";
        display: block;
        padding-top:140%
    }

    #menu .menu_inner .cnt li:nth-child(1) .txt {
        position: absolute;
        top: 41.09589%;
        left: 28.0597%;
        width:59.10448%
    }

    #menu .menu_inner .cnt li:nth-child(2) .anime {
        top: 0;
        left: 6.41791%;
        width: 20.29851%;
        background-image:url("../kadai1/images/title_anime2.svg")
    }

    #menu .menu_inner .cnt li:nth-child(2) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #menu .menu_inner .cnt li:nth-child(2) .txt {
        position: absolute;
        top: 36.30137%;
        left: 28.95522%;
        width:64.62687%
    }

    #menu .menu_inner .cnt li:nth-child(3) .anime {
        top: 0;
        left: 2.98507%;
        width: 25.22388%;
        background-image:url("../kadai1/images/title_anime3.svg")
    }

    #menu .menu_inner .cnt li:nth-child(3) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #menu .menu_inner .cnt li:nth-child(3) .txt {
        position: absolute;
        top: 41.78082%;
        left: 31.04478%;
        width:65.67164%
    }

    #menu .menu_inner .link {
        width: 89.33333%;
        margin:0 auto 8%
    }

    #menu .menu_inner .link li.disable {
        pointer-events: none;
        border-radius: 6px;
        background-color:rgba(255, 255, 255, .1)
    }

    #menu .menu_inner .link li.disable .btn_link {
        opacity:.3
    }

    #menu .menu_inner .link .btn_link {
        position: relative;
        width: 100%;
        border-radius: 6px;
        background-color: #153940;
        color: #fff;
        font-weight: 500;
        padding: 7.16418% 0;
        text-align: center;
        margin-bottom: 5.97015%;
        border:1px solid #fff
    }

    #menu .menu_inner .link .btn_link span {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5rem;
        font-size:4vw
    }

    #menu .menu_inner .link .btn_link .icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2.23881%;
        width:8.20896%
    }

    #menu .menu_inner .link .btn_link .blank {
        display: inline-block;
        vertical-align: middle;
        width: 5.07463%;
        margin-left:2.23881%
    }
}

@media screen and (min-width: 769px) {
    #menu_btn {
        position: fixed;
        top: 60px;
        right: 60px;
        width: 36px;
        height: 40px;
        z-index: 1000;
    }

    #menu_btn.show_motion .open1 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 0s
    }

    #menu_btn.show_motion .open2 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 20ms
    }

    #menu_btn.show_motion .open3 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms;
        transition:transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms, -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.45) 40ms
    }

    #menu_btn.hide_motion {
        -webkit-transition: visibility .2s;
        transition: visibility .2s;
        visibility:hidden
    }

    #menu_btn.hide_motion .open1 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.hide_motion .open2 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 20ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 20ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.hide_motion .open3 {
        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        transition: transform .25s cubic-bezier(.215, .61, .355, 1) 40ms, -webkit-transform .25s cubic-bezier(.215, .61, .355, 1) 40ms;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.visible {
        visibility:visible
    }

    #menu_btn.visible .open1, #menu_btn.visible .open2, #menu_btn.visible .open3 {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    #menu_btn .open1, #menu_btn .open2, #menu_btn .open3 {
        position: absolute;
        left: 0;
        height: 9px;
        width: 100%;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn .open1 img, #menu_btn .open2 img, #menu_btn .open3 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition:transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) 0s
    }

    #menu_btn .open1 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .4s;
        top:0
    }

    #menu_btn .open2 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .42s;
        top:16px
    }

    #menu_btn .open3 {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.45) .44s;
        top:31px
    }

    #menu_btn .close1, #menu_btn .close2 {
        position: absolute;
        left: -9px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 9px;
        width: 54px;
        visibility:hidden
    }

    #menu_btn .close1 img, #menu_btn .close2 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .1s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #menu, #menu_close_pc {
        position: fixed;
        height:100%
    }

    #menu_btn .close1 {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform:rotate(45deg) scaleX(0)
    }

    #menu_btn .close2 {
        -webkit-transform: rotate(-45deg) scaleX(0);
        transform:rotate(-45deg) scaleX(0)
    }

    #menu_btn:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height:calc(100% + 20px)
    }

    #menu_btn:hover .open1 img, #menu_btn:hover .open2 img, #menu_btn:hover .open3 img {
        -webkit-transform: scaleX(1.2);
        transform:scaleX(1.2)
    }

    #menu_btn.menu_open .open1, #menu_btn.menu_open .open2, #menu_btn.menu_open .open3 {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .1s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: scaleX(0);
        transform:scaleX(0)
    }

    #menu_btn.menu_open .close1, #menu_btn.menu_open .close2 {
        -webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        transition: all .2s cubic-bezier(.175, .885, .32, 1.45) .45s;
        visibility:visible
    }

    #menu_btn.menu_open .close1 {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform:rotate(45deg) scaleX(1)
    }

    #menu_btn.menu_open .close2 {
        -webkit-transform: rotate(-45deg) scaleX(1);
        transform:rotate(-45deg) scaleX(1)
    }

    #menu_btn.menu_open:hover .close1 img, #menu_btn.menu_open:hover .close2 img {
        -webkit-transition: all .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: all .2s cubic-bezier(.175, .885, .32, 1.45) 0s;
        -webkit-transform: scaleX(1.2);
        transform:scaleX(1.2)
    }

    #menu_btn_area_sp {
        display: none;
    }

    #menu_close_pc {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 998;
        display:none
    }

    #menu_close_pc.show {
        display:block
    }

    #menu {
        top: 0;
        right: 0;
        width: 750px;
        background-color: #153940;
        z-index: 999;
        overflow-y: scroll;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .6s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #menu.show {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #menu .menu_inner {
        position:relative
    }

    #menu .menu_inner .logo {
        width: 246px;
        margin:30px auto 38px
    }

    #menu .menu_inner .cnt {
        width: 670px;
        margin:0 auto 90px
    }

    #menu .menu_inner .cnt li {
        position: relative;
        width: 100%;
        margin-bottom:7.16418%
    }

    #menu .menu_inner .cnt li:after {
        content: "";
        display: block;
        padding-top:21.79104%
    }

    #menu .menu_inner .cnt li:hover .txt {
        -webkit-animation: menu_hover .24s cubic-bezier(.23, 1, .32, 1) forwards;
        animation:menu_hover .24s cubic-bezier(.23, 1, .32, 1) forwards
    }

    #menu .menu_inner .cnt li .anime {
        position: absolute;
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #menu .menu_inner .cnt li:nth-child(1) .anime {
        top: 0;
        left: 12.23881%;
        width: 13.43284%;
        background-image:url("../kadai1/images/title_anime1.svg")
    }

    #menu .menu_inner .cnt li:nth-child(1) .anime:after {
        content: "";
        display: block;
        padding-top:140%
    }

    #menu .menu_inner .cnt li:nth-child(1) .txt {
        position: absolute;
        top: 41.09589%;
        left: 28.0597%;
        width:59.10448%
    }

    #menu .menu_inner .cnt li:nth-child(2) .anime {
        top: 0;
        left: 6.41791%;
        width: 20.29851%;
        background-image:url("../kadai1/images/title_anime2.svg")
    }

    #menu .menu_inner .cnt li:nth-child(2) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #menu .menu_inner .cnt li:nth-child(2) .txt {
        position: absolute;
        top: 36.30137%;
        left: 28.95522%;
        width:64.62687%
    }

    #menu .menu_inner .cnt li:nth-child(3) .anime {
        top: 0;
        left: 2.98507%;
        width: 25.8209%;
        background-image:url("../kadai1/images/title_anime3.svg")
    }

    #menu .menu_inner .cnt li:nth-child(3) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #menu .menu_inner .cnt li:nth-child(3) .txt {
        position: absolute;
        top: 41.78082%;
        left: 31.04478%;
        width:65.67164%
    }

    #menu .menu_inner .link {
        width: 670px;
        margin:0 auto 55px
    }

    #menu .menu_inner .link li {
        position:relative
    }

    #menu .menu_inner .link li:hover .btn_bg {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scaleX(1.01493) scaleY(1.07692);
        transform:scaleX(1.01493) scaleY(1.07692)
    }

    #menu .menu_inner .link li:hover span {
        letter-spacing:.1em
    }

    #menu .menu_inner .link li.disable {
        pointer-events:none
    }

    #menu .menu_inner .link li.disable .btn_bg {
        border: 2px solid rgba(255, 255, 255, .4);
        background-color:rgba(255, 255, 255, .1)
    }

    #menu .menu_inner .link li.disable .btn_link {
        opacity:.3
    }

    #menu .menu_inner .link .btn_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 10px;
        border: 2px solid #fff;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #menu .menu_inner .link .btn_link {
        position: relative;
        width: 100%;
        color: #fff;
        font-weight: 500;
        padding: 48px 0;
        text-align: center;
        margin-bottom: 40px;
        z-index:2
    }
}

@media screen and (max-width: 768px) {
    #top_footer {
        position: relative;
        background-color:#f1ed62
    }

    #top_footer .footer_inner1 {
        background-color:#fff
    }

    #top_footer .footer_inner2 {
        padding:6.66667% 5.33333% 8%
    }

    #top_footer .footer_inner2 .txt1 {
        font-size: 1rem;
        font-size: 2.66667vw;
        line-height:1.7
    }

    #top_footer .footer_inner2 ul {
        text-align: center;
        margin:3.46667% 0 4.53333%
    }

    #top_footer .footer_inner2 .copyright {
        text-align: center;
        font-size: 1rem;
        font-size:2.66667vw
    }
}

@media screen and (min-width: 769px) {
    #game_container #top_footer {
        padding-top:0
    }

    #top_footer {
        background-color: #f1ed62;
        padding-top:200px
    }

    #top_footer .footer_inner1 {
        width: 100%;
        background-color:#fff
    }

    #top_footer .footer_inner2 {
        width: 680px;
        margin: 0 auto;
        padding-bottom:40px
    }

    #top_footer .footer_inner2 .txt1 {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.71429;
        text-align: center;
        padding-top:36px
    }

    #top_footer .footer_inner2 .copyright {
        text-align: center;
        font-size: 18px;
        font-size:1.125rem
    }
}

@media screen and (max-width: 768px) {
    #container #wrapper #apply_top {
        padding: 8.333% 0 11.458333%;
        text-align:center
    }

    #container #wrapper #apply_top .img {
        margin: 0 auto;
        width:68.5333%
    }

    #container #wrapper #apply_top h1 {
        margin: 0 auto;
        width:32.8%
    }

    #container #wrapper #apply_top h2 {
        font-size: 1.5rem;
        font-size: 4vw;
        margin-top: 13.33333%;
        margin-bottom:6.66667%
    }

    #container #wrapper #apply_top .copy {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        margin-bottom:12.26667%
    }

    #container #wrapper #sec_wrapper {
        visibility:visible !important
    }

    #container #wrapper #sec_wrapper #sec_idea .title {
        margin-bottom: 6.25%;
        font-size: 1.5rem;
        font-size: 4vw;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper {
        margin: 0 auto 9.375%;
        width:89.333%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea {
        margin-bottom: 6.25%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(1) div:nth-child(1) img, #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(2) div:nth-child(1) img, #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(3) div:nth-child(1) img {
        width:13.333vw
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(4) div:nth-child(1) img {
        width:12vw
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:last-child {
        margin-bottom:0
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width:23.134%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(2) {
        width:76.866%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(2) .idea_title {
        margin-bottom: 2.08333%;
        font-size: 1.5rem;
        font-size: 4vw;
        font-weight:700
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(2) .idea_text {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height:1.66667
    }

    #container #wrapper #sec_wrapper #sec_idea .text {
        margin-bottom: 7.2916667%;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet {
        margin: 16.666% 0 0;
        padding-bottom:72.291666%
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet .title {
        margin-bottom: 6.25%;
        font-size: 1.5rem;
        font-size: 4vw;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet .text {
        margin-bottom: 7.2916667%;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet .img {
        margin: 0 auto 12.5%;
        width:89.333%
    }
}

@media screen and (min-width: 769px) {
    #container {
        width:100vw
    }

    #container #wrapper #apply_top {
        padding-top: 60px;
        text-align:center
    }

    #container #wrapper #apply_top .img {
        margin: 0 auto 55px;
        width:51.4%
    }

    #container #wrapper #apply_top h1 {
        margin: 0 auto;
        width:246px
    }

    #container #wrapper #apply_top h2 {
        font-size: 30px;
        font-size: 1.875rem;
        margin-top: 100px;
        margin-bottom:46px
    }

    #container #wrapper #apply_top .copy {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        margin-bottom:85px
    }

    #container #wrapper #sec_wrapper {
        visibility:visible !important
    }

    #container #wrapper #sec_wrapper #sec_idea .title {
        margin-bottom: 30px;
        font-size: 30px;
        font-size: 1.875rem;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper {
        margin: 0 auto 40px;
        width:67%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea {
        margin-bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(1) div:nth-child(1) img, #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(2) div:nth-child(1) img, #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(3) div:nth-child(1) img {
        width:60%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:nth-child(4) div:nth-child(1) img {
        width:50%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea:last-child {
        margin-bottom:0
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width:24%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(2) {
        width:76%
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(2) .idea_title {
        margin-bottom: 5px;
        font-size: 30px;
        font-size: 1.875rem;
        font-weight:700
    }

    #container #wrapper #sec_wrapper #sec_idea .idea_wrapper .idea div:nth-child(2) .idea_text {
        font-size: 24px;
        font-size: 1.5rem;
        line-height:1.66667
    }

    #container #wrapper #sec_wrapper #sec_idea .text {
        margin-bottom: 35px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet {
        margin-top:75px
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet .title {
        margin-bottom: 30px;
        font-size: 30px;
        font-size: 1.875rem;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet .text {
        margin-bottom: 55px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_idea_sheet .img {
        margin: 0 auto 60px;
        max-width:670px
    }

    #container #wrapper #sec_wrapper.show {
        visibility:visible
    }

    #container #wrapper #sec_wrapper.show #sec_movie {
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
        transition: all .8s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #sec_wrapper.show2 {
        visibility:visible
    }

    #container #wrapper #sec_wrapper.show2 #sec_movie {
        -webkit-transition: all 0s cubic-bezier(.25, .46, .45, .94);
        transition: all 0s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@media screen and (max-width: 768px) {
    #container #canvas_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        overflow: hidden;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        pointer-events:none
    }

    #container #canvas_wrapper.abs {
        position:absolute
    }

    #container #canvas_wrapper #brain, #container #canvas_wrapper #brain_ {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:100%
    }

    #bottom_mgn {
        position:relative
    }

    #goto_scroll {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        z-index: 11;
        width: 14.93333%;
        font-size: 1.5rem;
        font-size: 4vw;
        font-weight: 900;
        -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        opacity: 0;
        visibility:hidden
    }

    #goto_scroll .arrow {
        margin: 0 auto 17.85714%;
        width:31.25%
    }

    #goto_scroll .arrow img {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }

    #goto_scroll .arrow.loop {
        -webkit-animation: anime_bottom_arrow .9s ease-in-out infinite;
        animation:anime_bottom_arrow .9s ease-in-out infinite
    }

    #goto_scroll.show {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility:visible
    }

    #goto_scroll.hide {
        -webkit-transition: all .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .2s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
        visibility:hidden
    }
}

@media screen and (min-width: 769px) {
    #container #canvas_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        overflow: hidden;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        pointer-events:none
    }

    #container #canvas_wrapper #brain, #container #canvas_wrapper #brain_ {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:100%
    }

    #bottom_mgn {
        position:relative
    }

    #goto_scroll {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        z-index: 11;
        width: 112px;
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: 900;
        -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        opacity: 0;
        visibility:hidden
    }

    #goto_scroll .arrow {
        margin: 0 auto 17.85714%;
        width:31.25%
    }

    #goto_scroll .arrow img {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }

    #goto_scroll .arrow.loop {
        -webkit-animation: anime_bottom_arrow .9s ease-in-out infinite;
        animation:anime_bottom_arrow .9s ease-in-out infinite
    }

    #goto_scroll.show {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility:visible
    }

    #goto_scroll.hide {
        -webkit-transition: all .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: all .2s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
        visibility:hidden
    }
}

@media screen and (max-width: 768px) {
    #container .btn_back {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 1.2rem;
        font-size:3.2vw
    }

    #container .btn_back a {
        color: #153940;
        text-decoration:none
    }

    #container .btn_back#btn_back_anim {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }

    #container .btn_back#btn_back_anim.show {
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
        transition: all .8s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility:visible
    }

    #container .btn_back .btn_back_inner {
        position:relative
    }

    #container .btn_back .btn_back_inner:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 10px);
        height:calc(100% + 30px)
    }

    #container .btn_back .arrow {
        width: 2.13333vw;
        display: inline-block;
        vertical-align: middle;
        margin-right: 2vw;
        margin-bottom:3px
    }

    #container #wrapper #form_complete, #container #wrapper #form_top {
        padding: 8.333% 0 6.25%;
        text-align:center
    }

    #container #wrapper #form_complete .img, #container #wrapper #form_top .img {
        margin: 0 auto;
        width:68.5333%
    }

    #container #wrapper #form_complete h1, #container #wrapper #form_top h1 {
        margin: 0 auto;
        width:32.8%
    }

    #container #wrapper #form_complete h2, #container #wrapper #form_top h2 {
        font-size: 1.5rem;
        font-size: 4vw;
        margin-top: 13.33333%;
        margin-bottom:6.66667%
    }

    #container #wrapper #form_complete .copy, #container #wrapper #form_top .copy {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height:1.66667
    }

    #container #wrapper #form_complete #top_scroll, #container #wrapper #form_top #top_scroll {
        width: 14.93333%;
        margin: 0 auto;
        font-size: 1.5rem;
        font-size: 4vw;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout:none
    }

    #container #wrapper #form_complete #top_scroll .arrow, #container #wrapper #form_top #top_scroll .arrow {
        margin: 17.85714% auto 0;
        width:31.25%
    }

    #container #wrapper #form_complete #top_scroll .arrow.loop, #container #wrapper #form_top #top_scroll .arrow.loop {
        -webkit-animation: anime_scroll_arrow .9s ease-in-out infinite;
        animation:anime_scroll_arrow .9s ease-in-out infinite
    }

    #container #wrapper #sec_wrapper {
        visibility:hidden
    }

    #container #wrapper #sec_wrapper #sec_form {
        padding-bottom:72.291666%
    }

    #container #wrapper #sec_wrapper #sec_form .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto 9.375%;
        width:80%
    }

    #container #wrapper #sec_wrapper #sec_form .title .step {
        width:33.333%
    }

    #container #wrapper #sec_wrapper #sec_form .title .step:first-child .icon::after {
        display:none
    }

    #container #wrapper #sec_wrapper #sec_form .title .step.white .icon {
        background-color:#fff
    }

    #container #wrapper #sec_wrapper #sec_form .title .step.white .icon::after {
        border:1px dotted #fff
    }

    #container #wrapper #sec_wrapper #sec_form .title .step.white .text {
        color:#fff
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .icon {
        position: relative;
        margin: 0 auto 2.08333%;
        padding-top: 22.5%;
        width: 22.5%;
        border-radius: 100%;
        background-color:#153940
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .icon::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate3d(-100%, -50%, 0);
        transform: translate3d(-100%, -50%, 0);
        height: 1px;
        width: 20vw;
        border: 1px dotted #153940;
        -webkit-box-sizing: border-box;
        box-sizing:border-box
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .icon img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        left: 54%;
        width:44.444%
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .text {
        font-size: 1.2rem;
        font-size: 3.2vw;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .text {
        margin-bottom: 9.375%;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .set_name {
        margin: 0 auto 12.5%;
        width: 80%;
        padding: 3.333%;
        border-radius: 6px;
        border: 1px solid #fff;
        -webkit-box-sizing: border-box;
        box-sizing:border-box
    }

    #container #wrapper #sec_wrapper #sec_form .set_name span {
        font-size: 1.2rem;
        font-size:3.2vw
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper {
        margin: 0 auto 11.458333%;
        width:80%
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa {
        margin-bottom:10.41666%
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q {
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q {
        margin-bottom: 8.333%;
        font-size: 1.5rem;
        font-size: 4vw;
        font-weight: 700;
        line-height: 1.5;
        white-space:nowrap
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q .small {
        font-size: 1.2rem;
        font-size: 3.2vw;
        margin: 0 -1.5%;
        line-height:1.66667
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q .small.more {
        margin:0 -1.5% 0 -4%
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q .small.center {
        position: relative;
        left: -1%;
        display:block
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a {
        width:100%
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a.error .error-text {
        display:block
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .error-text {
        margin-bottom: 7.333%;
        font-size: 1.1rem;
        font-size: 2.93333vw;
        color: red;
        display:none
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .text, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .textarea, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a input, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a textarea {
        display: block;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        font-family: Lato, 'Noto Sans JP', sans-serif;
        text-align:left
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a input, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a textarea {
        position: relative;
        padding: 4.16625%;
        font-size: 16px;
        left: 50%;
        width: 125%;
        -webkit-transform: translate3d(-50%, 0, 0) scale(.8);
        transform: translate3d(-50%, 0, 0) scale(.8);
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        background-color:#fff
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a input:focus, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a textarea:focus {
        outline:0
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .text, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .textarea {
        padding: 3.333%;
        width: 100%;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        border:1px solid #fff
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a textarea {
        height:33.3325vw
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a input {
        height:16.66625vw
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a label {
        position: relative;
        display: block;
        height: 17.333vw;
        width: 100%;
        background-color: #fff;
        border-radius: 6px;
        line-height: 17.333vw;
        font-size: 1.5rem;
        font-size: 4vw;
        font-weight: 700;
        color: #153940;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a label::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        left: auto;
        right: 23.1641%;
        display: block;
        height: 3.7333vw;
        width: 4.4vw;
        background-image:url(../img/common/btn_blank_green.svg)
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a label input {
        display:none
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a #file_preview {
        display: block;
        background-size: contain;
        background-position: center;
        background-repeat:no-repeat
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a #file_preview.filled {
        padding-top: 100%;
        width:100%
    }

    #container #wrapper #sec_wrapper #sec_form.sec_form_complete {
        padding-bottom:12.5%
    }

    #container #wrapper #sec_wrapper.show2 {
        visibility:visible
    }

    #container #wrapper #sec_wrapper.show2 #sec_movie {
        -webkit-transition: all 0s cubic-bezier(.25, .46, .45, .94);
        transition: all 0s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@media screen and (min-width: 769px) {
    #container {
        width:100vw
    }

    #container .btn_back {
        position: absolute;
        top: 60px;
        left: 60px;
        font-size: 24px;
        font-size:1.5rem
    }

    #container .btn_back#btn_back_anim {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }

    #container #wrapper #sec_wrapper.show #sec_movie, #container .btn_back#btn_back_anim.show {
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
        transform: translate3d(0, 0, 0);
        opacity:1
    }

    #container .btn_back#btn_back_anim.show {
        transition: all .8s cubic-bezier(.25, .46, .45, .94);
        transform: translate3d(0, 0, 0);
        visibility:visible
    }

    #container .btn_back a {
        color: #153940;
        text-decoration:none
    }

    #container .btn_back .arrow {
        width: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 14px;
        margin-bottom: 4px;
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #container .btn_back:hover .arrow {
        -webkit-transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .12s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .12s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0)
    }

    #container #wrapper #form_complete, #container #wrapper #form_top {
        padding-bottom: 40px;
        margin-top: 8.333%;
        text-align:center
    }

    #container #wrapper #form_complete .img, #container #wrapper #form_top .img {
        margin: 0 auto;
        width:68.5333%
    }

    #container #wrapper #form_complete h1, #container #wrapper #form_top h1 {
        margin: 60px auto 0;
        width:246px
    }

    #container #wrapper #form_complete h2, #container #wrapper #form_top h2 {
        font-size: 30px;
        font-size: 1.875rem;
        margin-top: 60px;
        margin-bottom:46px
    }

    #container #wrapper #form_complete .copy, #container #wrapper #form_top .copy {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        margin-bottom:0
    }

    #container #wrapper #sec_wrapper {
        visibility:hidden
    }

    #container #wrapper #sec_wrapper #sec_form .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto 50px;
        width:59%
    }

    #container #wrapper #sec_wrapper #sec_form .title .step {
        width:33.333%
    }

    #container #wrapper #sec_wrapper #sec_form .title .step:first-child .icon::before {
        display:none
    }

    #container #wrapper #sec_wrapper #sec_form .title .step.white .icon::before {
        border:1px dotted #fff
    }

    #container #wrapper #sec_wrapper #sec_form .title .step.white .icon::after {
        background-color:#fff
    }

    #container #wrapper #sec_wrapper #sec_form .title .step.white .text {
        color:#fff
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .icon {
        position: relative;
        margin: 0 auto 8px;
        padding-top: 45px;
        width: 45px;
        border-radius:100%
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .icon::before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate3d(-100%, -50%, 0);
        transform: translate3d(-100%, -50%, 0);
        height: 1px;
        width: 335%;
        border: 1px dotted #153940;
        -webkit-box-sizing: border-box;
        box-sizing:border-box
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .icon::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 100%;
        background-color: #153940;
        z-index:1
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .icon img {
        position: relative;
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        left: 54%;
        width: 44.444%;
        z-index:2
    }

    #container #wrapper #sec_wrapper #sec_form .title .step .text {
        margin: 0;
        font-size: 24px;
        font-size: 1.5rem;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .text {
        margin-bottom: 50px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .set_name {
        margin: 0 auto 12.5%;
        width: 65%;
        padding: 3.333%;
        border-radius: 6px;
        border: 1px solid #fff;
        -webkit-box-sizing: border-box;
        box-sizing:border-box
    }

    #container #wrapper #sec_wrapper #sec_form .set_name span {
        font-size: 24px;
        font-size:1.5rem
    }

    #container #wrapper #sec_wrapper #sec_form #form .btn_green_wrapper {
        margin-top:35px
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper {
        margin: 0 auto 55px;
        width:65%
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa {
        margin-bottom:60px
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q {
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q {
        margin-bottom: 40px;
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 1.66667;
        white-space:nowrap
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q .small {
        font-size: 24px;
        font-size: 1.5rem;
        line-height:1.66667
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .q .small.center {
        display:block
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a {
        position: relative;
        width:100%
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a.error .error-text {
        display:block
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .error-text {
        margin-bottom: 40px;
        font-size: 22px;
        font-size: 1.375rem;
        color: red;
        display:none
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .text, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .textarea, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a input, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a textarea {
        display: block;
        padding: 3.333%;
        width: 100%;
        border-radius: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        font-family: Lato, 'Noto Sans JP', sans-serif;
        text-align:left
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a input, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a textarea {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        background-color:#fff
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .text, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .textarea {
        border:1px solid #fff
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .textarea, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a textarea {
        min-height:200px
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a .text, #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a input {
        min-height:100px
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a label {
        position: relative;
        display: block;
        height: 130px;
        width: 100%;
        background-color: #fff;
        border-radius: 8px;
        line-height: 130px;
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: 700;
        color: #153940;
        text-align:center
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a label::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        left: auto;
        right: 23.1641%;
        display: block;
        height: 21.5%;
        width: 5.6%;
        background-image: url(../img/common/btn_blank_green.svg);
        background-repeat:no-repeat
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a label input {
        display:none
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a #file_preview {
        display: block;
        background-size: contain;
        background-position: center;
        background-repeat:no-repeat
    }

    #container #wrapper #sec_wrapper #sec_form .qa-wrapper .qa .a #file_preview.filled {
        padding-top: 100%;
        width:100%
    }

    #container #wrapper #sec_wrapper.show {
        visibility:visible
    }

    #container #wrapper #sec_wrapper.show #sec_movie {
        transition: all .8s cubic-bezier(.25, .46, .45, .94);
        visibility: visible;
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #sec_wrapper.show2 {
        visibility:visible
    }

    #container #wrapper #sec_wrapper.show2 #sec_movie {
        -webkit-transition: all 0s cubic-bezier(.25, .46, .45, .94);
        transition: all 0s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #top_footer.form2_footer {
        padding-top:60px
    }
}

@media screen and (max-width: 768px) {
    #container #wrapper #sec_movie {
        margin: 40% auto 0;
        width:89.33333%
    }

    #container #wrapper #sec_movie .banner {
        margin-bottom: 50px;
        width:100%
    }

    #container #wrapper #sec_movie .movie {
        position:relative
    }

    #container #wrapper #sec_movie .movie:after {
        content: "";
        display: block;
        padding-top:56.25%
    }

    #container #wrapper #sec_movie .movie .movie_player, #container #wrapper #sec_movie .movie .movie_player .video-js, #container #wrapper #sec_movie .movie .movie_player video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:100%
    }

    #container #wrapper #sec_movie .movie .movie_thumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        -webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .2s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #container #wrapper #sec_movie .movie .movie_thumb.hide {
        opacity: 0;
        visibility:hidden
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_img {
        height:100%
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_arrow {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        white-space: nowrap;
        font-size: 1.5rem;
        font-size: 4vw;
        color:#fff
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_arrow img {
        vertical-align: middle;
        display: inline-block;
        width:3.6vw
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_arrow span {
        vertical-align: middle;
        display: inline-block;
        margin-left:.8em
    }

    #container #wrapper #sec_movie .pattern {
        margin-top: 9.25373%;
        text-align: center;
        font-size: 1.5rem;
        font-size: 4vw;
        margin-bottom:5.97015%
    }

    #container #wrapper #sec_movie ul li {
        position: relative;
        padding-top: 19.40299%;
        margin-bottom:5.97015%
    }

    #container #wrapper #sec_movie ul li .btn_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius:10px
    }

    #container #wrapper #sec_movie ul li .txt {
        position:absolute
    }

    #container #wrapper #sec_movie ul li .arrow {
        position: absolute;
        top: 35.38462%;
        right: 5.97015%;
        width:3.28358%
    }

    #container #wrapper #sec_movie ul li .anime {
        position: absolute;
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec_movie ul li:nth-child(1) .anime {
        top: -23.07692%;
        left: 10.44776%;
        width: 13.28358%;
        background-image:url("../kadai1/images/title_anime1.svg")
    }

    #container #wrapper #sec_movie ul li:nth-child(1) .anime:after {
        content: "";
        display: block;
        padding-top:140%
    }

    #container #wrapper #sec_movie ul li:nth-child(1) .txt {
        top: 27.69231%;
        left: 35.37313%;
        width:41.79104%
    }

    #container #wrapper #sec_movie ul li:nth-child(2) .anime {
        top: -24.61538%;
        left: 8.20896%;
        width: 20.29851%;
        background-image:url("../kadai1/images/title_anime2.svg")
    }

    #container #wrapper #sec_movie ul li:nth-child(2) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec_movie ul li:nth-child(2) .txt {
        top: 24.61538%;
        left: 34.02985%;
        width:46.26866%
    }

    #container #wrapper #sec_movie ul li:nth-child(3) .anime {
        top: -21.53846%;
        left: 2.23881%;
        width: 25.8209%;
        background-image:url("../kadai1/images/title_anime3.svg")
    }

    #container #wrapper #sec_movie ul li:nth-child(3) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec_movie ul li:nth-child(3) .txt {
        top: 29.23077%;
        left: 33.8806%;
        width:51.04478%
    }
}

@media screen and (min-width: 769px) {
    #container #wrapper #sec_movie {
        position: relative;
        margin-top: 200px;
        font-size:0
    }

    #container #wrapper #sec_movie .banner {
        margin-bottom: 100px;
        width: 100%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #container #wrapper #sec_movie .banner:hover {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scale(1.025);
        transform:scale(1.025)
    }

    #container #wrapper #sec_movie .movie {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 54%;
        margin-right:3%
    }

    #container #wrapper #sec_movie .movie .movie_player, #container #wrapper #sec_movie .movie .movie_player .video-js, #container #wrapper #sec_movie .movie .movie_player video, #container #wrapper #sec_movie .movie .movie_thumb {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position:absolute
    }

    #container #wrapper #sec_movie .movie:after {
        content: "";
        display: block;
        padding-top:56.25%
    }

    #container #wrapper #sec_movie .movie .movie_thumb {
        z-index: 2;
        -webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:all .2s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #container #wrapper #sec_movie .movie .movie_thumb.hide {
        opacity: 0;
        visibility:hidden
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_img {
        height:100%
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_arrow {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        white-space: nowrap;
        font-size: 30px;
        font-size: 1.875rem;
        color:#fff
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_arrow img {
        vertical-align: middle;
        display: inline-block;
        width:27px
    }

    #container #wrapper #sec_movie .movie .movie_thumb .thumb_arrow span {
        -webkit-transition: all .15s cubic-bezier(.215, .61, .355, 1);
        transition: all .15s cubic-bezier(.215, .61, .355, 1);
        vertical-align: middle;
        display: inline-block;
        margin-left:20px
    }

    #container #wrapper #sec_movie .movie .movie_thumb:hover .thumb_arrow span {
        letter-spacing: .1em;
        margin-left:14px
    }

    #container #wrapper #sec_movie .pattern {
        display:none
    }

    #container #wrapper #sec_movie ul {
        display: inline-block;
        vertical-align: top;
        width:43%
    }

    #container #wrapper #sec_movie ul li {
        position: relative;
        padding-top: 18.13953%;
        margin-bottom:8.13953%
    }

    #container #wrapper #sec_movie ul li:hover .txt {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scale(1.2);
        transform:scale(1.2)
    }

    #container #wrapper #sec_movie ul li:hover .btn_bg {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45);
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45), -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45);
        -webkit-transform: scaleX(1.02326) scaleY(1.12821);
        transform:scaleX(1.02326) scaleY(1.12821)
    }

    #container #wrapper #sec_movie ul li:hover .arrow {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45) 0s;
        transition: transform .1s cubic-bezier(.175, .885, .32, 1.45) 0s, -webkit-transform .1s cubic-bezier(.175, .885, .32, 1.45) 0s;
        -webkit-transform: translate3d(14px, 0, 0);
        transform:translate3d(14px, 0, 0)
    }

    #container #wrapper #sec_movie ul li .btn_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 8px;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #container #wrapper #sec_movie ul li .txt {
        position: absolute;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition:transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    #container #wrapper #sec_movie ul li .arrow {
        position: absolute;
        top: 34.61538%;
        right: 7.90698%;
        width: 3.25581%;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition:transform .2s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s
    }

    #container #wrapper #sec_movie ul li .anime {
        position: absolute;
        top: -38.46154%;
        left: 9.30233%;
        width: 19.53488%;
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec_movie ul li:nth-child(1) .anime {
        top: -30.76923%;
        left: 9.76744%;
        width: 13.25581%;
        background-image:url("../kadai1/images/title_anime1.svg")
    }

    #container #wrapper #sec_movie ul li:nth-child(1) .anime:after {
        content: "";
        display: block;
        padding-top:140%
    }

    #container #wrapper #sec_movie ul li:nth-child(1) .txt {
        top: 26.92308%;
        left: 33.02326%;
        width:40.23256%
    }

    #container #wrapper #sec_movie ul li:nth-child(2) .anime {
        top: -33.33333%;
        left: 7.90698%;
        width: 20.46512%;
        background-image:url("../kadai1/images/title_anime2.svg")
    }

    #container #wrapper #sec_movie ul li:nth-child(2) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec_movie ul li:nth-child(2) .txt {
        top: 24.35897%;
        left: 33.02326%;
        width:43.02326%
    }

    #container #wrapper #sec_movie ul li:nth-child(3) .anime {
        top: -24.35897%;
        left: 3.25581%;
        width: 24.88372%;
        background-image:url("../kadai1/images/title_anime3.svg")
    }

    #container #wrapper #sec_movie ul li:nth-child(3) .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec_movie ul li:nth-child(3) .txt {
        top: 25.64103%;
        left: 33.02326%;
        width:50.46512%
    }
}

@-webkit-keyframes anime_gif {
    0%, 100% {
        background-position:top left
    }

    50% {
        background-position:bottom left
    }
}

@keyframes anime_gif {
    0%, 100% {
        background-position:top left
    }

    50% {
        background-position:bottom left
    }
}

@media screen and (max-width: 768px) {
    #container #wrapper #sec1_play {
        margin-top:22.66667%
    }

    #container #wrapper #sec1_play .title {
        position: relative;
        padding-top: 13.33333%;
        margin-bottom:7.33333%
    }

    #container #wrapper #sec1_play .title .txt {
        position: absolute;
        top: 0;
        left: 25.06667%;
        width:67.33333%
    }

    #container #wrapper #sec1_play .title .anime {
        position: absolute;
        top: -46%;
        left: 8.93333%;
        width: 12%;
        background-image: url("../kadai1/images/title_anime1.svg");
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec1_play .title .anime:after {
        content: "";
        display: block;
        padding-top:140%
    }

    #container #wrapper #sec1_play .copy {
        font-size: 1.5rem;
        font-size: 4vw;
        line-height: 1.5;
        margin-bottom: 7.46667%;
        text-align:center
    }

    #container #wrapper #sec1_play .set_stitle {
        width: 50.66667%;
        margin:0 auto
    }

    #container #wrapper #sec1_play .swiper-container {
        width: 100%;
        padding-top:10%
    }

    #container #wrapper #sec1_play .swiper-container:after {
        content: "";
        display: block;
        padding-top:8%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide {
        width:41.73333%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide.swiper-slide-active .set {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        transition: -webkit-transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        transition: transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        transition: transform .2s cubic-bezier(.3, -3, 0, 5) 0s, -webkit-transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        -webkit-transform: scale(1);
        transform:scale(1)
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .2s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: scale(.913);
        transform: scale(.913);
        -webkit-transform-origin: 50% 80%;
        transform-origin:50% 80%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set .attention {
        position: absolute;
        top: -10px;
        left: -7.5px;
        width: 48.78048780487805%;
        z-index:1
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set .attention img {
        width:100%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set .set_package {
        position: absolute;
        top: 0;
        left:0
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next, #container #wrapper #sec1_play .swiper-container .swiper-button-prev {
        position: absolute;
        top: 36.08059%;
        width: 4.26667%;
        background-size:contain
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next:before, #container #wrapper #sec1_play .swiper-container .swiper-button-prev:before {
        content: "";
        display: block;
        padding-top:175%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next:after, #container #wrapper #sec1_play .swiper-container .swiper-button-prev:after {
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        width: calc(100% + 40px);
        height:calc(100% + 40px)
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next.disable, #container #wrapper #sec1_play .swiper-container .swiper-button-prev.disable {
        opacity: .5;
        cursor:auto
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-prev {
        left: 21.33333%;
        background-image:url("../kadai1/images/btn_arrow3L.svg")
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next {
        right: 21.33333%;
        background-image:url("../kadai1/images/btn_arrow3R.svg")
    }

    #container #wrapper #sec1_play .swiper-container .swiper-pagination {
        bottom:0
    }

    #container #wrapper #sec1_play .swiper-container .swiper-pagination .swiper-pagination-bullet {
        background-color: #153940;
        width: 2.66667%;
        min-width: 5px;
        opacity: 1;
        margin: 0 1px;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s;
        transition:transform .5s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s
    }

    #container #wrapper #sec1_make .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1);
        border: 2px solid #153940;
        background-color:rgba(21, 57, 64, 0)
    }

    #container #wrapper #sec1_play #play_set_detail {
        text-align:center
    }

    #container #wrapper #sec1_play #play_set_detail .set_info {
        display: inline-block;
        margin-top:7.73333%
    }

    #container #wrapper #sec1_play #play_set_detail .set_info a {
        color:#153940
    }

    #container #wrapper #sec1_play #play_set_detail .set_info a.disable {
        text-decoration: none;
        cursor:auto
    }

    #container #wrapper #sec1_play #play_set_detail .set_info .set_title {
        font-size: 1.5rem;
        font-size: 4vw;
        padding-bottom:4.26667%
    }

    #container #wrapper #sec1_play #play_set_detail .set_info .set_title.bold {
        font-weight:900
    }

    #container #wrapper #sec1_play #play_set_detail .set_info .setr_text {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        margin-bottom: 4.53333%;
        min-height: 4em;
        padding:0 2em
    }

    #container #wrapper #sec1_play #play_set_detail .set_status {
        width: 65.33333%;
        margin:0 auto 8%
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul {
        font-size:0
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li {
        display: inline-block;
        vertical-align: top;
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
        transition:opacity .2s cubic-bezier(.25, .46, .45, .94)
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li.off {
        opacity:.3
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li:nth-child(1) {
        width:28.77551%
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li:nth-child(2) {
        width:42.65306%
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li:nth-child(3) {
        width:28.57143%
    }

    #container #wrapper #sec1_play .steps .step_item:nth-child(1) .anime {
        background-image:url(../img/sec1_make/step1_anime.png)
    }

    #container #wrapper #sec1_make .steps .step_item:nth-child(2) .anime {
        background-image:url(../img/sec1_make/step2_anime.png)
    }

    #container #wrapper #sec1_make .steps .step_item:nth-child(3) .anime {
        background-image:url(../img/sec1_make/step3_anime.png)
    }
}

@media screen and (min-width: 769px) {
    #container #wrapper #sec1_play {
        margin-top:80px
    }

    #container #wrapper #sec1_play .title {
        position: relative;
        padding-top: 100px;
        margin-bottom: 50px;
        width: 634px;
        margin-left: auto;
        margin-right:auto
    }

    #container #wrapper #sec1_play .title .txt {
        position: absolute;
        top: 0;
        right: 0;
        width:505px
    }

    #container #wrapper #sec1_play .title .anime {
        position: absolute;
        top: -44%;
        left: 19px;
        width: 90px;
        background-image: url("../kadai1/images/title_anime1.svg");
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec1_play .title .anime:after {
        content: "";
        display: block;
        padding-top:1402%
    }

    #container #wrapper #sec1_play .copy {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.5;
        margin-bottom: 52px;
        text-align:center
    }

    #container #wrapper #sec1_play .set_stitle {
        width: 380px;
        margin:0 auto
    }

    #container #wrapper #sec1_play .swiper-container {
        padding-left: 2.4%;
        padding-right: .4%;
        width: 100%;
        padding-top:60px
    }

    #container #wrapper #sec1_play .swiper-container:after {
        content: "";
        display: block;
        padding-top:6%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide {
        width:30.6%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide.swiper-slide-active .set {
        -webkit-transition: -webkit-transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        transition: -webkit-transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        transition: transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        transition: transform .2s cubic-bezier(.3, -3, 0, 5) 0s, -webkit-transform .2s cubic-bezier(.3, -3, 0, 5) 0s;
        -webkit-transform: scale(1);
        transform:scale(1)
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set {
        position: relative;
        -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .2s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .2s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: scale(.913);
        transform: scale(.913);
        -webkit-transform-origin: 50% 80%;
        transform-origin:50% 80%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set .attention {
        position: absolute;
        top: -20px;
        left: -15px;
        width: 48.78048780487805%;
        z-index:1
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set .attention img {
        width:100%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-slide .set .set_package {
        position: absolute;
        top: 0;
        left:0
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next, #container #wrapper #sec1_play .swiper-container .swiper-button-prev {
        position: absolute;
        top: 42%;
        width: 3.2%;
        background-size:contain
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next:before, #container #wrapper #sec1_play .swiper-container .swiper-button-prev:before {
        content: "";
        display: block;
        padding-top:175%
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next:after, #container #wrapper #sec1_play .swiper-container .swiper-button-prev:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height:calc(100% + 20px)
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next.disable, #container #wrapper #sec1_play .swiper-container .swiper-button-prev.disable {
        opacity: .5;
        cursor:auto
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-prev {
        left: 29.6%;
        background-image: url("../kadai1/images/btn_arrow3L.svg");
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition:transform .2s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-prev:hover {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: translate3d(-6px, 0, 0);
        transform:translate3d(-6px, 0, 0)
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next {
        right: 29.6%;
        background-image: url("../kadai1/images/btn_arrow3R.svg");
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
        transition:transform .2s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s
    }

    #container #wrapper #sec1_play .swiper-container .swiper-button-next:hover {
        -webkit-transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: translate3d(6px, 0, 0);
        transform:translate3d(6px, 0, 0)
    }

    #container #wrapper #sec1_play .swiper-container .swiper-pagination {
        bottom:0
    }

    #container #wrapper #sec1_play .swiper-container .swiper-pagination .swiper-pagination-bullet {
        background-color: #153940;
        width: 20px;
        height: 20px;
        opacity: 1;
        margin: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transition: margin .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
        transition: margin .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
        transition: transform .5s cubic-bezier(.165, .84, .44, 1), margin .5s cubic-bezier(.165, .84, .44, 1);
        transition:transform .5s cubic-bezier(.165, .84, .44, 1), margin .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1)
    }

    #container #wrapper #sec1_play .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        margin: 0 5px;
        -webkit-transform: scale(1);
        transform: scale(1);
        border: 3px solid #153940;
        background-color:rgba(21, 57, 64, 0)
    }

    #container #wrapper #sec1_play #play_set_detail {
        text-align:center
    }

    #container #wrapper #sec1_play #play_set_detail .set_info {
        display:inline-block
    }

    #container #wrapper #sec1_play #play_set_detail .set_info a {
        color:#153940
    }

    #container #wrapper #sec1_play #play_set_detail .set_info a.disable {
        text-decoration: none;
        cursor:auto
    }

    #container #wrapper #sec1_play #play_set_detail .set_info .set_title {
        font-size: 30px;
        font-size: 1.875rem;
        margin-top: 2em;
        padding-bottom:1.1em
    }

    #container #wrapper #sec1_play #play_set_detail .set_info .set_title.bold {
        font-weight:900
    }

    #container #wrapper #sec1_play #play_set_detail .set_info .set_text {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        margin-bottom: 1.4em;
        min-height:4em
    }

    #container #wrapper #sec1_play #play_set_detail .set_status {
        width: 490px;
        margin:0 auto 6%
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul {
        font-size:0
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li {
        display: inline-block;
        vertical-align: top;
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
        transition:opacity .2s cubic-bezier(.25, .46, .45, .94)
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li.off {
        opacity:.3
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li:nth-child(1) {
        width:28.77551%
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li:nth-child(2) {
        width:42.65306%
    }

    #container #wrapper #sec1_play #play_set_detail .set_status ul li:nth-child(3) {
        width:28.57143%
    }

    #container #wrapper #sec1_play .steps .step_item:nth-child(1) .anime {
        background-image:url(../img/sec1_make/step1_anime.png)
    }

    #container #wrapper #sec1_play .steps .step_item:nth-child(2) .anime {
        background-image:url(../img/sec1_make/step2_anime.png)
    }

    #container #wrapper #sec1_play .steps .step_item:nth-child(3) .anime {
        background-image:url(../img/sec1_make/step3_anime.png)
    }
}

@media screen and (max-width: 768px) {
    #container #wrapper #sec2_charm {
        margin-top:22.66667%
    }

    #container #wrapper #sec2_charm .title {
        position: relative;
        padding-top: 13.33333%;
        margin-bottom:7.33333%
    }

    #container #wrapper #sec2_charm .title .txt {
        position: absolute;
        top: 0;
        left: 26.8%;
        width:64.53333%
    }

    #container #wrapper #sec2_charm .title .anime {
        position: absolute;
        top: -44%;
        left: 8.66667%;
        width: 18.13333%;
        background-image: url("../kadai1/images/title_anime2.svg");
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec2_charm .title .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec2_charm .copy {
        font-size: 1.5rem;
        font-size: 4vw;
        line-height: 1.5;
        margin-bottom: 7.33333%;
        text-align:center
    }

    #container #wrapper #sec2_charm .copy2 {
        font-size: 1.5rem;
        font-size: 4vw;
        line-height: 1.5;
        margin-top: 13.33333%;
        margin-bottom: 1.33333%;
        text-align:center
    }

    #container #wrapper #sec2_charm .steps .step_item:nth-child(1) .anime {
        background-image:url(../img/sec2_join/step1_anime.png)
    }

    #container #wrapper #sec2_charm .steps .step_item:nth-child(2) .anime {
        background-image:url(../img/sec2_join/step2_anime.png)
    }

    #container #wrapper #sec2_charm .steps .step_item:nth-child(3) .anime {
        background-image:url(../img/sec2_join/step3_anime.png)
    }
}

@media screen and (min-width: 769px) {
    #container #wrapper #sec2_charm {
        margin-top:170px
    }

    #container #wrapper #sec2_charm .title {
        position: relative;
        padding-top: 100px;
        margin-bottom: 50px;
        width: 646px;
        margin-left: auto;
        margin-right:auto
    }

    #container #wrapper #sec2_charm .title .txt {
        position: absolute;
        top: 0;
        right: 25px;
        width:484px
    }

    #container #wrapper #sec2_charm .title .anime {
        position: absolute;
        top: -44%;
        left: 0;
        width: 136px;
        background-image: url("../kadai1/images/title_anime2.svg");
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec2_charm .title .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec2_charm .copy {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.5;
        margin-bottom: 52px;
        text-align:center
    }

    #container #wrapper #sec2_charm .copy2 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.5;
        margin-top: 90px;
        margin-bottom: 30px;
        text-align:center
    }

    #container #wrapper #sec2_charm .steps .step_item:nth-child(1) .anime {
        background-image:url(../img/sec2_join/step1_anime.png)
    }

    #container #wrapper #sec2_charm .steps .step_item:nth-child(2) .anime {
        background-image:url(../img/sec2_join/step2_anime.png)
    }

    #container #wrapper #sec2_charm .steps .step_item:nth-child(3) .anime {
        background-image:url(../img/sec2_join/step3_anime.png)
    }
}

@media screen and (max-width: 768px) {
    #container #wrapper #sec3_adult {
        margin-top:18.66667%
    }

    #container #wrapper #sec3_adult .title {
        position: relative;
        padding-top: 13.33333%;
        margin-bottom:7.33333%
    }

    #container #wrapper #sec3_adult .title .txt {
        position: absolute;
        top: 0;
        left: 31.2%;
        width:63.33333%
    }

    #container #wrapper #sec3_adult .title .anime {
        position: absolute;
        top: -57%;
        left: 6%;
        width: 23.06667%;
        background-image: url("../kadai1/images/title_anime3.svg");
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec3_adult .title .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec3_adult .copy {
        font-size: 1.5rem;
        font-size: 4vw;
        line-height: 1.5;
        margin-bottom: 7.33333%;
        text-align: center;
        padding:0 1em
    }

    #container #wrapper #sec3_adult .steps .step_item:nth-child(1) .anime {
        background-image:url(../img/sec3_invite/step1_anime.png)
    }

    #container #wrapper #sec3_adult .steps .step_item:nth-child(2) .anime {
        background-image:url(../img/sec3_invite/step2_anime.png)
    }

    #container #wrapper #sec3_adult .steps .step_item:nth-child(3) .anime {
        background-image:url(../img/sec3_invite/step3_anime.png)
    }
}

@media screen and (min-width: 769px) {
    #container #wrapper #sec3_adult {
        margin-top:140px
    }

    #container #wrapper #sec3_adult .title {
        position: relative;
        padding-top: 83px;
        margin-bottom: 50px;
        width: 666px;
        margin-left: auto;
        margin-right:auto
    }

    #container #wrapper #sec3_adult .title .txt {
        position: absolute;
        top: 0;
        right: 0;
        width:475px
    }

    #container #wrapper #sec3_adult .title .anime {
        position: absolute;
        top: -68.6747%;
        left: 0;
        width: 173px;
        background-image: url("../kadai1/images/title_anime3.svg");
        background-position: top left;
        background-size: 100% auto;
        background-repeat: no-repeat;
        -webkit-animation: anime_gif 1.5s steps(1) infinite;
        animation:anime_gif 1.5s steps(1) infinite
    }

    #container #wrapper #sec3_adult .title .anime:after {
        content: "";
        display: block;
        padding-top:100%
    }

    #container #wrapper #sec3_adult .copy {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.5;
        margin-bottom: 55px;
        text-align:center
    }

    #container #wrapper #sec3_adult .steps .step_item:nth-child(1) .anime {
        background-image:url(../img/sec3_invite/step1_anime.png)
    }

    #container #wrapper #sec3_adult .steps .step_item:nth-child(2) .anime {
        background-image:url(../img/sec3_invite/step2_anime.png)
    }

    #container #wrapper #sec3_adult .steps .step_item:nth-child(3) .anime {
        background-image:url(../img/sec3_invite/step3_anime.png)
    }
}

@media screen and (max-width: 768px) {
    /*#container #top_loading {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #f1ed62;
        z-index: 2000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    #container #top_loading .loading_box {
        width: 16.8%;
        -webkit-animation: anime_loading_game 2.2s steps(5) infinite;
        animation: anime_loading_beer 2.2s steps(5) infinite;
        background-image: url("/images/loading_box.svg");
        background-position: 0 0;
        background-size: 600% auto;
        background-repeat:no-repeat
    }

    #container #top_loading .loading_box:after {
        content: "";
        display: block;
        padding-top:134.92063%
    }
*/
    #container #wrapper #cnt_top {
        text-align:center
    }

    #container #wrapper #cnt_top h1 {
        margin: 0 auto;
        width: 65.73333%;
    }

    #container #wrapper #cnt_top h1.show {
        visibility:visible
    }

    #container #wrapper #cnt_top h2 {
        font-size: 1.5rem;
        font-size: 4vw;
        margin-top: 13.33333%;
        margin-bottom: 6.66667%;
        -webkit-transform: translate3d(0, 30px, 0);
        transform:translate3d(0, 30px, 0)
    }

    #container #wrapper #cnt_top h2.show {
        -webkit-transition: all 1s cubic-bezier(.39, .575, .565, 1);
        transition: all 1s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top h2.show2 {
        -webkit-transition: all 0s cubic-bezier(.39, .575, .565, 1);
        transition: all 0s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top .copy {
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        margin-bottom: 12.26667%;
        -webkit-transform: translate3d(0, 30px, 0);
        transform:translate3d(0, 30px, 0)
    }

    #container #wrapper #cnt_top .copy.show {
        -webkit-transition: all 1s cubic-bezier(.39, .575, .565, 1);
        transition: all 1s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top .copy.show2 {
        -webkit-transition: all 0s cubic-bezier(.39, .575, .565, 1);
        transition: all 0s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top #top_scroll {
        width: 14.93333%;
        margin: 0 auto;
        font-size: 1.5rem;
        font-size: 4vw;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    #container #wrapper #cnt_top #top_scroll.show {
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
        transition: all .8s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility:visible
    }

    #container #wrapper #cnt_top #top_scroll.show2 {
        -webkit-transition: all 0s cubic-bezier(.25, .46, .45, .94);
        transition: all 0s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility:visible
    }

    #container #wrapper #cnt_top #top_scroll .arrow {
        margin: 17.85714% auto 0;
        width:31.25%
    }

    #container #wrapper #cnt_top #top_scroll .arrow.loop {
        -webkit-animation: anime_scroll_arrow .9s ease-in-out infinite;
        animation:anime_scroll_arrow .9s ease-in-out infinite
    }

    #container #wrapper #sec_wrapper {
        visibility:hidden
    }

    #container #wrapper #sec_wrapper #sec_movie {
        visibility: hidden;
        -webkit-transform: translate3d(0, 50px, 0);
        transform:translate3d(0, 50px, 0)
    }

    #container #wrapper #sec_wrapper.show {
        visibility:visible
    }

    #container #wrapper #sec_wrapper.show #sec_movie {
        -webkit-transition: all .7s cubic-bezier(.25, .46, .45, .94);
        transition: all .7s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #sec_wrapper.show2 {
        visibility:visible
    }

    #container #wrapper #sec_wrapper.show2 #sec_movie {
        -webkit-transition: all 0s cubic-bezier(.25, .46, .45, .94);
        transition: all 0s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@media screen and (min-width: 769px) {
    #container {
        width:100vw
    }
	
    /*#container #top_loading {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: #f1ed62;
        z-index: 2000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    #container #top_loading .loading_box {
        width: 126px;
        -webkit-animation: anime_loading_beer 2.2s steps(5) infinite;
        animation: anime_loading_beer 2.2s steps(5) infinite;
        background-image: url("/images/loading_box.svg");
        background-position: 0 0;
        background-size: 600% auto;
        background-repeat:no-repeat
    }

    #container #top_loading .loading_box:after {
        content: "";
        display: block;
        padding-top:134.92063%
    }
*/

    #container #wrapper #cnt_top {
        text-align:center
    }

    #container #wrapper #cnt_top h1 {
        margin: 0 auto;
        width: 493px;
    }

    #container #wrapper #cnt_top h1.show {
        visibility:visible
    }

    #container #wrapper #cnt_top h2 {
        font-size: 30px;
        font-size: 1.875rem;
        margin-top: 100px;
        margin-bottom: 46px;
        -webkit-transform: translate3d(0, 50px, 0);
        transform:translate3d(0, 50px, 0)
    }

    #container #wrapper #cnt_top h2.show {
        -webkit-transition: all .7s cubic-bezier(.25, .46, .45, .94);
        transition: all .7s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top h2.show2 {
        -webkit-transition: all 0s cubic-bezier(.25, .46, .45, .94);
        transition: all 0s cubic-bezier(.25, .46, .45, .94);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top .copy {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.66667;
        margin-bottom: 85px;
        -webkit-transform: translate3d(0, 50px, 0);
        transform:translate3d(0, 50px, 0)
    }

    #container #wrapper #cnt_top .copy.show {
        -webkit-transition: all 1s cubic-bezier(.39, .575, .565, 1);
        transition: all 1s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top .copy.show2 {
        -webkit-transition: all 0s cubic-bezier(.39, .575, .565, 1);
        transition: all 0s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    #container #wrapper #cnt_top #top_scroll {
        width: 112px;
        margin: 0 auto;
        font-size: 30px;
        font-size: 1.875rem;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    #container #wrapper #cnt_top #top_scroll.show {
        -webkit-transition: all 1s cubic-bezier(.39, .575, .565, 1);
        transition: all 1s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility:visible
    }

    #container #wrapper #cnt_top #top_scroll.show2 {
        -webkit-transition: all 0s cubic-bezier(.39, .575, .565, 1);
        transition: all 0s cubic-bezier(.39, .575, .565, 1);
        opacity: 1;
        visibility:visible
    }

    #container #wrapper #cnt_top #top_scroll .arrow {
        margin: 17.85714% auto 0;
        width:31.25%
    }

    #container #wrapper #cnt_top #top_scroll .arrow.loop {
        -webkit-animation: anime_scroll_arrow .9s ease-in-out infinite;
        animation:anime_scroll_arrow .9s ease-in-out infinite
    }
}

.bodyFixed {
    position:fixed
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index:1
}

.swiper-container-no-flexbox .swiper-slide {
    float:left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing:content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin:0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property:transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility:hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height:auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property:transform, height, -webkit-transform
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    outline:0
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events:none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right:auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left:auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index:10
}

.swiper-pagination.swiper-pagination-hidden {

}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width:100%
}

.swiper-pagination-bullet {
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity:.2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background:#007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display:block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition:.2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space:nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition:.2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition:.2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin:right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top:0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top:0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background:#fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background:rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background:#fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background:#000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background:rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background:#000
}

.swiper-pagination-lock {
    display: none
}