@charset 'UTF-8';
/* --------------------------------------------------------------------------------
*   common
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*   text / font
-------------------------------------------------------------------------------- */
@font-face
{
    font-family: 'noto_demiLight';
    font-weight: 300;
    font-style: normal;

    src: url('../resource/font/NotoSansCJKjp-DemiLight.woff') format('woff');
}

@font-face
{
    font-family: 'noto_regular';
    font-weight: 400;
    font-style: normal;

    src: url('../resource/font/NotoSansCJKjp-Regular.woff') format('woff');
}

@font-face
{
    font-family: 'noto_medium';
    font-weight: 500;
    font-style: normal;

    src: url('../resource/font/NotoSansCJKjp-Medium.woff') format('woff');
}

/* --------------------------------------------------------------------------------
*   media query
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   z-index
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   easing
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   texture
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   color
*
-------------------------------------------------------------------------------- */
/* HSL */
/* RGB */
/* HSL */
/* RGB */
/* HSL */
/* RGB */
/* HSL */
/* RGB */
/* Coolors Exported Palette - coolors.co/040091-6901f5-b735fb-fe249b-ff5a78 */
/* HSL */
/* RGB */
/* HSL */
/* RGB */
/* HSL */
/* RGB */
/* --------------------------------------------------------------------------------
*
*   mixin
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   animation
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   media query
*
-------------------------------------------------------------------------------- */
/*
*
*   max order 
*
*/
/*
*
*   min order 
*
*/
/*
*
*   how to   
*
*/
/* --------------------------------------------------------------------------------
*
*   portrait,landscape
*
-------------------------------------------------------------------------------- */
/*
  *
  *   how to
  *
  */
/* --------------------------------------------------------------------------------
*
*   common
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   float
*
-------------------------------------------------------------------------------- */
.fl
{
    float: left;
}

.fr
{
    float: right;
}

.cl
{
    clear: both;
}

.fList > li,
.fList > dt,
.fList > dd,
.fList > .item
{
    float: left;
}

.fList > .item:last-child
{
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.flex > li:last-child,
.flex > dt:last-child,
.flex > dd:last-child,
.flex > .item:last-child
{
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.fBoth > li:first-child
{
    float: left;
}

.fBoth > li:last-child
{
    float: right;
}

.fBoth > dt,
.fBoth > .item:nth-child(1)
{
    float: left;
}

.fBoth > dd,
.fBoth > .item:nth-child(2)
{
    float: right;
}

/* --------------------------------------------------------------------------------
*
*   flex
*
-------------------------------------------------------------------------------- */
.flex
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

/* --------------------------------------------------------------------------------
*
*   Clearfix
*
-------------------------------------------------------------------------------- */
.cf,
.fList
{
    zoom: 1;
}

.cf:after,
.fList:after,
.fBoth:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

/* --------------------------------------------------------------------------------
*
*   TextAlign
*
-------------------------------------------------------------------------------- */
.al
{
    text-align: left;
}

.ar
{
    text-align: right;
}

.ac
{
    text-align: center;
}

.vb
{
    vertical-align: baseline;
}

/* --------------------------------------------------------------------------------
*
*   Nav
*
-------------------------------------------------------------------------------- */
.nav
{
    zoom: 1;
}

.nav:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

/* --------------------------------------------------------------------------------
*
*   font
*
-------------------------------------------------------------------------------- */
.captalize
{
    text-transform: capitalize;
}

.uppercase
{
    text-transform: uppercase;
}

.lowercase
{
    text-transform: lowercase;
}

/* --------------------------------------------------------------------------------
*
*   responsive
*
-------------------------------------------------------------------------------- */
img.fitted
{
    width: 100% !important;
    height: auto !important;
}

/* --------------------------------------------------------------------------------
*
*   overflow hidden
*
-------------------------------------------------------------------------------- */
.oh
{
    overflow: hidden;
}

/* --------------------------------------------------------------------------------
*
*   word breadk
*
-------------------------------------------------------------------------------- */
.wb
{
    word-break: break-all;
}

/* --------------------------------------------------------------------------------
*
*   font-weight
*
-------------------------------------------------------------------------------- */
.fwb
{
    font-weight: bold;
}

/* --------------------------------------------------------------------------------
*
*   center
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   row
*
-------------------------------------------------------------------------------- */
.row
{
    font-size: 0;

    text-align: center;
}

.row .item
{
    display: inline-block;
}

.row.row_col2 > .item
{
    width: 50%;
}

.row.row_col3 > .item
{
    width: 33.3333%;
}

.row.row_col4 > .item
{
    width: 25%;
}

.row .item:last-child
{
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* --------------------------------------------------------------------------------
*
*   opacity
*
-------------------------------------------------------------------------------- */
.is-unvisible
{
    opacity: 0 !important;
}

.is-visible
{
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------------
*
*   display
*
-------------------------------------------------------------------------------- */
.is-block
{
    display: block !important;
}

.is-none
{
    display: none !important;
}

/* --------------------------------------------------------------------------------
*
*   overflow
*
-------------------------------------------------------------------------------- */
.is-scroll
{
    overflow: scroll !important;
}

.is-scroll-x
{
    overflow-x: scroll !important;
}

.is-scroll-y
{
    overflow-y: scroll !important;
}

.is-hidden
{
    overflow: hidden !important;
}

.is-hidden-x
{
    overflow-x: hidden !important;
}

.is-hidden-y
{
    overflow-y: hidden !important;
}

/* --------------------------------------------------------------------------------
*
*   position
*
-------------------------------------------------------------------------------- */
.is-fixed
{
    position: fixed !important;
}

.is-absolute
{
    position: absolute !important;
}

.is-relative
{
    position: relative !important;
}

.is-static
{
    position: static !important;
}

/* --------------------------------------------------------------------------------
*
*   // 画像保存禁止    
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   design(見本)
*
-------------------------------------------------------------------------------- */
.sample
{
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;

    display: none;

    opacity: .3;
}

body
{
    margin: 0;
    padding: 0;

    border: none;
}

/* image */
img,
div,
p,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
textarea
{
    font-size: 100%;
    font-style: normal;

    margin: 0;
    padding: 0;

    list-style: none;

    text-decoration: none;

    border: 0;
}

a
{
    cursor: pointer;
}

table
{
    font-size: 100%;
}

hr.separator
{
    display: none;
}

input[type='text'],
button,
select,
textarea
{
    resize: none;

    border: none;
    border-radius: 0;
    outline: none;
    background-color: transparent;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

select::-ms-expand
{
    display: none;
}

img
{
    vertical-align: bottom;
}

/* --------------------------------------------------------------------------------
*   parts
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   footer
*
-------------------------------------------------------------------------------- */
#footer
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 6.66667vw 0;

    background-color: #810082;

    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

#footer .text img
{
    width: 59.2vw;
    height: 14.93333vw;
}

@media (min-width: 769px)
{
    #footer
    {
        padding: 20px 0;

        -webkit-justify-content: normal;
        -ms-flex-pack: normal;
                justify-content: normal;
    }
}

@media (min-width: 769px) and (min-width: 769px) and (max-width: 1200px)
{
    #footer
    {
        padding: 1.66667vw 0;
    }
}

@media (min-width: 769px) and (min-width: 1201px)
{
    #footer
    {
        padding: 20px 0;
    }
}

@media (min-width: 769px) and (min-width: 1700px)
{
    #footer
    {
        padding: 1.17647vw 0;
    }
}

@media (min-width: 769px)
{
    #footer .text.pc
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        width: 100%;
        padding: 0 50px;

        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

@media (min-width: 769px) and (min-width: 769px) and (max-width: 1200px)
{
    #footer .text.pc
    {
        padding: 0 4.16667vw;
    }
}

@media (min-width: 769px) and (min-width: 1201px)
{
    #footer .text.pc
    {
        padding: 0 50px;
    }
}

@media (min-width: 769px) and (min-width: 1700px)
{
    #footer .text.pc
    {
        padding: 0 2.94118vw;
    }
}

@media (min-width: 769px)
{
    #footer .text.pc .inner:nth-child(1) img
    {
        width: 284px;
        height: 15px;
    }
}

@media (min-width: 769px) and (min-width: 769px) and (max-width: 1200px)
{
    #footer .text.pc .inner:nth-child(1) img
    {
        width: 23.66667vw;
        height: 1.25vw;
    }
}

@media (min-width: 769px) and (min-width: 1201px)
{
    #footer .text.pc .inner:nth-child(1) img
    {
        width: 284px;
        height: 15px;
    }
}

@media (min-width: 769px) and (min-width: 1700px)
{
    #footer .text.pc .inner:nth-child(1) img
    {
        width: 16.70588vw;
        height: .88235vw;
    }
}

@media (min-width: 769px)
{
    #footer .text.pc .inner:nth-child(2) img
    {
        width: 104px;
        height: 36px;
    }
}

@media (min-width: 769px) and (min-width: 769px) and (max-width: 1200px)
{
    #footer .text.pc .inner:nth-child(2) img
    {
        width: 8.66667vw;
        height: 3vw;
    }
}

@media (min-width: 769px) and (min-width: 1201px)
{
    #footer .text.pc .inner:nth-child(2) img
    {
        width: 104px;
        height: 36px;
    }
}

@media (min-width: 769px) and (min-width: 1700px)
{
    #footer .text.pc .inner:nth-child(2) img
    {
        width: 6.11765vw;
        height: 2.11765vw;
    }
}

/* --------------------------------------------------------------------------------
*
*   header
*
-------------------------------------------------------------------------------- */
#header
{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;

    opacity: 0;
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #header
    {
        top: -3.41667vw;
        right: 2.33333vw;
    }
}

@media (min-width: 1201px)
{
    #header
    {
        top: -41px;
        right: 28px;
    }
}

@media (min-width: 1700px)
{
    #header
    {
        top: -2.41176vw;
        right: 1.64706vw;
    }
}

#header .sns .chain
{
    position: absolute;
    top: 0;
    left: 0;
}

#header .sns .chain img
{
    width: 3.73333vw;
    height: auto;
}

@media (min-width: 769px)
{
    #header .sns .chain img
    {
        width: 23px;
        height: auto;
    }
}

#header .sns .chainl
{
    top: -11.46667vw;
    left: 7.73333vw;
}

@media (min-width: 769px)
{
    #header .sns .chainl
    {
        top: -65px;
        left: 42px;
    }
}

#header .sns .chainr
{
    top: -11.46667vw;
    left: 37.6vw;
}

@media (min-width: 769px)
{
    #header .sns .chainr
    {
        top: -65px;
        left: 209px;
    }
}

#header .sns .base
{
    width: 46.13333vw;
    height: 40.53333vw;
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #header .sns .base
    {
        width: 21.66667vw;
        height: auto;
    }
}

@media (min-width: 1201px)
{
    #header .sns .base
    {
        width: 260px;
        height: auto;
    }
}

@media (min-width: 1700px)
{
    #header .sns .base
    {
        width: 15.29412vw;
        height: auto;
    }
}

#header .sns .light
{
    position: relative;
    top: 11.46667vw;

    width: 46.13333vw;
    height: 26.66667vw;
}

#header .sns .light.on
{
    position: absolute;
    top: 11.46667vw;
    left: 0;

    transition: opacity .6s cubic-bezier(.19, 1, .22, 1) 0s;

    opacity: 0;
}

@media (min-width: 769px)
{
    #header .sns .light
    {
        top: 78px;

        width: 263px;
        height: 152px;
    }
}

#header .sns .covers
{
    position: absolute;
    top: 11.46667vw;
    left: 0;

    width: 100%;
    height: 100%;
}

#header .sns .covers .cover
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: opacity .65s cubic-bezier(.25, .46, .45, .94) 0s;

    opacity: 0;
}

#header .sns .covers .cover:nth-child(1)
{
    background: url(../resource/img_sp/sns_hover01.png);
    background-size: 100%;
}

#header .sns .covers .cover:nth-child(2)
{
    background: url(../resource/img_sp/sns_hover02.png);
    background-size: 100%;
}

#header .sns .covers .cover:nth-child(3)
{
    background: url(../resource/img_sp/sns_hover03.png);
    background-size: 100%;
}

#header .sns .covers .cover.active
{
    opacity: 1;
}

@media (min-width: 769px)
{
    #header .sns .covers
    {
        top: 78px;
    }
}

#header .sns .items
{
    position: absolute;
    top: 13.6vw;
    left: 10.66667vw;

    width: 28.8vw;
    height: 8vw;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

#header .sns .items .item
{
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;

    cursor: pointer;
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #header .sns .items
    {
        top: 7.83333vw;
        left: 5.58333vw;

        width: 12.33333vw;
        height: 3.08333vw;
    }
    #header .sns .items .item
    {
        width: calc((100% - .41667vw * 2) / 3);
        margin-right: .41667vw;
    }
}

@media (min-width: 1201px)
{
    #header .sns .items
    {
        top: 94px;
        left: 67px;

        width: 148px;
        height: 37px;
    }
    #header .sns .items .item
    {
        width: calc((100% - 5px * 2) / 3);
        margin-right: 5px;
    }
}

/* --------------------------------------------------------------------------------
*
*   html,body
*
-------------------------------------------------------------------------------- */
html
{
    font-family: 'noto_regular';
    font-size: 10px;
    font-weight: 400;

    letter-spacing: 0;

    opacity: 0;
    color: #000;
    background-color: #fff;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    /*
  *
  *   media query   
  *
  */
}

@media only screen and (max-width: 374px)
{
    html
    {
        font-size: 8px;
    }
}

body
{
    /*
  *
  *   media query   
  *
  */
}

/* --------------------------------------------------------------------------------
*
*   #wrapper #inner
*
-------------------------------------------------------------------------------- */
#wrapper
{
    font-size: 1.2rem;

    z-index: 2;
    /*
  *
  *   media query   
  *
  */
}

@media only screen and (max-width: 768px)
{
    .isDeviceSP #wrapper
    {
        overflow: scroll;
        overflow-x: hidden;

        height: calc(100vh);

        -webkit-overflow-scrolling: touch;
    }
}

#inner
{
    position: relative;
}

/* --------------------------------------------------------------------------------
*
*   .wrapper .inner
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   link
*
-------------------------------------------------------------------------------- */
a
{
    text-decoration: none;

    color: #000;
}

a:hover
{
    text-decoration: none;

    color: #000;
}

a:visited
{
    text-decoration: none;

    color: #000;
}

a:active
{
    text-decoration: none;

    color: #000;
}

/* --------------------------------------------------------------------------------
*
*   dat gui
*
-------------------------------------------------------------------------------- */
.dg.a
{
    overflow: visible !important;
}

.dg li.color
{
    overflow: visible !important;
}

.dg.ac
{
    z-index: 999999 !important;
}

/* --------------------------------------------------------------------------------
*
*   section
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   bar
*
-------------------------------------------------------------------------------- */
.left_bar:after
{
    position: absolute;
    top: -.6rem;
    left: 0;

    display: block;

    width: .7rem;
    height: 3.5rem;

    content: '';

    background-color: #000;
}

.up_bar:before
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 1rem;

    content: '';
    transition: height .18s cubic-bezier(.215, .61, .355, 1), background-color .2s cubic-bezier(.25, .46, .45, .94);

    background-color: #000;
}

/* --------------------------------------------------------------------------------
*
*   select
*
-------------------------------------------------------------------------------- */
body.no-select
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

         -o-user-select: none;
}

/* --------------------------------------------------------------------------------
*
*   grab
*
-------------------------------------------------------------------------------- */
.grab
{
    cursor: -webkit-grab;
    cursor:     -ms-grab;
    cursor:         grab;
}

.grabbing
{
    cursor: -webkit-grabbing;
    cursor:     -ms-grabbing;
    cursor:         grabbing;
}

/* --------------------------------------------------------------------------------
*
*   opacity
*
-------------------------------------------------------------------------------- */
@media only screen and (min-width: 751px)
{
    .hover_op
    {
        transition: opacity .1s cubic-bezier(.25, .46, .45, .94) 0s;
    }
    .hover_op:hover
    {
        cursor: pointer;

        opacity: .8 !important;
    }
}

.showOp
{
    transition: opacity .6s cubic-bezier(.25, .46, .45, .94) 0s;

    opacity: 0;
}

.showOp.is-show
{
    opacity: 1;
}

/* --------------------------------------------------------------------------------
*
*   flash
*
-------------------------------------------------------------------------------- */
.flashD
{
    -webkit-animation: kf_flash .3s 3 normal;
            animation: kf_flash .3s 3 normal;
}

.flashD_g
{
    -webkit-animation: kf_flash_g .01s 13 normal;
            animation: kf_flash_g .01s 13 normal;
}

.flashD_g_main
{
    -webkit-animation: kf_flash_g .02s 13 normal;
            animation: kf_flash_g .02s 13 normal;
}

.flashD_sp
{
    -webkit-animation: kf_flash .02s 5 normal;
            animation: kf_flash .02s 5 normal;
}

.flashD_g_sp
{
    -webkit-animation: kf_flash_g .01s 6 normal;
            animation: kf_flash_g .01s 6 normal;
}

.flashD_g_main_sp
{
    -webkit-animation: kf_flash_g .02s 6 normal;
            animation: kf_flash_g .02s 6 normal;
}

@-webkit-keyframes kf_flash
{
    50%
    {
        opacity: 1.0;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
            filter: alpha(opacity=75);
    }
}

@keyframes kf_flash
{
    50%
    {
        opacity: 1.0;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
            filter: alpha(opacity=75);
    }
}

@-webkit-keyframes kf_flash_g
{
    50%
    {
        opacity: .0;
    }
}

@keyframes kf_flash_g
{
    50%
    {
        opacity: .0;
    }
}

/* --------------------------------------------------------------------------------
*
*   scale
*
-------------------------------------------------------------------------------- */
.scale
{
    transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .35s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .35s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform .35s cubic-bezier(.25, .46, .45, .94) 0s;
}

.scale:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.scale_img
{
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
}

.scale_img:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

/* --------------------------------------------------------------------------------
*
*   color
*
-------------------------------------------------------------------------------- */
.hColor
{
    transition: color .3s cubic-bezier(.25, .46, .45, .94) 0s;
}

.hColor:hover
{
    cursor: pointer;

    color: #f63e69 !important;
}

.hBgColor
{
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94) 0s;
}

.hBgColor:hover
{
    cursor: pointer;

    background-color: #f63e69 !important;
}

/*
*
*   cursor
*
*/
.cp
{
    cursor: pointer;
}

/* --------------------------------------------------------------------------------
*
*   shadow
*
-------------------------------------------------------------------------------- */
.hover_boxShadow
{
    transition: all .2s cubic-bezier(.25, .46, .45, .94) 0s;
}

.hover_boxShadow:hover
{
    cursor: pointer;

    opacity: .7;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2) !important;
}

/* --------------------------------------------------------------------------------
*
*   filte flash
*
-------------------------------------------------------------------------------- */
.wFlash
{
    cursor: pointer;
}

.wFlash:hover
{
    -webkit-animation: bF .8s cubic-bezier(.25, .46, .45, .94) 0s 1 normal;
            animation: bF .8s cubic-bezier(.25, .46, .45, .94) 0s 1 normal;
}

@-webkit-keyframes bF
{
    0%
    {
        background: white;
    }
    100%
    {
        background: rgba(255, 255, 255, 0);
    }
}

@keyframes bF
{
    0%
    {
        background: white;
    }
    100%
    {
        background: rgba(255, 255, 255, 0);
    }
}

.flash:hover
{
    -webkit-animation: kf_flash .05s infinite;
            animation: kf_flash .05s infinite;
}

.translate
{
    transition: -webkit-transform 1.2s cubic-bezier(.165, .84, .44, 1) 0s;
    transition:         transform 1.2s cubic-bezier(.165, .84, .44, 1) 0s;
    transition:         transform 1.2s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 1.2s cubic-bezier(.165, .84, .44, 1) 0s;
}

/* --------------------------------------------------------------------------------
*
*   pulse
*
-------------------------------------------------------------------------------- */
.pulse
{
    border-radius: 50%;
}

.pulse:hover
{
    -webkit-animation: pulse 1.2s infinite;
            animation: pulse 1.2s infinite;
    -webkit-animation-delay: .3;
            animation-delay: .3;
}

@-webkit-keyframes pulse
{
    0%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
    }
    70%
    {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse
{
    0%
    {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
    }
    70%
    {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100%
    {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* --------------------------------------------------------------------------------
*
*   jelly
*
-------------------------------------------------------------------------------- */
.jelly-target
{
    -webkit-animation: jelly 2000ms linear both;
            animation: jelly 2000ms linear both;
}

@-webkit-keyframes jelly
{
    0%
    {
        -webkit-transform: matrix3d(.8, 0, 0, 0, 0, .8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.8, 0, 0, 0, 0, .8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.4%
    {
        -webkit-transform: matrix3d(.863, 0, 0, 0, 0, .881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.863, 0, 0, 0, 0, .881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7%
    {
        -webkit-transform: matrix3d(.89, 0, 0, 0, 0, .92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.89, 0, 0, 0, 0, .92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.81%
    {
        -webkit-transform: matrix3d(.932, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.932, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41%
    {
        -webkit-transform: matrix3d(.977, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.977, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    10.21%
    {
        -webkit-transform: matrix3d(.988, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.988, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.61%
    {
        -webkit-transform: matrix3d(1.025, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.025, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11%
    {
        -webkit-transform: matrix3d(1.028, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.028, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.52%
    {
        -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.042, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72%
    {
        -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.042, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    21.32%
    {
        -webkit-transform: matrix3d(1.039, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.039, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32%
    {
        -webkit-transform: matrix3d(1.03, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.03, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(1.027, 0, 0, 0, 0, .988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.027, 0, 0, 0, 0, .988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.03%
    {
        -webkit-transform: matrix3d(1.013, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.013, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93%
    {
        -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, .98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.01, 0, 0, 0, 0, .98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54%
    {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.996, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    36.74%
    {
        -webkit-transform: matrix3d(.994, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.994, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04%
    {
        -webkit-transform: matrix3d(.992, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.992, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(.993, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.993, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15%
    {
        -webkit-transform: matrix3d(.998, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.998, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    59.86%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    75.28%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.69%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes jelly
{
    0%
    {
        -webkit-transform: matrix3d(.8, 0, 0, 0, 0, .8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.8, 0, 0, 0, 0, .8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.4%
    {
        -webkit-transform: matrix3d(.863, 0, 0, 0, 0, .881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.863, 0, 0, 0, 0, .881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7%
    {
        -webkit-transform: matrix3d(.89, 0, 0, 0, 0, .92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.89, 0, 0, 0, 0, .92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.81%
    {
        -webkit-transform: matrix3d(.932, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.932, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41%
    {
        -webkit-transform: matrix3d(.977, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.977, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    10.21%
    {
        -webkit-transform: matrix3d(.988, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.988, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.61%
    {
        -webkit-transform: matrix3d(1.025, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.025, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11%
    {
        -webkit-transform: matrix3d(1.028, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.028, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.52%
    {
        -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.042, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72%
    {
        -webkit-transform: matrix3d(1.042, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.042, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    21.32%
    {
        -webkit-transform: matrix3d(1.039, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.039, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32%
    {
        -webkit-transform: matrix3d(1.03, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.03, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(1.027, 0, 0, 0, 0, .988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.027, 0, 0, 0, 0, .988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.03%
    {
        -webkit-transform: matrix3d(1.013, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.013, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93%
    {
        -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, .98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.01, 0, 0, 0, 0, .98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54%
    {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.996, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    36.74%
    {
        -webkit-transform: matrix3d(.994, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.994, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04%
    {
        -webkit-transform: matrix3d(.992, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.992, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(.993, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.993, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15%
    {
        -webkit-transform: matrix3d(.998, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.998, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    59.86%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    75.28%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.69%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

.jellyHover
{
    -webkit-animation: jelly-s 1000ms linear both;
            animation: jelly-s 1000ms linear both;
}

@-webkit-keyframes jelly-s
{
    0%
    {
        -webkit-transform: matrix3d(.9, 0, 0, 0, 0, .9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.9, 0, 0, 0, 0, .9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.4%
    {
        -webkit-transform: matrix3d(.932, 0, 0, 0, 0, .941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.932, 0, 0, 0, 0, .941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7%
    {
        -webkit-transform: matrix3d(.945, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.945, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.81%
    {
        -webkit-transform: matrix3d(.966, 0, 0, 0, 0, .989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.966, 0, 0, 0, 0, .989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41%
    {
        -webkit-transform: matrix3d(.988, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.988, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    10.21%
    {
        -webkit-transform: matrix3d(.994, 0, 0, 0, 0, 1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.994, 0, 0, 0, 0, 1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.61%
    {
        -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.012, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11%
    {
        -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.014, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.52%
    {
        -webkit-transform: matrix3d(1.021, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.021, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72%
    {
        -webkit-transform: matrix3d(1.021, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.021, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    21.32%
    {
        -webkit-transform: matrix3d(1.02, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.02, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32%
    {
        -webkit-transform: matrix3d(1.015, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.015, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(1.013, 0, 0, 0, 0, .994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.013, 0, 0, 0, 0, .994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.03%
    {
        -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93%
    {
        -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.005, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54%
    {
        -webkit-transform: matrix3d(.998, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.998, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    36.74%
    {
        -webkit-transform: matrix3d(.997, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.997, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04%
    {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.996, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(.997, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.997, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15%
    {
        -webkit-transform: matrix3d(.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    59.86%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    75.28%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.69%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes jelly-s
{
    0%
    {
        -webkit-transform: matrix3d(.9, 0, 0, 0, 0, .9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.9, 0, 0, 0, 0, .9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.4%
    {
        -webkit-transform: matrix3d(.932, 0, 0, 0, 0, .941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.932, 0, 0, 0, 0, .941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7%
    {
        -webkit-transform: matrix3d(.945, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.945, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.81%
    {
        -webkit-transform: matrix3d(.966, 0, 0, 0, 0, .989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.966, 0, 0, 0, 0, .989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41%
    {
        -webkit-transform: matrix3d(.988, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.988, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    10.21%
    {
        -webkit-transform: matrix3d(.994, 0, 0, 0, 0, 1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.994, 0, 0, 0, 0, 1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.61%
    {
        -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.012, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11%
    {
        -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.014, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.52%
    {
        -webkit-transform: matrix3d(1.021, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.021, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72%
    {
        -webkit-transform: matrix3d(1.021, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.021, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    21.32%
    {
        -webkit-transform: matrix3d(1.02, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.02, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32%
    {
        -webkit-transform: matrix3d(1.015, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.015, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(1.013, 0, 0, 0, 0, .994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.013, 0, 0, 0, 0, .994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.03%
    {
        -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93%
    {
        -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.005, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54%
    {
        -webkit-transform: matrix3d(.998, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.998, 0, 0, 0, 0, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    36.74%
    {
        -webkit-transform: matrix3d(.997, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.997, 0, 0, 0, 0, .998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04%
    {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.996, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(.997, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.997, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15%
    {
        -webkit-transform: matrix3d(.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    59.86%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    75.28%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.69%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

/* --------------------------------------------------------------------------------
*
*   spin
*
-------------------------------------------------------------------------------- */
.spin
{
    -webkit-animation: spin 1000ms linear both;
            animation: spin 1000ms linear both;
}

/* Generated with Bounce.js. Edit at https://goo.gl/8vtmqr */
@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: matrix3d(.707, -.707, 0, 0, .707, .707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.707, -.707, 0, 0, .707, .707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.2%
    {
        -webkit-transform: matrix3d(.845, -.543, 0, 0, .378, .931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.845, -.543, 0, 0, .378, .931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.3%
    {
        -webkit-transform: matrix3d(.888, -.471, 0, 0, .273, .968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.888, -.471, 0, 0, .273, .968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.41%
    {
        -webkit-transform: matrix3d(.95, -.333, 0, 0, .107, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.95, -.333, 0, 0, .107, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    8.61%
    {
        -webkit-transform: matrix3d(.985, -.203, 0, 0, -.013, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.985, -.203, 0, 0, -.013, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    12.71%
    {
        -webkit-transform: matrix3d(1.002, -.037, 0, 0, -.112, .997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.002, -.037, 0, 0, -.112, .997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    12.91%
    {
        -webkit-transform: matrix3d(1.002, -.031, 0, 0, -.113, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.002, -.031, 0, 0, -.113, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.22%
    {
        -webkit-transform: matrix3d(1, .038, 0, 0, -.109, .995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, .038, 0, 0, -.109, .995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.92%
    {
        -webkit-transform: matrix3d(.999, .046, 0, 0, -.094, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, .046, 0, 0, -.094, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(.999, .034, 0, 0, -.033, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, .034, 0, 0, -.033, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    28.33%
    {
        -webkit-transform: matrix3d(1, .021, 0, 0, -.012, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, .021, 0, 0, -.012, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    31.43%
    {
        -webkit-transform: matrix3d(1, .01, 0, 0, .001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, .01, 0, 0, .001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    39.44%
    {
        -webkit-transform: matrix3d(1, -.002, 0, 0, .008, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, -.002, 0, 0, .008, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    56.46%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    61.66%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, -.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    81.48%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    83.98%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes spin
{
    0%
    {
        -webkit-transform: matrix3d(.707, -.707, 0, 0, .707, .707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.707, -.707, 0, 0, .707, .707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.2%
    {
        -webkit-transform: matrix3d(.845, -.543, 0, 0, .378, .931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.845, -.543, 0, 0, .378, .931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.3%
    {
        -webkit-transform: matrix3d(.888, -.471, 0, 0, .273, .968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.888, -.471, 0, 0, .273, .968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.41%
    {
        -webkit-transform: matrix3d(.95, -.333, 0, 0, .107, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.95, -.333, 0, 0, .107, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    8.61%
    {
        -webkit-transform: matrix3d(.985, -.203, 0, 0, -.013, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.985, -.203, 0, 0, -.013, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    12.71%
    {
        -webkit-transform: matrix3d(1.002, -.037, 0, 0, -.112, .997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.002, -.037, 0, 0, -.112, .997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    12.91%
    {
        -webkit-transform: matrix3d(1.002, -.031, 0, 0, -.113, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.002, -.031, 0, 0, -.113, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.22%
    {
        -webkit-transform: matrix3d(1, .038, 0, 0, -.109, .995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, .038, 0, 0, -.109, .995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.92%
    {
        -webkit-transform: matrix3d(.999, .046, 0, 0, -.094, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, .046, 0, 0, -.094, .996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(.999, .034, 0, 0, -.033, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, .034, 0, 0, -.033, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    28.33%
    {
        -webkit-transform: matrix3d(1, .021, 0, 0, -.012, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, .021, 0, 0, -.012, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    31.43%
    {
        -webkit-transform: matrix3d(1, .01, 0, 0, .001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, .01, 0, 0, .001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    39.44%
    {
        -webkit-transform: matrix3d(1, -.002, 0, 0, .008, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, -.002, 0, 0, .008, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    56.46%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    61.66%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, -.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    81.48%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    83.98%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

/* --------------------------------------------------------------------------------
*
*   jelly-ball
*
-------------------------------------------------------------------------------- */
.jelly-ball
{
    -webkit-animation: jelly-ball 1200ms linear both;
            animation: jelly-ball 1200ms linear both;
}

/* Generated with Bounce.js. Edit at https://goo.gl/tR9hes */
@-webkit-keyframes jelly-ball
{
    0%
    {
        -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.4%
    {
        -webkit-transform: matrix3d(.316, 0, 0, 0, 0, .407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.316, 0, 0, 0, 0, .407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7%
    {
        -webkit-transform: matrix3d(.45, 0, 0, 0, 0, .599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.45, 0, 0, 0, 0, .599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.81%
    {
        -webkit-transform: matrix3d(.659, 0, 0, 0, 0, .893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.659, 0, 0, 0, 0, .893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41%
    {
        -webkit-transform: matrix3d(.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    10.21%
    {
        -webkit-transform: matrix3d(.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.61%
    {
        -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11%
    {
        -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.52%
    {
        -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72%
    {
        -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    21.32%
    {
        -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32%
    {
        -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.151, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, .938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.134, 0, 0, 0, 0, .938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.03%
    {
        -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, .897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.063, 0, 0, 0, 0, .897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93%
    {
        -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, .899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.048, 0, 0, 0, 0, .899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54%
    {
        -webkit-transform: matrix3d(.979, 0, 0, 0, 0, .962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.979, 0, 0, 0, 0, .962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    36.74%
    {
        -webkit-transform: matrix3d(.972, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.972, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04%
    {
        -webkit-transform: matrix3d(.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15%
    {
        -webkit-transform: matrix3d(.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    59.86%
    {
        -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26%
    {
        -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.007, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    75.28%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49%
    {
        -webkit-transform: matrix3d(.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.69%
    {
        -webkit-transform: matrix3d(.999, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes jelly-ball
{
    0%
    {
        -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.4%
    {
        -webkit-transform: matrix3d(.316, 0, 0, 0, 0, .407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.316, 0, 0, 0, 0, .407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    4.7%
    {
        -webkit-transform: matrix3d(.45, 0, 0, 0, 0, .599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.45, 0, 0, 0, 0, .599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    6.81%
    {
        -webkit-transform: matrix3d(.659, 0, 0, 0, 0, .893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.659, 0, 0, 0, 0, .893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    9.41%
    {
        -webkit-transform: matrix3d(.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    10.21%
    {
        -webkit-transform: matrix3d(.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.61%
    {
        -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.11%
    {
        -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    17.52%
    {
        -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    18.72%
    {
        -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    21.32%
    {
        -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    24.32%
    {
        -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.151, 0, 0, 0, 0, .96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    25.23%
    {
        -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, .938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.134, 0, 0, 0, 0, .938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.03%
    {
        -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, .897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.063, 0, 0, 0, 0, .897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    29.93%
    {
        -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, .899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.048, 0, 0, 0, 0, .899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    35.54%
    {
        -webkit-transform: matrix3d(.979, 0, 0, 0, 0, .962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.979, 0, 0, 0, 0, .962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    36.74%
    {
        -webkit-transform: matrix3d(.972, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.972, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    41.04%
    {
        -webkit-transform: matrix3d(.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    52.15%
    {
        -webkit-transform: matrix3d(.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    59.86%
    {
        -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.006, 0, 0, 0, 0, .99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    63.26%
    {
        -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.007, 0, 0, 0, 0, .992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    75.28%
    {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    85.49%
    {
        -webkit-transform: matrix3d(.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.69%
    {
        -webkit-transform: matrix3d(.999, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(.999, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
                transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

/* --------------------------------------------------------------------------------
*
*   loading
*
-------------------------------------------------------------------------------- */
#loading
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 100vh;

    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

#loading .box
{
    position: relative;
    z-index: 2;
}

#loading .box .title
{
    margin-bottom: .9rem;
}

#loading .box .title svg
{
    width: 13rem;
    height: .9rem;
}

#loading .box .name_en
{
    margin-bottom: .9rem;
}

#loading .box .name_en svg
{
    width: 25.4rem;
    height: 1.3rem;
}

#loading .box .name_ja svg
{
    width: 6.2rem;
    height: 1.4rem;
}

#loading .box .svgWrap
{
    position: relative;

    display: inline-block;
}

#loading .box .svgWrap .mask
{
    position: absolute;
    top: -2px;
    left: -2px;

    width: 0;
    height: 120%;

    background: #fff;
}

@media only screen and (max-width: 768px)
{
    .isIOSSafari #loading .box
    {
        margin-top: -60px;
    }
}

.id_top #loading
{
    display: block;
}

/* --------------------------------------------------------------------------------
*
*   media query module
*
-------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px)
{
    br.sp
    {
        display: inline-block;
    }
    br.pc
    {
        display: none;
    }
    .display.sp
    {
        display: inline-block;
    }
    .display.pc
    {
        display: none;
    }
    /*
  *
  *   display flex
  *
  */
    .sp-order-1
    {
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }
    .sp-order-2
    {
        -webkit-order: 2;
        -ms-flex-order: 2;
                order: 2;
    }
    .sp-order-3
    {
        -webkit-order: 3;
        -ms-flex-order: 3;
                order: 3;
    }
    .sp-order-4
    {
        -webkit-order: 4;
        -ms-flex-order: 4;
                order: 4;
    }
    .sp-order-5
    {
        -webkit-order: 5;
        -ms-flex-order: 5;
                order: 5;
    }
    .sp-order-6
    {
        -webkit-order: 6;
        -ms-flex-order: 6;
                order: 6;
    }
    .sp-order-7
    {
        -webkit-order: 7;
        -ms-flex-order: 7;
                order: 7;
    }
    .sp-order-8
    {
        -webkit-order: 8;
        -ms-flex-order: 8;
                order: 8;
    }
    .sp-order-9
    {
        -webkit-order: 9;
        -ms-flex-order: 9;
                order: 9;
    }
}

@media only screen and (min-width: 769px)
{
    br.pc
    {
        display: inline-block;
    }
    br.sp
    {
        display: none;
    }
    .display.pc
    {
        display: inline-block;
    }
    .display.sp
    {
        display: none;
    }
    /*
  *
  *   display flex
  *
  */
    .pc-order-1
    {
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }
    .pc-order-2
    {
        -webkit-order: 2;
        -ms-flex-order: 2;
                order: 2;
    }
    .pc-order-3
    {
        -webkit-order: 3;
        -ms-flex-order: 3;
                order: 3;
    }
    .pc-order-4
    {
        -webkit-order: 4;
        -ms-flex-order: 4;
                order: 4;
    }
    .pc-order-5
    {
        -webkit-order: 5;
        -ms-flex-order: 5;
                order: 5;
    }
    .pc-order-6
    {
        -webkit-order: 6;
        -ms-flex-order: 6;
                order: 6;
    }
    .pc-order-7
    {
        -webkit-order: 7;
        -ms-flex-order: 7;
                order: 7;
    }
    .pc-order-8
    {
        -webkit-order: 8;
        -ms-flex-order: 8;
                order: 8;
    }
    .pc-order-9
    {
        -webkit-order: 9;
        -ms-flex-order: 9;
                order: 9;
    }
}

/* --------------------------------------------------------------------------------
*   page
-------------------------------------------------------------------------------- */
#wrapper.id_top
{
    /* --------------------------------------------------------------------------------
*
*   section
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   btn
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section
{
    overflow: hidden;
}

#wrapper.id_top .btn
{
    position: relative;

    width: 72.26667vw;
    height: 17.86667vw;
    margin: 0 auto;

    border: 1px solid rgba(84, 45, 113, .5);
    background: url(../resource/img_sp/material/pattern_purple.png);
    background-size: 200px 200px;
}

#wrapper.id_top .btn .bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: opacity .9s cubic-bezier(.25, .46, .45, .94) 0s;

    opacity: 0;
    background: url(../resource/img_sp/material/pattern_green.png);
    background-size: 200px 200px;
}

#wrapper.id_top .btn a
{
    position: relative;

    display: block;

    width: 100%;
}

#wrapper.id_top .btn a:hover .bg
{
    opacity: 1;
}

#wrapper.id_top .btn .btnInner
{
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    border: 1px solid #d6bc6e;

    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

#wrapper.id_top .btn .text
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

#wrapper.id_top .btn .text svg
{
    width: 11.2vw;
    height: 4.53333vw;
}

#wrapper.id_top .btn .text svg path
{
    stroke: #542d71;
    stroke-width: .2px;
}

#wrapper.id_top .btn .icon
{
    position: absolute;
    right: 5.33333vw;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

#wrapper.id_top .btn .icon svg
{
    width: 4vw;
    height: 3.2vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .btn
    {
        width: 354px;
        height: 88px;

        background: url(../resource/img_sp/material/pattern_purple.png);
        background-size: 200px 200px;
    }
    #wrapper.id_top .btn .text svg
    {
        width: 54px;
        height: 22px;
    }
    #wrapper.id_top .btn .icon
    {
        right: 40px;
    }
    #wrapper.id_top .btn .icon svg
    {
        width: 22px;
        height: 18px;
    }
}

#wrapper.id_top .btn.btnStore
{
    width: 83.2vw;
    height: auto;
    margin-bottom: 4.53333vw;
}

#wrapper.id_top .btn.btnStore .bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: opacity .9s cubic-bezier(.25, .46, .45, .94) 0s;

    opacity: 0;
    background: url(../resource/img_sp/material/pattern_green.png);
    background-size: 200px 200px;
}

#wrapper.id_top .btn.btnStore a
{
    position: relative;

    display: block;

    width: 100%;
}

#wrapper.id_top .btn.btnStore a:hover .bg
{
    opacity: 1;
}

#wrapper.id_top .btn.btnStore .btnInner
{
    position: relative;

    box-sizing: border-box;
    padding: 5.86667vw 0 6.66667vw;
    padding-left: 6.66667vw;

    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

#wrapper.id_top .btn.btnStore .btnIn .titWrap
{
            flex-direction: column;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
}

#wrapper.id_top .btn.btnStore .btnIn .titWrap .tit
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0;
    margin-bottom: 2.66667vw;
}

#wrapper.id_top .btn.btnStore .btnIn .titWrap .tit svg
{
    stroke: rgba(84, 45, 113, .5);
    stroke-width: .4px;
}

#wrapper.id_top .btn.btnStore .btnIn .titWrap .text
{
    font-family: 'noto_demiLight';
    font-size: 2.93333vw;

    color: #d6bc6e;
    text-shadow: rgba(84, 45, 113, .1) 1px 0, rgba(84, 45, 113, .1) -1px 0, rgba(84, 45, 113, .1) 0 -1px, rgba(84, 45, 113, .1) 0 1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px;
}

#wrapper.id_top .btn.btnStore .btnIn .bar
{
    width: 100%;
    height: 1px;
    margin: 2.93333vw 0 4vw;

    border: 1px solid rgba(84, 45, 113, .5);
    background-color: #d6bc6e;
}

#wrapper.id_top .btn.btnStore .btnIn > .text
{
    font-size: 2.66667vw;
    line-height: 1.72;

    text-align: left;

    color: #d6bc6e;
    text-shadow: rgba(84, 45, 113, .1) 1px 0, rgba(84, 45, 113, .1) -1px 0, rgba(84, 45, 113, .1) 0 -1px, rgba(84, 45, 113, .1) 0 1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px;
}

#wrapper.id_top .btn.btnStore .btnIn:nth-child(1)
{
    width: 100%;
    padding-right: 13.33333vw;
}

#wrapper.id_top .btn.btnStore.long .btnIn .titWrap
{
            flex-direction: column;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
}

#wrapper.id_top .btn.btnStore.long .btnIn .titWrap .tit
{
    margin-bottom: 2.4vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .btn.btnStore.long .btnIn .titWrap .tit
    {
        margin-bottom: 13px;
    }
}

#wrapper.id_top .btn.btnStore .icon
{
    top: calc(50% + 3px);

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media (min-width: 769px)
{
    #wrapper.id_top .btn.btnStore
    {
        width: 453px;
        margin: 0;
        margin-bottom: 30px;

        -webkit-flex: 0 0 453px;
            -ms-flex: 0 0 453px;
                flex: 0 0 453px;
    }
    #wrapper.id_top .btn.btnStore .btnInner
    {
        padding: 33px;
        padding-left: 37px;

        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
    }
    #wrapper.id_top .btn.btnStore .btnIn .titWrap .tit
    {
        margin-right: 20px;
        margin-bottom: 13px;
    }
    #wrapper.id_top .btn.btnStore .btnIn .titWrap .text
    {
        font-size: 16px;
    }
    #wrapper.id_top .btn.btnStore .btnIn .bar
    {
        margin: 15px 0 14px;
    }
    #wrapper.id_top .btn.btnStore .btnIn > .text
    {
        font-size: 15px;
        line-height: 1.86;
    }
    #wrapper.id_top .btn.btnStore .btnIn:nth-child(1)
    {
        padding-right: 0;

        -webkit-flex: 0 0 90%;
            -ms-flex: 0 0 90%;
                flex: 0 0 90%;
    }
    #wrapper.id_top .btn.btnStore .icon
    {
        top: calc(50% + 10px);
        right: 30px;
    }
}

#wrapper.id_top .section01
{
    /* --------------------------------------------------------------------------------
	*
	*   block01
	*
	-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section01 .block01
{
    position: relative;

    height: 100vh;

    opacity: 0;
}

#wrapper.id_top .section01 .block01 .bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../resource/img_sp/sec01_bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

#wrapper.id_top .section01 .block01 .titWrap
{
    position: absolute;
    bottom: 6.66667vw;
    left: 2.66667vw;
}

#wrapper.id_top .section01 .block01 .titWrap .tit svg
{
    overflow: visible;

    width: 86.66667vw;
    height: 63.2vw;
}

#wrapper.id_top .section01 .block01 .titWrap .parts
{
    position: absolute;
    top: 0;
    left: -8.53333vw;
}

#wrapper.id_top .section01 .block01 .titWrap .parts .partsInner
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    opacity: 0;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

#wrapper.id_top .section01 .block01 .titWrap .parts .partsInner .ban
{
    position: relative;
    z-index: 2;
}

#wrapper.id_top .section01 .block01 .titWrap .partsT
{
    top: -175.46667vw;
}

#wrapper.id_top .section01 .block01 .titWrap .partsT .bane
{
    position: relative;
    top: 5.86667vw;
}

#wrapper.id_top .section01 .block01 .titWrap .partsT .bane img
{
    width: 40.26667vw;
    height: 129.86667vw;
}

#wrapper.id_top .section01 .block01 .titWrap .partsT .ban img
{
    width: 76.8vw;
    height: 41.6vw;
}

#wrapper.id_top .section01 .block01 .titWrap .partsB
{
    top: 66.66667vw;
}

#wrapper.id_top .section01 .block01 .titWrap .partsB .bane
{
    position: relative;
    top: -5.86667vw;
}

#wrapper.id_top .section01 .block01 .titWrap .partsB .bane img
{
    width: 40.26667vw;
    height: 129.86667vw;
}

#wrapper.id_top .section01 .block01 .titWrap .partsB .ban img
{
    width: 76.8vw;
    height: 41.6vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block01 .bg
    {
        background: url(../resource/img_pc/sec01_bg.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }
    #wrapper.id_top .section01 .block01 .titWrap
    {
        bottom: 50px;
        left: 40px;
    }
    #wrapper.id_top .section01 .block01 .titWrap .tit svg
    {
        width: 536px;
        height: 391px;
    }
    #wrapper.id_top .section01 .block01 .titWrap .parts
    {
        left: -51px;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT
    {
        top: -940px;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .bane
    {
        top: 32px;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .bane img
    {
        width: 219px;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .ban img
    {
        width: 418px;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB
    {
        top: 401px;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .bane
    {
        top: -31px;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .bane img
    {
        width: 219px;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .ban img
    {
        width: 418px;
        height: auto;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block01 .bg
    {
        background: url(../resource/img_pc/sec01_bg.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }
    #wrapper.id_top .section01 .block01 .titWrap
    {
        bottom: 4.16667vw;
        left: 3.33333vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .tit svg
    {
        width: 44.66667vw;
        height: 32.58333vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT
    {
        top: -78.33333vw;
        left: -4.25vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .bane
    {
        top: 2.66667vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .bane img
    {
        width: 18.25vw;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .ban img
    {
        width: 34.83333vw;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB
    {
        top: 33.41667vw;
        left: -4.25vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .bane
    {
        top: -2.58333vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .bane img
    {
        width: 18.25vw;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .ban img
    {
        width: 34.83333vw;
        height: auto;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block01 .bg
    {
        background: url(../resource/img_pc/sec01_bg.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }
    #wrapper.id_top .section01 .block01 .titWrap
    {
        bottom: 2.94118vw;
        left: 2.35294vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .tit svg
    {
        width: 31.52941vw;
        height: 23vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT
    {
        top: -55.29412vw;
        left: -3vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .bane
    {
        top: 1.88235vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .bane img
    {
        width: 12.88235vw;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsT .ban img
    {
        width: 24.58824vw;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB
    {
        top: 23.58824vw;
        left: -3vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .bane
    {
        top: -1.82353vw;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .bane img
    {
        width: 12.88235vw;
        height: auto;
    }
    #wrapper.id_top .section01 .block01 .titWrap .partsB .ban img
    {
        width: 24.58824vw;
        height: auto;
    }
}

#wrapper.id_top .section01
{
    /* --------------------------------------------------------------------------------
	*
	*   block02
	*
	-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section01 .block02
{
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    background: url(../resource/img_sp/sec02_bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02
    {
        background: url(../resource/img_pc/sec02_bg.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

#wrapper.id_top .section01 .block02 .pipe
{
    position: absolute;
    top: -5.6vw;
    left: 0;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 0;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .pipe
    {
        left: 50%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .pipe
    {
        top: -4.16667vw;
    }
}

@media (min-width: 1201px)
{
    #wrapper.id_top .section01 .block02 .pipe
    {
        top: -50px;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .pipe
    {
        top: -2.94118vw;
    }
}

#wrapper.id_top .section01 .block02 .pipe .base
{
    position: relative;
    z-index: 2;

    width: 100vw;
    height: 12.53333vw;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .pipe .base
    {
        width: 141.66667vw;
        height: 6.75vw;
    }
}

@media (min-width: 1201px)
{
    #wrapper.id_top .section01 .block02 .pipe .base
    {
        width: 1700px;
        height: 81px;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .pipe .base
    {
        width: 100vw;
        height: 4.76471vw;
    }
}

#wrapper.id_top .section01 .block02 .pipe .ball
{
    position: absolute;
    top: 8.26667vw;
    right: 17.6vw;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

#wrapper.id_top .section01 .block02 .pipe .ball img
{
    width: 3.2vw;
    height: auto;

    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .pipe .ball
    {
        top: 72px;
        right: 365px;
    }
    #wrapper.id_top .section01 .block02 .pipe .ball img
    {
        width: 23px;
        height: 23px;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .pipe .ball
    {
        top: 6vw;
        right: 30.41667vw;
    }
    #wrapper.id_top .section01 .block02 .pipe .ball img
    {
        width: 1.91667vw;
        height: 1.91667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .pipe .ball
    {
        top: 4.23529vw;
        right: 21.47059vw;
    }
    #wrapper.id_top .section01 .block02 .pipe .ball img
    {
        width: 1.35294vw;
        height: 1.35294vw;
    }
}

#wrapper.id_top .section01 .block02 .bgs
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap
{
    position: absolute;
    bottom: 0;
    left: 0;
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1)
{
    bottom: 8vw;
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1) .bg
{
    position: relative;
    top: -20px;

    width: 94.4vw;
    height: 37.06667vw;

    background: url(../resource/img_sp/sec02_bg_item3.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1) .sika
{
    position: absolute;
    top: -49px;
    left: 0;
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1) .sika img
{
    width: 94.4vw;
    height: 44.26667vw;
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1) .sika.on
{
    opacity: 0;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1)
    {
        bottom: 90px;
        left: calc(50% - 136px);

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1) .bg
    {
        width: 1151px;
        height: 539px;

        background: url(../resource/img_pc/sec02_bg_item1.png) no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1)
    {
        bottom: 7.5vw;
        left: calc(50% - 11.33333vw);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1) .bg
    {
        width: 95.91667vw;
        height: 44.91667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1)
    {
        bottom: 5.29412vw;
        left: calc(50% - 8vw);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(1) .bg
    {
        width: 67.70588vw;
        height: 31.70588vw;
    }
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(2) .bg
{
    width: 99.73333vw;
    height: 36.8vw;

    background: url(../resource/img_sp/sec02_bg_item2.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(2)
    {
        bottom: -50px;
        left: calc(50% + 50px);

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(2) .bg
    {
        width: 1593px;
        height: 395px;

        background: url(../resource/img_pc/sec02_bg_item2.png) no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(2)
    {
        bottom: .83333vw;
        left: calc(50% + 4.16667vw);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(2) .bg
    {
        width: 132.75vw;
        height: 32.91667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(2)
    {
        bottom: .58824vw;
        left: calc(50% + 2.94118vw);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(2) .bg
    {
        width: 93.70588vw;
        height: 23.23529vw;
    }
}

#wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(3) .bg
{
    width: 100vw;
    height: 23.2vw;

    background: url(../resource/img_sp/sec02_bg_item1.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(3)
    {
        bottom: -20px;
        left: calc(50% - 59px);

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(3) .bg
    {
        width: 1570px;
        height: 313px;

        background: url(../resource/img_pc/sec02_bg_item3.png) no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(3)
    {
        bottom: -1.66667vw;
        left: calc(50% - 4.91667vw);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(3) .bg
    {
        width: 130.83333vw;
        height: 26.08333vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(3)
    {
        bottom: -1.17647vw;
        left: calc(50% - 3.47059vw);
    }
    #wrapper.id_top .section01 .block02 .bgs .bgWrap:nth-child(3) .bg
    {
        width: 92.35294vw;
        height: 18.41176vw;
    }
}

#wrapper.id_top .section01 .block02 .items
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
}

#wrapper.id_top .section01 .block02 .items .item
{
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(1)
{
    top: 8vw;
    left: -5.6vw;
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(1) img
{
    width: 16vw;
    height: 12.53333vw;
    margin-left: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .items .item:nth-child(1)
    {
        top: 180px;
        left: calc(50% - 520px);
    }
    #wrapper.id_top .section01 .block02 .items .item:nth-child(1) img
    {
        width: 105px;
        height: 83px;
        margin-left: 0;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .items .item:nth-child(1)
    {
        top: 15vw;
        left: calc(50% - 43.33333vw);
    }
    #wrapper.id_top .section01 .block02 .items .item:nth-child(1) img
    {
        width: 8.75vw;
        height: 6.91667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .items .item:nth-child(1)
    {
        top: 10.58824vw;
        left: calc(50% - 30.58824vw);
    }
    #wrapper.id_top .section01 .block02 .items .item:nth-child(1) img
    {
        width: 6.17647vw;
        height: 4.88235vw;
    }
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(2)
{
    top: 18.66667vw;
    left: 84.8vw;
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(2) img
{
    width: 19.73333vw;
    height: 18.13333vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .items .item:nth-child(2)
    {
        top: 80px;
        left: calc(50% + 400px);
    }
    #wrapper.id_top .section01 .block02 .items .item:nth-child(2) img
    {
        width: 125px;
        height: 114px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(3)
{
    top: 132.26667vw;
    left: -12.53333vw;
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(3) img
{
    width: 25.86667vw;
    height: 25.6vw;
    margin-left: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .items .item:nth-child(3)
    {
        top: 460px;
        left: calc(50% - 750px);
    }
    #wrapper.id_top .section01 .block02 .items .item:nth-child(3) img
    {
        width: 152px;
        height: 151px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(4)
{
    top: 93.6vw;
    left: 84.26667vw;
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(4) img
{
    width: 26.66667vw;
    height: 26.66667vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .items .item:nth-child(4)
    {
        top: 390px;
        left: calc(50% + 570px);
    }
    #wrapper.id_top .section01 .block02 .items .item:nth-child(4) img
    {
        width: 186px;
        height: 184px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(5)
{
    top: 138.66667vw;
    left: 76.26667vw;
}

#wrapper.id_top .section01 .block02 .items .item:nth-child(5) img
{
    width: 31.46667vw;
    height: 58.93333vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .items .item:nth-child(5)
    {
        top: 660px;
        left: calc(50% + 500px);
    }
    #wrapper.id_top .section01 .block02 .items .item:nth-child(5) img
    {
        width: 157px;
        height: 291px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block02 .inner
{
    padding: 42.66667vw 0 65.33333vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .inner
    {
        padding: 130px 0 500px;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .inner
    {
        padding: 10.83333vw 0 41.66667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .inner
    {
        padding: 7.64706vw 0 29.41176vw;
    }
}

#wrapper.id_top .section01 .block02 .tit
{
    margin-bottom: 9.86667vw;
}

#wrapper.id_top .section01 .block02 .tit svg
{
    width: 57.86667vw;
    height: 21.33333vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .tit
    {
        margin-bottom: 50px;
    }
    #wrapper.id_top .section01 .block02 .tit svg
    {
        width: 307px;
        height: 113px;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .tit
    {
        margin-bottom: 4.16667vw;
    }
    #wrapper.id_top .section01 .block02 .tit svg
    {
        width: 25.58333vw;
        height: 9.41667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .tit
    {
        margin-bottom: 2.94118vw;
    }
    #wrapper.id_top .section01 .block02 .tit svg
    {
        width: 18.05882vw;
        height: 6.64706vw;
    }
}

#wrapper.id_top .section01 .block02 .text
{
    margin-bottom: 12.53333vw;
}

#wrapper.id_top .section01 .block02 .text svg
{
    width: 72.26667vw;
    height: 66.13333vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .text
    {
        margin: 0;
    }
    #wrapper.id_top .section01 .block02 .text svg
    {
        width: 390px;
        height: 357px;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .text svg
    {
        width: 32.5vw;
        height: 29.75vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .text svg
    {
        width: 22.94118vw;
        height: 21vw;
    }
}

#wrapper.id_top .section01 .block02 .logo
{
    text-align: center;
}

#wrapper.id_top .section01 .block02 .logo svg
{
    width: 27.73333vw;
    height: 20.26667vw;
}

#wrapper.id_top .section01 .block02 .logo svg path
{
    fill: #d7bc6e !important;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block02 .logo
    {
        position: relative;
        top: -15px;
        left: 192px;
    }
    #wrapper.id_top .section01 .block02 .logo svg
    {
        width: 160px;
        height: 116px;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block02 .logo
    {
        top: -1.25vw;
        left: 16vw;
    }
    #wrapper.id_top .section01 .block02 .logo svg
    {
        width: 13.33333vw;
        height: 9.66667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block02 .logo
    {
        top: -.88235vw;
        left: 11.29412vw;
    }
    #wrapper.id_top .section01 .block02 .logo svg
    {
        width: 9.41176vw;
        height: 6.82353vw;
    }
}

#wrapper.id_top .section01
{
    /* --------------------------------------------------------------------------------
	*
	*   block03
	*
	-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section01 .block03
{
    position: relative;

    padding: 15.2vw 0 33.06667vw;

    text-align: center;

    background: url(../resource/img_sp/sec03_bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block03
    {
        padding: 140px 0 320px;

        background: url(../resource/img_pc/sec03_bg.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

#wrapper.id_top .section01 .block03 .pipe
{
    position: absolute;
    top: -5.6vw;
    left: 0;
}

#wrapper.id_top .section01 .block03 .pipe img
{
    width: 100vw;
    height: 24vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block03 .pipe
    {
        top: -17.5vw;
    }
    #wrapper.id_top .section01 .block03 .pipe img
    {
        width: 118.05556vw;
        height: 24.86111vw;
    }
}

#wrapper.id_top .section01 .block03 .tit
{
    margin-bottom: 6.66667vw;
}

#wrapper.id_top .section01 .block03 .tit svg
{
    width: 23.2vw;
    height: 8.53333vw;

    stroke: #542d71;
    stroke-width: .2px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block03 .tit
    {
        margin-bottom: 73px;
    }
    #wrapper.id_top .section01 .block03 .tit svg
    {
        width: 140px;
        height: 52px;

        stroke: rgba(84, 45, 113, .5);
        stroke-width: .4px;
    }
}

#wrapper.id_top .section01 .block03 .img
{
    position: relative;

    margin-bottom: 6.66667vw;
}

#wrapper.id_top .section01 .block03 .img .base
{
    width: 68.8vw;
    height: 44.26667vw;
}

#wrapper.id_top .section01 .block03 .img .gifimg
{
    position: absolute;
    top: calc(50% - 1.33333vw);
    left: 50%;
    /* width: 258px; */
    /* height: auto; */

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#wrapper.id_top .section01 .block03 .img .gifimg img
{
    width: 56.53333vw;
    height: auto;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block03 .img
    {
        margin-bottom: 50px;
    }
    #wrapper.id_top .section01 .block03 .img .base
    {
        width: 418px;
        height: auto;
    }
    #wrapper.id_top .section01 .block03 .img .gifimg
    {
        top: calc(50% - 9px);
    }
    #wrapper.id_top .section01 .block03 .img .gifimg img
    {
        width: 344px;
        height: auto;
    }
}

#wrapper.id_top .section01 .block03 > .text
{
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 2;

    margin-bottom: 6.66667vw;

    letter-spacing: .26667vw;

    color: #d6bc6e;
    text-shadow: rgba(84, 45, 113, .1) 1px 0, rgba(84, 45, 113, .1) -1px 0, rgba(84, 45, 113, .1) 0 -1px, rgba(84, 45, 113, .1) 0 1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px;
}

@media (max-width: 374px)
{
    #wrapper.id_top .section01 .block03 > .text
    {
        letter-spacing: 0;
    }
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block03 > .text
    {
        font-size: 18px;
        line-height: 1.94;

        margin-bottom: 70px;
    }
}

#wrapper.id_top .section01
{
    /* --------------------------------------------------------------------------------
	*
	*   block04
	*
	-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section01 .block04
{
    position: relative;
    position: relative;

    padding: 12vw 0 24vw;

    text-align: center;

    background: url(../resource/img_sp/material/pattern_red2.png);
    background-size: 13.88889vw 13.88889vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04
    {
        padding: 87px 0 200px;

        background: url(../resource/img_sp/material/pattern_red2.png);
        background-size: 27.77778vw 27.77778vw;
    }
}

#wrapper.id_top .section01 .block04 .pipe
{
    position: absolute;
    z-index: 5;
    top: -2.66667vw;
    left: 0;
}

#wrapper.id_top .section01 .block04 .pipe img
{
    width: 100vw;
    height: 12vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .pipe
    {
        top: -20px;
        left: 50%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    #wrapper.id_top .section01 .block04 .pipe img
    {
        width: 1700px;
        height: 188px;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block04 .pipe
    {
        top: -1.66667vw;
    }
    #wrapper.id_top .section01 .block04 .pipe img
    {
        width: 141.66667vw;
        height: 15.66667vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block04 .pipe
    {
        top: -1.17647vw;
    }
    #wrapper.id_top .section01 .block04 .pipe img
    {
        width: 100vw;
        height: 11.05882vw;
    }
}

#wrapper.id_top .section01 .block04 .imgs
{
    position: relative;
    z-index: 2;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.isIE .block04 .imgs .imgMove
{
    position: relative !important;
    left: 50% !important;

    width: 3344px !important;

    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .imgs
    {
        margin-bottom: 30px;
    }
}

#wrapper.id_top .section01 .block04 .imgs .imgInner
{
    position: relative;
    left: 50%;

    margin-left: calc(-72vw / 2 + (-72vw - 5.33333vw) * 1);

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .imgs .imgInner
    {
        margin-left: calc(-1048px / 2 + (-1048px - 100px) * 1);
    }
}

#wrapper.id_top .section01 .block04 .imgs .img
{
    width: 72vw;
    height: 128vw;
    margin-right: 5.33333vw;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .imgs .img
    {
        width: 1048px;
        height: 590px;
        margin-right: 100px;
    }
}

#wrapper.id_top .section01 .block04 .imgs .img .bg
{
    position: absolute;
    z-index: 1;
    top: calc(50% - 1px);
    left: 50%;

    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
}

#wrapper.id_top .section01 .block04 .imgs .img .bg img
{
    width: 72.8vw;
    height: 127.46667vw;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .imgs .img .bg
    {
        top: calc(50% + 3px);
    }
    #wrapper.id_top .section01 .block04 .imgs .img .bg img
    {
        width: 1061px;
        height: 600px;
    }
}

#wrapper.id_top .section01 .block04 .imgs .img video
{
    width: 70.66667vw;
    height: 125.6vw;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .imgs .img video
    {
        width: 1048px;
        height: 590px;
    }
}

#wrapper.id_top .section01 .block04 .imgs .img:last-child
{
    margin-right: 0;
}

#wrapper.id_top .section01 .block04 .movieTemp
{
    position: absolute;
    top: 0;
    left: 0;

    pointer-events: none;

    opacity: 0;
}

#wrapper.id_top .section01 .block04 .box
{
    position: relative;

            flex-direction: column;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .box
    {
                flex-direction: row;

        -webkit-flex-direction: row;
            -ms-flex-direction: row;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}

#wrapper.id_top .section01 .block04 .box .tit
{
    margin-bottom: 5.86667vw;
}

#wrapper.id_top .section01 .block04 .box .tit svg
{
    width: 37.06667vw;
    height: 8.53333vw;

    stroke: #542d71;
    stroke-width: .2px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .box .tit
    {
        margin-bottom: 40px;

        text-align: left;
    }
    #wrapper.id_top .section01 .block04 .box .tit svg
    {
        width: 224px;
        height: 52px;

        stroke: rgba(84, 45, 113, .5);
        stroke-width: .4px;
    }
}

#wrapper.id_top .section01 .block04 .box .boxInner > .text
{
    font-family: 'noto_medium';
    font-size: 3.2vw;
    line-height: 2;

    margin-bottom: 6.66667vw;

    color: #d6bc6e;
    text-shadow: rgba(84, 45, 113, .1) 1px 0, rgba(84, 45, 113, .1) -1px 0, rgba(84, 45, 113, .1) 0 -1px, rgba(84, 45, 113, .1) 0 1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .box .boxInner > .text
    {
        font-size: 18px;
        line-height: 1.94;

        text-align: left;
    }
}

#wrapper.id_top .section01 .block04 .box .boxInner > .img
{
    margin-bottom: 6.66667vw;
}

#wrapper.id_top .section01 .block04 .box .boxInner > .img img
{
    width: 83.46667vw;
    height: 75.73333vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .box .boxInner > .img
    {
        margin: 0;
    }
    #wrapper.id_top .section01 .block04 .box .boxInner > .img img
    {
        width: 626px;
        height: auto;
    }
}

#wrapper.id_top .section01 .block04 .box .boxInner:nth-child(2)
{
    position: absolute;
    top: -29.33333vw;
    left: 26.66667vw;

    display: none;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block04 .box .boxInner:nth-child(2)
    {
        position: absolute;
        top: -230px;
        left: 50%;

        margin-left: 227px;
    }
}

#wrapper.id_top .section01
{
    /* --------------------------------------------------------------------------------
	*
	*   block05
	*
	-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section01 .block05
{
    position: relative;
    position: relative;
    z-index: 2;

    padding: 16vw 0 18.66667vw;

    text-align: center;

    background: url(../resource/img_sp/material/pattern_block.png);
    background-size: 208px 208px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05
    {
        padding: 195px 0 195px;

        background: url(../resource/img_sp/material/pattern_block.png);
        background-size: 300px;
    }
}

#wrapper.id_top .section01 .block05 .banner
{
    margin-bottom: 40px;
    padding-top: 15px;
}

#wrapper.id_top .section01 .block05 .banner .item
{
    cursor: pointer;
}

#wrapper.id_top .section01 .block05 .banner .item img
{
    width: 98.4vw;
    height: 62.93333vw;
}

#wrapper.id_top .section01 .block05 .banner .item:nth-child(1)
{
    margin-bottom: 20px;
}

#wrapper.id_top .section01 .block05 .banner .bannerH
{
    display: none;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .banner
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        margin-bottom: 70px;
        padding-top: 30px;

        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
    #wrapper.id_top .section01 .block05 .banner .item
    {
        position: relative;

        margin: 0;
        margin-right: 23px;
    }
    #wrapper.id_top .section01 .block05 .banner .item img
    {
        width: 458px;
        height: auto;
    }
    #wrapper.id_top .section01 .block05 .banner .item:nth-child(2)
    {
        margin-right: 0;
    }
    #wrapper.id_top .section01 .block05 .banner .bannerH
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        transition: opacity .9s cubic-bezier(.25, .46, .45, .94) 0s;
        pointer-events: none;

        opacity: 0;
    }
    #wrapper.id_top .section01 .block05 .banner .item:hover .bannerH
    {
        opacity: 1;
    }
}

#wrapper.id_top .section01 .block05 .pipe
{
    position: absolute;
    top: -19.2vw;
    left: 0;
}

#wrapper.id_top .section01 .block05 .pipe img
{
    width: 100vw;
    height: 36.53333vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .pipe
    {
        top: -260px;
        left: 50%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    #wrapper.id_top .section01 .block05 .pipe img
    {
        width: 1700px;
        height: 382px;
    }
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block05 .pipe
    {
        top: -21.66667vw;
    }
    #wrapper.id_top .section01 .block05 .pipe img
    {
        width: 141.66667vw;
        height: 31.83333vw;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block05 .pipe
    {
        top: -15.29412vw;
    }
    #wrapper.id_top .section01 .block05 .pipe img
    {
        width: 100vw;
        height: 22.47059vw;
    }
}

#wrapper.id_top .section01 .block05 > .tit
{
    margin-bottom: 9.33333vw;
}

#wrapper.id_top .section01 .block05 > .tit svg
{
    width: 23.46667vw;
    height: 8.8vw;

    stroke: #542d71;
    stroke-width: .2px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 > .tit
    {
        margin-bottom: 90px;
    }
    #wrapper.id_top .section01 .block05 > .tit svg
    {
        width: 140px;
        height: 52px;

        stroke: rgba(84, 45, 113, .5);
        stroke-width: .4px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01
{
    position: relative;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01
    {
        margin-bottom: 40px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .items
{
    position: absolute;
    z-index: 2;
    top: -130px;
    left: 0;

    display: none;

    width: 100%;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .items
    {
        top: -335px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item
{
    position: absolute;
    top: 0;
    left: 0;

    pointer-events: none;
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(1)
{
    top: 23.46667vw;
    left: -5.6vw;
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(1) img
{
    width: 20.26667vw;
    height: 19.2vw;
    margin-left: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(1)
    {
        top: 256px;
        left: calc(50% - 562px);
    }
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(1) img
    {
        width: 130px;
        height: 125px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(2)
{
    top: 58.66667vw;
    left: 79.2vw;
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(2) img
{
    width: 23.73333vw;
    height: 37.33333vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(2)
    {
        top: 286px;
        left: calc(50% + 435px);
    }
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(2) img
    {
        width: 137px;
        height: 214px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(3)
{
    top: 109.33333vw;
    left: -9.06667vw;
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(3) img
{
    width: 21.86667vw;
    height: 22.66667vw;
    margin-left: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(3)
    {
        top: 549px;
        left: calc(50% - 730px);
    }
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(3) img
    {
        width: 123px;
        height: 128px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(4)
{
    top: 161.86667vw;
    left: 78.93333vw;
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(4) img
{
    width: 27.73333vw;
    height: 24.8vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(4)
    {
        top: 726px;
        left: calc(50% + 540px);
    }
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(4) img
    {
        width: 159px;
        height: 142px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(5)
{
    top: 197.33333vw;
    left: -4vw;
}

#wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(5) img
{
    width: 17.6vw;
    height: 20.26667vw;
    margin-left: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(5)
    {
        top: 790px;
        left: calc(50% - 569px);
    }
    #wrapper.id_top .section01 .block05 .blockInner01 .items .item:nth-child(5) img
    {
        width: 110px;
        height: 127px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(1) .titWrap .tit svg
{
    width: 24.53333vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(1) .titWrap .tit svg
    {
        width: 158px;
        height: 38px;
    }
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(1) .btnIn > .text
    {
        letter-spacing: -.05em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(2) .titWrap .tit svg
{
    width: 29.33333vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(2) .titWrap .tit svg
    {
        width: 188px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(2) .btnIn > .text
{
    letter-spacing: -.05em;
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(3) .titWrap .tit svg
{
    width: 29.86667vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(3) .titWrap .tit svg
    {
        width: 192px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(3) .btnIn > .text
{
    letter-spacing: -.08em;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(3) .btnIn > .text
    {
        letter-spacing: -.1em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(4) .titWrap .tit svg
{
    width: 26.93333vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(4) .titWrap .tit svg
    {
        width: 173px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(5) .titWrap .tit svg
{
    width: 28.26667vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(5) .titWrap .tit svg
    {
        width: 181px;
        height: 38px;
    }
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(5) .btnIn > .text
    {
        letter-spacing: -.05em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(6) .titWrap .tit svg
{
    width: 28.26667vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(6) .titWrap .tit svg
    {
        width: 181px;
        height: 38px;
    }
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:nth-child(6) .btnIn > .text
    {
        letter-spacing: -.05em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:last-child
{
    margin-bottom: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner01 .btns
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        width: calc(453px * 2 + 30px);
        margin: 0 auto;

        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #wrapper.id_top .section01 .block05 .blockInner01 .btns .btn:last-child
    {
        margin-bottom: 30px;
    }
}

#wrapper.id_top .section01 .block05 .img01
{
    position: relative;
    left: 50%;

    width: 750px;
    height: 199px;
    margin-bottom: 8vw;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#wrapper.id_top .section01 .block05 .img01 .base
{
    position: relative;

    display: none;

    width: 750px;
    height: auto;
}

#wrapper.id_top .section01 .block05 .img01 .conveir
{
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper.id_top .section01 .block05 .img01 .conveir img
{
    width: 750px;
    height: auto;
}

#wrapper.id_top .section01 .block05 .img01 .conveir .back,
#wrapper.id_top .section01 .block05 .img01 .conveir .front
{
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper.id_top .section01 .block05 .img01 .items
{
    position: absolute;
    top: 0;
    left: 0;

    width: 750px;
    height: 199px;

    -webkit-transform: scale(.44) translate3d(0, 0, 0);
            transform: scale(.44) translate3d(0, 0, 0);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}

#wrapper.id_top .section01 .block05 .img01 .items .item
{
    position: absolute;
    top: 0;
    left: 120px;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 1;
}

#wrapper.id_top .section01 .block05 .img01 .items .item img
{
    position: relative;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth0
{
    opacity: 1;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth0 img
{
    top: 20px;
    left: -25px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth1 img
{
    top: -30px;
    left: -8px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth2 img
{
    top: -40px;
    left: -68px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth3 img
{
    top: -30px;
    left: -28px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth4 img
{
    top: -11px;
    left: -26px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth5 img
{
    top: -29px;
    left: -25px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth6 img
{
    top: -26px;
    left: -40px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth7 img
{
    top: 9px;
    left: -16px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth8 img
{
    top: -28px;
    left: 7px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth9 img
{
    top: -13px;
    left: -11px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth10 img
{
    top: -23px;
    left: -19px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth12 img
{
    top: -28px;
    left: 8px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth13 img
{
    top: 35px;
    left: -22px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth14 img
{
    top: -52px;
    left: 4px;
}

#wrapper.id_top .section01 .block05 .img01 .items .item.nth15 img
{
    top: 61px;
    left: -34px;
}

#wrapper.id_top .section01 .block05 .img01 .items.back
{
    left: 6px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .img01
    {
        left: 50%;

        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        width: 1700px;
        height: 452px;
        margin-bottom: 0;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);

        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
    #wrapper.id_top .section01 .block05 .img01 .base
    {
        display: none;

        width: 1700px;
        height: 452px;

        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    #wrapper.id_top .section01 .block05 .img01 .conveir
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    #wrapper.id_top .section01 .block05 .img01 .conveir img
    {
        width: 1700px;
        height: 452px;
    }
    #wrapper.id_top .section01 .block05 .img01 .conveir .back,
    #wrapper.id_top .section01 .block05 .img01 .conveir .front
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    #wrapper.id_top .section01 .block05 .img01 .items
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 1700px;
        height: 452px;

        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item
    {
        position: absolute;
        top: 0;
        left: 120px;

        opacity: 1;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item img
    {
        position: relative;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth0
    {
        opacity: 1;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth0 img
    {
        top: 20px;
        left: -25px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth1 img
    {
        top: -30px;
        left: -8px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth2 img
    {
        top: -40px;
        left: -68px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth3 img
    {
        top: -30px;
        left: -28px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth4 img
    {
        top: -11px;
        left: -26px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth5 img
    {
        top: -29px;
        left: -25px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth6 img
    {
        top: -26px;
        left: -40px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth7 img
    {
        top: 9px;
        left: -16px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth8 img
    {
        top: -28px;
        left: 7px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth9 img
    {
        top: -13px;
        left: -11px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth10 img
    {
        top: -23px;
        left: -19px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth12 img
    {
        top: -28px;
        left: 8px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth13 img
    {
        top: 35px;
        left: -22px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth14 img
    {
        top: -52px;
        left: 4px;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth15 img
    {
        top: 61px;
        left: -34px;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block05 .img01
    {
        width: 100vw;
        height: 26.58824vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .base
    {
        width: 100vw;
        height: 26.58824vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .conveir
    {
        left: 0vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .conveir img
    {
        width: 100vw;
        height: 26.58824vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items
    {
        left: 0;

        width: 100vw;
        height: 26.58824vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item
    {
        top: 0vw;
        left: 7.05882vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth0 img
    {
        top: 1.17647vw;
        left: -1.47059vw;

        width: 9.11765vw;
        height: 5.47059vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth1 img
    {
        top: -1.76471vw;
        left: -.47059vw;

        width: 8.17647vw;
        height: 8.23529vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth2 img
    {
        top: -2.35294vw;
        left: -4vw;

        width: 14.29412vw;
        height: 8.88235vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth3 img
    {
        top: -1.76471vw;
        left: -1.64706vw;

        width: 9.35294vw;
        height: 8.29412vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth4 img
    {
        top: -.64706vw;
        left: -1.52941vw;

        width: 9.11765vw;
        height: 7.11765vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth5 img
    {
        top: -1.70588vw;
        left: -1.47059vw;

        width: 10.52941vw;
        height: 8vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth6 img
    {
        top: -1.52941vw;
        left: -2.35294vw;

        width: 11.58824vw;
        height: 7.82353vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth7 img
    {
        top: .52941vw;
        left: -.94118vw;

        width: 8.70588vw;
        height: 6.17647vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth8 img
    {
        top: -1.64706vw;
        left: .41176vw;

        width: 6.23529vw;
        height: 7.94118vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth9 img
    {
        top: -.76471vw;
        left: -.64706vw;

        width: 8.17647vw;
        height: 7.23529vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth10 img
    {
        top: -1.35294vw;
        left: -1.11765vw;

        width: 9.58824vw;
        height: 7.76471vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth11 img
    {
        width: 6.88235vw;
        height: 6.47059vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth12 img
    {
        top: -1.64706vw;
        left: .47059vw;

        width: 6.11765vw;
        height: 7.94118vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth13 img
    {
        top: 2.05882vw;
        left: -1.29412vw;

        width: 10.23529vw;
        height: 4.64706vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth14 img
    {
        top: -3.05882vw;
        left: .23529vw;

        width: 6.41176vw;
        height: 9.29412vw;
    }
    #wrapper.id_top .section01 .block05 .img01 .items .item.nth15 img
    {
        top: 3.58824vw;
        left: -2vw;

        width: 10.35294vw;
        height: 3vw;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02
{
    position: relative;

    margin-top: -20vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02
    {
        margin-top: -110px;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block05 .blockInner02
    {
        margin-top: -6.47059vw;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .items
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item
{
    position: absolute;
    top: 0;
    left: 0;

    pointer-events: none;
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(1)
{
    top: 16vw;
    left: 81.86667vw;
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(1) img
{
    width: 31.2vw;
    height: 26.66667vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(1)
    {
        top: -60px;
        left: calc(50% + 440px);
    }
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(1) img
    {
        width: 189px;
        height: 162px;
        margin-right: 0;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(2)
{
    top: 66.66667vw;
    left: -13.33333vw;
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(2) img
{
    width: 30.4vw;
    height: 26.93333vw;
    margin-left: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(2)
    {
        top: 650px;
        left: calc(50% - 590px);
    }
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(2) img
    {
        width: 155px;
        height: 137px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(3)
{
    top: 106.66667vw;
    left: 77.33333vw;
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(3) img
{
    width: 41.33333vw;
    height: 28vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(3)
    {
        top: 470px;
        left: calc(50% + 567px);
    }
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(3) img
    {
        width: 244px;
        height: 151px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(4)
{
    top: 161.86667vw;
    left: -7.46667vw;
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(4) img
{
    width: 21.86667vw;
    height: 17.33333vw;
    margin-left: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(4)
    {
        top: 250px;
        left: calc(50% - 650px);
    }
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(4) img
    {
        width: 112px;
        height: 88px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(5)
{
    top: 237.33333vw;
    left: 85.33333vw;
}

#wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(5) img
{
    width: 16.8vw;
    height: 14.93333vw;
    margin-left: -10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(5)
    {
        top: 886px;
        left: calc(50% + 460px);
    }
    #wrapper.id_top .section01 .block05 .blockInner02 .items .item:nth-child(5) img
    {
        width: 85px;
        height: 76px;
        margin-left: 0;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(1) .titWrap .tit svg
{
    width: 22.93333vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(1) .titWrap .tit svg
    {
        width: 147px;
        height: 38px;
    }
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(1) .btnIn > .text
    {
        letter-spacing: -.05em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(2) .titWrap .tit svg
{
    width: 22.13333vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(2) .titWrap .tit svg
    {
        width: 143px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(2) .btnIn > .text
{
    letter-spacing: -.07em;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(2) .btnIn > .text
    {
        letter-spacing: -.09em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(3) .titWrap .tit svg
{
    width: 15.73333vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(3) .titWrap .tit svg
    {
        width: 101px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(4) .titWrap .tit svg
{
    width: 23.46667vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(4) .titWrap .tit svg
    {
        width: 151px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(4) .btnIn > .text
{
    letter-spacing: -.05em;
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(5) .titWrap .tit svg
{
    width: 26.93333vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(5) .titWrap .tit svg
    {
        width: 173px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(5) .btnIn > .text
{
    letter-spacing: -.05em;
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(6) .titWrap .tit svg
{
    width: 24vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(6) .titWrap .tit svg
    {
        width: 154px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(6) .btnIn > .text
{
    letter-spacing: -.05em;
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(7) .titWrap .tit svg
{
    width: 51.2vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(7) .titWrap .tit svg
    {
        width: 328px;
        height: 38px;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(7) .btnIn > .text
{
    letter-spacing: -.07em;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(7) .btnIn > .text
    {
        letter-spacing: -.09em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(8) .titWrap .tit svg
{
    width: 21.6vw;
    height: 5.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(8) .titWrap .tit svg
    {
        width: 139px;
        height: 38px;
    }
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:nth-child(8) .btnIn > .text
    {
        letter-spacing: -.1em;
    }
}

#wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:last-child
{
    margin-bottom: 10.66667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block05 .blockInner02 .btns
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        width: calc(453px * 2 + 30px);
        margin: 0 auto;

        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #wrapper.id_top .section01 .block05 .blockInner02 .btns .btn:last-child
    {
        margin-bottom: 30px;
    }
}

#wrapper.id_top .section01
{
    /* --------------------------------------------------------------------------------
	*
	*   block06
	*
	-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section01 .block06
{
    position: relative;
    position: relative;
    z-index: 3;

    padding: 21.33333vw 0 0vw;

    background: url(../resource/img_sp/material/pattern_mark.png);
    background-size: 252px 236px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06
    {
        padding: 150px 0 0;

        background: url(../resource/img_sp/material/pattern_mark.png);
        background-size: 350px;
    }
}

#wrapper.id_top .section01 .block06 .pipe
{
    position: absolute;
    top: -19.2vw;
    left: 0;
}

#wrapper.id_top .section01 .block06 .pipe .base
{
    width: 100vw;
    height: 30.93333vw;

    opacity: .0;
}

#wrapper.id_top .section01 .block06 .pipe .machine
{
    position: absolute;
    z-index: 2;
    top: calc(50% + 1px);
    left: 50%;

    overflow: hidden;

    width: calc(284px * .5);
    height: calc(230px * .5);

    -webkit-transform: translate3d(-50%, -50%, 0px);
            transform: translate3d(-50%, -50%, 0px);
}

#wrapper.id_top .section01 .block06 .pipe .machine .machineIn
{
    display: block;

    width: calc(8520px * .5);
    height: calc(230px * .5);

    content: '';
    -webkit-animation: sprite-image 1s steps(30) infinite;
            animation: sprite-image 1s steps(30) infinite;

    background-image: url(../resource/box/sprite1.png);
    background-size: calc(8520px * .5) calc(230px * .5);
}

#wrapper.id_top .section01 .block06 .pipe .stopAnim
{
    -webkit-animation-play-state: paused !important;
            animation-play-state: paused !important;
}

@-webkit-keyframes sprite-image
{
    0%
    {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100%
    {
        -webkit-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
    }
}

@keyframes sprite-image
{
    0%
    {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100%
    {
        -webkit-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
    }
}

#wrapper.id_top .section01 .block06 .pipe .lane
{
    position: absolute;
    top: 31px;
}

#wrapper.id_top .section01 .block06 .pipe .lane img
{
    width: 540px;
    height: auto;
}

#wrapper.id_top .section01 .block06 .pipe .lane.left
{
    left: -320px;
}

#wrapper.id_top .section01 .block06 .pipe .lane.right
{
    right: -320px;
}

#wrapper.id_top .section01 .block06 .pipe .items
{
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
            transform: scale(.5);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}

#wrapper.id_top .section01 .block06 .pipe .items .item
{
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper.id_top .section01 .block06 .pipe .items.balls
{
    top: 16px;
    left: -62.66667vw;
}

#wrapper.id_top .section01 .block06 .pipe .items.balls .item img
{
    width: 94px;
    height: 71px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres
{
    top: -12px;
    left: 50%;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item img
{
    position: relative;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(1) img
{
    top: -1px;

    width: 179px;
    height: 140px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(2) img
{
    top: -3px;

    width: 148px;
    height: 147px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(3) img
{
    top: 39px;

    width: 150px;
    height: 102px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(4) img
{
    top: 16px;

    width: 91px;
    height: 126px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(5) img
{
    top: 29px;

    width: 93px;
    height: 111px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(6) img
{
    top: 14px;

    width: 85px;
    height: 127px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(7) img
{
    top: 24px;

    width: 84px;
    height: 115px;
}

#wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(8) img
{
    top: 66px;

    width: 153px;
    height: 71px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .pipe
    {
        top: -168px;
        left: 50%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    #wrapper.id_top .section01 .block06 .pipe .base
    {
        width: 1770px;
        height: 254px;
    }
    #wrapper.id_top .section01 .block06 .pipe .machine
    {
        position: absolute;
        z-index: 2;
        top: calc(50% + 7px);
        left: 50%;

        overflow: hidden;

        width: 284px;
        height: 230px;

        -webkit-transform: translate3d(-50%, -50%, 0px);
                transform: translate3d(-50%, -50%, 0px);
    }
    #wrapper.id_top .section01 .block06 .pipe .machine .machineIn
    {
        display: block;

        width: 8520px;
        height: 230px;

        content: '';
        -webkit-animation: sprite-image 1s steps(30) infinite;
                animation: sprite-image 1s steps(30) infinite;

        background-image: url(../resource/box/sprite1.png);
        background-size: 8520px 230px;
    }
    #wrapper.id_top .section01 .block06 .pipe .lane img
    {
        width: 949px;
        height: 127px;
    }
    #wrapper.id_top .section01 .block06 .pipe .lane.left
    {
        position: absolute;
        top: 90px;
        left: 0;
    }
    #wrapper.id_top .section01 .block06 .pipe .lane.right
    {
        position: absolute;
        top: 90px;
        right: 0;
    }
    #wrapper.id_top .section01 .block06 .pipe .items
    {
        position: absolute;
        top: 0;
        left: 0;

        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
    }
    #wrapper.id_top .section01 .block06 .pipe .items .item
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.balls
    {
        top: 55px;
        left: 30px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.balls .item img
    {
        width: 94px;
        height: 71px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres
    {
        top: 0;
        left: 50%;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item img
    {
        position: relative;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(1) img
    {
        top: -1px;

        width: 179px;
        height: 140px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(2) img
    {
        top: -3px;

        width: 148px;
        height: 147px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(3) img
    {
        top: 39px;

        width: 150px;
        height: 102px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(4) img
    {
        top: 16px;

        width: 91px;
        height: 126px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(5) img
    {
        top: 29px;

        width: 93px;
        height: 111px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(6) img
    {
        top: 14px;

        width: 85px;
        height: 127px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(7) img
    {
        top: 24px;

        width: 84px;
        height: 115px;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(8) img
    {
        top: 66px;

        width: 153px;
        height: 71px;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .block06 .pipe
    {
        top: -9.49153vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .base
    {
        width: 100vw;
        height: 14.35028vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .machine
    {
        top: calc(50% + .41176vw);

        width: 16.70588vw;
        height: 13.52941vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .machine .machineIn
    {
        width: 501.17647vw;
        height: 13.52941vw;

        -webkit-animation: sprite-image 1s steps(30) infinite;
                animation: sprite-image 1s steps(30) infinite;

        background-image: url(../resource/box/sprite1.png);
        background-size: 501.17647vw 13.52941vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .lane img
    {
        width: 55.82353vw;
        height: 7.47059vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .lane.left
    {
        top: 5.29412vw;
        left: 0;
    }
    #wrapper.id_top .section01 .block06 .pipe .lane.right
    {
        top: 5.29412vw;
        right: 0;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.balls
    {
        top: 3.23529vw;
        left: 0;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.balls .item img
    {
        width: 5.52941vw;
        height: 4.17647vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(1) img
    {
        top: -.05882vw;

        width: 10.52941vw;
        height: 8.23529vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(2) img
    {
        top: -.17647vw;

        width: 8.70588vw;
        height: 8.64706vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(3) img
    {
        top: 2.29412vw;

        width: 8.82353vw;
        height: 6vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(4) img
    {
        top: .94118vw;

        width: 5.35294vw;
        height: 7.41176vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(5) img
    {
        top: 1.70588vw;

        width: 5.47059vw;
        height: 6.52941vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(6) img
    {
        top: .82353vw;

        width: 5vw;
        height: 7.47059vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(7) img
    {
        top: 1.41176vw;

        width: 4.94118vw;
        height: 6.76471vw;
    }
    #wrapper.id_top .section01 .block06 .pipe .items.pres .item:nth-child(8) img
    {
        top: 3.88235vw;

        width: 9vw;
        height: 4.17647vw;
    }
}

#wrapper.id_top .section01 .block06 > .tit
{
    margin-bottom: 8vw;

    text-align: center;
}

#wrapper.id_top .section01 .block06 > .tit svg
{
    width: 34.93333vw;
    height: 8.53333vw;

    stroke: #542d71;
    stroke-width: .2px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 > .tit
    {
        margin-bottom: 65px;
    }
    #wrapper.id_top .section01 .block06 > .tit svg
    {
        width: 186px;
        height: 50px;

        stroke: rgba(84, 45, 113, .5);
        stroke-width: .4px;
    }
}

#wrapper.id_top .section01 .block06 .box
{
    padding: 0 3.2vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .box
    {
                flex-direction: row;

        margin-bottom: 150px;

        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
    }
    #wrapper.id_top .section01 .block06 .box .boxInner:nth-child(1)
    {
        margin-right: 20px;
    }
}

#wrapper.id_top .section01 .block06 .box .profile
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    display: block;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

#wrapper.id_top .section01 .block06 .box .profile img
{
    width: 29.33333vw;
    height: auto;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .box .profile
    {
        margin: 0;
        margin-top: 12px;
    }
    #wrapper.id_top .section01 .block06 .box .profile img
    {
        width: 389px;
        height: auto;
    }
}

#wrapper.id_top .section01 .block06 .box .balloon
{
    position: relative;
    z-index: 1;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .box .balloon
    {
        margin: 0;
    }
}

#wrapper.id_top .section01 .block06 .box .balloon .textWrap
{
    box-sizing: border-box;
    width: 63.73333vw;
    height: 87.46667vw;
    padding: 5.33333vw 6.4vw 5.33333vw 9.86667vw;

    background: url(../resource/img_sp/comment.png);
    background-position: center;
    background-size: cover;
}

#wrapper.id_top .section01 .block06 .box .balloon .textWrap .text
{
    font-family: 'noto_medium';
    font-size: 2.93333vw;
    line-height: 1.90;

    margin-bottom: 4vw;

    text-align: justify;
    letter-spacing: -.04em;

    color: #d6bc6e;
    text-shadow: rgba(84, 45, 113, .1) 1px 0, rgba(84, 45, 113, .1) -1px 0, rgba(84, 45, 113, .1) 0 -1px, rgba(84, 45, 113, .1) 0 1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .box .balloon .textWrap
    {
        box-sizing: border-box;
        box-sizing: border-box;
        width: 631px;
        height: 235px;
        padding: 2.43056vw 3.40278vw;
        padding: 35px 49px;

        background: url(../resource/img_pc/comment.png);
        background-position: center;
        background-size: cover;
    }
    #wrapper.id_top .section01 .block06 .box .balloon .textWrap .text
    {
        font-size: 14px;
        line-height: 1.57;

        margin-bottom: 11px;
    }
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap
{
    box-sizing: border-box;
    width: calc(100vw - 6.4vw);
    margin-left: calc(-29.33333vw - 1.06667vw);
    padding: 0 8vw;
    padding: 0;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .bar
{
    box-sizing: border-box;
    width: 100%;
    height: 3px;
    margin: 2.93333vw 0 2.13333vw;

    border: 1px solid rgba(84, 45, 113, .5);
    background-color: #d6bc6e;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .bar01
{
    margin: 9.33333vw 0 5.33333vw;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .bar02
{
    margin: 1.33333vw 0 9.33333vw;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .tit,
#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .text,
#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .link
{
    font-family: 'noto_medium';
    font-size: 2.93333vw;
    line-height: 2;

    margin-bottom: 6.66667vw;

    color: #d6bc6e;
    text-shadow: rgba(84, 45, 113, .1) 1px 0, rgba(84, 45, 113, .1) -1px 0, rgba(84, 45, 113, .1) 0 -1px, rgba(84, 45, 113, .1) 0 1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px, rgba(84, 45, 113, .1) 1px 1px, rgba(84, 45, 113, .1) -1px 1px, rgba(84, 45, 113, .1) 1px -1px, rgba(84, 45, 113, .1) -1px -1px;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .tit
{
    font-size: 3.46667vw;

    margin-bottom: 4vw;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .text
{
    margin-bottom: 0;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .link
{
    display: inline-block;

    margin-bottom: 5.33333vw;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .link .bar
{
    margin: 0;
}

#wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .link01
{
    margin-bottom: 0;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .box .boxInner > .textWrap
    {
        width: auto;
        margin: 0;
        padding: 0 5px;
    }
    #wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .bar01
    {
        margin: 30px 0 25px;
    }
    #wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .bar02
    {
        margin: 30px 0 120px;
        margin-bottom: 0;
    }
    #wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .tit
    {
        font-size: 14px;

        margin-bottom: 20px;
        padding: 0 30px;
    }
    #wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .text
    {
        font-size: 12px;
        line-height: 2;

        margin-bottom: 0;
        padding: 0 30px;
    }
    #wrapper.id_top .section01 .block06 .box .boxInner > .textWrap .link
    {
        font-size: 12px;

        margin-bottom: 0;
        padding: 0 30px;
    }
}

#wrapper.id_top .section01 .block06 .box .boxInner:nth-child(1)
{
    margin-right: 4.26667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .box .boxInner:nth-child(1)
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
    }
}

#wrapper.id_top .section01 .block06 .box .boxInner:nth-child(2)
{
    margin-left: -3.2vw;
}

#wrapper.id_top .section01 .block06 .imgsWrap
{
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding-top: 50px;
    /* align-items: center; */

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .imgsWrap
    {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}

#wrapper.id_top .section01 .block06 .imgs
{
    position: relative;
    z-index: 2;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

#wrapper.id_top .section01 .block06 .imgs .img
{
    margin-bottom: 4vw;
}

#wrapper.id_top .section01 .block06 .imgs .img img
{
    width: 95.2vw;
    height: 59.73333vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .imgs
    {
                flex-direction: row;

        -webkit-flex-direction: row;
            -ms-flex-direction: row;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
    #wrapper.id_top .section01 .block06 .imgs .img
    {
        margin-bottom: 40px;
    }
    #wrapper.id_top .section01 .block06 .imgs .img img
    {
        width: 387px;
        height: 243px;
    }
}

#wrapper.id_top .section01 .block06 .sns
{
    position: relative;
}

#wrapper.id_top .section01 .block06 .sns img
{
    width: 48.53333vw;
    height: 40vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .sns img
    {
        width: 295px;
        height: auto;
    }
}

#wrapper.id_top .section01 .block06 .sns .covers
{
    position: absolute;
    top: 13.33333vw;
    left: 0;

    width: 45.86667vw;
    height: 100%;
}

#wrapper.id_top .section01 .block06 .sns .covers .cover
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: opacity .65s cubic-bezier(.25, .46, .45, .94) 0s;

    opacity: 0;
}

#wrapper.id_top .section01 .block06 .sns .covers .cover:nth-child(1)
{
    background: url(../resource/img_sp/sns_hover01.png) no-repeat;
    background-size: 100%;
}

#wrapper.id_top .section01 .block06 .sns .covers .cover:nth-child(2)
{
    background: url(../resource/img_sp/sns_hover02.png) no-repeat;
    background-size: 100%;
}

#wrapper.id_top .section01 .block06 .sns .covers .cover:nth-child(3)
{
    background: url(../resource/img_sp/sns_hover03.png) no-repeat;
    background-size: 100%;
}

#wrapper.id_top .section01 .block06 .sns .covers .cover.active
{
    opacity: 1;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .block06 .sns .covers
    {
        top: 81px;

        width: 280px;
    }
}

#wrapper.id_top .section01 .block06 .sns .items
{
    position: absolute;
    top: 15.46667vw;
    left: 10.66667vw;

    width: 28.8vw;
    height: 8vw;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

#wrapper.id_top .section01 .block06 .sns .items .item
{
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;

    cursor: pointer;
}

@media (min-width: 769px) and (max-width: 1200px)
{
    #wrapper.id_top .section01 .block06 .sns .items
    {
        top: 7.83333vw;
        left: 5.58333vw;

        width: 12.33333vw;
        height: 3.08333vw;
    }
    #wrapper.id_top .section01 .block06 .sns .items .item
    {
        width: calc((100% - .41667vw * 2) / 3);
        margin-right: .41667vw;
    }
}

@media (min-width: 1201px)
{
    #wrapper.id_top .section01 .block06 .sns .items
    {
        top: 94px;
        left: 67px;

        width: 148px;
        height: 37px;
    }
    #wrapper.id_top .section01 .block06 .sns .items .item
    {
        width: calc((100% - 5px * 2) / 3);
        margin-right: 5px;
    }
}

#wrapper.id_top .section01
{
    /* --------------------------------------------------------------------------------
	*
	*   toTop
	*
	-------------------------------------------------------------------------------- */
}

#wrapper.id_top .section01 .toTopWrap
{
    position: relative;

    margin-top: -20vw;
    padding-top: 34.4vw;

    pointer-events: none;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .toTopWrap
    {
        position: relative;
        z-index: 2;

        margin-top: -281px;
        padding-top: 100px;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .toTopWrap
    {
        margin-top: -16.52941vw;
        padding-top: 5.88235vw;
    }
}

#wrapper.id_top .section01 .toTopWrap .toTop
{
    position: absolute;
    top: 0;
    left: 50%;

    margin-left: 25.86667vw;

    cursor: pointer;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    pointer-events: auto;
}

#wrapper.id_top .section01 .toTopWrap .toTop img
{
    width: 13.33333vw;
    height: 34.4vw;
}

#wrapper.id_top .section01 .toTopWrap .toTop .hover
{
    position: absolute;
    top: 0;
    left: 0;

    transition: opacity .9s cubic-bezier(.25, .46, .45, .94) 0s;

    opacity: 0;
}

#wrapper.id_top .section01 .toTopWrap .toTop .hover.active
{
    opacity: 1;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .toTopWrap .toTop
    {
        margin-left: 499px;
    }
    #wrapper.id_top .section01 .toTopWrap .toTop img
    {
        width: 65px;
        height: auto;
    }
}

@media (min-width: 1700px)
{
    #wrapper.id_top .section01 .toTopWrap .toTop
    {
        margin-left: 29.35294vw;
    }
    #wrapper.id_top .section01 .toTopWrap .toTop img
    {
        width: 3.82353vw;
        height: auto;
    }
}

#wrapper.id_top .section01 .toTopWrap .img img
{
    width: 100vw;
    height: 77.86667vw;
}

@media (min-width: 769px)
{
    #wrapper.id_top .section01 .toTopWrap .img
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
    #wrapper.id_top .section01 .toTopWrap .img img
    {
        width: 1700px;
        height: 437px;

        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    .isIE .toTopWrap .img
    {
        display: block !important;
    }
    .isIE .toTopWrap .img .imgIn
    {
        position: relative;
        left: 50%;

        width: 1700px !important;
        height: 437px !important;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

@media (min-width: 1700px)
{
    .isIE .toTopWrap .img .imgIn
    {
        width: 100vw !important;
        height: 25.70588vw !important;
    }
    #wrapper.id_top .section01 .toTopWrap .img img
    {
        width: 100vw;
        height: 25.70588vw;
    }
}

.sam
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: auto;

    opacity: .2;
}