@charset "UTF-8";.title-jp {
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    letter-spacing: 4.5px;
    line-height: 2.55;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 19px
}

@media screen and (max-width: 800px) {
    .title-jp {
        line-height:2.1;
        letter-spacing: 3.4px
    }
}

.title-en {
    font-family: roboto,sans-serif;
    font-weight: 500;
    letter-spacing: .9px;
    font-size: 12px
}

.text-jp {
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    font-weight: 500
}

.text-en {
    font-family: roboto,sans-serif;
    font-weight: 500
}

.text-link {
    position: relative;
    line-height: 25px;
    letter-spacing: .4px;
    white-space: nowrap;
    transition: .2s;
    font-size: 13px
}

.text-link:after {
    content: "";
    position: relative;
    top: 2px;
    right: 2px;
    width: 1px;
    height: 11px;
    background-color: currentColor;
    display: inline-block;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin-left: 13px;
    margin-left: 10px;
    top: 1px
}

.text-link:before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #151515;
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: -webkit-transform .2s cubic-bezier(.19,.82,.27,1);
    transition: transform .2s cubic-bezier(.19,.82,.27,1);
    transition: transform .2s cubic-bezier(.19,.82,.27,1),-webkit-transform .2s cubic-bezier(.19,.82,.27,1)
}

.text-link:hover {
    transition: .2s;
    opacity: .7
}

.text-link:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right
}

.kaku-space {
    margin-left: -6px;
    letter-spacing: 2.6px
}

@media screen and (max-width: 800px) {
    .kaku-space {
        letter-spacing:1.5px;
        margin-left: -3px
    }
}

#__bs_notify__ {
    background: red!important;
    pointer-events: none
}

.js-parent-fit {
    display: block;
    height: 100%;
    width: auto;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mv-scroll {
    position: absolute;
    top: 240px;
    left: calc(100% - 63px);
    width: 3px;
    height: 250px;
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .mv-scroll {
        position:absolute;
        top: 305px;
        left: calc(96% - 1px);
        height: 250px
    }
}

.mv-scroll:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(22,22,22,.3)
}

.mv-scroll_bar {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 100%;
    height: 300px;
    width: 3px;
    -webkit-animation: scrollBar 1.8s cubic-bezier(.79,.17,.15,.96) infinite;
    animation: scrollBar 1.8s cubic-bezier(.79,.17,.15,.96) infinite
}

@media screen and (max-width: 800px) {
    .mv-scroll_bar {
        width:2px
    }
}

.mv-scroll_bar:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #151515
}

@media screen and (min-width: 1001px) {
    .showLarge {
        display:none!important
    }
}

@media screen and (min-width: 801px) {
    .showMedium {
        display:none!important
    }
}

@media screen and (min-width: 601px) {
    .show600 {
        display:none!important
    }
}

@media screen and (min-width: 501px) {
    .show500 {
        display:none!important
    }
}

@media screen and (min-width: 601px) {
    .showSP {
        display:none!important
    }
}

@media screen and (max-width: 1000px) {
    .hideLarge {
        display:none!important
    }
}

@media screen and (max-width: 800px) {
    .hideMedium {
        display:none!important
    }
}

@media screen and (max-width: 600px) {
    .hide600 {
        display:none!important
    }
}

@media screen and (max-width: 500px) {
    .hide500 {
        display:none!important
    }
}

@media screen and (max-width: 600px) {
    .hideSP {
        display:none!important
    }
}

*,:before,:after {
    box-sizing: border-box;
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

a {
    -webkit-tap-highlight-color: transparent
}

div,span,a,p,li,dt,dd,small,h1,h2,h3,h4,h5,h6,input,button,select,optgroup,textarea {
    margin: 0;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    word-break: break-all;
    text-decoration: none
}

abbr[title],abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a:hover {
    text-decoration: none
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

picture,img,figure {
    vertical-align: middle;
    border-style: none;
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: 0
}

button {
    border-radius: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    word-break: break-all;
    resize: none;
    -webkit-appearance: none
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

select {
    word-wrap: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent
}

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

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent
}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

ul,li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

a,textarea,input,button {
    outline: none
}

input[type=text] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    margin-bottom: 0;
    outline: none;
    background: transparent
}

p,a,span {
    color: currentColor
}

svg,path,polygon {
    /* fill: currentColor!important */
}

html {
    width: 100%
}

body {
    position: relative;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: auto;
    font-weight: 500;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    color: #151515;
    min-height: 101vh;
    width: 100%;
    font-size: 15px
}

@media(min-width: 1366px) {
    body {
        font-size:calc(.9375rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    body {
        font-size:15px
    }
}

@media screen and (max-width: 800px) {
    body {
        padding-bottom:50px
    }
}

body.is-loading {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%
}

body:after {
    content: '';
    position: fixed;
    z-index: 98;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s
}

@media screen and (min-width: 801px) {
    body.culture-hover:after {
        opacity:.9
    }
}

body.is-loading:after,body.is-change-start:after {
    pointer-events: all;
    transition: opacity .2s;
    opacity: 1
}

body.menu-open.is-change-start:after {
    transition: opacity 0s
}

#wrapper {
    height: auto;
    overflow: hidden;
    width: 100%
}

.container {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.container-load {
    height: 0;
    overflow: hidden;
    width: 100%
}

.js-mv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3vh;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0
}

body#culture .js-mv {
    height: 40px
}

body#thanks .js-mv {
    display: none
}

.titleEN>span:nth-child(1),.about-titleEN>span:nth-child(1) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(1),.about-titleEN.is-invasion>span:nth-child(1) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(2),.about-titleEN>span:nth-child(2) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(2),.about-titleEN.is-invasion>span:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(3),.about-titleEN>span:nth-child(3) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(3),.about-titleEN.is-invasion>span:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .18s ease-out,-webkit-transform .7s .18s;
    transition: transform .7s .18s,opacity .9s .18s ease-out;
    transition: transform .7s .18s,opacity .9s .18s ease-out,-webkit-transform .7s .18s
}

.titleEN>span:nth-child(4),.about-titleEN>span:nth-child(4) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(4),.about-titleEN.is-invasion>span:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .24s ease-out,-webkit-transform .7s .24s;
    transition: transform .7s .24s,opacity .9s .24s ease-out;
    transition: transform .7s .24s,opacity .9s .24s ease-out,-webkit-transform .7s .24s
}

.titleEN>span:nth-child(5),.about-titleEN>span:nth-child(5) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(5),.about-titleEN.is-invasion>span:nth-child(5) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .06s ease-out,-webkit-transform .7s .06s;
    transition: transform .7s .06s,opacity .9s .06s ease-out;
    transition: transform .7s .06s,opacity .9s .06s ease-out,-webkit-transform .7s .06s
}

.titleEN>span:nth-child(6),.about-titleEN>span:nth-child(6) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(6),.about-titleEN.is-invasion>span:nth-child(6) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(7),.about-titleEN>span:nth-child(7) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(7),.about-titleEN.is-invasion>span:nth-child(7) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .06s ease-out,-webkit-transform .7s .06s;
    transition: transform .7s .06s,opacity .9s .06s ease-out;
    transition: transform .7s .06s,opacity .9s .06s ease-out,-webkit-transform .7s .06s
}

.titleEN>span:nth-child(8),.about-titleEN>span:nth-child(8) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(8),.about-titleEN.is-invasion>span:nth-child(8) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .12s ease-out,-webkit-transform .7s .12s;
    transition: transform .7s .12s,opacity .9s .12s ease-out;
    transition: transform .7s .12s,opacity .9s .12s ease-out,-webkit-transform .7s .12s
}

.titleEN>span:nth-child(9),.about-titleEN>span:nth-child(9) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(9),.about-titleEN.is-invasion>span:nth-child(9) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(10),.about-titleEN>span:nth-child(10) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(10),.about-titleEN.is-invasion>span:nth-child(10) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .3s ease-out,-webkit-transform .7s .3s;
    transition: transform .7s .3s,opacity .9s .3s ease-out;
    transition: transform .7s .3s,opacity .9s .3s ease-out,-webkit-transform .7s .3s
}

.titleEN>span:nth-child(11),.about-titleEN>span:nth-child(11) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(11),.about-titleEN.is-invasion>span:nth-child(11) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .24s ease-out,-webkit-transform .7s .24s;
    transition: transform .7s .24s,opacity .9s .24s ease-out;
    transition: transform .7s .24s,opacity .9s .24s ease-out,-webkit-transform .7s .24s
}

.titleEN>span:nth-child(12),.about-titleEN>span:nth-child(12) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(12),.about-titleEN.is-invasion>span:nth-child(12) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .12s ease-out,-webkit-transform .7s .12s;
    transition: transform .7s .12s,opacity .9s .12s ease-out;
    transition: transform .7s .12s,opacity .9s .12s ease-out,-webkit-transform .7s .12s
}

.titleEN>span:nth-child(13),.about-titleEN>span:nth-child(13) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(13),.about-titleEN.is-invasion>span:nth-child(13) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .3s ease-out,-webkit-transform .7s .3s;
    transition: transform .7s .3s,opacity .9s .3s ease-out;
    transition: transform .7s .3s,opacity .9s .3s ease-out,-webkit-transform .7s .3s
}

.titleEN>span:nth-child(14),.about-titleEN>span:nth-child(14) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(14),.about-titleEN.is-invasion>span:nth-child(14) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .24s ease-out,-webkit-transform .7s .24s;
    transition: transform .7s .24s,opacity .9s .24s ease-out;
    transition: transform .7s .24s,opacity .9s .24s ease-out,-webkit-transform .7s .24s
}

.titleEN>span:nth-child(15),.about-titleEN>span:nth-child(15) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(15),.about-titleEN.is-invasion>span:nth-child(15) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(16),.about-titleEN>span:nth-child(16) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(16),.about-titleEN.is-invasion>span:nth-child(16) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .12s ease-out,-webkit-transform .7s .12s;
    transition: transform .7s .12s,opacity .9s .12s ease-out;
    transition: transform .7s .12s,opacity .9s .12s ease-out,-webkit-transform .7s .12s
}

.titleEN>span:nth-child(17),.about-titleEN>span:nth-child(17) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(17),.about-titleEN.is-invasion>span:nth-child(17) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .18s ease-out,-webkit-transform .7s .18s;
    transition: transform .7s .18s,opacity .9s .18s ease-out;
    transition: transform .7s .18s,opacity .9s .18s ease-out,-webkit-transform .7s .18s
}

.titleEN>span:nth-child(18),.about-titleEN>span:nth-child(18) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(18),.about-titleEN.is-invasion>span:nth-child(18) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(19),.about-titleEN>span:nth-child(19) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(19),.about-titleEN.is-invasion>span:nth-child(19) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .12s ease-out,-webkit-transform .7s .12s;
    transition: transform .7s .12s,opacity .9s .12s ease-out;
    transition: transform .7s .12s,opacity .9s .12s ease-out,-webkit-transform .7s .12s
}

.titleEN>span:nth-child(20),.about-titleEN>span:nth-child(20) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(20),.about-titleEN.is-invasion>span:nth-child(20) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .18s ease-out,-webkit-transform .7s .18s;
    transition: transform .7s .18s,opacity .9s .18s ease-out;
    transition: transform .7s .18s,opacity .9s .18s ease-out,-webkit-transform .7s .18s
}

.titleEN>span:nth-child(21),.about-titleEN>span:nth-child(21) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(21),.about-titleEN.is-invasion>span:nth-child(21) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(22),.about-titleEN>span:nth-child(22) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(22),.about-titleEN.is-invasion>span:nth-child(22) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(23),.about-titleEN>span:nth-child(23) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(23),.about-titleEN.is-invasion>span:nth-child(23) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .18s ease-out,-webkit-transform .7s .18s;
    transition: transform .7s .18s,opacity .9s .18s ease-out;
    transition: transform .7s .18s,opacity .9s .18s ease-out,-webkit-transform .7s .18s
}

.titleEN>span:nth-child(24),.about-titleEN>span:nth-child(24) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(24),.about-titleEN.is-invasion>span:nth-child(24) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .36s ease-out,-webkit-transform .7s .36s;
    transition: transform .7s .36s,opacity .9s .36s ease-out;
    transition: transform .7s .36s,opacity .9s .36s ease-out,-webkit-transform .7s .36s
}

.titleEN>span:nth-child(25),.about-titleEN>span:nth-child(25) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(25),.about-titleEN.is-invasion>span:nth-child(25) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .18s ease-out,-webkit-transform .7s .18s;
    transition: transform .7s .18s,opacity .9s .18s ease-out;
    transition: transform .7s .18s,opacity .9s .18s ease-out,-webkit-transform .7s .18s
}

.titleEN>span:nth-child(26),.about-titleEN>span:nth-child(26) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(26),.about-titleEN.is-invasion>span:nth-child(26) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .18s ease-out,-webkit-transform .7s .18s;
    transition: transform .7s .18s,opacity .9s .18s ease-out;
    transition: transform .7s .18s,opacity .9s .18s ease-out,-webkit-transform .7s .18s
}

.titleEN>span:nth-child(27),.about-titleEN>span:nth-child(27) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(27),.about-titleEN.is-invasion>span:nth-child(27) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .06s ease-out,-webkit-transform .7s .06s;
    transition: transform .7s .06s,opacity .9s .06s ease-out;
    transition: transform .7s .06s,opacity .9s .06s ease-out,-webkit-transform .7s .06s
}

.titleEN>span:nth-child(28),.about-titleEN>span:nth-child(28) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(28),.about-titleEN.is-invasion>span:nth-child(28) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s 0s ease-out,-webkit-transform .7s 0s;
    transition: transform .7s 0s,opacity .9s 0s ease-out;
    transition: transform .7s 0s,opacity .9s 0s ease-out,-webkit-transform .7s 0s
}

.titleEN>span:nth-child(29),.about-titleEN>span:nth-child(29) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(29),.about-titleEN.is-invasion>span:nth-child(29) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .36s ease-out,-webkit-transform .7s .36s;
    transition: transform .7s .36s,opacity .9s .36s ease-out;
    transition: transform .7s .36s,opacity .9s .36s ease-out,-webkit-transform .7s .36s
}

.titleEN>span:nth-child(30),.about-titleEN>span:nth-child(30) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleEN.is-invasion>span:nth-child(30),.about-titleEN.is-invasion>span:nth-child(30) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s .3s ease-out,-webkit-transform .7s .3s;
    transition: transform .7s .3s,opacity .9s .3s ease-out;
    transition: transform .7s .3s,opacity .9s .3s ease-out,-webkit-transform .7s .3s
}

.titleJP>span:nth-child(1) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleJP.is-invasion>span:nth-child(1) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .24s,-webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out,opacity .8s .24s;
    transition: transform .8s .24s ease-out,opacity .8s .24s,-webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(2) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .24s,-webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out,opacity .8s .24s;
    transition: transform .8s .24s ease-out,opacity .8s .24s,-webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(3) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .12s,-webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out,opacity .8s .12s;
    transition: transform .8s .12s ease-out,opacity .8s .12s,-webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(4) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(5) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(5) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .12s,-webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out,opacity .8s .12s;
    transition: transform .8s .12s ease-out,opacity .8s .12s,-webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(6) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.titleJP.is-invasion>span:nth-child(6) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .06s,-webkit-transform .8s .06s ease-out;
    transition: transform .8s .06s ease-out,opacity .8s .06s;
    transition: transform .8s .06s ease-out,opacity .8s .06s,-webkit-transform .8s .06s ease-out
}

.titleJP>span:nth-child(7) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(7) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .24s,-webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out,opacity .8s .24s;
    transition: transform .8s .24s ease-out,opacity .8s .24s,-webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(8) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(4.5px);
    transform: translateX(4.5px)
}

.titleJP.is-invasion>span:nth-child(8) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(9) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform: translateX(9px)
}

.titleJP.is-invasion>span:nth-child(9) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .3s,-webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out,opacity .8s .3s;
    transition: transform .8s .3s ease-out,opacity .8s .3s,-webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(10) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.titleJP.is-invasion>span:nth-child(10) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .3s,-webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out,opacity .8s .3s;
    transition: transform .8s .3s ease-out,opacity .8s .3s,-webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(11) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(11) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(12) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleJP.is-invasion>span:nth-child(12) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .24s,-webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out,opacity .8s .24s;
    transition: transform .8s .24s ease-out,opacity .8s .24s,-webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(13) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
}

.titleJP.is-invasion>span:nth-child(13) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .06s,-webkit-transform .8s .06s ease-out;
    transition: transform .8s .06s ease-out,opacity .8s .06s;
    transition: transform .8s .06s ease-out,opacity .8s .06s,-webkit-transform .8s .06s ease-out
}

.titleJP>span:nth-child(14) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px)
}

.titleJP.is-invasion>span:nth-child(14) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .3s,-webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out,opacity .8s .3s;
    transition: transform .8s .3s ease-out,opacity .8s .3s,-webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(15) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
}

.titleJP.is-invasion>span:nth-child(15) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .12s,-webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out,opacity .8s .12s;
    transition: transform .8s .12s ease-out,opacity .8s .12s,-webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(16) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px)
}

.titleJP.is-invasion>span:nth-child(16) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .06s,-webkit-transform .8s .06s ease-out;
    transition: transform .8s .06s ease-out,opacity .8s .06s;
    transition: transform .8s .06s ease-out,opacity .8s .06s,-webkit-transform .8s .06s ease-out
}

.titleJP>span:nth-child(17) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform: translateX(7.5px)
}

.titleJP.is-invasion>span:nth-child(17) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .12s,-webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out,opacity .8s .12s;
    transition: transform .8s .12s ease-out,opacity .8s .12s,-webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(18) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform: translateX(9px)
}

.titleJP.is-invasion>span:nth-child(18) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(19) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.titleJP.is-invasion>span:nth-child(19) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(20) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
}

.titleJP.is-invasion>span:nth-child(20) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .3s,-webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out,opacity .8s .3s;
    transition: transform .8s .3s ease-out,opacity .8s .3s,-webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(21) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(21) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(22) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleJP.is-invasion>span:nth-child(22) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(23) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(23) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .06s,-webkit-transform .8s .06s ease-out;
    transition: transform .8s .06s ease-out,opacity .8s .06s;
    transition: transform .8s .06s ease-out,opacity .8s .06s,-webkit-transform .8s .06s ease-out
}

.titleJP>span:nth-child(24) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform: translateX(7.5px)
}

.titleJP.is-invasion>span:nth-child(24) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .3s,-webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out,opacity .8s .3s;
    transition: transform .8s .3s ease-out,opacity .8s .3s,-webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(25) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(25) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .12s,-webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out,opacity .8s .12s;
    transition: transform .8s .12s ease-out,opacity .8s .12s,-webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(26) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(26) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .24s,-webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out,opacity .8s .24s;
    transition: transform .8s .24s ease-out,opacity .8s .24s,-webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(27) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px)
}

.titleJP.is-invasion>span:nth-child(27) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(28) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(28) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .18s,-webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out,opacity .8s .18s;
    transition: transform .8s .18s ease-out,opacity .8s .18s,-webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(29) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleJP.is-invasion>span:nth-child(29) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .3s,-webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out,opacity .8s .3s;
    transition: transform .8s .3s ease-out,opacity .8s .3s,-webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(30) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(30) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .8s .12s,-webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out,opacity .8s .12s;
    transition: transform .8s .12s ease-out,opacity .8s .12s,-webkit-transform .8s .12s ease-out
}

.fadeIn {
    opacity: 0
}

.fadeInUp {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.fadeInUpOver {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.fadeInDown {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.fadeInDownOver {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0
}

.fadeInLeft {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0
}

.fadeInLeftOver {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0
}

.fadeInRight {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0
}

.fadeInRightOver {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0
}

.fadeInRightSkew {
    -webkit-transform: translateX(30px) skewX(-10deg);
    transform: translateX(30px) skewX(-10deg);
    opacity: 0
}

.fadeInLeftSkew {
    -webkit-transform: translateX(-30px) skewX(10deg);
    transform: translateX(-30px) skewX(10deg);
    opacity: 0
}

.scaleUpIn {
    -webkit-transform: scale(.93);
    transform: scale(.93);
    opacity: 0
}

.scaleUpInOver {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    opacity: 0
}

.scaleDownIn {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    opacity: 0
}

.scaleDownInOver {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 0
}

.scaleXIn {
    -webkit-transform: scaleX(.4);
    transform: scaleX(.4)
}

.scaleXInOver {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.scaleYIn {
    -webkit-transform: scaleY(.4);
    transform: scaleY(.4)
}

.scaleYInOver {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.maskDown {
    overflow: hidden
}

.maskDown:before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%
}

.maskDown:after {
    content: '';
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.is-invasion:not(.no-fade),.is-invasion .parent-observe {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important;
    transition: opacity .5s ease-in,-webkit-transform 1s;
    transition: transform 1s,opacity .5s ease-in;
    transition: transform 1s,opacity .5s ease-in,-webkit-transform 1s
}

.fadeInUpOver.is-invasion,.fadeInDownOver.is-invasion {
    transition: opacity .4s .05s,-webkit-transform 1.3s .05s cubic-bezier(.08,.92,.35,1);
    transition: transform 1.3s .05s cubic-bezier(.08,.92,.35,1),opacity .4s .05s;
    transition: transform 1.3s .05s cubic-bezier(.08,.92,.35,1),opacity .4s .05s,-webkit-transform 1.3s .05s cubic-bezier(.08,.92,.35,1)
}

.fadeInRightSkew.is-invasion,.fadeInLeftSkew.is-invasion {
    transition: opacity .4s,-webkit-transform 1s cubic-bezier(.08,.92,.35,1);
    transition: transform 1s cubic-bezier(.08,.92,.35,1),opacity .4s;
    transition: transform 1s cubic-bezier(.08,.92,.35,1),opacity .4s,-webkit-transform 1s cubic-bezier(.08,.92,.35,1)
}

.fadeInUp.is-invasion,.fadeInDown.is-invasion {
    transition: opacity .4s,-webkit-transform 1.8s cubic-bezier(.08,.92,.35,1);
    transition: transform 1.8s cubic-bezier(.08,.92,.35,1),opacity .4s;
    transition: transform 1.8s cubic-bezier(.08,.92,.35,1),opacity .4s,-webkit-transform 1.8s cubic-bezier(.08,.92,.35,1)
}

.scaleUpIn.is-invasion,.scaleUpInOver.is-invasion,.scaleDownIn.is-invasion,.scaleDownInOver.is-invasion {
    transition: opacity .5s,-webkit-transform 1.5s cubic-bezier(.08,.92,.35,1);
    transition: transform 1.5s cubic-bezier(.08,.92,.35,1),opacity .5s;
    transition: transform 1.5s cubic-bezier(.08,.92,.35,1),opacity .5s,-webkit-transform 1.5s cubic-bezier(.08,.92,.35,1)
}

.is-invasion .parent-observe.fadeInRightOver,.is-invasion .parent-observe.fadeInLeftOver,.is-invasion .parent-observe.fadeInUpOver,.is-invasion .parent-observe.fadeInDownOver {
    transition: opacity .7s,-webkit-transform 1s cubic-bezier(.08,.92,.35,1);
    transition: transform 1s cubic-bezier(.08,.92,.35,1),opacity .7s;
    transition: transform 1s cubic-bezier(.08,.92,.35,1),opacity .7s,-webkit-transform 1s cubic-bezier(.08,.92,.35,1)
}

.is-invasion .parent-observe.fadeInRightSkew,.is-invasion .parent-observe.fadeInLeftSkew {
    transition: opacity .4s,-webkit-transform 1s cubic-bezier(.08,.92,.35,1);
    transition: transform 1s cubic-bezier(.08,.92,.35,1),opacity .4s;
    transition: transform 1s cubic-bezier(.08,.92,.35,1),opacity .4s,-webkit-transform 1s cubic-bezier(.08,.92,.35,1)
}

.is-invasion .parent-observe.fadeInUp,.is-invasion .parent-observe.fadeInDown {
    transition: opacity .4s,-webkit-transform 1.8s cubic-bezier(.08,.92,.35,1);
    transition: transform 1.8s cubic-bezier(.08,.92,.35,1),opacity .4s;
    transition: transform 1.8s cubic-bezier(.08,.92,.35,1),opacity .4s,-webkit-transform 1.8s cubic-bezier(.08,.92,.35,1)
}

.is-invasion .parent-observe.scaleUpIn,.is-invasion .parent-observe.scaleUpInOver,.is-invasion .parent-observe.scaleDownIn,.is-invasion .parent-observe.scaleDownInOver {
    transition: opacity .5s,-webkit-transform 1.5s cubic-bezier(.08,.92,.35,1);
    transition: transform 1.5s cubic-bezier(.08,.92,.35,1),opacity .5s;
    transition: transform 1.5s cubic-bezier(.08,.92,.35,1),opacity .5s,-webkit-transform 1.5s cubic-bezier(.08,.92,.35,1)
}

.maskDown.is-invasion:before,.maskDown.is-invasion:after {
    -webkit-transform: translateY(200.1%);
    transform: translateY(200.1%);
    transition: -webkit-transform .9s cubic-bezier(.08,.92,.35,1);
    transition: transform .9s cubic-bezier(.08,.92,.35,1);
    transition: transform .9s cubic-bezier(.08,.92,.35,1),-webkit-transform .9s cubic-bezier(.08,.92,.35,1)
}

.delay1 {
    transition-delay: .1s!important
}

.delay2 {
    transition-delay: .2s!important
}

.delay3 {
    transition-delay: .3s!important
}

.delay4 {
    transition-delay: .4s!important
}

.delay5 {
    transition-delay: .5s!important
}

.delay6 {
    transition-delay: .6s!important
}

.delay7 {
    transition-delay: .7s!important
}

.delay8 {
    transition-delay: .8s!important
}

.delay9 {
    transition-delay: .9s!important
}

.delay10 {
    transition-delay: 1s!important
}

.inter-svg.js-inter path:nth-child(1),.inter-svg path:nth-child(1) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(1),.inter-svg.is-invasion path:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .21s,-webkit-transform .8s .21s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .21s cubic-bezier(.19,.82,.27,1),opacity .6s .21s;
    transition: transform .8s .21s cubic-bezier(.19,.82,.27,1),opacity .6s .21s,-webkit-transform .8s .21s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(2),.inter-svg path:nth-child(2) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(2),.inter-svg.is-invasion path:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s;
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(3),.inter-svg path:nth-child(3) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(3),.inter-svg.is-invasion path:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(4),.inter-svg path:nth-child(4) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(4),.inter-svg.is-invasion path:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .09s,-webkit-transform .8s .09s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .09s cubic-bezier(.19,.82,.27,1),opacity .6s .09s;
    transition: transform .8s .09s cubic-bezier(.19,.82,.27,1),opacity .6s .09s,-webkit-transform .8s .09s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(5),.inter-svg path:nth-child(5) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(5),.inter-svg.is-invasion path:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(6),.inter-svg path:nth-child(6) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(6),.inter-svg.is-invasion path:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(7),.inter-svg path:nth-child(7) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(7),.inter-svg.is-invasion path:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(8),.inter-svg path:nth-child(8) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(8),.inter-svg.is-invasion path:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s;
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(9),.inter-svg path:nth-child(9) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(9),.inter-svg.is-invasion path:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s;
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(10),.inter-svg path:nth-child(10) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(10),.inter-svg.is-invasion path:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s;
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(11),.inter-svg path:nth-child(11) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(11),.inter-svg.is-invasion path:nth-child(11) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(12),.inter-svg path:nth-child(12) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(12),.inter-svg.is-invasion path:nth-child(12) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .09s,-webkit-transform .8s .09s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .09s cubic-bezier(.19,.82,.27,1),opacity .6s .09s;
    transition: transform .8s .09s cubic-bezier(.19,.82,.27,1),opacity .6s .09s,-webkit-transform .8s .09s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(13),.inter-svg path:nth-child(13) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(13),.inter-svg.is-invasion path:nth-child(13) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s;
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(14),.inter-svg path:nth-child(14) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(14),.inter-svg.is-invasion path:nth-child(14) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(15),.inter-svg path:nth-child(15) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(15),.inter-svg.is-invasion path:nth-child(15) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .09s,-webkit-transform .8s .09s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .09s cubic-bezier(.19,.82,.27,1),opacity .6s .09s;
    transition: transform .8s .09s cubic-bezier(.19,.82,.27,1),opacity .6s .09s,-webkit-transform .8s .09s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(16),.inter-svg path:nth-child(16) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(16),.inter-svg.is-invasion path:nth-child(16) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s;
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(17),.inter-svg path:nth-child(17) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(17),.inter-svg.is-invasion path:nth-child(17) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s;
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(18),.inter-svg path:nth-child(18) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(18),.inter-svg.is-invasion path:nth-child(18) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(19),.inter-svg path:nth-child(19) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(19),.inter-svg.is-invasion path:nth-child(19) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1)
}

.inter-svg.js-inter path:nth-child(20),.inter-svg path:nth-child(20) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.inter-svg.js-inter.is-invasion path:nth-child(20),.inter-svg.is-invasion path:nth-child(20) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s;
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(1) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .18s,-webkit-transform .8s .18s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .18s cubic-bezier(.19,.82,.27,1),opacity .6s .18s;
    transition: transform .8s .18s cubic-bezier(.19,.82,.27,1),opacity .6s .18s,-webkit-transform .8s .18s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(2) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s;
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(3) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(4) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s;
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(5) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}






.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s;
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(6) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(7) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s;
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(8) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s;
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(9) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .12s,-webkit-transform .8s .12s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .12s cubic-bezier(.19,.82,.27,1),opacity .6s .12s;
    transition: transform .8s .12s cubic-bezier(.19,.82,.27,1),opacity .6s .12s,-webkit-transform .8s .12s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(10) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(11) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(11) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19,.82,.27,1),opacity .6s .3s,-webkit-transform .8s .3s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(12) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(12) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s;
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(13) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(13) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s;
    transition: transform .8s .06s cubic-bezier(.19,.82,.27,1),opacity .6s .06s,-webkit-transform .8s .06s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(14) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(14) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s;
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(15) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(15) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s;
    transition: transform .8s .03s cubic-bezier(.19,.82,.27,1),opacity .6s .03s,-webkit-transform .8s .03s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(16) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(16) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19,.82,.27,1),opacity .6s .24s,-webkit-transform .8s .24s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(17) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(17) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .21s,-webkit-transform .8s .21s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .21s cubic-bezier(.19,.82,.27,1),opacity .6s .21s;
    transition: transform .8s .21s cubic-bezier(.19,.82,.27,1),opacity .6s .21s,-webkit-transform .8s .21s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(18) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(18) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19,.82,.27,1),opacity .6s .15s,-webkit-transform .8s .15s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(19) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(19) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s;
    transition: transform .8s .27s cubic-bezier(.19,.82,.27,1),opacity .6s .27s,-webkit-transform .8s .27s cubic-bezier(.19,.82,.27,1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(20) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(20) {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: opacity .6s .21s,-webkit-transform .8s .21s cubic-bezier(.19,.82,.27,1);
    transition: transform .8s .21s cubic-bezier(.19,.82,.27,1),opacity .6s .21s;
    transition: transform .8s .21s cubic-bezier(.19,.82,.27,1),opacity .6s .21s,-webkit-transform .8s .21s cubic-bezier(.19,.82,.27,1)
}

@-webkit-keyframes scrollBar {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

    100% {
        -webkit-transform: translateY(104%);
        transform: translateY(104%)
    }
}

@keyframes scrollBar {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

    100% {
        -webkit-transform: translateY(104%);
        transform: translateY(104%)
    }
}

@-webkit-keyframes to_right {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
        opacity: 0
    }
}

@keyframes to_right {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
        opacity: 0
    }
}

@-webkit-keyframes to_left {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
        opacity: 0
    }
}

@keyframes to_left {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
        opacity: 0
    }
}

@-webkit-keyframes to_bottom {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        opacity: 0
    }
}

@keyframes to_bottom {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        opacity: 0
    }
}

@-webkit-keyframes to_top {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        opacity: 0
    }
}

@keyframes to_top {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        opacity: 0
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes flash {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: .2
    }
}

@keyframes flash {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: .2
    }
}

@-webkit-keyframes title_normal {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

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

    66% {
        opacity: 0;
        -webkit-transform: translate3d(314px,20px,0);
        transform: translate3d(314px,20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(320px,20px,0);
        transform: translate3d(320px,20px,0)
    }
}

@keyframes title_normal {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

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

    66% {
        opacity: 0;
        -webkit-transform: translate3d(314px,20px,0);
        transform: translate3d(314px,20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(320px,20px,0);
        transform: translate3d(320px,20px,0)
    }
}

@-webkit-keyframes title_moved {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(320px,20px,0);
        transform: translate3d(320px,20px,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

    33% {
        opacity: 0;
        -webkit-transform: translate3d(310px,20px,0);
        transform: translate3d(310px,20px,0)
    }

    66% {
        opacity: 0;
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.79,.17,.15,.96);
        animation-timing-function: cubic-bezier(.79,.17,.15,.96)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes title_moved {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(320px,20px,0);
        transform: translate3d(320px,20px,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

    33% {
        opacity: 0;
        -webkit-transform: translate3d(310px,20px,0);
        transform: translate3d(310px,20px,0)
    }

    66% {
        opacity: 0;
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.79,.17,.15,.96);
        animation-timing-function: cubic-bezier(.79,.17,.15,.96)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes title_normal_large {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

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

    66% {
        opacity: 0;
        -webkit-transform: translate3d(265px,10px,0);
        transform: translate3d(265px,10px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(270px,10px,0);
        transform: translate3d(270px,10px,0)
    }
}

@keyframes title_normal_large {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

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

    66% {
        opacity: 0;
        -webkit-transform: translate3d(265px,10px,0);
        transform: translate3d(265px,10px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(270px,10px,0);
        transform: translate3d(270px,10px,0)
    }
}

@-webkit-keyframes title_moved_large {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(270px,10px,0);
        transform: translate3d(270px,10px,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

    33% {
        opacity: 0;
        -webkit-transform: translate3d(260px,10px,0);
        transform: translate3d(260px,10px,0)
    }

    66% {
        opacity: 0;
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.79,.17,.15,.96);
        animation-timing-function: cubic-bezier(.79,.17,.15,.96)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes title_moved_large {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(270px,10px,0);
        transform: translate3d(270px,10px,0);
        -webkit-animation-timing-function: cubic-bezier(.19,.82,.27,1);
        animation-timing-function: cubic-bezier(.19,.82,.27,1)
    }

    33% {
        opacity: 0;
        -webkit-transform: translate3d(260px,10px,0);
        transform: translate3d(260px,10px,0)
    }

    66% {
        opacity: 0;
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.79,.17,.15,.96);
        animation-timing-function: cubic-bezier(.79,.17,.15,.96)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.c-btn {
    position: relative;
    z-index: 0;
    transition: color .1s linear;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
    padding: 22px 40px 22px 20px
}

@media screen and (max-width: 800px) {
    .c-btn {
        padding:17px 40px 17px 20px
    }
}

.c-btn p,.c-btn svg {
    position: relative;
    z-index: 2
}

.c-btn button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.c-btn p {
    position: relative;
    height: 100%;
    padding-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    white-space: nowrap;
    font-size: 13px
}

@media(min-width: 1366px) {
    .c-btn p {
        font-size:calc(.8125rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .c-btn p {
        font-size:13px
    }
}

@media screen and (max-width: 800px) {
    .c-btn p {
        padding-bottom:2px;
        justify-content: flex-start
    }
}

.c-btn p svg {
    position: absolute;
    top: 0;
    left: calc(100% + 9px);
    right: auto;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: auto;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0) translateX(0);
    transform: translate3d(0,0,0) translateX(0)
}

.c-btn-back {
    padding: 22px 20px 22px 43px
}

@media screen and (max-width: 800px) {
    .c-btn-back {
        padding:17px 20px 17px 43px
    }
}

.c-btn-back p svg {
    position: absolute;
    top: 0;
    left: auto;
    right: calc(100% + 16px);
    bottom: 0;
    -webkit-transform: translate3d(0,0,0) translateX(0) scaleX(-1);
    transform: translate3d(0,0,0) translateX(0) scaleX(-1)
}

.c-btn-back_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0,0,0) scale(-1);
    transform: translate3d(0,0,0) scale(-1)
}

.c-btn-back_frame>span,.c-btn>span {
    background-color: currentColor
}

.c-btn-back_frame>span:nth-child(1),.c-btn>span:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 3px;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width: 800px) {
    .c-btn-back_frame>span:nth-child(1),.c-btn>span:nth-child(1) {
        width:95px;
        height: 2px
    }
}

.c-btn-back_frame>span:nth-child(2),.c-btn>span:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

@media screen and (max-width: 800px) {
    .c-btn-back_frame>span:nth-child(2),.c-btn>span:nth-child(2) {
        width:2px;
        height: 100%
    }
}

.c-btn-back_frame>span:nth-child(3),.c-btn>span:nth-child(3) {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
    width: 95px;
    height: 3px;
    -webkit-transform-origin: right;
    transform-origin: right
}

@media screen and (max-width: 800px) {
    .c-btn-back_frame>span:nth-child(3),.c-btn>span:nth-child(3) {
        width:125px;
        height: 2px
    }
}

.c-btn-back_frame>span:nth-child(4),.c-btn>span:nth-child(4) {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: calc(100% - 65px);
    height: 3px;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: translate3d(0,0,0) scaleX(0);
    transform: translate3d(0,0,0) scaleX(0)
}

@media screen and (max-width: 800px) {
    .c-btn-back_frame>span:nth-child(4),.c-btn>span:nth-child(4) {
        width:calc(100% - 95px);
        height: 2px
    }
}

.c-btn-back_frame>span:nth-child(5),.c-btn>span:nth-child(5) {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 3px;
    height: 100%;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translate3d(0,0,0) scaleY(0);
    transform: translate3d(0,0,0) scaleY(0)
}

@media screen and (max-width: 800px) {
    .c-btn-back_frame>span:nth-child(5),.c-btn>span:nth-child(5) {
        width:2px;
        height: 100%
    }
}

.c-btn-back_frame>span:nth-child(6),.c-btn>span:nth-child(6) {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    width: calc(100% - 95px);
    height: 3px;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translate3d(0,0,0) scaleX(0);
    transform: translate3d(0,0,0) scaleX(0)
}

@media screen and (max-width: 800px) {
    .c-btn-back_frame>span:nth-child(6),.c-btn>span:nth-child(6) {
        width:calc(100% - 125px);
        height: 2px
    }
}

.c-btn-back_frame>span:nth-child(1),.c-btn-back_frame>span:nth-child(6),.c-btn>span:nth-child(1),.c-btn>span:nth-child(6) {
    transition: -webkit-transform .1s .14s ease-in;
    transition: transform .1s .14s ease-in;
    transition: transform .1s .14s ease-in,-webkit-transform .1s .14s ease-in
}

.c-btn-back_frame>span:nth-child(2),.c-btn-back_frame>span:nth-child(5),.c-btn>span:nth-child(2),.c-btn>span:nth-child(5) {
    transition: -webkit-transform .1s .08s;
    transition: transform .1s .08s;
    transition: transform .1s .08s,-webkit-transform .1s .08s
}

.c-btn-back_frame>span:nth-child(3),.c-btn-back_frame>span:nth-child(4),.c-btn>span:nth-child(3),.c-btn>span:nth-child(4) {

    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out
}

@media screen and (min-width: 601px) {
    .c-btn:hover .c-btn-back_frame>span:nth-child(1),.c-btn:hover>span:nth-child(1) {
        -webkit-transform:translate3d(0,0,0) scaleX(0);
        transform: translate3d(0,0,0) scaleX(0)
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(2),.c-btn:hover>span:nth-child(2) {
        -webkit-transform: translate3d(0,0,0) scaleY(0);
        transform: translate3d(0,0,0) scaleY(0)
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(3),.c-btn:hover>span:nth-child(3) {
        -webkit-transform: translate3d(0,0,0) scaleX(0);
        transform: translate3d(0,0,0) scaleX(0)
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(4),.c-btn:hover>span:nth-child(4) {
        -webkit-transform: translate3d(0,0,0) scaleX(1);
        transform: translate3d(0,0,0) scaleX(1)
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(5),.c-btn:hover>span:nth-child(5) {
        -webkit-transform: translate3d(0,0,0) scaleY(1);
        transform: translate3d(0,0,0) scaleY(1)
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(6),.c-btn:hover>span:nth-child(6) {
        -webkit-transform: translate3d(0,0,0) scaleX(1);
        transform: translate3d(0,0,0) scaleX(1)
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(1),.c-btn:hover .c-btn-back_frame>span:nth-child(6),.c-btn:hover>span:nth-child(1),.c-btn:hover>span:nth-child(6) {
        transition: -webkit-transform .09s ease-in;
        transition: transform .09s ease-in;
        transition: transform .09s ease-in,-webkit-transform .09s ease-in
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(2),.c-btn:hover .c-btn-back_frame>span:nth-child(5),.c-btn:hover>span:nth-child(2),.c-btn:hover>span:nth-child(5) {
        transition: -webkit-transform .06s .09s;
        transition: transform .06s .09s;
        transition: transform .06s .09s,-webkit-transform .06s .09s
    }

    .c-btn:hover .c-btn-back_frame>span:nth-child(3),.c-btn:hover .c-btn-back_frame>span:nth-child(4),.c-btn:hover>span:nth-child(3),.c-btn:hover>span:nth-child(4) {
        transition: -webkit-transform .09s .15s ease-out;
        transition: transform .09s .15s ease-out;
        transition: transform .09s .15s ease-out,-webkit-transform .09s .15s ease-out
    }

    .c-btn:hover p svg {
        -webkit-transform: translate3d(0,0,0) translateX(4px);
        transform: translate3d(0,0,0) translateX(4px)
    }

    .c-btn-back:hover p svg {
        -webkit-transform: translate3d(0,0,0) translateX(-2px) scaleX(-1);
        transform: translate3d(0,0,0) translateX(-2px) scaleX(-1)
    }
}

.c-member {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 36.6%;
    height: 0;
    padding-top: 33.7%;
    border-radius: 2px;
    min-width: 460px
}

@media screen and (max-width: 1250px) {
    .c-member {
        height:420px;
        padding-top: 0
    }
}

@media screen and (max-width: 800px) {
    .c-member {
        min-width:0;
        width: 80vw;
        height: 80vw;
        max-width: 420px;
        max-height: 360px
    }
}

.c-member_flame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.c-member_flame:before,.c-member_flame:after {
    content: '';
    width: 100%;
    height: 12.8%;
    border: solid #151515
}

.c-member_flame:before {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 3px 3px 0;
    border-radius: 3px 3px 0 0
}

@media screen and (max-width: 800px) {
    .c-member_flame:before {
        border-width:2px 2px 0
    }
}

.c-member_flame:after {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
    border-width: 0 3px 3px;
    border-radius: 0 0 3px 3px

}

@media screen and (max-width: 800px) {
    .c-member_flame:after {
        border-width:0 2px 2px
    }
}

.c-member_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-member_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    pointer-events: none
}

@media screen and (max-width: 800px) {
    .c-member_img {
        left:-35%
    }
}

.c-member_img img {
    height: 94.5%;
    width: auto;
    position: relative;
    bottom: 6.3%;
    -webkit-transform: translate3d(0,0,10px);
    transform: translate3d(0,0,10px)
}

@media screen and (max-width: 800px) {
    .c-member_img img {
        left:0;
        bottom: 5%;
        height: 98%
    }
}

.c-member_layer1,.c-member_layer2 {
    width: 144%;
    height: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 640px
}

@media screen and (max-width: 1000px) {
    .c-member_layer1,.c-member_layer2 {
        min-width:600px
    }
}

@media screen and (max-width: 800px) {
    .c-member_layer1,.c-member_layer2 {
        min-width:0;
        width: 119%
    }
}

.c-member_layer1 {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-member_layer2 {
    z-index: 2;
    -webkit-transform: translate3d(-160%,-50%,0);
    transform: translate3d(-160%,-50%,0);
    transition: -webkit-transform .3s cubic-bezier(.79,.17,.15,.96);
    transition: transform .3s cubic-bezier(.79,.17,.15,.96);
    transition: transform .3s cubic-bezier(.79,.17,.15,.96),-webkit-transform .3s cubic-bezier(.79,.17,.15,.96);
    overflow: hidden
}

.c-member_layer2_inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #151515;
    transition: -webkit-transform .3s cubic-bezier(.79,.17,.15,.96);
    transition: transform .3s cubic-bezier(.79,.17,.15,.96);
    transition: transform .3s cubic-bezier(.79,.17,.15,.96),-webkit-transform .3s cubic-bezier(.79,.17,.15,.96);
    -webkit-transform: translate3d(110%,0,0);
    transform: translate3d(110%,0,0)
}

.c-member_data {
    position: absolute;
    top: 17.3%;
    left: 5.7%
}

@media screen and (max-width: 800px) {
    .c-member_data {
        position:absolute;
        top: 8.3%;
        left: 50%
    }
}

.c-member_data p {
    font-size: 12px
}

@media(min-width: 1366px) {
    .c-member_data p {
        font-size:calc(.75rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .c-member_data p {
        font-size:12px
    }
}

@media screen and (max-width: 800px) {
    .c-member_data p {
        font-size:10px;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        white-space: nowrap
    }
}

.c-member_data img {
    display: block;
    height: 54px;
    margin-top: 6px;
    -webkit-transform: translate3d(0,0,0) scale(1.001);
    transform: translate3d(0,0,0) scale(1.001)
}

@media screen and (max-width: 500px) {
    .c-member_data img {
        margin-top:0
    }
}

.c-member_cap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-width: 100%;
    pointer-events: none;
    letter-spacing: 1px;
    font-size: 18px
}

@media(min-width: 1100px) {
    .c-member_cap {
        font-size:calc(1.125rem + (1vw - 11px)*0)
    }
}

@media(min-width: 1700px) {
    .c-member_cap {
        font-size:18px
    }
}

@media screen and (max-width: 1000px) {
    .c-member_cap {
        font-size:21px
    }
}

@media screen and (max-width: 800px) {
    .c-member_cap {
        flex-wrap:wrap;
        justify-content: flex-start;
        align-content: center;
        padding-left: 50%;
        font-size: 16px;
        line-height: 1.85;
        padding-bottom: 7px
    }

    .c-member_cap span {
        letter-spacing: 2px
    }
}

.c-member_cap_inner {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 4px
}

@media screen and (max-width: 800px) {
    .c-member_cap_inner {
        height:auto;
        flex-wrap: wrap;
        left: 0!important;
        padding-top: 80px
    }
}

.c-member_cap .spacer {
    display: block;
    height: 10px
}

@media screen and (max-width: 800px) {
    .c-member_cap .spacer {
        display:none!important
    }
}

.c-member_cap .caption {
    display: block;
    width: 50%;
    max-width: 50%;
    min-width: 50%
}

@media screen and (max-width: 800px) {
    .c-member_cap .caption {
        white-space:nowrap;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        width: auto;
        display: block
    }
}

.c-member_cap .caption:nth-child(1) {
    text-align: right
}

@media screen and (max-width: 800px) {
    .c-member_cap .caption:nth-child(1) {
        width:100%;
        max-width: 100%;
        min-width: 100%;
        text-align: left
    }
}

.c-member_link {
    position: absolute;
    top: auto;
    left: auto;
    right: 2%;
    bottom: 14.7%
}

@media screen and (max-width: 800px) {
    .c-member_link {
        position:absolute;
        top: 72%;
        left: 50%;
        right: auto;
        bottom: auto
    }
}

.c-member_link .c-btn {
    min-width: 150px
}

.c-member .inner,.c-member .outer {
    padding-left: 4%;
    position: absolute;
    top: 0;
    left: 0;
    height: 13.8%;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    transition: .3s cubic-bezier(.79,.17,.15,.96);
    font-size: 19px;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media(min-width: 1366px) {
    .c-member .inner,.c-member .outer {
        font-size:calc(1.1875rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .c-member .inner,.c-member .outer {
        font-size:19px
    }
}

@media screen and (max-width: 800px) {
    .c-member .inner,.c-member .outer {
        left:auto;
        right: 5%;
        letter-spacing: .5px;
        font-size: 12px;
        padding-bottom: 1px
    }
}

.c-member .inner {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: .2s cubic-bezier(.79,.17,.15,.96)
}

.c-member:hover .inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: .3s cubic-bezier(.79,.17,.15,.96)
}

.c-member:hover .outer {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: .2s cubic-bezier(.79,.17,.15,.96)
}

.c-member:hover .c-member_layer2 {
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.c-member:hover .c-member_layer2 .c-member_layer2_inner {
    pointer-events: all;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.p-top-member .c-member {
    pointer-events: none;
    -webkit-transform: translate3d(0,70px,0) scale(.5);
    transform: translate3d(0,70px,0) scale(.5);
    opacity: 0
}

.p-top-member .c-member_inner {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

@media screen and (max-width: 800px) {
    .p-top-member .c-member_inner {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.p-top-member .c-member_flame {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0
}

@media screen and (max-width: 600px) {
    .p-top-member .c-member_flame {
        -webkit-transform:scaleX(1);
        transform: scaleX(1)
    }
}

.p-top-member .c-member.is-current {
    z-index: 3;
    pointer-events: auto;
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
    opacity: 1
}

.p-top-member .c-member.is-current .c-member_inner {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-top-member .c-member.is-current .c-member_flame {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.p-top-member .c-member.is-next {
    z-index: 2;
    opacity: 1;
    -webkit-transform: translate3d(50vw,0,0) scale(.75);
    transform: translate3d(50vw,0,0) scale(.75)
}

@media screen and (min-width: 1367px) {
    .p-top-member .c-member.is-next {
        -webkit-transform:translate3d(685px,0,0) scale(.75);
        transform: translate3d(685px,0,0) scale(.75)
    }
}

@media screen and (max-width: 1000px) {
    .p-top-member .c-member.is-next {
        -webkit-transform:translate3d(50vw,0,0) scale(.5);
        transform: translate3d(50vw,0,0) scale(.5)
    }
}

@media screen and (max-width: 800px) {
    .p-top-member .c-member.is-next {
        opacity:0
    }
}

.p-top-member .c-member.is-prev {
    z-index: 2;
    opacity: 1;
    -webkit-transform: translate3d(-50vw,0,0) scale(.75);
    transform: translate3d(-50vw,0,0) scale(.75)
}

@media screen and (min-width: 1367px) {
    .p-top-member .c-member.is-prev {
        -webkit-transform:translate3d(-685px,0,0) scale(.75);
        transform: translate3d(-685px,0,0) scale(.75)
    }
}

@media screen and (max-width: 1000px) {
    .p-top-member .c-member.is-prev {
        -webkit-transform:translate3d(-50vw,0,0) scale(.5);
        transform: translate3d(-50vw,0,0) scale(.5)
    }
}

@media screen and (max-width: 800px) {
    .p-top-member .c-member.is-prev {
        opacity:0
    }
}

.js-slide-wrap.init .c-member {
    transition: opacity .25s,-webkit-transform .5s ease-in;
    transition: opacity .25s,transform .5s ease-in;
    transition: opacity .25s,transform .5s ease-in,-webkit-transform .5s ease-in
}

.js-slide-wrap.init .c-member_inner {
    transition: opacity .2s,-webkit-transform .3s;
    transition: opacity .2s,transform .3s;
    transition: opacity .2s,transform .3s,-webkit-transform .3s
}

.js-slide-wrap.init .c-member_flame {
    transition: .2s
}

.js-slide-wrap.init .c-member.is-current {
    transition: opacity .3s,-webkit-transform .6s .1s;
    transition: opacity .3s,transform .6s .1s;
    transition: opacity .3s,transform .6s .1s,-webkit-transform .6s .1s
}

@media screen and (max-width: 800px) {
    .js-slide-wrap.init .c-member.is-current {
        transition:opacity .3s .1s,-webkit-transform .6s;
        transition: opacity .3s .1s,transform .6s;
        transition: opacity .3s .1s,transform .6s,-webkit-transform .6s
    }
}

@media screen and (max-width: 600px) {
    .js-slide-wrap.init .c-member.is-current {
        transition:opacity .3s .1s,-webkit-transform .6s;
        transition: opacity .3s .1s,transform .6s;
        transition: opacity .3s .1s,transform .6s,-webkit-transform .6s
    }
}

.js-slide-wrap.init .c-member.is-current .c-member_inner {
    transition: opacity .3s .45s,-webkit-transform .4s .4s;
    transition: opacity .3s .45s,transform .4s .4s;
    transition: opacity .3s .45s,transform .4s .4s,-webkit-transform .4s .4s
}

@media screen and (max-width: 600px) {
    .js-slide-wrap.init .c-member.is-current .c-member_inner {
        transition:opacity .5s .4s,-webkit-transform .5s .4s;
        transition: opacity .5s .4s,transform .5s .4s;
        transition: opacity .5s .4s,transform .5s .4s,-webkit-transform .5s .4s
    }
}

.js-slide-wrap.init .c-member.is-current .c-member_flame {
    transition: .3s .4s
}

.js-slide-wrap.init .c-member.is-next {
    transition: opacity .3s .3s,-webkit-transform .55s;
    transition: opacity .3s .3s,transform .55s;
    transition: opacity .3s .3s,transform .55s,-webkit-transform .55s
}

@media screen and (max-width: 800px) {
    .js-slide-wrap.init .c-member.is-next {
        transition:opacity .3s,-webkit-transform .55s;
        transition: opacity .3s,transform .55s;
        transition: opacity .3s,transform .55s,-webkit-transform .55s
    }
}

.js-slide-wrap.init .c-member.is-prev {
    transition: opacity .3s .3s,-webkit-transform .55s;
    transition: opacity .3s .3s,transform .55s;
    transition: opacity .3s .3s,transform .55s,-webkit-transform .55s
}

@media screen and (max-width: 800px) {
    .js-slide-wrap.init .c-member.is-prev {
        transition:opacity .3s,-webkit-transform .55s;
        transition: opacity .3s,transform .55s;
        transition: opacity .3s,transform .55s,-webkit-transform .55s
    }
}

@-webkit-keyframes proImg {
    0%,40% {
        opacity: 1
    }

    50%,90% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes proImg {
    0%,40% {
        opacity: 1
    }

    50%,90% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.c-person {
    position: relative;
    margin-bottom: 96px
}

@media screen and (max-width: 800px) {
    .c-person {
        display:none
    }

    .c-person.is-current {
        display: block;
        -webkit-animation: fadeInUp .4s both;
        animation: fadeInUp .4s both
    }
}

.c-person_inner {
    position: relative;
    border-radius: 3px
}

@media screen and (min-width: 1001px) {
    .c-person_inner {
        height:548px
    }
}

@media screen and (min-width: 801px) {
    .c-person_inner {
        border-top:solid 3px #151515;
        width: 100%;
        height: 578px
    }

    .c-person:nth-child(odd) .c-person_inner {
        border-left: solid 3px #151515
    }

    .c-person:nth-child(even) .c-person_inner {
        border-right: solid 3px #151515
    }
}

@media screen and (max-width: 800px) {
    .c-person_inner {
        width:87%;
        margin-left: auto;
        margin-right: auto
    }

    .c-person_inner:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 300px;
        border-radius: 0;
        border-top: solid 2px #151515;
        border-left: solid 2px #151515
    }
}

.c-person_img {
    position: absolute;
    top: -28px;
    height: 537px;
    width: auto
}

@media screen and (max-width: 1000px) {
    .c-person_img {
        display:block;
        top: 30px;
        height: 440px
    }
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(odd) .c-person_img {
        right:auto!important
    }
}

@media screen and (min-width: 801px) and (max-width:1000px) {
    .c-person:nth-child(odd) .c-person_img {
        margin-left:8%
    }
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(even) .c-person_img {
        left:auto!important
    }
}

@media screen and (min-width: 801px) and (max-width:1000px) {
    .c-person:nth-child(even) .c-person_img {
        margin-right:8%
    }
}

@media screen and (max-width: 800px) {
    .c-person_img {
        height:310px;
        top: -20px;
        padding-top: 10px;
        right: 0!important;
        left: 0!important;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }
}

.c-person_data {
    position: relative;
    width: 400px
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(odd) .c-person_data {
        margin-left:37%;
        text-align: left
    }
}

@media screen and (min-width: 801px) and (max-width:1300px) {
    .c-person:nth-child(odd) .c-person_data {
        margin-left:350px
    }
}

@media screen and (min-width: 801px) and (max-width:1000px) {
    .c-person:nth-child(odd) .c-person_data {
        margin-left:330px
    }
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(even) .c-person_data {
        margin-left:auto;
        margin-right: 37%;
        text-align: right
    }
}

@media screen and (min-width: 801px) and (max-width:1300px) {
    .c-person:nth-child(even) .c-person_data {
        margin-right:350px
    }
}

@media screen and (min-width: 801px) and (max-width:1000px) {
    .c-person:nth-child(even) .c-person_data {
        margin-right:330px
    }
}

.c-person_data_head {
    margin-top: 30px;
    height: 130px;
    padding-top: 6px;
    border-bottom: solid 3px #151515
}

@media screen and (max-width: 800px) {
    .c-person_data_head {
        display:none!important
    }
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(odd) .c-person_data_head {
        border-radius:0 0 5px;
        border-right: solid 3px #151515
    }

    .c-person:nth-child(even) .c-person_data_head {
        border-radius: 0 0 0 5px;
        border-left: solid 3px #151515
    }
}

.c-person_data_head p {
    font-size: 12px;
    letter-spacing: .6px
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(odd) .c-person_data_head p {
        margin-left:-2px
    }
}

.c-person_data_head img {
    display: block;
    height: 100px;
    width: auto
}

.c-person:nth-child(even) .c-person_data_head img {
    margin: 0 0 0 auto
}

.c-person_data_impressions {
    margin-top: 26px
}

@media screen and (max-width: 800px) {
    .c-person_data_impressions {
        margin-top:15px
    }
}

.c-person_data_impressions .impression-item {
    position: relative;
    white-space: nowrap;
    margin-bottom: 29px;
    padding: 5px 30px 1px
}

@media screen and (max-width: 800px) {
    .c-person_data_impressions .impression-item {
        padding:6px 23px 0;
        margin-bottom: 23px
    }
}

.c-person_data_impressions .impression-item>svg {
    position: absolute;
    top: 0;
    width: 13px;
    height: 100%
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(odd) .c-person_data_impressions .impression-item>svg {
        left:-7px
    }

    .c-person:nth-child(even) .c-person_data_impressions .impression-item>svg {
        right: -7px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }
}

@media screen and (max-width: 800px) {
    .c-person_data_impressions .impression-item>svg {
        display:none!important
    }
}

@media screen and (max-width: 800px) {
    .c-person_data_impressions .impression-item {
        border-left:solid 2px #151515
    }
}

.c-person_data_impressions .impression-item .head {
    display: flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1
}

.c-person_data_impressions .impression-item .head>span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #151515;
    font-family: roboto,sans-serif;
    font-size: 11px;
    padding-bottom: 1px
}

@media screen and (max-width: 800px) {
    .c-person_data_impressions .impression-item .head>span {
        letter-spacing:0;
        left: 1px;
        top: 1px;
        margin-right: 11px
    }
}

.c-person_data_impressions .impression-item .head>span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    border: solid 2px #151515
}

.c-person_data_impressions .impression-item .head>span.is-black {
    color: #fff
}

.c-person_data_impressions .impression-item .head>span.is-black:before {
    background-color: #151515
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(odd) .c-person_data_impressions .impression-item .head>span {
        margin-right:9px
    }

    .c-person:nth-child(even) .c-person_data_impressions .impression-item .head {
        flex-direction: row-reverse
    }

    .c-person:nth-child(even) .c-person_data_impressions .impression-item .head>span {
        margin-left: 9px
    }
}

.c-person_data_impressions .impression-item:nth-child(n+3) .head>span {
    width: 24px;
    height: 24px
}

.c-person_data_impressions .impression-item:nth-child(n+3) .head>span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(odd) .c-person_data_impressions .impression-item:nth-child(n+3) .head>span {
        margin-left:2px
    }

    .c-person:nth-child(odd) .c-person_data_impressions .impression-item:nth-child(n+3) .head>span:before {
        left: 0;
        border-right: none;
        border-radius: 13px 0 0 13px
    }

    .c-person:nth-child(even) .c-person_data_impressions .impression-item:nth-child(n+3) .head>span {
        margin-right: 2px
    }

    .c-person:nth-child(even) .c-person_data_impressions .impression-item:nth-child(n+3) .head>span:before {
        right: 0;
        border-left: none;
        border-radius: 0 13px 13px 0
    }
}

@media screen and (min-width: 801px) and (min-width:801px) {
    .c-person:nth-child(even) .c-person_data_impressions .impression-item:nth-child(n+3) .head>span:before {
        left:auto
    }
}

@media screen and (max-width: 800px) {
    .c-person_data_impressions .impression-item:nth-child(n+3) .head>span {
        margin-left:2px
    }

    .c-person_data_impressions .impression-item:nth-child(n+3) .head>span:before {
        left: 0;
        border-right: none;
        border-radius: 13px 0 0 13px
    }
}

.c-person_data_impressions .impression-item .text {
    margin-top: 19px;
    font-size: 23px;
    letter-spacing: 4px;
    line-height: 1
}

@media screen and (max-width: 1000px) {
    .c-person_data_impressions .impression-item .text {
        margin-top:14px;
        padding-left: 2px;
        font-size: 19px;
        letter-spacing: 2px;
        line-height: 1.7
    }
}

@media screen and (min-width: 801px) {
    .c-person:nth-child(even) .c-person_data_impressions .impression-item .text {
        display:flex;
        flex-direction: row-reverse;
        padding-right: 5px
    }
}

@media screen and (min-width: 601px) {
    .c-person_data_impressions .impression-item .text br {
        display:none
    }
}

.c-person_data_impressions .impression-item:nth-child(n+3) .text {
    margin-top: 17px;
    font-size: 19px;
    letter-spacing: 2.5px
}

@media screen and (max-width: 1000px) {
    .c-person_data_impressions .impression-item:nth-child(n+3) .text {
        font-size:18px
    }
}

@media screen and (max-width: 800px) {
    .c-person_data_impressions .impression-item:nth-child(n+3) .text {
        font-size:17px;
        margin-top: 8px;
        padding-left: 3px
    }
}

.c-person_project {
    width: 100%;
    margin-top: 33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

@media screen and (max-width: 800px) {
    .c-person_project {
        position:relative;
        display: block;
        width: 87%;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 5px 9px 25px;
        margin-top: 25px;
        border-left: solid 2px #151515;
        border-bottom: solid 2px #151515;
        border-radius: 0 0 0 5px
    }

    .c-person_project:before {
        content: '';
        position: absolute;
        left: 5px;
        bottom: -3px;
        width: 100%;
        height: 4px;
        background: #fff
    }
}

.c-person_project_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -1px
}

@media screen and (max-width: 800px) {
    .c-person_project_item {
        display:block
    }
}

.c-person_project>svg {
    width: 100%;
    height: 12px
}

.c-person:nth-child(even) .c-person_project>svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (max-width: 800px) {
    .c-person_project>svg {
        display:none
    }
}

.c-person_project_top {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 1;
    margin-top: 35px
}

@media screen and (max-width: 800px) {
    .c-person_project_top {
        margin-top:0;
        white-space: nowrap
    }
}

.c-person_project_top>span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #151515;
    font-family: roboto,sans-serif;
    font-size: 11px;
    padding-bottom: 2px;
    margin-right: 9px
}

@media screen and (max-width: 800px) {
    .c-person_project_top>span {
        width:24px;
        height: 24px;
        min-width: 24px;
        margin-right: 9px;
        padding-left: 2px
    }
}

.c-person_project_top>span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    border-radius: 13px 13px 0 0;
    border-right: none;
    border: solid 2px #151515;
    border-bottom: none
}

@media screen and (max-width: 800px) {
    .c-person_project_top>span:before {
        border-radius:14px 14px 0 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        left: -5px;
        top: 6px
    }
}

.c-person_project_img {
    display: block;
    position: relative;
    margin-top: 22px;
    width: 240px;
    height: 136px;
    border-radius: 3px;
    border: solid 3px #151515;
    transition: .3s
}

@media screen and (max-width: 800px) {
    .c-person_project_img {
        margin-top:18px;
        height: auto;
        width: 54%
    }
}

.c-person_project_img:before {
    content: '';
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    display: block
}

.c-person_project_img:hover {
    border: solid 3px #8c8c8c
}

.c-person_project_img .image1,.c-person_project_img .image2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.c-person_project_img .image2 {
    -webkit-animation: proImg 8s infinite;
    animation: proImg 8s infinite
}

.c-person_project_inner {
    position: relative;
    margin-top: 21px;
    width: calc(100% - 277px);
    height: 136px
}

@media screen and (max-width: 800px) {
    .c-person_project_inner {
        margin-top:8px;
        width: 100%;
        height: auto
    }
}

.c-person_project_inner_head {
    display: flex;
    align-items: flex-end;
    margin-top: -9px;
    padding-left: 1px;
    font-size: 13px;
    line-height: 29px;
    letter-spacing: 1.4px;
    height: 40px
}

@media screen and (max-width: 1024px) {
    .c-person_project_inner_head {
        line-height:28px;
        flex-wrap: wrap;
        margin-top: -5px
    }
}

@media screen and (max-width: 800px) {
    .c-person_project_inner_head {
        height:auto;
        letter-spacing: .7px;
        font-size: 12px;
        padding-top: 11px;
        display: block
    }
}

.c-person_project_inner_head .title {
    font-size: 17px;
    letter-spacing: 1.6px;
    white-space: nowrap;
    margin-right: 11px
}

@media screen and (max-width: 1024px) {
    .c-person_project_inner_head .title {
        width:100%
    }
}

@media screen and (max-width: 800px) {
    .c-person_project_inner_head .title {
        line-height:1.4;
        white-space: normal;
        margin-bottom: 11px
    }
}

.c-person_project_inner_head .category {
    position: relative;
    top: 1px;
    display: flex;
    align-items: flex-end;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .c-person_project_inner_head .category {
        white-space:normal;
        line-height: 1.7
    }
}

.c-person_project_inner_head span {
    margin: 0 16px 0 2px;
    display: inline-block;
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg)
}

@media screen and (max-width: 800px) {
    .c-person_project_inner_head span {
        display:none
    }
}

.c-person_project_inner_about {
    margin-top: 18px;
    font-size: 19px;
    letter-spacing: 3.4px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 50px;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    padding-left: 1px
}

@media screen and (max-width: 1024px) {
    .c-person_project_inner_about {
        line-height:1.9;
        padding-left: 0;
        margin-top: 40px;
        font-size: 19px;
        letter-spacing: 2.4px
    }
}

@media screen and (max-width: 800px) {
    .c-person_project_inner_about {
        margin-top:20px;
        font-size: 17px;
        letter-spacing: 2px;
        height: auto;
        line-height: 1.75;
        width: 105%;
        display: block
    }
}

.c-person_project_inner_link {
    position: absolute;
    left: 2px;
    bottom: 5px
}

@media screen and (max-width: 1024px) {
    .c-person_project_inner_link {
        position:absolute;
        left: auto;
        right: 3px;
        bottom: -40px
    }
}

@media screen and (max-width: 800px) {
    .c-person_project_inner_link {
        position:relative;
        left: 0;
        bottom: 0;
        margin-top: 16px
    }
}

.c-person_project_inner_link a {
    letter-spacing: .8px
}

.c-person_project_inner_link a:before {
    bottom: -1px
}

.c-work-style {
    width: calc(100%/3);
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 10px
}

@media screen and (max-width: 1200px) {
    .c-work-style {
        -webkit-transform:scale(.93);
        transform: scale(.93);
        max-width: 44%
    }
}

@media screen and (max-width: 1000px) {
    .c-work-style {
        -webkit-transform:scale(1);
        transform: scale(1);
        max-width: 50%;
        width: 49%;
        margin-bottom: 55px
    }
}

@media screen and (max-width: 600px) {
    .c-work-style {
        width:100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

.c-work-style_inner {
    position: relative
}

@media screen and (max-width: 1000px) {
    .c-work-style_inner {
        display:flex;
        flex-direction: column;
        text-align: center;
        padding-top: 145px;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        min-width: 270px;
        padding-bottom: 40px
    }
}

.c-work-style_title {
    position: absolute;
    height: 0
}

@media screen and (max-width: 1000px) {
    .c-work-style_title {
        left:5%;
        top: 0
    }
}

.c-work-style_title img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@media screen and (max-width: 1100px) {
    .c-work-style_title img {
        -webkit-transform:scale(.45);
        transform: scale(.45);
        -webkit-transform-origin: 10% top;
        transform-origin: 10% top
    }
}

@media screen and (max-width: 1000px) {
    .c-work-style_title img {
        -webkit-transform:scale(.55);
        transform: scale(.55);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }
}

.c-work-style_img {
    position: absolute;
    height: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

@media screen and (max-width: 1000px) {
    .c-work-style_img {
        left:0;
        top: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }
}

.c-work-style_img img {
    display: block;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@media screen and (max-width: 1100px) {
    .c-work-style_img img {
        -webkit-transform:scale(.45);
        transform: scale(.45);
        -webkit-transform-origin: 10% top;
        transform-origin: 10% top
    }
}

@media screen and (max-width: 1000px) {
    .c-work-style_img img {
        -webkit-transform:scale(.4);
        transform: scale(.4);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

.c-work-style_head {
    position: absolute;
    top: -50px;
    left: 0;
    height: 40px;
    padding-left: 51px;
    pointer-events: none
}

@media screen and (max-width: 1000px) {
    .c-work-style_head {
        position:relative;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%;
        top: 0;
        padding-left: 0
    }
}

.c-work-style_head_btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 1000px) {
    .c-work-style_head_btn {
        position:absolute;
        top: -50px;
        left: calc(100% - 42px)
    }
}

.c-work-style_head_btn:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #151515;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: background-color .5s,-webkit-transform .4s cubic-bezier(.79,.17,.15,.96);
    transition: background-color .5s,transform .4s cubic-bezier(.79,.17,.15,.96);
    transition: background-color .5s,transform .4s cubic-bezier(.79,.17,.15,.96),-webkit-transform .4s cubic-bezier(.79,.17,.15,.96)
}

.c-work-style_head_btn:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    border: solid 2px #151515;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s
}

.c-work-style_head_btn span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    transition: color .3s;
    color: #fff
}

.c-work-style_head_btn span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 2px;
    height: 100%;
    border-radius: 2px;
    background: currentColor;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.c-work-style_head_btn span:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: currentColor
}

@media screen and (min-width: 1001px) {
    .c-work-style_head_btn:hover:before {
        -webkit-transform:scale(1.16);
        transform: scale(1.16);
        background-color: #fff
    }

    .c-work-style_head_btn:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    .c-work-style_head_btn:hover span {
        color: #151515
    }

    .c-work-style_head_btn:hover span:before {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        transition: opacity .2s,-webkit-transform .1s;
        transition: opacity .2s,transform .1s;
        transition: opacity .2s,transform .1s,-webkit-transform .1s
    }
}

.c-work-style_head_name {
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    letter-spacing: 1px;
    margin-top: -4px;
    white-space: nowrap
}

.c-work-style_head_cate {
    display: flex;
    line-height: 13px;
    height: 13px;
    margin-top: 15px;
    white-space: nowrap
}

@media screen and (max-width: 1000px) {
    .c-work-style_head_cate {
        justify-content:center
    }
}

.c-work-style_head_cate span:nth-child(1) {
    font-family: roboto,sans-serif;
    font-size: 12px;
    letter-spacing: 1.1px
}

.c-work-style_head_cate span:nth-child(2) {
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    font-size: 13px
}

.c-work-style_head_cate span:nth-child(3) {
    letter-spacing: .7px;
    margin-top: -1px;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    font-size: 12px
}

.c-work-style_text {
    position: relative;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    margin-top: 15px;
    letter-spacing: 1.6px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media screen and (max-width: 1000px) {
    .c-work-style_text {
        pointer-events:none;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.c-work-style_text_about {
    font-size: 17px;
    letter-spacing: 1px;
    padding-left: 1px;
    white-space: nowrap
}

@media screen and (max-width: 1000px) {
    .c-work-style_text_about {
        letter-spacing:2px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 25px;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.c-work-style_text_detail {
    position: absolute;
    top: 34px;
    left: 0;
    font-size: 13px;
    text-align: justify;
    line-height: 2;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0;
    transition: .2s;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 1000px) {
    .c-work-style_text_detail {
        position:absolute;
        top: 83px;
        left: -11px;
        right: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 14px 20px 12px 23px;
        width: calc(100% - 6px);
        color: #fff;
        background-color: #151515;
        border-radius: 3px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .c-work-style_text_detail>.work-close {
        cursor: pointer;
        display: block;
        -webkit-tap-highlight-color: transparent;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -11px;
        left: auto;
        right: -15px;
        border-radius: 50%;
        background-color: #151515;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
        transition: .3s cubic-bezier(.79,.17,.15,.96)
    }

    .c-work-style_text_detail>.work-close:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        top: -1px;
        left: 1px;
        width: 2px;
        height: 18px;
        border-radius: 2px;
        background: currentColor;
        transition: -webkit-transform .2s;

        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    .c-work-style_text_detail>.work-close:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        top: -1px;
        left: 1px;
        width: 18px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transition: .2s
    }
}

@media screen and (max-width: 1000px) and (min-width:801px) {
    .c-work-style_text_detail>.work-close:hover {
        -webkit-transform:rotate(270deg);
        transform: rotate(270deg);
        background: #414141
    }

    .c-work-style_text_detail>.work-close:hover:after {
        opacity: 0
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style_head:hover+.c-work-style_text .c-work-style_text_detail,.c-work-style_text_detail:hover {
        pointer-events:all;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width: 1000px) {
    .c-work-style.is-open .c-work-style_text_detail {
        pointer-events:all;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(1) {
        margin:100px 0 0
    }

    .c-work-style:nth-child(1) .c-work-style_inner {
        left: -3%;
        width: 265px
    }

    .c-work-style:nth-child(1) .c-work-style_title {
        top: -128px;
        left: -52px
    }

    .c-work-style:nth-child(1) .c-work-style_img {
        top: -178px;
        left: 50px
    }

    .c-work-style:nth-child(2) {
        margin: 186px 0 0
    }

    .c-work-style:nth-child(2) .c-work-style_inner {
        left: .7%;
        width: 290px
    }

    .c-work-style:nth-child(2) .c-work-style_title {
        top: -121px;
        left: 135px
    }

    .c-work-style:nth-child(2) .c-work-style_img {
        top: -167px;
        left: -133px
    }

    .c-work-style:nth-child(2) .c-work-style_head {
        left: 50px
    }

    .c-work-style:nth-child(3) {
        margin: 0
    }

    .c-work-style:nth-child(3) .c-work-style_inner {
        left: 12.3%;
        width: 218px
    }

    .c-work-style:nth-child(3) .c-work-style_title {
        top: 75px;
        left: -207px
    }

    .c-work-style:nth-child(3) .c-work-style_img {
        top: -78px;
        left: -233px
    }

    .c-work-style:nth-child(3) .c-work-style_head {
        left: -5px
    }

    .c-work-style:nth-child(4) {
        margin: 74px 0 0;
        justify-content: flex-end;
        width: 100%;
        max-width: none;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-work-style:nth-child(4) .c-work-style_inner {
        left: -4.7%;
        width: 304px
    }
}

@media screen and (min-width: 1001px) and (max-width:1200px) {
    .c-work-style:nth-child(4) .c-work-style_inner {
        left:0
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(4) .c-work-style_title {
        top:-156px;
        left: 149px
    }

    .c-work-style:nth-child(4) .c-work-style_img {
        top: -123px;
        left: 28px
    }

    .c-work-style:nth-child(4) .c-work-style_head {
        top: -133px;
        left: -45px
    }

    .c-work-style:nth-child(5) {
        margin: 200px 0 0
    }

    .c-work-style:nth-child(5) .c-work-style_inner {
        left: 3.5%;
        width: 251px
    }

    .c-work-style:nth-child(5) .c-work-style_title {
        top: -269px;
        left: -7px
    }

    .c-work-style:nth-child(5) .c-work-style_img {
        top: -204px;
        left: -54px
    }

    .c-work-style:nth-child(5) .c-work-style_head {
        top: -53px;
        left: -50px
    }

    .c-work-style:nth-child(6) {
        margin: 129px 0 0
    }

    .c-work-style:nth-child(6) .c-work-style_inner {
        left: 31%;
        width: 365px
    }

    .c-work-style:nth-child(6) .c-work-style_title {
        top: 151px;
        left: -76px
    }

    .c-work-style:nth-child(6) .c-work-style_img {
        top: -54px;
        left: -235px
    }

    .c-work-style:nth-child(6) .c-work-style_head {
        left: -5px
    }

    .c-work-style:nth-child(7) {
        margin: 293px 0 0
    }

    .c-work-style:nth-child(7) .c-work-style_inner {
        left: 16.4%;
        width: 259px
    }
}

@media screen and (min-width: 1001px) and (max-width:1200px) {
    .c-work-style:nth-child(7) .c-work-style_inner {
        left:9.4%
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(7) .c-work-style_title {
        left:156px;
        top: -197px
    }

    .c-work-style:nth-child(7) .c-work-style_img {
        left: -60px;
        top: -222px
    }

    .c-work-style:nth-child(7) .c-work-style_head {
        left: 56px;
        top: -52px
    }

    .c-work-style:nth-child(8) {
        width: 50%;
        margin: 149px 0 0
    }

    .c-work-style:nth-child(8) .c-work-style_inner {
        left: 5.9%;
        width: 310px
    }
}

@media screen and (min-width: 1001px) and (max-width:1200px) {
    .c-work-style:nth-child(8) .c-work-style_inner {
        left:8vw
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(8) .c-work-style_title {
        top:-112px;
        left: 130px
    }

    .c-work-style:nth-child(8) .c-work-style_img {
        top: -64px;
        left: -242px
    }

    .c-work-style:nth-child(8) .c-work-style_head {
        top: -52px
    }

    .c-work-style:nth-child(9) {
        width: 50%;
        margin: 209px 0 0
    }

    .c-work-style:nth-child(9) .c-work-style_inner {
        left: 3.5%;
        width: 403px
    }
}

@media screen and (min-width: 1001px) and (max-width:1200px) {
    .c-work-style:nth-child(9) .c-work-style_inner {
        left:-1vw
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(9) .c-work-style_title {
        top:-72px;
        left: 206px
    }

    .c-work-style:nth-child(9) .c-work-style_img {
        top: -52px;
        left: -240px
    }

    .c-work-style:nth-child(9) .c-work-style_head {
        top: -52px;
        left: 1px
    }

    .c-work-style:nth-child(10) {
        margin: 303px 0 0
    }

    .c-work-style:nth-child(10) .c-work-style_inner {
        left: -3.1%;
        width: 268px
    }

    .c-work-style:nth-child(10) .c-work-style_title {
        top: -137px;
        left: -30px
    }

    .c-work-style:nth-child(10) .c-work-style_img {
        top: -178px;
        left: 85px
    }

    .c-work-style:nth-child(11) {
        margin: 314px 0 0
    }

    .c-work-style:nth-child(11) .c-work-style_inner {
        left: -3.9%;
        width: 265px
    }

    .c-work-style:nth-child(11) .c-work-style_title {
        top: -141px;
        left: 112px
    }

    .c-work-style:nth-child(11) .c-work-style_img {
        top: -178px;
        left: -121px
    }

    .c-work-style:nth-child(11) .c-work-style_head {
        top: -51px;
        left: 77px
    }

    .c-work-style:nth-child(12) {
        margin: 282px 0 0
    }

    .c-work-style:nth-child(12) .c-work-style_inner {
        left: -.6%;
        width: 372px
    }

    .c-work-style:nth-child(12) .c-work-style_title {
        top: -129px;
        left: 76px
    }

    .c-work-style:nth-child(12) .c-work-style_img {
        top: -158px;
        left: 168px
    }

    .c-work-style:nth-child(12) .c-work-style_head {
        left: -53px
    }

    .c-work-style:nth-child(13) {
        width: 50%;
        margin: 264px 0 0
    }

    .c-work-style:nth-child(13) .c-work-style_inner {
        left: -11.1%;
        width: 402px
    }

    .c-work-style:nth-child(13) .c-work-style_title {
        top: -128px;
        left: 174px
    }

    .c-work-style:nth-child(13) .c-work-style_img {
        top: -96px;
        left: 210px
    }

    .c-work-style:nth-child(13) .c-work-style_head {
        top: -52px
    }

    .c-work-style:nth-child(14) {
        width: 50%;
        margin: 225px 0 0
    }

    .c-work-style:nth-child(14) .c-work-style_inner {
        left: 5.2%;
        width: 515px
    }

    .c-work-style:nth-child(14) .c-work-style_title {
        top: -54px;
        left: 229px
    }
}

@media screen and (min-width: 1001px) and (max-width:1100px) {
    .c-work-style:nth-child(14) .c-work-style_title {
        left:150px
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(14) .c-work-style_img {
        top:-64px;
        left: -222px
    }

    .c-work-style:nth-child(14) .c-work-style_head {
        top: -52px
    }

    .c-work-style:nth-child(15) {
        margin: 367px 0 0
    }

    .c-work-style:nth-child(15) .c-work-style_inner {
        left: 4.3%;
        width: 326px
    }

    .c-work-style:nth-child(15) .c-work-style_title {
        top: -211px;
        left: -44px
    }

    .c-work-style:nth-child(15) .c-work-style_img {
        top: -217px;
        left: 49px
    }

    .c-work-style:nth-child(16) {
        margin: 262px 0 0
    }
}

@media screen and (min-width: 1001px) and (max-width:1100px) {
    .c-work-style:nth-child(16) {
        margin:202px 0 0
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(16) .c-work-style_inner {
        left:-9.1%;
        width: 290px
    }

    .c-work-style:nth-child(16) .c-work-style_title {
        top: -130px;
        left: 137px
    }

    .c-work-style:nth-child(16) .c-work-style_img {
        top: -167px;
        left: -151px
    }

    .c-work-style:nth-child(16) .c-work-style_head {
        left: 51px
    }

    .c-work-style:nth-child(17) {
        margin: 195px 0 0
    }

    .c-work-style:nth-child(17) .c-work-style_inner {
        left: 16.6%;
        width: 254px
    }

    .c-work-style:nth-child(17) .c-work-style_title {
        top: 148px;
        left: -180px
    }

    .c-work-style:nth-child(17) .c-work-style_img {
        top: -85px;
        left: -244px
    }

    .c-work-style:nth-child(17) .c-work-style_head {
        left: -6px
    }

    .c-work-style:nth-child(18) {
        width: 58%;
        margin: 133px 0 0 auto;
        max-width: none
    }
}

@media screen and (min-width: 1001px) and (max-width:1100px) {
    .c-work-style:nth-child(18) {
        margin:90px 0 0 auto
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(18) .c-work-style_inner {
        left:0;
        width: 567px
    }

    .c-work-style:nth-child(18) .c-work-style_title {
        top: -54px;
        left: 343px
    }
}

@media screen and (min-width: 1001px) and (max-width:1200px) {
    .c-work-style:nth-child(18) .c-work-style_title {
        left:303px
    }
}

@media screen and (min-width: 1001px) {
    .c-work-style:nth-child(18) .c-work-style_img {
        top:-63px;
        left: -233px
    }

    .c-work-style:nth-child(18) .c-work-style_head {
        top: -52px
    }
}

.p-cul-about {
    position: relative;
    margin-top: 203px;
    width: calc(100% - 120px);
    height: 680px;
    margin-left: auto;
    margin-right: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab
}

@media screen and (max-width: 1200px) {
    .p-cul-about {
        height:710px
    }
}

@media screen and (max-width: 1000px) {
    .p-cul-about {
        margin-top:78px;
        width: calc(100% - 80px)
    }
}

@media screen and (max-width: 750px) {
    .p-cul-about {
        height:686px;
        width: calc(100% - 50px)
    }
}

.p-cul-about:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.p-cul-about .about-head {
    pointer-events: none;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

@media screen and (max-width: 1000px) {
    .p-cul-about .about-head {
        position:absolute;
        top: 77px;
        left: 0;
        right: 0
    }
}

.p-cul-about .about-head svg {
    width: 205px;
    height: 46.1px
}

@media screen and (max-width: 1000px) {
    .p-cul-about .about-head svg {
        display:none
    }
}

.p-cul-about .about-head p {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
    font-size: 19px;
    letter-spacing: 2.4px;
    width: 100%;
    text-align: center
}

.p-cul-about .about-face {
    width: 289px;
    height: 110px;
    position: absolute;
    top: 61px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width: 1000px) {
    .p-cul-about .about-face {
        top:18px
    }
}

@media screen and (max-width: 750px) {
    .p-cul-about .about-face {
        top:38px;
        width: 276px;
        height: 79px
    }
}

.p-cul-about .p-cul-about_slide--outer .about-face {
    left: 22.7%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 1000px) {
    .p-cul-about .p-cul-about_slide--outer .about-face {
        left:50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.p-cul-about .p-cul-about_slide--inner .about-face {
    right: 22.7%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (max-width: 1000px) {
    .p-cul-about .p-cul-about_slide--inner .about-face {
        right:auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 750px) {
    .p-cul-about .p-cul-about_slide--inner .about-face {
        top:38px
    }
}

.p-cul-about_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.p-cul-about_slide,.p-cul-about_slide_wrap {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.p-cul-about_slide {
    overflow: hidden
}

.p-cul-about_slide_wrap {
    padding-top: 227px
}

@media screen and (max-width: 1200px) {
    .p-cul-about_slide_wrap {
        padding-top:190px
    }
}

.p-cul-about_slide--outer .p-cul-about_slide_wrap {
    background-color: #fff
}

.p-cul-about_slide--outer .about-item p {
    right: 4px
}

.p-cul-about_slide--outer .about-item p:before {
    content: "{";
    position: relative;
    right: 5px
}

.p-cul-about_slide--inner .p-cul-about_slide_wrap {
    background-image: url("../images/culture/pattern.png")
}

.p-cul-about_slide--inner .about-item p {
    left: 4px
}

.p-cul-about_slide--inner .about-item p:after {
    content: "}";
    position: relative;
    left: 5px
}

.p-cul-about .about-item {
    position: relative;
    white-space: nowrap;
    width: 100%;
    line-height: .95;
    display: flex
}

@media screen and (max-width: 600px) {
    .p-cul-about .about-item {
        padding:0 5px!important;
        margin: 0 0 14.1px!important
    }
}

.p-cul-about .about-item p {
    position: relative;
    font-size: 17px;
    letter-spacing: 2.2px;
    width: 360px;
    text-align: center
}

@media screen and (max-width: 1200px) {
    .p-cul-about .about-item p {
        line-height:2
    }
}

@media screen and (max-width: 750px) {
    .p-cul-about .about-item p {
        font-size:13px;
        width: 100%!important;
        padding: 0 5px!important
    }
}

.p-cul-about .about-item.pos-left {

    justify-content: flex-start
}

.p-cul-about .about-item.pos-center {
    justify-content: center
}

.p-cul-about .about-item.pos-right {
    justify-content: flex-end
}

.p-cul-about .about-item:nth-child(1) {
    padding-left: 3.6%
}

.p-cul-about .about-item:nth-child(2) {
    left: 28px;
    padding-right: 0
}

.p-cul-about .about-item:nth-child(3) {
    margin-top: 33px;
    padding-left: 31%
}

@media screen and (max-width: 1200px) {
    .p-cul-about .about-item:nth-child(3) {
        margin-top:10px
    }
}

.p-cul-about .about-item:nth-child(4) {
    margin-top: 2px;
    padding-right: 40%
}

@media screen and (max-width: 1200px) {
    .p-cul-about .about-item:nth-child(4) {
        margin-top:10px
    }
}

.p-cul-about .about-item:nth-child(5) {
    margin-top: 45px;
    padding-right: 2.5%
}

@media screen and (max-width: 1200px) {
    .p-cul-about .about-item:nth-child(5) {
        margin-top:10px
    }
}

.p-cul-about .about-item:nth-child(6) {
    margin-top: 2px;
    padding-right: 3.5%
}

.p-cul-about .about-item:nth-child(7) {
    right: 13px
}

.p-cul-about .about-item:nth-child(8) {
    margin-top: 40px;
    padding-left: 18.4%
}

@media screen and (max-width: 1200px) {
    .p-cul-about .about-item:nth-child(8) {
        margin-top:10px
    }
}

.p-cul-about .about-item:nth-child(9) {
    margin-top: 10px;
    padding-left: 13%
}

.p-cul-about .about-item:nth-child(10) {
    margin-top: 50px;
    padding-right: 1.5%
}

@media screen and (max-width: 1200px) {
    .p-cul-about .about-item:nth-child(10) {
        margin-top:10px
    }
}

.p-cul-about .about-item:nth-child(11) {
    margin-top: 34px;
    padding-left: 10.3%
}

@media screen and (max-width: 1200px) {
    .p-cul-about .about-item:nth-child(11) {
        margin-top:10px
    }
}

.p-cul-about .about-item:nth-child(12) {
    margin-top: 8px;
    padding-right: 20.3%
}

@media screen and (max-width: 600px) {
    .p-cul-about .p-cul-about_slide--inner .about-item {
        justify-content:flex-start!important;
        left: 0!important;
        right: 0!important
    }

    .p-cul-about .p-cul-about_slide--inner .about-item p {
        text-align: right!important
    }

    .p-cul-about .p-cul-about_slide--outer .about-item {
        justify-content: flex-end!important;
        left: 0!important;
        right: 0!important
    }

    .p-cul-about .p-cul-about_slide--outer .about-item p {
        text-align: left!important
    }
}

.p-cul-about_handle {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 3px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.p-cul-about_handle:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    background-size: 3px 10px;
    background-image: linear-gradient(to bottom,#151515,#151515 3px,rgba(255,255,255,0) 3px,rgba(255,255,255,0) 10px)
}

.p-cul-about_handle:after {
    content: "";
    width: 3px;
    height: 163px;
    position: absolute;
    top: 75px;
    left: -1px;
    right: auto;
    bottom: 0;
    margin: auto;
    border-radius: 2px;
    background-color: #151515
}

@media screen and (max-width: 750px) {
    .p-cul-about_handle:after {
        width:3px;
        height: 100px
    }
}

.p-cul-about_handle_center {
    position: absolute;
    z-index: 2;
    left: -50px;
    top: 75px;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 45%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 6px
}

@media screen and (max-width: 1000px) {
    .p-cul-about_handle_center {
        width:70px;
        height: 70px;
        min-width: 70px;
        left: -35px
    }
}

@media screen and (max-width: 750px) {
    .p-cul-about_handle_center {
        width:50px;
        height: 50px;
        min-width: 50px;
        left: -25px
    }
}

.p-cul-about_handle_center:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 45%;
    background-color: #fff;
    border: solid 2px #151515
}

.p-cul-about_handle_center:after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #151515
}

.p-cul-about_handle_center span {
    position: relative;
    z-index: 2;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 750px) {
    .p-cul-about_handle_center span {
        width:6px;
        height: 6px
    }
}

.p-cul-about_handle_center span:nth-child(1) {
    border-bottom: solid 2px #151515;
    border-left: solid 2px #151515
}

.p-cul-about_handle_center span:nth-child(2) {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff
}

.p-cul-about_handle>span {
    pointer-events: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 50px;
    text-align: center;
    font-family: roboto,sans-serif;
    font-size: 12px;
    letter-spacing: 2px
}

@media screen and (max-width: 750px) {
    .p-cul-about_handle>span {
        top:calc(100% + 15px);
        font-size: 11px
    }
}

.p-cul-about_imgwrap {
    margin-top: 230px
}

@media screen and (max-width: 750px) {
    .p-cul-about_imgwrap {
        margin-top:180px;
        width: calc(100% - 50px);
        overflow: hidden;
        margin-left: auto;
        margin-right: auto
    }
}

.p-cul-about_img {
    display: block;
    width: calc(100% - 120px);
    height: auto;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 750px) {
    .p-cul-about_img {
        position:relative;
        width: calc(100% + 220px);
        height: auto;
        left: 50%;
        margin: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 700px
    }
}

.p-cul-about.moving {
    pointer-events: none
}

@media screen and (max-width: 750px) {
    .p-cul-about .hideMediumOrigin {
        display:none!important
    }
}

@media screen and (min-width: 751px) {
    .p-cul-about .showMediumOrigin {
        display:none!important
    }
}

.p-cul-faq {
    margin-top: 280px
}

@media screen and (max-width: 1000px) {
    .p-cul-faq {
        margin-top:130px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-faq {
        margin-top:29px
    }
}

.p-cul-faq_head {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 73%;
    min-width: 1000px
}

@media screen and (max-width: 1100px) {
    .p-cul-faq_head {
        min-width:86.6%;
        width: 86.6%
    }
}

@media screen and (max-width: 800px) {
    .p-cul-faq_head {
        display:block
    }
}

.p-cul-faq_head_sec1 {
    width: 20.2%;
    min-width: 20.2%
}

@media screen and (max-width: 1366px) {
    .p-cul-faq_head_sec1 {
        min-width:200px
    }
}

@media screen and (max-width: 1160px) {
    .p-cul-faq_head_sec1 {
        width:20.2%;
        min-width: 20.2%
    }
}

@media screen and (max-width: 800px) {
    .p-cul-faq_head_sec1 {
        width:46%;
        min-width: 0;
        max-width: 180px;
        margin-left: -4.4%
    }
}

.p-cul-faq_head_sec1 img {
    width: 100%;
    height: auto
}

.p-cul-faq_head_sec2 {
    margin-left: 60px;
    margin-top: 264px;
    min-width: 63.7vw;
    width: 63.7vw;
    text-align: right
}

@media screen and (min-width: 1367px) {
    .p-cul-faq_head_sec2 {
        min-width:87%;
        width: 87%

    }
}


@media screen and (max-width: 1160px) {
    .p-cul-faq_head_sec2 {
        min-width:73.8%;
        width: 73.8%
    }
}

@media screen and (max-width: 800px) {
    .p-cul-faq_head_sec2 {
        margin-top:50px;
        width: 108.2%;
        margin-left: 0;
        text-align: left
    }
}

.p-cul-faq_head_sec2 img {
    width: 100%;
    height: auto
}

.p-cul-faq_head_sec2 .title-jp {
    margin-right: -17px;
    margin-top: 73px
}

@media screen and (max-width: 800px) {
    .p-cul-faq_head_sec2 .title-jp {
        margin-top:140px
    }
}

.p-cul-faq_head_sec2 .title-en {
    margin-top: 41px
}

@media screen and (max-width: 800px) {
    .p-cul-faq_head_sec2 .title-en {
        margin-top:23px;
        letter-spacing: 3px
    }
}

.p-cul-faq_body {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    width: 73%;
    min-width: 1000px
}

@media screen and (max-width: 1000px) {
    .p-cul-faq_body {
        width:calc(100% - 40px);
        min-width: 0
    }
}

@media screen and (max-width: 800px) {
    .p-cul-faq_body {
        min-width:0;
        width: 100%;
        margin-top: 3px
    }
}

.p-cul-faq_item {
    position: relative;
    width: 100%;
    display: flex
}

@media screen and (min-width: 801px) {
    .p-cul-faq_item {
        padding:38px 0 26px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item {
        padding:30px 0;
        display: block
    }
}

.p-cul-faq_item:before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: #151515
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item:before {
        left:25px;
        width: calc(100% - 50px);
        height: 2px
    }
}

.p-cul-faq_item_head {
    position: relative;
    width: 30%;
    padding-left: 6%;
    padding-right: 2%;
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item_head {
        padding-right:0;
        /* padding-left: 75px; */
        width: calc(100% - 25px);
    }
}

.p-cul-faq_item_head .index {
    position: absolute;
    top: 0;
    left: -2px
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item_head .index {
        top:8px;
        left: 26px
    }
}

.p-cul-faq_item_head .index span {
    margin-left: 2px
}

.p-cul-faq_item_body {
    position: relative;
    width: 63%;
    padding-left: 6%;
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item_body {
        min-width:0;
        width: 100%;
        /* padding-left: 75px; */
        padding-right: 15px;
        margin-top: 30px;
    }
}

.p-cul-faq_item_body:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 100%;
    background-size: 3px 10px;
    background-image: linear-gradient(to bottom,#151515,#151515 3px,rgba(255,255,255,0) 3px,rgba(255,255,255,0) 10px)
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item_body:before {
        display:none
    }
}

.p-cul-faq_item_body .index {
    position: absolute;
    top: 0;
    left: 6.2%
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item_body .index {
        top:2px!important;
        left: 27px
    }
}

.p-cul-faq_item_body .index span {
    margin-left: 1px
}

.p-cul-faq_item_body_answer {
    margin-top: 4px
}

.p-cul-faq_item .index {
    font-family: roboto,sans-serif;
    font-size: 30px;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    line-height: 23px;
    height: 23px;
    font-weight: 400
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item .index {
        top:8px
    }
}

.p-cul-faq_item .index>span {
    font-size: 11px;
    line-height: 11px;
    display: block
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item .index>span {
        margin-left:2px
    }
}


.p-cul-faq_item .question {
    font-size: 19px;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    line-height: 1.78;
    letter-spacing: 2.6px;
    margin-top: -4px
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item .question {
        margin-top:0;
        font-size: 17px;
        letter-spacing: 2px;
        padding-bottom: 25px;
        position: relative;
        top: 2px;
        text-align: justify;
        width: calc(100% + 10px)
    }

    .p-cul-faq_item .question:before {
        content: '';
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-size: 10px 2px;
        background-image: linear-gradient(to right,#151515,#151515 3px,rgba(255,255,255,0) 3px,rgba(255,255,255,0) 10px)
    }
}

@media screen and (max-width: 800px) and (max-width:800px) {
    .p-cul-faq_item .question:before {
        width:calc(100% - 10px)
    }
}

.p-cul-faq_item .answer {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 18px
}

@media screen and (max-width: 1000px) {
    .p-cul-faq_item .answer {
        margin-bottom:21px;
        display: block
    }
}

.p-cul-faq_item .answer:last-child {
    margin-bottom: 0
}

.p-cul-faq_item .answer-head {
    font-size: 12px;
    width: 190px;
    min-width: 190px;
    letter-spacing: .4px;
}

@media screen and (max-width: 1000px) {
    .p-cul-faq_item .answer-head {
        margin-bottom:12px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item .answer-head {
        font-size:12px;
        letter-spacing: 0;
        margin-bottom: 12px
    }
}

.p-cul-faq_item .answer-body {
    font-size: 15px;
    letter-spacing: 1.8px;
    line-height: 1.88;
    margin-top: -5px;
    margin-left: 5%;
}

@media screen and (max-width: 800px) {
    .p-cul-faq_item .answer-body {
        margin-left:-1px;
        text-align: justify;
        font-size: 13px;
        line-height: 1.86;
        margin-top: 0;
        width: calc(100% - 12px);
        letter-spacing: 1.6px;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt"
    }
}

.p-cul-flow {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding-top: 100px;
    max-width: 1600px;
    width: 73%;
    min-width: 1000px
}

@media screen and (max-width: 1100px) {
    .p-cul-flow {
        min-width:100%;
        width: 100%
    }
}

@media screen and (max-width: 900px) {
    .p-cul-flow {
        padding-bottom:53px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-flow {
        margin-top:35px;
        width: 100%
    }
}

.p-cul-flow_head {
    display: flex;
    position: relative;
    width: 100%;
    align-items: flex-end;
    align-content: flex-end
}

@media screen and (max-width: 1100px) {
    .p-cul-flow_head {
        min-width:86.6%;
        width: 86.6%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 800px) {
    .p-cul-flow_head {
        flex-wrap:wrap;
        width: 100%
    }
}

.p-cul-flow_head_text {
    width: 500px;
    min-width: 500px
}

@media screen and (max-width: 800px) {
    .p-cul-flow_head_text {
        order:2;
        white-space: nowrap;
        margin-left: auto;
        margin-right: auto;
        width: 86.6%;
        min-width: 0;
        margin-top: 87px
    }
}

.p-cul-flow_head_text .title-jp {
    margin-bottom: 42px
}

.p-cul-flow_head_text .title-jp span:nth-child(1) {
    letter-spacing: 3.1px
}

.p-cul-flow_head_text .title-jp span:nth-child(3) {
    letter-spacing: 4px
}

.p-cul-flow_head_text .title-jp span:nth-child(5) {
    letter-spacing: 3px
}

@media screen and (max-width: 800px) {
    .p-cul-flow_head_text .title-jp {
        margin-bottom:24px;
        font-size: 17px;
        line-height: 2.3

    }

    .p-cul-flow_head_text .title-jp span:nth-child(1) {
        letter-spacing: 5.7px
    }

    .p-cul-flow_head_text .title-jp span:nth-child(3) {
        letter-spacing: 3.8px
    }
}

.p-cul-flow_head_text .title-en {
    margin-bottom: -2px
}

@media screen and (max-width: 800px) {
    .p-cul-flow_head_text .title-en {
        margin-bottom:0;
        margin-top: 20px
    }
}

.p-cul-flow_head_copy {
    position: absolute;
    top: -9.7%;
    left: -6%;
    height: auto;
    width: 62.5%
}

@media screen and (max-width: 1000px) {
    .p-cul-flow_head_copy {
        left:-2%;
        top: -80px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-flow_head_copy {
        left:auto;
        right: 3.3%;
        top: -36px;
        width: 85%
    }
}

.p-cul-flow_head_img {
    width: 68.3%;
    min-width: 68.3%
}

@media screen and (max-width: 800px) {
    .p-cul-flow_head_img {
        width:72%;
        min-width: 72%
    }
}

.p-cul-flow_body {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 320px
}

@media screen and (max-width: 1100px) {
    .p-cul-flow_body {
        margin-left:auto;
        margin-right: auto;
        width: 94%;
        max-width: 1000px
    }
}

@media screen and (max-width: 900px) {
    .p-cul-flow_body {
        flex-wrap:wrap
    }
}

@media screen and (max-width: 600px) {
    .p-cul-flow_body {
        width:calc(100% - 50px)
    }
}

.p-cul-flow_body.first {
    margin-top: 100px
}

@media screen and (max-width: 800px) {
    .p-cul-flow_body.first {
        margin-top:47px
    }
}

.p-cul-flow_body.second {
    height: 55px;
    justify-content: flex-end
}

@media screen and (max-width: 700px) {
    .p-cul-flow_body.second {
        height:40px;
        justify-content: flex-start
    }
}

.p-cul-flow_body.third {
    position: relative;
    height: 100px;
    justify-content: flex-end
}

@media screen and (max-width: 700px) {
    .p-cul-flow_body.third {
        justify-content:flex-start
    }
}

@media screen and (max-width: 600px) {
    .p-cul-flow_body.third {
        height:80px
    }
}

.p-cul-flow_body.third>p {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 1.3px;
    display: none
}

@media screen and (max-width: 900px) {
    .p-cul-flow_body.third>p {
        display:block;
        top: calc(100% + 13px);
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 1.85
    }
}

.p-cul-flow .index {
    display: block;
    width: 100%;
    font-family: roboto,sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 2px
}

.p-cul-flow_btn {
    position: relative;
    width: 250px;
    height: 80px
}

@media screen and (max-width: 900px) {
    .p-cul-flow_btn {
        width:360px
    }
}

@media screen and (max-width: 600px) {
    .p-cul-flow_btn {
        width:100%
    }
}

.p-cul-flow_btn .c-btn {
    width: 100%;
    height: 100%
}

.p-cul-flow_btn .c-btn p {
    bottom: 2px;
    flex-wrap: wrap;
    justify-content: flex-start;
    letter-spacing: 2.7px
}

@media screen and (max-width: 600px) {
    .p-cul-flow_btn .c-btn p {
        letter-spacing:1px;
        width: 100%
    }
}

.p-cul-flow_btn .c-btn p span {
    margin-bottom: 12px
}

@media screen and (max-width: 600px) {
    .p-cul-flow_btn .c-btn p span {
        margin-bottom:5px;
        margin-top: 3px
    }
}

.p-cul-flow_btn .c-btn p svg {
    top: 3px
}

@media screen and (min-width: 801px) {
    .p-cul-flow_btn .c-btn>span:nth-child(1) {
        width:95px
    }

    .p-cul-flow_btn .c-btn>span:nth-child(3) {
        width: 125px
    }

    .p-cul-flow_btn .c-btn>span:nth-child(4) {
        width: calc(100% - 35px)
    }

    .p-cul-flow_btn .c-btn>span:nth-child(6) {
        width: calc(100% - 65px)
    }

}

.p-cul-flow_btn>p {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 1.3px
}

@media screen and (max-width: 900px) {
    .p-cul-flow_btn>p {
        display:none
    }
}

.p-cul-flow_arrow {
    display: flex;
    align-items: center;
    margin: 3px
}

.p-cul-flow_arrow span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    position: relative
}

.p-cul-flow_arrow span:before {
    content: '';
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 3px
}

@media screen and (max-width: 900px) {
    .p-cul-flow_arrow.arrow-1 {
        margin:20px 0;
        width: 100%
    }
}

@media screen and (max-width: 700px) {
    .p-cul-flow_arrow.arrow-1 {
        margin:12.5px 0
    }
}

@media screen and (max-width: 900px) {
    .p-cul-flow_arrow.arrow-1 span {
        width:147px
    }
}

@media screen and (max-width: 700px) {
    .p-cul-flow_arrow.arrow-1 span {
        width:calc(50% - 20px)
    }
}

@media screen and (min-width: 901px) {
    .p-cul-flow_arrow.arrow-1 span:before {
        border-top:solid 3px #151515;
        border-right: solid 3px #151515;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 2px;
        right: 4px
    }
}

@media screen and (max-width: 900px) {
    .p-cul-flow_arrow.arrow-1 span:before {
        border-top:solid 3px #151515;
        border-right: solid 3px #151515;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: -4px;
        left: 1px
    }
}

.p-cul-flow_arrow.arrow-2 span:before {
    border-top: solid 3px #151515;
    border-right: solid 3px #151515;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
    right: 4px
}

@media screen and (max-width: 700px) {
    .p-cul-flow_arrow.arrow-3 {
        width:100%;
        justify-content: flex-end
    }
}

@media screen and (max-width: 700px) {
    .p-cul-flow_arrow.arrow-3 span {
        width:calc(50% - 20px);
        height: 23px
    }
}

@media screen and (min-width: 701px) {
    .p-cul-flow_arrow.arrow-3 span:before {
        border-top:solid 3px #151515;
        border-right: solid 3px #151515;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 2px;
        right: 4px
    }
}

@media screen and (max-width: 700px) {
    .p-cul-flow_arrow.arrow-3 span:before {
        border-top:solid 3px #151515;
        border-right: solid 3px #151515;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: -4px;
        left: 1px
    }
}

@media screen and (min-width: 701px) {
    .p-cul-flow_arrow.arrow-4 span:before {
        border-top:solid 3px #151515;
        border-right: solid 3px #151515;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 2px;
        right: 4px
    }
}

@media screen and (max-width: 700px) {
    .p-cul-flow_arrow.arrow-4 span:before {
        border-top:solid 3px #151515;
        border-left: solid 3px #151515;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 2px;
        left: 3px
    }
}

.p-cul-flow_arrow.arrow-5 {
    min-width: 130px;
    width: 15.6%;
    margin-left: 0;
    margin-right: 0;
    justify-content: center
}

@media screen and (max-width: 900px) {
    .p-cul-flow_arrow.arrow-5 {
        width:147px;
        min-width: 147px
    }
}

@media screen and (max-width: 700px) {
    .p-cul-flow_arrow.arrow-5 {
        width:calc(50% - 20px)
    }
}

.p-cul-flow_arrow.arrow-5 span:before {
    border-top: solid 3px #151515;
    border-right: solid 3px #151515;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -4px;
    left: 1px
}

.p-cul-flow_item {

    height: 80px;
    min-width: 130px;
    border-radius: 3px;
    border: solid 3px #151515;
    letter-spacing: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 4px
}

@media screen and (max-width: 960px) {
    .p-cul-flow_item {
        min-width:110px
    }
}

@media screen and (max-width: 900px) {
    .p-cul-flow_item {
        min-width:147px
    }
}

@media screen and (max-width: 700px) {
    .p-cul-flow_item {
        width:calc(50% - 20px)
    }
}

.p-cul-flow_item span {
    display: block;
    line-height: 1;
    padding-right: 8px;
    width: 70px;
    max-width: 70px;
    min-width: 70px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    order: -1
}

@media screen and (max-width: 600px) {
    .p-cul-flow_item span {
        width:100%;
        max-width: 100%;
        min-width: 100%;
        padding-left: 18px
    }
}

.p-cul-flow_item>p {
    line-height: 1;
    padding-right: 5px;
    margin-top: 11px;
    width: 70px;
    max-width: 70px;
    min-width: 70px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    white-space: nowrap
}

@media screen and (max-width: 600px) {
    .p-cul-flow_item>p {
        width:100%;
        max-width: 100%;
        min-width: 100%;
        padding-left: 18px;
        font-size: 12px
    }
}

@media screen and (min-width: 701px) {
    .p-cul-flow_item.box-3 {
        width:156px
    }
}

@media screen and (min-width: 701px) and (max-width:960px) {
    .p-cul-flow_item.box-3 {
        width:auto;
        min-width: 115px
    }
}

@media screen and (min-width: 701px) and (max-width:900px) {
    .p-cul-flow_item.box-3 {
        min-width:147px
    }
}

.p-cul-flow_item.box-4 {
    padding-left: 29px;
    height: 100%;
    width: calc(98.5% - 285px)
}

@media screen and (max-width: 700px) {
    .p-cul-flow_item.box-4 {
        width:100%
    }
}

@media screen and (max-width: 600px) {
    .p-cul-flow_item.box-4 {
        width:100%;
        max-width: 100%;
        min-width: 100%;
        padding-left: 0
    }
}

.p-cul-flow_item.box-4 p,.p-cul-flow_item.box-4 span {
    width: 100%;
    min-width: 100%
}

.p-cul-mv {
    position: relative;
    width: 100%;
    padding-top: 323px;
    padding-bottom: 9%
}

@media screen and (max-width: 800px) {
    .p-cul-mv {
        padding-top:170px
    }
}

.p-cul-mv_inner {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 73.2%
}

@media screen and (max-width: 1100px) {
    .p-cul-mv_inner {
        width:81%
    }
}

@media screen and (max-width: 1000px) {
    .p-cul-mv_inner {
        display:block;
        width: calc(100% - 120px);
        padding-left: 50px;
        margin: 0
    }
}

@media screen and (max-width: 800px) {
    .p-cul-mv_inner {
        padding-left:0;
        width: 86.6%;
        margin-left: auto;
        margin-right: auto
    }
}

.p-cul-mv_head {
    min-width: 320px;
    width: 32%;
    white-space: nowrap
}

@media screen and (max-width: 1000px) {
    .p-cul-mv_head {
        width:100%;
        min-width: 0
    }
}

.p-cul-mv_head .title-en {
    margin-top: 40px;
    letter-spacing: 1.1px;
    padding-left: 2px
}

@media screen and (max-width: 800px) {
    .p-cul-mv_head .title-en {
        margin-top:20px
    }
}

.p-cul-mv_body {
    position: relative;
    width: 56%;
    padding-top: 10px
}

@media screen and (max-width: 1000px) {
    .p-cul-mv_body {
        padding-top:50px;
        width: 100%;
        max-width: 800px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-mv_body {
        padding-top:26px
    }
}

.p-cul-mv_body_text {
    font-size: 15px;
    letter-spacing: 1px;
    text-align: justify;
    width: calc(100% + 3px);
    line-height: 2.14;
    margin-bottom: 22px
}

@media screen and (max-width: 800px) {
    .p-cul-mv_body_text {
        margin-bottom:13px
    }
}

.p-cul-mv_body_img {
    position: absolute;
    top: 72.3%;
    left: auto;
    right: 100%;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1000px) {
    .p-cul-mv_body_img {
        position:relative;
        top: auto;
        right: auto
    }
}

.p-cul-mv_body_img img {
    width: 89.5%;
    height: auto;
    display: block
}

@media screen and (max-width: 1000px) {
    .p-cul-mv_body_img img {
        max-width:500px;
        width: 100%;
        margin: 50px 0 0 auto;
        position: relative;
        left: 60px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-mv_body_img img {
        left:-6.8vw;
        margin: 40px auto 0 0
    }
}

.p-cul-persons {
    width: 73.2%;
    margin-top: 185px;
    margin-left: auto;
    margin-right: auto;
    min-width: 730px
}

@media screen and (max-width: 800px) {
    .p-cul-persons {
        width:100%;
        min-width: 0
    }
}

.p-cul-persons_head {
    width: 100%;
    position: relative
}

@media screen and (max-width: 800px) {
    .p-cul-persons_head {
        margin-left:auto;
        margin-right: auto;
        width: calc(100% - 50px)
    }
}

.p-cul-persons_head .title-jp {
    letter-spacing: 3.3px
}

@media screen and (max-width: 600px) {
    .p-cul-persons_head .title-jp {
        text-align:justify
    }
}

.p-cul-persons_head .title-en {
    margin-top: 41px;
    letter-spacing: 1.5px
}

@media screen and (max-width: 800px) {
    .p-cul-persons_head .title-en {
        margin-top:25px
    }
}

.p-cul-persons_head_text {
    position: absolute;
    top: 16px;
    left: auto;
    right: 32px;
    width: 233px;
    height: 68px
}

@media screen and (max-width: 1150px) {
    .p-cul-persons_head_text {
        top:90px;
        right: 3px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-persons_head_text {
        top:20px
    }
}

@media screen and (max-width: 600px) {
    .p-cul-persons_head_text {
        width:117px;
        height: 34px;
        top: -57px
    }
}

.p-cul-persons_body {
    margin-top: 100px
}

@media screen and (max-width: 800px) {
    .p-cul-persons_body {
        position:relative;
        top: -3px;
        border-top: solid 2px #151515;
        padding-top: 50px;
        margin-top: 0
    }
}

.p-cul-persons_top {
    position: relative;
    margin-top: 35px;
    width: 100%;
    height: 70px;
    overflow: scroll;
    padding: 0 30px
}

.p-cul-persons_top_inner {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    padding: 0;
    margin-right: 30px
}

.p-cul-persons_top_inner:after {
    content: "";
    width: 30px;
    height: 100%;
    min-width: 30px;
    display: block
}

.p-cul-persons_top_item {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    align-content: center;
    flex-direction: column;
    justify-content: flex-end;
    border-top: solid 2px #151515;
    margin-right: 10px;
    padding: 0 20px;
    z-index: 1;
    cursor: pointer
}

.p-cul-persons_top_item:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .2s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    background: #fff
}

.p-cul-persons_top_item:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    transition: .2s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    border-left: solid 2px #151515;
    border-right: solid 2px #151515
}

.p-cul-persons_top_item img {
    position: relative;
    top: 8px;
    height: 52px;
    width: auto;
    pointer-events: none
}

.p-cul-persons_top_item p {
    font-size: 10px;
    white-space: nowrap;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: .3s;
    opacity: 0
}

.p-cul-persons_top_item.is-current {
    pointer-events: none
}

.p-cul-persons_top_item.is-current:before,.p-cul-persons_top_item.is-current:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.p-cul-persons_top_item.is-current p {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transition: .3s;
    opacity: 1
}

.p-cul-style {
    margin: 192px auto 0;
    width: 100%
}

@media screen and (max-width: 800px) {
    .p-cul-style {
        margin-top:101px
    }
}

.p-cul-style_head {
    width: 66.5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1200px) {
    .p-cul-style_head {
        max-width:1000px;
        width: 86.5%
    }
}

@media screen and (max-width: 800px) {
    .p-cul-style_head {
        display:block
    }
}

.p-cul-style_head_sec1 {
    position: relative;
    left: calc(-70px - 10.3%);
    margin-top: 115px;
    width: 54%;
    min-width: 54%
}

@media screen and (max-width: 1200px) {
    .p-cul-style_head_sec1 {
        width:46%;
        min-width: 0;
        left: 0;
        max-width: 380px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-style_head_sec1 {
        max-width:none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-top: 0
    }
}

.p-cul-style_head_sec1_img1 {
    margin-left: auto;
    margin-right: 0;
    width: 52.3%;
    display: block
}

@media screen and (max-width: 800px) {
    .p-cul-style_head_sec1_img1 {
        max-width:300px
    }
}

.p-cul-style_head_sec1_img2 {
    width: 100%
}

@media screen and (max-width: 800px) {
    .p-cul-style_head_sec1_img2 {
        width:75%;
        margin-top: 50px;
        max-width: 300px
    }
}

.p-cul-style_head_sec2 {
    width: 40.3%;
    min-width: 40.3%
}

@media screen and (max-width: 1200px) {
    .p-cul-style_head_sec2 {
        width:48%;
        min-width: 0;
        max-width: 330px
    }
}

.p-cul-style_head_sec2_img1 {
    width: 93%;
    height: auto
}

.p-cul-style_head_sec2 .title-jp {
    margin-top: 113px;
    margin-left: -1px;
    min-width: 366px;
    white-space: nowrap
}

@media screen and (max-width: 1200px) {
    .p-cul-style_head_sec2 .title-jp {
        margin-top:50px
    }
}

@media screen and (max-width: 800px) {
    .p-cul-style_head_sec2 .title-jp {
        margin-top:136px;
        margin-left: 0;
        min-width: 366px;
        letter-spacing: 4px;
        text-align: justify
    }
}

.p-cul-style_head_sec2 .title-en {
    margin-top: 41px;
    min-width: 366px
}

@media screen and (max-width: 800px) {
    .p-cul-style_head_sec2 .title-en {
        margin-top:27px
    }
}

.p-cul-style_body {
    width: 92.67%;
    margin-left: auto;
    margin-right: auto;
    padding: 171px 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media screen and (max-width: 1200px) {
    .p-cul-style_body {
        margin-left:0;
        width: 99%;
        justify-content: space-around
    }
}

@media screen and (max-width: 1100px) {
    .p-cul-style_body {
        margin-left:auto;
        margin-right: auto;
        width: 97%;
        justify-content: space-between
    }
}

@media screen and (max-width: 1000px) {
    .p-cul-style_body {
        padding-top:45px
    }
}

.p-entry-form {
    position: relative;
    padding-top: 360px;
    width: calc(100% - 120px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1100px) {
    .p-entry-form {
        width:calc(100% - 80px)
    }
}

@media screen and (max-width: 800px) {


    .p-entry-form {
        padding-top:196px;
        width: calc(100% - 48px)
    }
}

.p-entry-form_wrap {
    position: relative
}

.p-entry-form_svgWrap1 {
    position: absolute;
    top: -158px;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

@media screen and (max-width: 1100px) {
    .p-entry-form_svgWrap1 {
        top:-120px
    }
}

@media screen and (max-width: 900px) {
    .p-entry-form_svgWrap1 {
        top:-13.4vw
    }
}

@media screen and (max-width: 800px) {
    .p-entry-form_svgWrap1 {
        width:100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.p-entry-form_svgWrap1 .p-entry-form_title {
    position: absolute;
    top: 0;
    left: 50%
}

.p-entry-form_title {
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    width: 84.77vw;
    height: 18.3vw;
    max-width: 1158px;
    max-height: 246px
}

@media screen and (max-width: 1100px) {
    .p-entry-form_title {
        top:-120px
    }
}

@media screen and (max-width: 900px) {
    .p-entry-form_title {
        width:96vw;
        height: 20.72vw;
        top: -13.4vw
    }
}

.p-entry-form_title svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-entry-form_svgWrap2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.p-entry-form_svgWrap2 .p-entry-form_title {
    position: absolute;
    top: -158px;
    left: 50%
}

@media screen and (max-width: 1100px) {
    .p-entry-form_svgWrap2 .p-entry-form_title {
        top:-120px
    }
}

@media screen and (max-width: 900px) {
    .p-entry-form_svgWrap2 .p-entry-form_title {
        top:-13.4vw
    }
}

.p-entry-form_svgWrap3 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.p-entry-form_thanks {
    position: absolute;
    top: 143px;
    left: 39.3%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 58.58%;
    height: 0;
    padding-top: 20%
}

@media screen and (min-width: 1367px) {
    .p-entry-form_thanks {
        max-width:730px;
        height: 250px;
        padding-top: 0
    }
}

@media screen and (max-width: 600px) {
    .p-entry-form_thanks {
        position:absolute;
        top: 169px;
        left: 50%;
        width: 365px;
        height: 113px
    }
}

.p-entry-form_thanks svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-animation: fadeInUp .4s .3s both;
    animation: fadeInUp .4s .3s both
}

body#thanks .p-entry-form_thanks svg {
    display: block
}

@media screen and (max-width: 600px) {
    .p-entry-form_thanks.is-white {
        top:169px
    }
}

.p-entry-form_inner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #151515;
    border-radius: 5px;
    color: #fff;
    max-height: 1178px;
    max-width: 1500px
}

@media screen and (max-width: 900px) {
    .p-entry-form_inner {
        max-height:2220px
    }
}

.p-entry-form_inner_wrap {
    padding: 144px 123px;
    position: relative;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1220px) {
    .p-entry-form_inner_wrap {
        padding:80px 60px 100px
    }
}

@media screen and (max-width: 900px) {
    .p-entry-form_inner_wrap {
        padding:47px 25px 64px
    }
}

body#thanks .p-entry-form_inner {
    max-height: 630px;
    transition: max-height .4s cubic-bezier(.79,.17,.15,.96)
}

@media screen and (max-width: 1100px) {
    body#thanks .p-entry-form_inner {
        max-height:540px
    }
}


@media screen and (max-width: 1000px) {
    body#thanks .p-entry-form_inner {
        max-height:560px
    }
}

@media screen and (max-width: 900px) {
    body#thanks .p-entry-form_inner {
        max-height:550px
    }
}

.p-entry-form_head {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 900px) {
    .p-entry-form_head {
        display:block;
        margin-left: auto;
        margin-right: auto;
        max-width: 600px
    }
}

.p-entry-form_head .title-jp {
    letter-spacing: 1.1px;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    margin-bottom: 41px;
    width: 100%
}

@media screen and (max-width: 900px) {
    .p-entry-form_head .title-jp {
        width:285px;
        text-align: justify;
        white-space: nowrap;
        letter-spacing: 3px;
        line-height: 2.03
    }

    .p-entry-form_head .title-jp .ajust-letter {
        letter-spacing: 1px
    }
}

@media screen and (max-width: 800px) {
    .p-entry-form_head .title-jp {
        margin-bottom:26px
    }
}

.p-entry-form_head .title-en {
    letter-spacing: 1px;
    width: 300px;
    margin-right: 40px
}

@media screen and (max-width: 1220px) {
    .p-entry-form_head .title-en {
        width:240px
    }
}

.p-entry-form_head_about {
    margin-top: -7px;
    font-size: 12.5px;
    line-height: 2.4;
    letter-spacing: 1.3px;
    height: 80px
}

@media screen and (max-width: 900px) {
    .p-entry-form_head_about {
        margin-top:27px;
        margin-left: -2px
    }
}

.p-entry-form_head_circle {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    font-family: roboto,sans-serif;
    font-size: 12px
}

@media screen and (max-width: 600px) {
    .p-entry-form_head_circle {
        display:none
    }
}

.p-entry-form_head_circle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: #fff;
    opacity: .5;
    margin: auto;
    -webkit-transform: rotate(-51deg);
    transform: rotate(-51deg)
}

.p-entry-form_head_circle:after {
    content: '3';
    position: absolute;
    top: auto;
    left: auto;
    right: 38px;
    bottom: 31px;
    width: 5px;
    color: rgba(255,255,255,.8)
}

.p-entry-form_head_circle_count {
    position: absolute;
    top: 33px;
    left: 35px;
    width: 10px;
    text-align: center
}

.p-entry-form_head_circle_count span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s .2
}

.p-entry-form_head_circle svg {
    position: absolute;
    top: 0;
    left: 0
}

.p-entry-form_head_circle svg.circle-prog {
    stroke-dashoffset: 194px;
    stroke-dasharray: 310px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: .6s .2s cubic-bezier(.79,.17,.15,.96)
}

body.formrun-system-confirm .p-entry-form_head_circle svg.circle-prog {
    stroke-dashoffset: 110px
}

body#thanks .p-entry-form_head_circle svg.circle-prog {
    stroke-dashoffset: 0
}

.p-entry-form_body {
    height: 100%
}

@media screen and (max-width: 900px) {
    .p-entry-form_body {
        margin-left:auto;
        margin-right: auto;
        max-width: 600px
    }
}

.p-entry-form_complete {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 19px;
    font-weight: 500;
    display: none
}

@media screen and (max-width: 1100px) {
    .p-entry-form_complete {
        font-size:15px
    }
}

.p-entry-form_complete_textPC {
    padding-top: 390px;
    text-align: right;
    line-height: 2.5;
    padding-right: 9.5%;
    letter-spacing: 2.18px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-animation: fadeInUp .4s .8s both;
    animation: fadeInUp .4s .8s both
}

@media screen and (max-width: 1100px) {
    .p-entry-form_complete_textPC {
        padding-top:350px
    }
}

@media screen and (max-width: 900px) {
    .p-entry-form_complete_textPC {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 60px 25px 10px 27px;
        font-size: 15px;
        text-align: left
    }
}

@media screen and (max-width: 600px) {
    .p-entry-form_complete_textPC {
        line-height:2.2;
        padding: 48px 25px 10px 27px;
        letter-spacing: 1.9px;
        text-align: justify
    }
}

.p-entry-form_complete_textPC p:nth-child(1) {
    letter-spacing: 2.3px
}

@media screen and (max-width: 600px) {
    .p-entry-form_complete_textPC p:nth-child(1) {
        min-height:130px
    }
}

.p-entry-form_complete_textPC p:nth-child(2) {
    letter-spacing: 2.61px
}

@media screen and (max-width: 900px) {
    .p-entry-form_complete_textPC p:nth-child(2) {
        margin-top:240px
    }
}

@media screen and (max-width: 600px) {
    .p-entry-form_complete_textPC p:nth-child(2) {
        margin-top:130px
    }
}

body:not(.formrun-system-confirm) .p-entry-form_head_circle_count span:nth-child(1),body.formrun-system-confirm .p-entry-form_head_circle_count span:nth-child(2) {
    opacity: 1
}

body#thanks .p-entry-form {
    padding-top: 300px
}

@media screen and (max-width: 1000px) {
    body#thanks .p-entry-form {
        padding-top:270px
    }
}

@media screen and (max-width: 800px) {
    body#thanks .p-entry-form {
        padding-top:180px
    }
}

@media screen and (max-width: 400px) {
    body#thanks .p-entry-form {
        padding-top:120px
    }
}

body#thanks .p-entry-form .title-jp,body#thanks .p-entry-form .title-en,body#thanks .p-entry-form .p-entry-form_head_about,body#thanks .p-entry-form .p-entry-form_body {
    opacity: 0;
    transition: .3s
}

body#thanks .p-entry-form .p-entry-form_head_circle_count span:nth-child(1),body#thanks .p-entry-form .p-entry-form_head_circle_count span:nth-child(2) {
    opacity: 0
}

body#thanks .p-entry-form .p-entry-form_head_circle_count span:nth-child(3) {
    opacity: 1
}

body#thanks .p-entry-form_complete {
    display: block
}

body#thanks .p-entry-form_inner {
    overflow: hidden
}

.p-entry-mv {
    position: relative;
    width: 100%;
    padding-top: 323px
}

@media screen and (max-width: 800px) {
    .p-entry-mv {
        padding-top:170px
    }
}

.p-entry-mv_inner {
    margin-left: auto;
    margin-right: auto;
    width: 73%
}

@media screen and (max-width: 1100px) {
    .p-entry-mv_inner {
        width:81%
    }
}

@media screen and (max-width: 1000px) {
    .p-entry-mv_inner {
        display:block;
        width: calc(100% - 120px);
        padding-left: 50px;
        margin: 0
    }
}

@media screen and (max-width: 800px) {
    .p-entry-mv_inner {
        padding-left:0;
        width: 86.6%;
        margin-left: auto;
        margin-right: auto
    }
}

.p-entry-mv_head {
    min-width: 320px;
    width: 32%;
    white-space: nowrap
}

@media screen and (max-width: 1000px) {
    .p-entry-mv_head {
        width:100%;
        min-width: 0
    }
}

.p-entry-mv_head .title-en {
    margin-top: 40px;
    letter-spacing: 1.1px;
    padding-left: 2px
}

@media screen and (max-width: 800px) {
    .p-entry-mv_head .title-en {
        margin-top:25px;
        padding-left: 0
    }
}

.p-entry-mv_body {
    position: relative;
    padding-top: 2px
}

@media screen and (max-width: 1000px) {
    .p-entry-mv_body {
        padding-top:50px;
        max-width: 800px
    }
}

@media screen and (max-width: 800px) {
    .p-entry-mv_body {
        padding-top:26px
    }
}

@media screen and (max-width: 600px) {
    .p-entry-mv_body {
        padding-top:0
    }
}

.p-entry-mv_body_text {
    font-size: 19px;
    letter-spacing: 2.4px;
    text-align: justify;
    width: calc(100% + 3px);
    line-height: 2.55
}

@media screen and (max-width: 1000px) {
    .p-entry-mv_body_text {
        font-size:17px;
        white-space: nowrap
    }
}

@media screen and (max-width: 800px) {
    .p-entry-mv_body_text {
        white-space:nowrap;
        font-size: 14px;
        letter-spacing: 1.5px
    }

    .p-entry-mv_body_text span {
        letter-spacing: 1.6px
    }
}

.p-entry-mv_body_text:nth-child(4) {
    margin-left: -10px
}

.p-entry-mv_body_textsp {
    margin-top: 4px
}

.p-entry-mv_body_textsp>span {
    font-size: 19px;
    text-align: justify;
    width: 308px;
    line-height: 2;
    display: block
}

.p-entry-mv_body_textsp>span:nth-child(1) {
    letter-spacing: 3.9px;
    margin-left: -2px
}

.p-entry-mv_body_textsp>span:nth-child(2) {
    letter-spacing: 3px;
    margin-left: -3px
}

.p-entry-mv_body_textsp>span:nth-child(2)>span {
    margin-left: -8px
}

.p-entry-mv_body_textsp>span:nth-child(3) {
    letter-spacing: 1.9px
}

.p-entry-mv_body_textsp>span:nth-child(4) {
    letter-spacing: 2.1px
}

.p-entry-mv_body_textsp>span:nth-child(5) {
    letter-spacing: 1.9px
}

.p-entry-mv_body_textsp>span:nth-child(6) {
    letter-spacing: 1.8px
}

.p-entry-mv_body_textsp>span:nth-child(6)>span:nth-child(1) {
    margin-left: -11px
}

.p-entry-mv_body_textsp>span:nth-child(6)>span:nth-child(2) {
    margin-left: -8px
}

.p-entry-mv_body_textsp>span:nth-child(7) {
    letter-spacing: 1.9px
}

@media screen and (max-width: 600px) {
    .p-entry-mv_body .pc-text {
        display:none
    }
}

.p-entry-mv_body .sp-text {
    display: none
}

@media screen and (max-width: 600px) {
    .p-entry-mv_body .sp-text {
        display:block
    }
}

.p-entry-req {
    margin-top: 78px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 504px;
    max-width: 1600px;
    min-width: 980px;
    width: 84.4%
}

@media screen and (max-width: 1000px) {
    .p-entry-req {
        width:calc(100% - 100px);
        min-width: 0
    }
}

@media screen and (max-width: 800px) {
    .p-entry-req {
        margin-top:98px;
        width: 86.9%;
        padding-top: 0
    }
}

.p-entry-req_img1 {
    position: absolute;
    top: 0;
    left: auto;
    right: -107px;
    width: 720px;
    height: 300px
}

@media screen and (max-width: 800px) {
    .p-entry-req_img1 {
        width:110%;
        max-width: 640px;
        height: auto;
        position: relative;
        right: 0;
        margin-left: 15.6%
    }
}

.p-entry-req_img2 {
    position: absolute;
    top: 0;
    left: auto;
    right: 904px;
    width: 310px;
    height: 608px
}

@media screen and (min-width: 1367px) {
    .p-entry-req_img2 {
        right:78.4%
    }
}

@media screen and (max-width: 1200px) {
    .p-entry-req_img2 {
        right:89.4%
    }
}

@media screen and (max-width: 1000px) {
    .p-entry-req_img2 {
        right:auto;
        left: 73%;
        top: 480px
    }
}

@media screen and (max-width: 800px) {
    .p-entry-req_img2 {
        display:none
    }
}

.p-entry-req_join {
    position: absolute;
    top: 286px;
    left: auto;
    right: 21px;
    width: 406px;
    height: 126px
}

@media screen and (max-width: 800px) {
    .p-entry-req_join {
        display:none
    }
}

.p-entry-req_inner {
    margin: 0 0 0 auto;
    width: 825px;
    min-width: 770px;
    max-width: 82%
}

@media screen and (max-width: 1000px) {
    .p-entry-req_inner {
        max-width:none;
        width: 100%;
        min-width: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 800px) {
    .p-entry-req_inner {
        margin-top:88px
    }
}

.p-entry-req_head p {
    letter-spacing: 3px
}

@media screen and (max-width: 800px) {
    .p-entry-req_head p {
        letter-spacing:4.5px
    }
}

.p-entry-req_head h2 {
    margin-top: 42px;
    letter-spacing: 1.1px
}

@media screen and (max-width: 800px) {
    .p-entry-req_head h2 {
        margin-top:22px
    }
}

.p-entry-req_body {
    display: flex;
    justify-content: space-between;
    margin-top: 44px
}

@media screen and (max-width: 1000px) {
    .p-entry-req_body {
        display:block
    }
}

@media screen and (max-width: 800px) {
    .p-entry-req_body {
        margin-top:11px
    }
}

.p-entry-req_body_about {
    position: relative;
    width: 460px;
    padding-top: 30px
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about {
        width:100%
    }
}

.p-entry-req_body_about .about-item {
    display: flex;
    margin-bottom: 23px;
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about .about-item {
        margin-bottom:32px;
        display: block
    }
}

.p-entry-req_body_about .about-item_head {
    width: 138px;
    max-width: 138px;
    min-width: 138px;
    font-size: 15px;
    letter-spacing: 1px
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about .about-item_head {
        width:100%;
        max-width: 100%;
        min-width: 100%
    }
}

.p-entry-req_body_about .about-item_body {
    width: 100%;
    font-size: 13px;
    letter-spacing: .8px
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about .about-item_body {
        margin-top:11px;
        margin-left: -1px
    }
}

.p-entry-req_body_about .about-item_body p {
    width: 100%;
    line-height: 2;
    margin-bottom: 4px
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about .about-item_body p {
        margin-bottom:8px;
        line-height: 1.79
    }

    .p-entry-req_body_about .about-item_body p span {
        display: inline
    }

    .p-entry-req_body_about .about-item_body p .space {
        margin-left: 10px
    }

    .p-entry-req_body_about .about-item_body p .dot-space {
        margin-left: -3px
    }
}

.p-entry-req_body_about_link {
    display: flex;
    align-items: center;
    margin-top: 28px
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about_link {
        display:block
    }
}

.p-entry-req_body_about_link>p {
    width: 144px;
    max-width: 144px;
    min-width: 144px;
    font-size: 15px;
    letter-spacing: 1px;
    position: relative;
    top: -3px
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about_link>p {
        top:-2px
    }
}

.p-entry-req_body_about_link>div {
    width: 300px;
    height: 60px
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about_link>div {
        margin-top:17px
    }
}

.p-entry-req_body_about_link>div p {
    letter-spacing: .7px
}

.p-entry-req_body_about_img {
    display: none
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_about_img {
        display:block;
        position: absolute;
        top: 0;
        left: 65%;
        right: auto;
        bottom: 65px;
        width: 43%;
        height: 610px;
        margin: auto;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat
    }
}

.p-entry-req_body_type {
    width: 300px
}

@media screen and (max-width: 1000px) {
    .p-entry-req_body_type {
        width:100%;
        margin-top: 35px;
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type {
        display:block
    }
}

.p-entry-req_body_type .type-item {
    position: relative;
    height: 103px;
    padding-top: 30px;
    width: 300px
}

@media screen and (max-width: 1000px) {
    .p-entry-req_body_type .type-item:nth-child(odd) {
        margin-right:50px
    }
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item {
        padding-top:32px;
        width: 100%;
        height: 98.5px
    }
}

.p-entry-req_body_type .type-item_desc {
    font-size: 13px
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item_desc {
        letter-spacing:.8px
    }
}

.p-entry-req_body_type .type-item_about {
    position: absolute;
    top: 30px;
    left: auto;
    right: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #151515
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item_about {
        right:-2px;
        top: 28px;
        width: 28px;
        height: 28px
    }
}

.p-entry-req_body_type .type-item_about:after,.p-entry-req_body_type .type-item_about:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    margin: auto;
    z-index: 3;
    width: 2px;
    height: 14px;
    background: #fff;
    transition: .3s;
    opacity: 0
}

.p-entry-req_body_type .type-item_about:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.p-entry-req_body_type .type-item_about:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-entry-req_body_type .type-item_about_icon {
    color: #fff;
    line-height: 20px;
    width: 100%;
    text-align: center;
    font-family: roboto,sans-serif;
    font-size: 12px;
    padding-right: 1px;
    cursor: pointer;
    transition: .3s
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item_about_icon {
        line-height:28px
    }
}

.p-entry-req_body_type .type-item_about_text {
    top: auto;
    left: auto;
    right: 6px;
    bottom: 3px;
    width: 358px;
    position: absolute;
    z-index: -1;
    letter-spacing: .4px;
    padding: 13px 20px 14px 18px;
    color: #fff;
    background: #151515;
    border-radius: 3px;
    font-size: 13px;
    text-align: justify;
    line-height: 2;
    pointer-events: none;
    opacity: 0;
    transition: .2s
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item_about_text {
        width:330px;
        right: 12px;
        bottom: 10px
    }
}

@media screen and (min-width: 801px) {
    .p-entry-req_body_type .type-item_about:hover .type-item_about_text {
        opacity:1;
        pointer-events: all
    }
}

@media screen and (max-width: 800px) {
    .p-entry-req_body_type .type-item_about.is-open .type-item_about_text {
        opacity:1;
        pointer-events: all
    }

    .p-entry-req_body_type .type-item_about.is-open:before,.p-entry-req_body_type .type-item_about.is-open:after {
        opacity: 1
    }

    .p-entry-req_body_type .type-item_about.is-open .type-item_about_icon {
        opacity: 0
    }
}

.p-entry-req_body_type .type-item_head {
    font-size: 17px;
    margin-top: 10px;
    letter-spacing: 2.3px;
    margin-left: -1px;
    height: 44px;
    cursor: pointer;
    white-space: nowrap
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item_head {
        margin-top:7px;
        letter-spacing: 2.8px
    }
}

body.Safari .p-entry-req_body_type .type-item_head {
    letter-spacing: .8px
}

.p-entry-req_body_type .type-item_need {
    position: relative;
    left: -3px;
    top: -2px;
    font-size: 11px;
    letter-spacing: 2.2px;
    font-weight: 600
}

.p-entry-req_body_type .type-item_need .index {
    font-size: 13.5px;
    margin-left: 1px;
    font-family: roboto,sans-serif
}

.p-entry-req_body_type .type-item_arrow {
    width: 9px;
    height: 9px;
    position: absolute;
    top: auto;
    left: auto;
    right: 6px;
    bottom: 23px;
    border-right: solid 2px #151515;
    border-bottom: solid 2px #151515;
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
    pointer-events: none;
    transition: .3s
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item_arrow {
        right:8px
    }
}

.p-entry-req_body_type .type-item_line {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #151515;
    pointer-events: none
}

@media screen and (max-width: 750px) {
    .p-entry-req_body_type .type-item_line {
        height:2px
    }
}

.p-entry-req_body_type .type-item_line:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ececec;
    -webkit-transform-origin: right;
    transform-origin: right;
    transition: -webkit-transform .5s cubic-bezier(.79,.17,.15,.96);
    transition: transform .5s cubic-bezier(.79,.17,.15,.96);
    transition: transform .5s cubic-bezier(.79,.17,.15,.96),-webkit-transform .5s cubic-bezier(.79,.17,.15,.96);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.p-entry-req_body_type .type-item_head:hover+.type-item_arrow {
    -webkit-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg)
}

.p-entry-req_body_type .type-item_head:hover+.type-item_arrow+.type-item_line:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.p-fixed {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    font-family: roboto,sans-serif;
    font-weight: 500;
    pointer-events: none;
    overflow: hidden
}

.p-fixed:before {
    content: '';
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: opacity .7s
}

body.is-loading .p-fixed:before {
    opacity: 1
}

.p-fixed_logo {
    position: absolute;
    top: 55px;
    left: 60px;
    pointer-events: none;
    z-index: 21;
    transition: opacity .2s;
    color: #151515
}

@media screen and (max-width: 1000px) {
    .p-fixed_logo {
        position:absolute;
        top: 53px;
        left: 30px
    }
}

@media screen and (max-width: 800px) {
    .p-fixed_logo {
        position:absolute;
        top: 26px;
        left: 24px
    }
}

@media screen and (min-width: 801px) {
    .p-fixed_logo_titleWrap {
        transition:top .5s 1s cubic-bezier(.79,.17,.15,.96),opacity .4s,-webkit-transform 1s ease-out;
        transition: transform 1s ease-out,top .5s 1s cubic-bezier(.79,.17,.15,.96),opacity .4s;
        transition: transform 1s ease-out,top .5s 1s cubic-bezier(.79,.17,.15,.96),opacity .4s,-webkit-transform 1s ease-out;
        -webkit-animation: title_normal 1.7s cubic-bezier(.08,.92,.35,1) both;
        animation: title_normal 1.7s cubic-bezier(.08,.92,.35,1) both
    }
}

@media screen and (min-width: 801px) and (max-width:1000px) {
    .p-fixed_logo_titleWrap {
        -webkit-animation:title_normal_large 1.7s cubic-bezier(.08,.92,.35,1) both;
        animation: title_normal_large 1.7s cubic-bezier(.08,.92,.35,1) both
    }
}

@media screen and (min-width: 801px) {
    body.is-loading .p-fixed_logo_titleWrap {
        -webkit-animation-duration:0s;
        animation-duration: 0s
    }
}

.p-fixed_logo_title {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* -webkit-transform-origin: left; */
    /* transform-origin: left; */
    letter-spacing: 3px;
    /* pointer-events: auto; */
}

@media screen and (max-width: 800px) {
    .p-fixed_logo_title {
        letter-spacing:.6px
    }
}

.p-fixed_logo_title svg {
    width: 159px;
    height: 12px;
    transition: .3s .2s
}

@media screen and (max-width: 800px) {
    .p-fixed_logo_title svg {
        width:149.4px;
        height: 12px
    }
}

body.is-loading .p-fixed_logo_title svg {
    opacity: 0;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

body:not(#index) .p-fixed_logo_title.index-view {
    display: none
}

body#index .p-fixed_logo_title.lower-view {
    display: none
}

.p-fixed_logo #js-clip {
    fill: none!important;
    stroke: #fff!important;
    color: #fff!important
}

@media screen and (min-width: 801px) {
    .p-fixed_logo:hover {
        opacity:.6
    }
}

body:not(#index) .p-fixed_logo {
    pointer-events: auto
}

.p-fixed_logoLarge {
    position: absolute;
    top: 129px;
    left: 61px;
    width: 300px;
    height: 155px;
    /* z-index: 100; */
    /* color: transparent; */
}

@media screen and (max-width: 800px) {
    .p-fixed_logoLarge {
        left: 24px;
        top: 65px;
        width: 130px;
        height: 70px;
    }
}

.p-fixed_logoLarge g path {
    /* fill: none!important; */
    /* stroke-width: 10px; */
    stroke: #151515;
}

.p-fixed_logoLarge.show-ie {
    display: none;
    color: #151515
}

body.IE .p-fixed_logoLarge {
    display: none
}

body.IE .p-fixed_logoLarge.show-ie {
    display: block
}

body.is-loading.IE .p-fixed_logoLarge {
    -webkit-animation: fadeInLeft .5s .4s both;
    animation: fadeInLeft .5s .4s both
}

.p-fixed_logoSmall {
    position: absolute;
    top: -13px;
    left: 0;
    width: 125px;
    height: 63px;
    color: transparent;
}

@media screen and (max-width: 1000px) {
    .p-fixed_logoSmall {
        width:240px;
        height: 54px
    }
}

@media screen and (max-width: 800px) {
    .p-fixed_logoSmall {
        display:none
    }
}

.p-fixed_logoSmall g path {
    /* fill: none!important; */
    /* stroke-width: 13px; */
    /* stroke: #151515; */
}

.p-fixed_logoSmall.show-ie {
    display: none;
    color: #151515
}

body.IE .p-fixed_logoSmall {
    display: none
}

body.IE .p-fixed_logoSmall.show-ie {
    display: block
}

.p-fixed_menu {
    position: absolute;
    top: 58px;
    left: auto;
    right: 60px
}

@media screen and (max-width: 1000px) {
    .p-fixed_menu {
        position:absolute;
        top: 58px;
        left: auto;
        right: 30px
    }
}

@media screen and (max-width: 800px) {
    .p-fixed_menu {
        position:absolute;
        top: calc(100px + 14.8vh);
        left: 45px;
        right: auto;
        width: calc(100% - 72px)
    }
}

.p-fixed_menu a {
    transition: opacity .2s
}

.p-fixed_menu a:hover {
    opacity: .5
}

.p-fixed_menu_links {
    display: flex;
    justify-content: flex-end;
    -webkit-transform: translateY(-22px);
    transform: translateY(-22px);
    font-weight: 300;
    transition: .3s .05s cubic-bezier(.58,.25,.4,.75)
}

.p-fixed_menu_links_item {
    position: relative;
    letter-spacing: .6px;
    margin-left: 30px;
    pointer-events: auto;
    font-size: 12px
}

@media(min-width: 1366px) {
    .p-fixed_menu_links_item {
        font-size:calc(.75rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .p-fixed_menu_links_item {
        font-size:12px
    }
}

.p-fixed_menu_links_item:after {
    content: "";
    position: relative;
    top: 2px;
    right: 2px;
    width: 1px;
    height: 11px;
    background-color: currentColor;
    display: inline-block;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin-left: 13px
}

.p-fixed_menu_nav {
    margin-top: 90px;
    width: 100%;
    display: flex;
    -webkit-transform: translateY(-82px);
    transform: translateY(-82px);
    transition: .4s cubic-bezier(.58,.25,.4,.75)
}

@media screen and (max-width: 800px) {
    .p-fixed_menu_nav {
        -webkit-transform:translateY(0);
        transform: translateY(0);
        margin-top: 0;
        display: block
    }
}

.p-fixed_menu .navItem {
    position: relative;
    font-size: 14px;
    letter-spacing: .7px;
    margin-left: 58px;
    font-weight: 400;
    font-family: roboto,sans-serif
}

@media screen and (min-width: 801px) {
    .p-fixed_menu .navItem {
        pointer-events:auto;
        transition: .3s
    }

    body.culture-hover .p-fixed_menu .navItem:nth-child(1),body.culture-hover .p-fixed_menu .navItem:nth-child(3) {
        opacity: .1;
        pointer-events: none
    }
}

@media screen and (max-width: 800px) {
    .p-fixed_menu .navItem {
        letter-spacing:1.5px;
        font-size: 19px;
        margin-left: 0;
        line-height: 1;
        margin-top: 4.4vh
    }

    .p-fixed_menu .navItem:nth-child(3) {
        /* display: none */
    }
}

.p-fixed_menu .navItem_target {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer
}

@media screen and (max-width: 800px) {
    .p-fixed_menu .navItem_target p {
        display:flex;
        justify-content: space-between;
        align-items: center
    }
}

.p-fixed_menu .navItem_target p svg {
    display: none
}

@media screen and (max-width: 800px) {
    .p-fixed_menu .navItem_target p svg {
        position:relative;
        top: 1px;
        display: block;
        width: 12px;
        height: auto
    }
}

.p-fixed_menu .navItem_child {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 20px
}

@media screen and (max-width: 800px) {
    .p-fixed_menu .navItem_child {
        padding-top:5px;
        position: relative
    }
}

.p-fixed_menu .navItem_child_item {
    letter-spacing: .6px;
    display: block;
    white-space: nowrap;
    margin-top: 22px;
    margin-left: 2px;
    font-size: 13px
}

@media(min-width: 1366px) {
    .p-fixed_menu .navItem_child_item {
        font-size:calc(.8125rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .p-fixed_menu .navItem_child_item {
        font-size:13px
    }
}

@media screen and (min-width: 801px) {
    .p-fixed_menu .navItem_child_item {
        opacity:0;
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    .p-fixed_menu .navItem_child_item:nth-child(1) {
        transition: opacity .3s 0s,color .2s,-webkit-transform .3s 0s;
        transition: opacity .3s 0s,transform .3s 0s,color .2s;
        transition: opacity .3s 0s,transform .3s 0s,color .2s,-webkit-transform .3s 0s
    }

    .p-fixed_menu .navItem_child_item:nth-child(2) {
        transition: opacity .3s .04s,color .2s,-webkit-transform .3s .04s;
        transition: opacity .3s .04s,transform .3s .04s,color .2s;
        transition: opacity .3s .04s,transform .3s .04s,color .2s,-webkit-transform .3s .04s
    }

    .p-fixed_menu .navItem_child_item:nth-child(3) {
        transition: opacity .3s .08s,color .2s,-webkit-transform .3s .08s;
        transition: opacity .3s .08s,transform .3s .08s,color .2s;
        transition: opacity .3s .08s,transform .3s .08s,color .2s,-webkit-transform .3s .08s
    }

    .p-fixed_menu .navItem_child_item:nth-child(4) {
        transition: opacity .3s .12s,color .2s,-webkit-transform .3s .12s;
        transition: opacity .3s .12s,transform .3s .12s,color .2s;
        transition: opacity .3s .12s,transform .3s .12s,color .2s,-webkit-transform .3s .12s
    }

    .p-fixed_menu .navItem_child_item:nth-child(5) {
        transition: opacity .3s .16s,color .2s,-webkit-transform .3s .16s;
        transition: opacity .3s .16s,transform .3s .16s,color .2s;
        transition: opacity .3s .16s,transform .3s .16s,color .2s,-webkit-transform .3s .16s
    }

    .p-fixed_menu .navItem_child_item:nth-child(6) {
        transition: opacity .3s .2s,color .2s,-webkit-transform .3s .2s;
        transition: opacity .3s .2s,transform .3s .2s,color .2s;
        transition: opacity .3s .2s,transform .3s .2s,color .2s,-webkit-transform .3s .2s
    }
}

@media screen and (max-width: 800px) {
    .p-fixed_menu .navItem_child_item {
        letter-spacing:.8px;
        margin-top: 3.52vh;
        font-size: 15px;
        margin-left: 0
    }
}

.p-fixed_menu .navItem_child_item:hover {
    color: rgba(20,20,20,.6)
}

@media screen and (min-width: 801px) {
    .p-fixed_menu .navItem:hover .navItem_child {
        pointer-events:auto
    }

    .p-fixed_menu .navItem:hover .navItem_child_item {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.p-fixed_menu .navItem:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -2px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #151515;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: top .3s,-webkit-transform .3s;
    transition: transform .3s,top .3s;
    transition: transform .3s,top .3s,-webkit-transform .3s
}

body.view-mv .p-fixed_menu .navItem:before {
    top: -22px
}

@media screen and (min-width: 801px) {
    body#index .p-fixed_menu .navItem:nth-child(1),body#entry .p-fixed_menu .navItem:nth-child(3) {
        pointer-events:none
    }

    body#index .p-fixed_menu .navItem:nth-child(1):before,body#entry .p-fixed_menu .navItem:nth-child(3):before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    body#culture .p-fixed_menu .navItem:nth-child(2) .navItem_target {
        pointer-events: none
    }

    body#culture .p-fixed_menu .navItem:nth-child(2):before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.p-fixed_btn {
    position: absolute;
    top: 25px;
    left: auto;
    right: 27px;
    z-index: 20;
    width: 84px;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    pointer-events: all
}

.p-fixed_btn_icon {
    height: 100%;
    height: 22px;
    width: 31px;
    max-width: 31px;
    min-width: 31px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.p-fixed_btn_icon span {
    position: relative;
    display: block;
    -webkit-transform: translateY(0) scaleX(1);
    transform: translateY(0) scaleX(1);
    transition: -webkit-transform .4s cubic-bezier(.58,.25,.4,.75);
    transition: transform .4s cubic-bezier(.58,.25,.4,.75);
    transition: transform .4s cubic-bezier(.58,.25,.4,.75),-webkit-transform .4s cubic-bezier(.58,.25,.4,.75);
    width: 100%;
    height: 2px
}

.p-fixed_btn_icon span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: currentColor;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .3s .15s cubic-bezier(.79,.17,.15,.96);
    transition: transform .3s .15s cubic-bezier(.79,.17,.15,.96);
    transition: transform .3s .15s cubic-bezier(.79,.17,.15,.96),-webkit-transform .3s .15s cubic-bezier(.79,.17,.15,.96)
}

.p-fixed_btn_icon span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 100%;
    height: 2px;
    border-radius: 3px;
    background-color: currentColor;
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: .3s cubic-bezier(.79,.17,.15,.96)
}

.p-fixed_btn_icon span:nth-child(1):after {
    -webkit-transform: rotate(45deg) scaleX(0);
    transform: rotate(45deg) scaleX(0)
}

.p-fixed_btn_icon span:nth-child(2):before {
    -webkit-transform-origin: left;
    transform-origin: left
}

.p-fixed_btn_icon span:nth-child(2):after {
    display: none
}

.p-fixed_btn_icon span:nth-child(3):after {
    -webkit-transform: rotate(-45deg) scaleX(0);
    transform: rotate(-45deg) scaleX(0)
}

body.menu-open:not(.is-change-start) .p-fixed_btn_icon span:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: .3s cubic-bezier(.79,.17,.15,.96)
}

body.menu-open:not(.is-change-start) .p-fixed_btn_icon span:nth-child(1):after {
    -webkit-transform: rotate(45deg) scaleX(.915);
    transform: rotate(45deg) scaleX(.915);
    transition: .3s .15s cubic-bezier(.79,.17,.15,.96)
}

body.menu-open:not(.is-change-start) .p-fixed_btn_icon span:nth-child(3):after {
    -webkit-transform: rotate(-45deg) scaleX(.915);
    transform: rotate(-45deg) scaleX(.915);
    transition: .3s .15s cubic-bezier(.79,.17,.15,.96)
}

.p-fixed_btn p {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: roboto,sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-fixed_btn p span {
    display: block
}

.p-fixed_btn p span:nth-child(1) {
    transition: .55s 0s
}

.p-fixed_btn p span:nth-child(2) {
    transition: .55s .03s
}

.p-fixed_btn p span:nth-child(3) {
    transition: .55s .06s
}

.p-fixed_btn p span:nth-child(4) {
    transition: .55s .09s
}

.p-fixed_btn p span:nth-child(5) {
    transition: .55s .12s
}

.p-fixed_btn p.open span {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1
}

body.menu-open:not(.is-change-start) .p-fixed_btn p.open span {
    -webkit-transform: translateX(4px) rotateY(-90deg);
    transform: translateX(4px) rotateY(-90deg);
    opacity: 0
}

.p-fixed_btn p.close span {
    -webkit-transform: translateX(-4px) rotateY(90deg);
    transform: translateX(-4px) rotateY(90deg);
    opacity: 0
}

body.menu-open:not(.is-change-start) .p-fixed_btn p.close span {
    -webkit-transform: translateX(0) rotateY(0deg);
    transform: translateX(0) rotateY(0deg);
    opacity: 1
}

.p-fixed_copySP {
    position: absolute;
    top: 152px;
    left: 42px;
    letter-spacing: 1px;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    font-size: 14px;
    letter-spacing: 3.7px;
    white-space: nowrap;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media screen and (max-width: 600px) {
    .p-fixed_copySP {
        position:absolute;
        top: 152px;
        left: 24px
    }
}

.p-fixed_copyPC {
    position: absolute;
    top: 295px;
    left: 163px;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    line-height: 2;
    font-size: 23px;
    font-weight: 500;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    pointer-events: none;
    z-index: 10
}

.p-fixed_copyPC span {
    display: block;
    transition: opacity .5s;
    opacity: 0
}

.p-fixed_copyPC span:nth-child(1) {
    letter-spacing: 4.5px
}

body.culture-hover .p-fixed_copyPC span:nth-child(1) {
    opacity: 1;
    transition: .8s .2s
}

.p-fixed_copyPC span:nth-child(2) {
    letter-spacing: 5.7px
}

body.culture-hover .p-fixed_copyPC span:nth-child(2) {
    opacity: 1;
    transition: .8s .3s
}

.p-fixed .p-fixed_logoSmall.show-ie {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: .6s .5s
}

.p-fixed .p-fixed_logoLarge.show-ie {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: .5s
}

@media screen and (max-width: 800px) {
    .p-fixed_bg {
        position:absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 100%;
        z-index: -1;
        min-width: 200%;
        background-image: linear-gradient(to right,white,white 50%,rgba(255,255,255,0) 100%);
        -webkit-transform: translate3d(-75%,0,0);
        transform: translate3d(-75%,0,0);
        opacity: 0;
        transition: opacity .3s,-webkit-transform 0s .3s;
        transition: opacity .3s,transform 0s .3s;
        transition: opacity .3s,transform 0s .3s,-webkit-transform 0s .3s
    }

    .p-fixed_copySP {
        opacity: 0;
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
        transition: opacity .3s,-webkit-transform 0s .3s;
        transition: opacity .3s,transform 0s .3s;
        transition: opacity .3s,transform 0s .3s,-webkit-transform 0s .3s
    }

    .p-fixed_menu_nav {
        opacity: 0;
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
        transition: opacity .3s,-webkit-transform 0s .3s;
        transition: opacity .3s,transform 0s .3s;
        transition: opacity .3s,transform 0s .3s,-webkit-transform 0s .3s
    }
}

body.view-mv .p-fixed .p-fixed_logoSmall.show-ie {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: .4s ease-out
}

body.view-mv .p-fixed .p-fixed_logoLarge.show-ie {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (min-width: 801px) {
    body.view-mv .p-fixed_logo_titleWrap {
        -webkit-animation:title_moved 1.05s .1s cubic-bezier(.79,.17,.15,.96) both;
        animation: title_moved 1.05s .1s cubic-bezier(.79,.17,.15,.96) both
    }
}

@media screen and (min-width: 801px) and (max-width:1000px) {
    body.view-mv .p-fixed_logo_titleWrap {
        -webkit-animation:title_moved_large 1.05s .1s cubic-bezier(.79,.17,.15,.96) both;
        animation: title_moved_large 1.05s .1s cubic-bezier(.79,.17,.15,.96) both
    }
}

@media screen and (min-width: 801px) {
    body.is-change-start body.view-mv .p-fixed_logo_titleWrap {
        -webkit-animation-delay:.5s!important;
        animation-delay: .5s!important
    }

    body.view-mv .p-fixed_menu_links,body.view-mv .p-fixed_menu_nav {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 801px) {
    body#culture.culture-hover:not(.view-mv) .p-fixed_logo_titleWrap {
        -webkit-animation:title_moved .95s cubic-bezier(.79,.17,.15,.96) both;
        animation: title_moved .95s cubic-bezier(.79,.17,.15,.96) both
    }
}

@media screen and (min-width: 801px) and (max-width:1000px) {
    body#culture.culture-hover:not(.view-mv) .p-fixed_logo_titleWrap {
        -webkit-animation:title_moved_large .95s cubic-bezier(.79,.17,.15,.96) both;
        animation: title_moved_large .95s cubic-bezier(.79,.17,.15,.96) both
    }
}

@media screen and (max-width: 800px) {
    body.menu-open:not(.is-change-start) .p-fixed_bg {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
        transition: opacity .3s,-webkit-transform .5s cubic-bezier(.58,.25,.4,.75);
        transition: opacity .3s,transform .5s cubic-bezier(.58,.25,.4,.75);
        transition: opacity .3s,transform .5s cubic-bezier(.58,.25,.4,.75),-webkit-transform .5s cubic-bezier(.58,.25,.4,.75)
    }

    body.menu-open:not(.is-change-start) .p-fixed_copySP {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        transition: opacity .5s .3s,-webkit-transform .5s .3s;
        transition: opacity .5s .3s,transform .5s .3s;
        transition: opacity .5s .3s,transform .5s .3s,-webkit-transform .5s .3s
    }

    body.menu-open:not(.is-change-start) .p-fixed_menu_nav {
        pointer-events: all;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    body.menu-open:not(.is-change-start) .p-fixed_menu_nav {
        transition: opacity .3s .14s,-webkit-transform .3s .14s;
        transition: opacity .3s .14s,transform .3s .14s;
        transition: opacity .3s .14s,transform .3s .14s,-webkit-transform .3s .14s
    }

    body.menu-open:not(.is-change-start) .p-fixed .navItem_child {
        pointer-events: auto
    }
}

.p-fixed_spEntry {
    position: fixed;
    z-index: 200!important;
    right: 24px;
    bottom: 25px;
    margin: auto;
    width: calc(100vw - 48px);
    max-width: 320px;
    height: 50px;
    color: #151515;
    background-color: #fff;

    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1.3px;
    padding-left: 14px;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    transition: opacity .3s,background-color .3s .3s,color .3s .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s,background-color .3s .3s,color .3s .3s;
    transition: transform .3s,opacity .3s,background-color .3s .3s,color .3s .3s,-webkit-transform .3s;
    cursor: pointer;
    pointer-events: all;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width: 600px) {
    .p-fixed_spEntry {
        max-width:none
    }
}

body#entry .p-fixed_spEntry,body.is-loading .p-fixed_spEntry {
    -webkit-transform: translate3d(0,10px,0)!important;
    transform: translate3d(0,10px,0)!important;
    opacity: 0!important;
    pointer-events: none!important;
    transition: opacity .3s,background-color 0s .3s,color 0s .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s,background-color 0s .3s,color 0s .3s;
    transition: transform .3s,opacity .3s,background-color 0s .3s,color 0s .3s,-webkit-transform .3s
}

.p-fixed_spEntry svg {
    margin-left: 7px;
    width: 12px;
    height: auto
}

@media screen and (max-width: 800px) {
    body.menu-open:not(.is-change-start) .p-fixed_spEntry {
        pointer-events:all;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        color: #fff;
        background-color: #151515
    }
}

.p-foot-entry {
    position: relative;
    max-width: 1700px;
    width: calc(100vw - 120px);
    height: 482px;
    margin-top: 225px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

@media screen and (max-width: 1000px) {
    .p-foot-entry {
        margin-top:150px;
        width: calc(100vw - 60px);
        height: 482px
    }
}

@media screen and (max-width: 600px) {
    .p-foot-entry {
        width:calc(100vw - 50px);
        height: calc(300px + 17vw);
        color: #151515
    }
}

.p-foot-entry:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 3px;
    background-color: #151515;
    opacity: 1
}

.p-foot-entry_observe {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 20%
}

.p-foot-entry>svg {
    color: #151515;
    z-index: -2
}

.p-foot-entry>svg,.p-foot-entry_box_copyWrap>svg,.p-foot-entry_inner>svg {
    width: calc(100vw - 208px);
    max-width: 1500px;
    height: auto
}

@media screen and (min-width: 1701px) {
    .p-foot-entry>svg,.p-foot-entry_box_copyWrap>svg,.p-foot-entry_inner>svg {
        width:1492px;
        height: 482px
    }
}

@media screen and (max-width: 1000px) {
    .p-foot-entry>svg,.p-foot-entry_box_copyWrap>svg,.p-foot-entry_inner>svg {
        width:calc(100vw - 120px);
        max-width: calc(100vw - 120px);
        min-width: calc(100vw - 120px)
    }
}

@media screen and (max-width: 600px) {
    .p-foot-entry>svg,.p-foot-entry_box_copyWrap>svg,.p-foot-entry_inner>svg {
        width:calc(100vw - 15px);
        max-width: calc(100vw - 15px);
        min-width: calc(100vw - 15px);
        position: relative;
        top: 37px
    }
}

.p-foot-entry_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff
}

@media screen and (max-width: 600px) {
    .p-foot-entry_inner>svg {
        display:block
    }
}

.p-foot-entry_message {
    position: absolute;
    top: 339px;
    left: 0;
    width: calc(50% + 2.9vw);
    height: auto;
    text-align: right;
    font-size: 22px;
    letter-spacing: 3.7px
}

@media screen and (max-width: 800px) {
    .p-foot-entry_message {
        width:48%;
        letter-spacing: 5px;
        line-height: 38px
    }

    .p-foot-entry_message>span:nth-child(1) {
        letter-spacing: 4.8px
    }
}

@media screen and (max-width: 600px) {
    .p-foot-entry_message {
        left:50px;
        text-align: left;
        font-size: 18px;
        top: 51px;
        color: #151515;
        z-index: 2;
        width: 100%;
        letter-spacing: 3px
    }

    .p-foot-entry_message>span:nth-child(1) {
        letter-spacing: 3.5px
    }
}

.p-foot-entry_box {
    position: absolute;
    top: 81px;
    left: calc(50% + 6.5vw);
    margin: auto;
    width: 240px;
    height: 340px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 3px;
    color: #151515;
    padding: 0 30px 30px 29px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch
}

@media screen and (max-width: 800px) {
    .p-foot-entry_box {
        left:calc(50% + 2vw)
    }
}

@media screen and (max-width: 600px) {
    .p-foot-entry_box {
        position:absolute;
        top: 20px;
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        padding: 28px 29px
    }
}

.p-foot-entry_box .title-en {
    letter-spacing: 1px;
    -webkit-transform: scaleY(.97);
    transform: scaleY(.97);
    margin-top: 91px
}

@media screen and (max-width: 1366px) {
    .p-foot-entry_box .title-en {
        margin-top:6.65vw
    }
}

@media screen and (max-width: 600px) {
    .p-foot-entry_box .title-en {
        margin-top:104px
    }
}

.p-foot-entry_box .c-btn {
    height: 60px
}

@media screen and (max-width: 600px) {
    .p-foot-entry_box .c-btn {
        width:200px;
        max-width: 100%;
        margin-left: auto;
        margin-right: 30px
    }
}

.p-foot-entry_box .c-btn p {
    justify-content: flex-start
}

.p-foot-entry_box .c-btn p svg {
    position: relative;
    left: auto;
    top: 2px;
    left: 6px;
    width: 12px;
    margin: 0
}

.p-foot-entry_box_copyWrap {
    position: absolute;
    top: -81px;
    left: -6.5vw;
    width: 100vw;
    height: 482px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1701px) {
    .p-foot-entry_box_copyWrap {
        width:1700px;
        height: 482px
    }
}

@media screen and (max-width: 600px) {
    .p-foot-entry_box_copyWrap {
        height:calc(300px + 17vw);
        left: -45px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        top: -20px
    }
}

.p-foot-entry.is-invasion .p-foot-entry_box,.p-foot-entry.is-invasion .p-foot-entry_message {
    opacity: 1;
    transition: opacity .3s .75s
}

.p-foot-entry.is-invasion .p-foot-entry_inner>svg,.p-foot-entry.is-invasion:before {
    opacity: 1;
    transition: opacity .35s .3s
}

.p-cul-flow+.p-foot-entry {
    margin-top: 100px
}

@media screen and (max-width: 800px) {
    .p-cul-flow+.p-foot-entry {
        margin-top:150px
    }
}

.p-footer {
    position: relative;
    margin-top: 60px;
    width: 100%;
    height: 254px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 120px)
}

@media screen and (max-width: 1000px) {
    .p-footer {
        width:calc(100vw - 60px)
    }
}

@media screen and (max-width: 600px) {
    .p-footer {
        margin-top:44px;
        width: calc(100vw - 47px);
        height: 230px
    }
}

.p-footer a {
    transition: opacity .3s
}

.p-footer a:hover {
    opacity: .5
}

.p-footer_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 289px;
    height: 62px
}

@media screen and (max-width: 800px) {
    .p-footer_logo {
        width:260px;
        height: 55px

    }
}

@media screen and (max-width: 600px) {
    .p-footer_logo {
        display:none
    }
}

.p-footer_logo svg {
    width: 45%;
    height: auto;
    stroke-width: 0;
}

body#index .p-footer_logo {
    pointer-events: none
}

.p-footer_addr {
    position: absolute;
    top: 100px;
    left: 0;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    line-height: 22px;
    padding-left: 1px;
    letter-spacing: .7px;
    font-size: 12px
}

@media(min-width: 1366px) {
    .p-footer_addr {
        font-size:calc(.75rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .p-footer_addr {
        font-size:12px
    }
}

@media screen and (max-width: 600px) {
    .p-footer_addr {
        padding-left:0;
        top: 81px
    }
}

.p-footer_small {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 53px;
    font-family: roboto,sans-serif;
    letter-spacing: .7px;
    font-size: 10px
}

@media(min-width: 1366px) {
    .p-footer_small {
        font-size:calc(.625rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .p-footer_small {
        font-size:10px
    }
}

@media screen and (max-width: 600px) {
    .p-footer_small {
        bottom:47px;
        left: -2px
    }
}

.p-footer_nav {
    position: absolute;
    top: 28px;
    left: auto;
    right: -5px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media screen and (max-width: 600px) {
    .p-footer_nav {
        display:none
    }
}

.p-footer_nav_item {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    letter-spacing: .7px;
    margin-left: 48px;
    padding: 5px;
    font-weight: 400;
    font-family: roboto,sans-serif
}

.p-footer_nav_item:before {
    content: '';
    position: absolute;
    top: -18px;
    left: -2px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #151515;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: top .3s,-webkit-transform .3s;
    transition: transform .3s,top .3s;
    transition: transform .3s,top .3s,-webkit-transform .3s
}

@media screen and (min-width: 801px) {
    body#index .p-footer_nav_item:nth-child(1),body#culture .p-footer_nav_item:nth-child(2),body#entry .p-footer_nav_item:nth-child(3) {
        pointer-events:none
    }

    body#index .p-footer_nav_item:nth-child(1):before,body#culture .p-footer_nav_item:nth-child(2):before,body#entry .p-footer_nav_item:nth-child(3):before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.p-footer_sns {
    position: absolute;
    top: 133px;
    left: auto;
    right: -2px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media screen and (max-width: 600px) {
    .p-footer_sns {
        right:-4px;
        top: 66px;
        flex-direction: column
    }
}

.p-footer_sns_item {
    position: relative;
    width: 34px;
    height: 34px;
    margin-left: 5px
}

@media screen and (max-width: 600px) {
    .p-footer_sns_item {
        margin:0 0 10px
    }
}

.p-footer_sns_item svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.p-footer_sns_item.icon-twitter svg {
    width: 18px;
    height: 15px
}

.p-footer_sns_item.icon-facebook svg {
    width: 11px;
    height: 20px
}

.p-footer_sns_item.icon-instagram svg {
    width: 18px;
    height: 18px
}

.p-footer_links {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 53px
}

@media screen and (max-width: 600px) {
    .p-footer_links {
        left:0;
        top: 0;
        right: auto;
        bottom: auto;
        display: flex;
        flex-direction: column
    }
}

.p-footer_links_item {
    position: relative;
    font-family: roboto,sans-serif;
    letter-spacing: .6px;
    margin-left: 25px;
    font-weight: 300;
    pointer-events: auto;
    font-size: 12px
}

@media(min-width: 1366px) {
    .p-footer_links_item {
        font-size:calc(.75rem + (1vw - 13.66px)*0)
    }
}

@media(min-width: 1700px) {
    .p-footer_links_item {
        font-size:12px
    }
}

@media screen and (max-width: 600px) {
    .p-footer_links_item {
        display:block;
        font-size: 15px;
        margin: 0 0 12px
    }

    .p-footer_links_item:first-child {
        order: 2
    }
}

.p-footer_links_item:after {
    content: "";
    position: relative;
    top: 2px;
    right: 2px;
    width: 1px;
    height: 11px;
    background-color: currentColor;
    display: inline-block;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin-left: 13px
}

.p-formrun {
    position: relative;
    font-size: 13px;
    letter-spacing: .8px;
    margin-top: 35px;
    padding-top: 17px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    pointer-events: none;
    width: 100%
}

@media screen and (max-width: 900px) {
    .p-formrun {
        margin-top:10px;
        display: block
    }
}

.p-formrun_left {
    width: 300px;
    margin-right: 40px;
    padding-top: 16px
}

@media screen and (max-width: 1220px) {
    .p-formrun_left {
        width:250px;
        margin-right: 20px
    }
}

@media screen and (max-width: 900px) {
    .p-formrun_left {
        width:100%
    }

    .p-formrun_left .p-formrun_submitArea {
        display: none
    }
}

.p-formrun_right {
    width: calc(100% - 340px)
}

@media screen and (max-width: 1220px) {
    .p-formrun_right {
        width:calc(100% - 280px)
    }
}

@media screen and (max-width: 900px) {
    .p-formrun_right {
        position:relative;
        z-index: 2;
        width: 100%;
        padding-top: 3px
    }
}

.p-formrun_largeItem {
    position: relative;
    width: 100%;
    background: #202020;
    padding: 0 5px;
    border-radius: 3px;
    padding-bottom: 3px;
    margin-bottom: 20px
}

@media screen and (max-width: 900px) {
    .p-formrun_largeItem {
        margin-bottom:29px;
        padding: 0 0 2px;
        background: none
    }

    .p-formrun_largeItem:before {
        content: '';
        position: absolute;
        left: -13px;
        z-index: -1;
        top: 0;
        width: calc(100% + 26px);
        border-radius: 3px;
        height: 100%;
        background: #202020
    }
}

body.formrun-system-confirm .p-formrun_largeItem * {
    pointer-events: none!important
}

.p-formrun_largeItem:after {
    content: '';
    position: absolute;
    left: 10px;
    bottom: 0;
    height: 3px;
    width: calc(100% - 20px);
    background: #fff
}

@media screen and (max-width: 900px) {
    .p-formrun_largeItem:after {
        height:2px;
        left: 0;
        width: 100%
    }
}

.p-formrun_largeItem-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 21px;
    background: #202020;
    z-index: 3;
    font-weight: 500;
    font-size: 14.5px;
    letter-spacing: 2px
}

.p-formrun_largeItem-head p {
    display: none
}

@media screen and (max-width: 900px) {
    .p-formrun_largeItem-head {
        font-size:13px;
        padding-top: 16px;
        padding-bottom: 12px;
        padding-left: 0;
        left: 0
    }

    .is-pr .p-formrun_largeItem-head {
        padding-top: 13px;
        font-size: 14.5px
    }

    .is-pr .p-formrun_largeItem-head:after {
        position: absolute;
        top: 13px;
        left: 64px
    }

    .p-formrun_largeItem-head span {
        display: none
    }

    .p-formrun_largeItem-head p {
        display: block;
        margin-top: 5px;
        font-size: 12.4px
    }
}

.p-formrun_largeItem.p-formrun_text {
    height: 100px
}

@media screen and (max-width: 900px) {
    .p-formrun_largeItem.p-formrun_text {
        height:123px
    }
}

.p-formrun_largeItem.p-formrun_textArea {
    height: 220px
}

.p-formrun_largeItem .error-text,.p-formrun_largeItem textarea,.p-formrun_largeItem input[type=text] {
    height: 100%;
    padding: 6px;
    line-height: 2;
    padding-top: 57px;
    padding-left: 17px;
    padding-right: 10px
}

@media screen and (max-width: 900px) {
    .p-formrun_largeItem .error-text,.p-formrun_largeItem textarea,.p-formrun_largeItem input[type=text] {
        line-height:1.86;
        padding-top: 52px;
        padding-right: 5px;
        padding-left: 0
    }
}

.p-formrun_largeItem .error-text {
    padding-left: 22px
}

@media screen and (max-width: 900px) {
    .p-formrun_largeItem .error-text {
        padding-left:0
    }
}

@media screen and (max-width: 900px) {
    .p-formrun_largeItem.is-pr {
        height:243px
    }

    .p-formrun_largeItem.is-pr textarea {
        padding-top: 74px
    }

    .p-formrun_largeItem.is-pr .error-text {
        padding-top: 74px
    }
}

.p-formrun_largeItem input[type=text] {
    padding-top: 44px;
    text-overflow: ellipsis
}

.p-formrun_largeItem.is-required .p-formrun_largeItem-head:after {
    content: "*";
    margin-left: 3px
}

.p-formrun_largeItem:nth-child(3) .p-formrun_largeItem-head:after {
    margin-left: -5px
}

.p-formrun_item {
    width: 100%;
    margin-bottom: 36px;
    border-bottom: solid 3px #fff
}

@media screen and (max-width: 900px) {
    .p-formrun_item {
        margin-bottom:26px;
        border-bottom: solid 2px #fff
    }
}

body.formrun-system-confirm .p-formrun_item * {
    pointer-events: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-formrun_item-head {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.5px
}

@media screen and (max-width: 800px) {
    .p-formrun_item-head {
        font-size:13px
    }
}

.p-formrun_item-head:after {
    content: "*";
    margin-left: 3px
}

.p-formrun_item .error-text {
    display: flex;
    align-items: center;
    pointer-events: none
}

.p-formrun_item .error-text,.p-formrun_item textarea,.p-formrun_item input[type=text],.p-formrun_item select {
    height: 60px;
    padding-top: 6px
}

@media screen and (max-width: 900px) {
    .p-formrun_item .error-text,.p-formrun_item textarea,.p-formrun_item input[type=text],.p-formrun_item select {
        padding-top:0
    }
}

.p-formrun .error-text,.p-formrun textarea,.p-formrun input[type=text],.p-formrun select {
    border-radius: 0;
    width: 100%;
    pointer-events: all;
    letter-spacing: 1.24px
}

body.formrun-system-confirm .p-formrun .error-text,body.formrun-system-confirm .p-formrun textarea,body.formrun-system-confirm .p-formrun input[type=text],body.formrun-system-confirm .p-formrun select {
    pointer-events: none
}

@media screen and (max-width: 900px) {
    .p-formrun .error-text,.p-formrun textarea,.p-formrun input[type=text],.p-formrun select {
        width:100%
    }
}

.p-formrun input:focus+.error-text,.p-formrun textarea:focus+.error-text {
    display: none
}

.p-formrun .error-text {
    pointer-events: none!important;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ff8b8b
}

.p-formrun_select,.p-formrun_text {
    position: relative
}

.p-formrun_select {
    position: relative
}

.p-formrun_select select {
    cursor: pointer;
    pointer-events: none
}

@media screen and (max-width: 600px) {
    .p-formrun_select select {
        pointer-events:auto
    }
}

.p-formrun_select_target {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: all;
    cursor: pointer
}

@media screen and (max-width: 600px) {
    .p-formrun_select_target {
        pointer-events:none
    }
}

.p-formrun_select_target_inner {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 83px;
    width: 100%;
    pointer-events: none
}

.p-formrun_select_target_item {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 2px 15px 0;
    border-bottom: solid 3px #151515;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    opacity: 0
}

.p-formrun_select_target_item:nth-child(1) {
    transition: .3s .04s
}

.p-formrun_select_target_item:nth-child(2) {
    transition: .3s .08s
}

.p-formrun_select_target_item:nth-child(3) {
    transition: .3s .12s
}

.p-formrun_select_target_item:nth-child(4) {
    transition: .3s .16s
}

.p-formrun_select_target_item:nth-child(5) {
    transition: .3s .2s
}

.p-formrun_select_target_item:nth-child(6) {
    transition: .3s .24s
}

.p-formrun_select_target_item:nth-child(7) {
    transition: .3s .28s
}

.p-formrun_select_target_item:nth-child(8) {
    transition: .3s .32s
}

.p-formrun_select_target_item:nth-child(9) {
    transition: .3s .36s
}

.p-formrun_select_target_item:nth-child(10) {
    transition: .3s .4s
}

.p-formrun_select_target_item:nth-child(11) {
    transition: .3s .44s
}

.p-formrun_select_target_item:nth-child(12) {
    transition: .3s .48s
}

.p-formrun_select_target_item:nth-child(13) {
    transition: .3s .52s
}

.p-formrun_select_target_item:nth-child(14) {
    transition: .3s .56s
}

.p-formrun_select_target_item:nth-child(15) {
    transition: .3s .6s
}

.p-formrun_select_target_item:nth-child(16) {
    transition: .3s .64s
}

.p-formrun_select_target_item:nth-child(17) {
    transition: .3s .68s
}

.p-formrun_select_target_item:nth-child(18) {
    transition: .3s .72s
}

.p-formrun_select_target_item:nth-child(19) {
    transition: .3s .76s
}

.p-formrun_select_target_item:nth-child(20) {
    transition: .3s .8s
}

.p-formrun_select_target_item:last-child {
    border-bottom: 0
}

.p-formrun_select_target_item:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #202020;
    transition: .2s
}

.p-formrun_select_target_item:hover:before {
    background: #343434
}

.p-formrun_select_target.is-open {
    z-index: 3
}

.p-formrun_select_target.is-open .p-formrun_select_target_inner {
    pointer-events: all
}

.p-formrun_select_target.is-open .p-formrun_select_target_item {
    opacity: 1
}

.p-formrun_select:after {
    content: "";
    position: absolute;
    top: 48px;
    left: auto;
    right: 2px;
    margin: auto;
    width: 9px;
    height: 9px;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: translateY(0) scaleY(1) rotate(45deg);
    transform: translateY(0) scaleY(1) rotate(45deg);
    transition: .2s
}

@media screen and (max-width: 900px) {
    .p-formrun_select:after {
        right:20px
    }
}

body.formrun-system-confirm .p-formrun_select:after {
    opacity: 0
}

.p-formrun_select:hover:after {
    -webkit-transform: translateY(3px) scaleY(-1) rotate(45deg);
    transform: translateY(3px) scaleY(-1) rotate(45deg)
}

.p-formrun_check {
    position: relative;
    margin-bottom: 20px;
    padding: 14px 0 0 20px;
    min-height: 50px
}

@media screen and (max-width: 900px) {
    .p-formrun_check {
        margin-bottom:11px;
        padding: 0
    }
}

.p-formrun_check_head {
    width: 100%;
    position: relative
}

.p-formrun_check_body {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body {
        margin-top:5px;
        justify-content: space-between;
        padding-right: 10px
    }
}

.p-formrun_check_body .check-item {
    width: 185px;
    padding-left: 10px;
    height: 62px
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body .check-item {
        padding-left:1px;
        height: 62px
    }
}

.p-formrun_check_body .check-item label {
    display: flex;
    align-items: center;
    position: relative;
    line-height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    height: 24px;
    font-size: 15px;
    letter-spacing: 1.7px
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body .check-item label {
        white-space:nowrap
    }
}

.p-formrun_check_body .check-item input[type=checkbox] {
    display: none
}

.p-formrun_check_body .check-item input[type=checkbox]+label:before {
    content: "";
    position: relative;
    top: 19px;
    display: inline-block;
    border: solid 2px #ececec;
    opacity: .5;
    border-radius: 3px;
    margin-right: 19px;
    width: 36px;
    height: 36px;
    min-width: 36px
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body .check-item input[type=checkbox]+label:before {
        margin-right:15px;
        top: 18px
    }
}

.p-formrun_check_body .check-item input[type=checkbox]+label:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 7px;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    background: #fff;
    opacity: 0;
    transition: .13s;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body .check-item input[type=checkbox]+label:after {
        width:16px;
        height: 16px;
        top: 22px;
        left: 10px
    }
}

.p-formrun_check_body .check-item input[type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.p-formrun_check_body .check-item a {
    position: relative;
    top: 10px;
    left: 56px
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body .check-item a {
        top:11px;
        left: 50px
    }
}

.p-formrun_check_body .check-item a:before {
    pointer-events: none
}

.p-formrun_check_body .check-item a:after {
    content: "";
    position: relative;
    top: 2px;
    right: 2px;
    width: 1px;
    height: 11px;
    background-color: currentColor;
    display: inline-block;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin-left: 13px;
    margin-left: 6px
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body .check-item a:after {
        margin-left:8px
    }
}

@media screen and (min-width: 901px) {
    .p-formrun_check_body .check-item {
        visibility:hidden;
        height: 0;
        overflow: hidden
    }
}

@media screen and (max-width: 900px) {
    .p-formrun_check_body .check-item {
        margin-bottom:10px;
        width: 150px;
        margin-right: 10px
    }
}

.p-formrun_check.is-active .p-formrun_check_body {
    margin-top: 13px
}

.p-formrun_check.is-active .p-formrun_check_body .check-item {
    margin-bottom: 17px;
    height: auto;
    overflow: visible;
    visibility: visible
}

.p-formrun_check.is-active .p-formrun_check_flame {
    width: calc(100% - 30px);
    pointer-events: none
}

@media screen and (max-width: 900px) {
    .p-formrun_check.is-active .p-formrun_check_flame {
        width:100%
    }
}

.p-formrun_check.is-active .p-formrun_check_flame .icon-plus {
    display: none
}

.p-formrun_textArea {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.p-formrun_privacy {
    pointer-events: all;
    width: 100%;
    padding-left: 10px;
    height: 62px;
    -webkit-animation: fadeInLeft .3s backwards;
    animation: fadeInLeft .3s backwards;
    transition: .2s!important
}

@media screen and (max-width: 900px) {
    .p-formrun_privacy {
        padding-left:1px;
        height: 62px
    }
}


.p-formrun_privacy label {
    display: flex;
    align-items: center;
    position: relative;
    line-height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    height: 24px;
    font-size: 15px;
    letter-spacing: 1.7px
}

@media screen and (max-width: 900px) {
    .p-formrun_privacy label {
        white-space:nowrap
    }
}

.p-formrun_privacy input[type=checkbox] {
    display: none
}

.p-formrun_privacy input[type=checkbox]+label:before {
    content: "";
    position: relative;
    top: 19px;
    display: inline-block;
    border: solid 2px #ececec;
    opacity: .5;
    border-radius: 3px;
    margin-right: 19px;
    width: 36px;
    height: 36px;
    min-width: 36px
}

@media screen and (max-width: 900px) {
    .p-formrun_privacy input[type=checkbox]+label:before {
        margin-right:15px;
        top: 18px
    }
}

.p-formrun_privacy input[type=checkbox]+label:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 7px;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    background: #fff;
    opacity: 0;
    transition: .13s;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

@media screen and (max-width: 900px) {
    .p-formrun_privacy input[type=checkbox]+label:after {
        width:16px;
        height: 16px;
        top: 22px;
        left: 10px
    }
}

.p-formrun_privacy input[type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.p-formrun_privacy a {
    position: relative;
    top: 10px;
    left: 56px
}

@media screen and (max-width: 900px) {
    .p-formrun_privacy a {
        top:11px;
        left: 50px
    }
}

.p-formrun_privacy a:before {
    pointer-events: none
}

.p-formrun_privacy a:after {
    content: "";
    position: relative;
    top: 2px;
    right: 2px;
    width: 1px;
    height: 11px;
    background-color: currentColor;
    display: inline-block;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin-left: 13px;
    margin-left: 6px
}

@media screen and (max-width: 900px) {
    .p-formrun_privacy a:after {
        margin-left:8px
    }
}

@media screen and (max-width: 1100px) {
    .p-formrun_privacy {
        margin-left:-290px
    }
}

@media screen and (max-width: 900px) {
    .p-formrun_privacy {
        margin-left:0
    }
}

.p-formrun_privacy a {
    position: relative;
    transition: opacity .2s
}

.p-formrun_privacy a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: currentColor;
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.p-formrun_privacy a:hover,.p-formrun_privacy a:hover+svg {
    opacity: .6
}

.p-formrun_privacy a:hover:before,.p-formrun_privacy a:hover+svg:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right
}

.p-formrun_privacy svg {
    width: 13px;
    height: 13px;
    margin: 1px 4px 0 5px;
    fill: currentColor;
    transition: opacity .2s
}

body.formrun-system-confirm .p-formrun_privacy {
    opacity: 0!important;
    pointer-events: none
}

@media screen and (max-width: 900px) {
    body.formrun-system-confirm .p-formrun_privacy {
        display:none
    }
}

.p-formrun_submit {
    width: 220px;
    height: 70px;
    margin-top: 60px
}

@media screen and (max-width: 900px) {
    .p-formrun_submit {
        margin-top:30px;
        height: 75px;
        width: 100%
    }
}

.p-formrun_submit button {
    display: flex;
    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center
}


.p-formrun_submit button:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    margin-right: 10px
}

.p-formrun .flex-newline {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.p-formrun textarea::-webkit-input-placeholder,.p-formrun input[type=text]::-webkit-input-placeholder,.p-formrun select::-webkit-input-placeholder {
    opacity: .5;
    color: currentColor;
    letter-spacing: 1.24px
}

.p-formrun textarea::-moz-placeholder,.p-formrun input[type=text]::-moz-placeholder,.p-formrun select::-moz-placeholder {
    opacity: .5;
    color: currentColor;
    letter-spacing: 1.24px
}

.p-formrun textarea::-ms-input-placeholder,.p-formrun input[type=text]::-ms-input-placeholder,.p-formrun select::-ms-input-placeholder {
    opacity: .5;
    color: currentColor;
    letter-spacing: 1.24px
}

.p-formrun textarea::placeholder,.p-formrun input[type=text]::placeholder,.p-formrun select::placeholder {
    opacity: .5;
    color: currentColor;
    letter-spacing: 1.24px
}

.p-formrun textarea:not(:placeholder-shown)+.required-icon-ph,.p-formrun input[type=text]:not(:placeholder-shown)+.required-icon-ph,.p-formrun select:not(:placeholder-shown)+.required-icon-ph {
    display: none
}

.p-formrun .required-icon-ph {
    font-size: 10px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    position: absolute;
    top: 13px;
    left: 18px;
    color: #aaa
}

@media screen and (max-width: 900px) {
    .p-formrun .required-icon-ph {
        left:14px
    }
}

.p-formrun .required-icon-head {
    font-size: 10px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    display: inline-block;
    position: relative;
    top: -4px;
    left: -2px;
    color: #ff8b8b
}

.p-formrun textarea+.required-icon-ph {
    top: 18px
}

.p-formrun .small {
    font-size: 11px
}

@media screen and (max-width: 900px) {
    .p-formrun .small {
        font-size:10px;
        margin-left: 4px
    }
}

.p-formrun_label-head {
    position: relative;
    line-height: 15px;
    padding-left: 11px;
    display: block
}

@media screen and (max-width: 900px) {
    .p-formrun_label-head {
        margin-bottom:14px
    }
}

.p-formrun_label-head:before {
    content: '※';
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 10px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    color: #ff8b8b
}

.p-formrun_item.is-error {
    border-color: #ff8b8b
}

.p-formrun_item.is-error input {
    opacity: 0
}

.p-formrun_item.is-error input:focus {
    opacity: 1
}

.p-formrun_largeItem.is-error:after {
    background: #ff8b8b
}

.p-formrun_largeItem.is-error textarea::-webkit-input-placeholder {
    opacity: 0;
    color: transparent
}

.p-formrun_largeItem.is-error textarea::-moz-placeholder {
    opacity: 0;
    color: transparent
}

.p-formrun_largeItem.is-error textarea::-ms-input-placeholder {
    opacity: 0;
    color: transparent
}

.p-formrun_largeItem.is-error textarea::placeholder {
    opacity: 0;
    color: transparent
}

.p-formrun_largeItem.is-error textarea:-ms-input-placeholder {
    opacity: 0;
    color: transparent
}

.p-formrun_privacy input.is-error+label {
    color: #ff8b8b
}

@media screen and (max-width: 900px) {
    .p-formrun_check.is-error .p-formrun_check_head {
        color:#ff8b8b
    }
}

@-webkit-keyframes onAutoFillStart {
    from {
        color: #fff
    }
}

@keyframes onAutoFillStart {
    from {
        color: #fff
    }
}

.p-formrun input:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart;
    animation-name: onAutoFillStart;
    transition: background-color 10000000s ease-in-out 0s,color 10000000s ease-in-out 0s
}

.p-formrun_submitArea {
    display: flex;

    align-items: center;
    justify-content: space-between;
    margin-top: 60px
}

@media screen and (max-width: 900px) {
    .p-formrun_submitArea {
        margin-top:31px;
        display: block
    }

    body.formrun-system-confirm .p-formrun_submitArea {
        margin-top: 39px;
        padding-bottom: 24px
    }
}

.p-formrun .c-btn-back {
    -webkit-animation: fadeInRight .3s both;
    animation: fadeInRight .3s both;
    pointer-events: all
}

.p-formrun .c-btn {
    width: 195px;
    min-width: 195px;
    height: 80px;
    pointer-events: all;
    transition: .3s!important;
    cursor: pointer
}

@media screen and (max-width: 900px) {
    .p-formrun .c-btn {
        margin-left:auto;
        margin-right: auto;
        padding-top: 22px;
        max-width: 345px;
        height: 60px!important;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .p-formrun .c-btn p {
        font-size: 12.5px!important
    }

    .p-formrun .c-btn p svg {
        width: 12px;
        margin-left: 5px
    }
}

.p-formrun .c-btn button {
    opacity: 0
}

.p-formrun .c-btn p {
    font-size: 15px
}

.p-formrun .c-btn p span:nth-child(1) {
    -webkit-animation: fadeInLeft .3s both;
    animation: fadeInLeft .3s both
}

.p-formrun .c-btn p span:nth-child(2) {
    display: none;
    -webkit-animation: fadeInRight .3s both;
    animation: fadeInRight .3s both
}

.p-formrun .p-formrun_btn-submit {
    width: 210px;
    min-width: 210px;
    margin-right: -15px
}

@media screen and (max-width: 900px) {
    .p-formrun .p-formrun_btn-submit {
        max-width:345px;
        width: 100%;
        margin-top: 68px;
        margin-left: auto;
        margin-right: auto
    }

    body.formrun-system-confirm .p-formrun .p-formrun_btn-submit {
        margin-top: 39px
    }

    .p-formrun .p-formrun_btn-submit p {
        font-size: 12.5px
    }

    .p-formrun .p-formrun_btn-submit svg {
        width: 12px;
        margin-left: 5px
    }
}

.p-entry-form_inner.state-error .p-formrun .c-btn {
    opacity: .5;
    pointer-events: none
}

@media screen and (min-width: 901px) {
    body.formrun-system-confirm .p-formrun_btn-submit {
        width:230px;
        min-width: 230px;
        margin-right: -0px
    }
}

body.formrun-system-confirm .p-formrun_btn-submit p span:nth-child(1) {
    display: none
}

body.formrun-system-confirm .p-formrun_btn-submit p span:nth-child(2) {
    display: inline
}

.p-player {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    transition: opacity .4s;
    color: #fff
}

.p-player:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.p-player__inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    background: #000
}

.p-player__inner .p-yt {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000;
    opacity: 0;
    transition: opacity .3s,-webkit-transform .4s;
    transition: transform .4s,opacity .3s;
    transition: transform .4s,opacity .3s,-webkit-transform .4s
}

.p-player__inner .p-yt__movie-wrapper {
    position: relative;
    cursor: pointer;
    width: 100%;
    opacity: 0;
    transition: opacity .5s
}

.p-player__inner .p-yt iframe {
    position: relative;
    width: 100%;
    height: 56.3vw;
    vertical-align: bottom
}

.p-player.player-open {
    pointer-events: all;
    opacity: 1;
    transition: opacity .2s
}

.p-player.player-open .p-yt {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: opacity .6s linear
}

.p-player .p-yt.player-init .p-yt__movie-wrapper {
    opacity: 1
}

.p-top-about {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width: 1000px) {
    .p-top-about {
        margin-top:70px;
        flex-direction: column-reverse;
        justify-content: flex-start
    }
}

@media screen and (max-width: 800px) {
    .p-top-about {
        margin-top:45px
    }
}

.p-top-about_sec1 {
    width: 600px;
    display: flex;
    margin-right: 4.3%;
    align-items: center;
    padding-top: 3.2%
}

@media screen and (max-width: 1000px) {
    .p-top-about_sec1 {
        padding-top:0;
        margin-top: 60px;
        display: block;
        margin-left: auto;
        margin-right: 0;
        width: 93%
    }
}

@media screen and (max-width: 800px) {
    .p-top-about_sec1 {
        width:calc(100% - 25px);
        margin-top: 75px
    }
}

.p-top-about_sec1_video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1000px) {
    .p-top-about_sec1_video {
        width:80%;
        max-width: 570px
    }
}

@media screen and (max-width: 800px) {
    .p-top-about_sec1_video {
        display:block;
        width: 100%;
        height: 0;
        height: 45vw;
        max-height: 440px;
        max-width: none
    }
}

.p-top-about_sec1_video_inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: opacity .3s
}

.p-top-about_sec1_video_inner:not(.video-loaded) {
    opacity: 0
}

.p-top-about_sec1_video #aboutVideo {
    position: relative;
    left: -1%;
    width: 103%;
    height: auto
}

@media screen and (max-width: 800px) {
    .p-top-about_sec1_video #aboutVideo {
        width:auto;
        height: 100%
    }
}

.p-top-about_sec1_video_play {
    position: absolute;
    top: 92%;
    left: 59.6%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media screen and (max-width: 1000px) {
    .p-top-about_sec1_video_play {
        position:absolute;
        top: 85%;
        left: 67.6%
    }
}

@media screen and (max-width: 600px) {
    .p-top-about_sec1_video_play {
        position:absolute;
        top: 71%;
        left: 62.5%
    }
}

.p-top-about_sec1_video_play:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 44px;
    border: solid 3px #151515;
    transition: .4s cubic-bezier(.19,.82,.27,1);
    background: rgba(20,20,20,0)
}

.p-top-about_sec1_video_play:after {
    content: '';
    position: relative;
    left: 3px;
    width: 0;
    height: 0;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #151515;
    border-style: solid;
    transition: .3s ease-out
}

.p-top-about_sec1_video_play:hover:before {
    border-radius: 50px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    background: #141414
}

.p-top-about_sec1_video_play:hover:after {
    width: 0;
    height: 0;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
}

.p-top-about_sec2 {
    width: 42.6%;
    max-width: 42.6%;
    min-width: 42.6%;
    padding-top: 76px
}

@media screen and (max-width: 1000px) {
    .p-top-about_sec2 {
        width:73%;
        max-width: 73%;
        min-width: 73%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 800px) {
    .p-top-about_sec2 {
        width:calc(100% - 50px);
        max-width: calc(100% - 50px);
        min-width: calc(100% - 50px)
    }
}

.p-top-about .title-jp>span:nth-child(1) {
    letter-spacing: 4.6px

}

@media screen and (max-width: 800px) {
    .p-top-about .title-jp>span:nth-child(1) {
        letter-spacing:1.8px;
        white-space: nowrap
    }
}

.p-top-about .title-jp>span:nth-child(3) {
    letter-spacing: 6.7px
}

@media screen and (max-width: 800px) {
    .p-top-about .title-jp>span:nth-child(3) {
        letter-spacing:3.5px;
        white-space: nowrap
    }
}

.p-top-about .title-jp>span:nth-child(5) {
    letter-spacing: 5.5px
}

@media screen and (max-width: 800px) {
    .p-top-about .title-jp>span:nth-child(5) {
        letter-spacing:3.2px;
        white-space: nowrap
    }
}

.p-top-about_btn {
    margin-top: 45px
}

@media screen and (max-width: 1000px) {
    .p-top-about_btn {
        margin-top:30px;
        display: flex;
        justify-content: flex-end;
        max-width: 670px
    }
}

@media screen and (max-width: 800px) {
    .p-top-about_btn {
        justify-content:flex-start
    }
}

.p-top-about_img {
    margin-top: 134px;
    width: 100%;
    max-width: 596px;
    height: auto
}

@media screen and (max-width: 1000px) {
    .p-top-about_img {
        display:block;
        margin-left: auto;
        margin-right: 0;
        width: 90%;
        max-width: 720px
    }
}

@media screen and (max-width: 800px) {
    .p-top-about_img {
        width:83%;
        margin-top: 100px
    }
}

.p-top-info {
    position: relative;
    padding-top: 200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 2200px
}

@media screen and (max-width: 800px) {
    .p-top-info {
        padding-top:105px
    }
}

.p-top-info_head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    width: 88.14%;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    font-weight: 300
}

@media screen and (max-width: 800px) {
    .p-top-info_head {
        width:100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.p-top-info_head_text {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1.6% 0 7.5vw;
    width: calc(100% - 527px);
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif
}

@media screen and (max-width: 1300px) {
    .p-top-info_head_text {
        width:auto;
        justify-content: flex-start;
        padding: 0
    }
}

@media screen and (max-width: 800px) {
    .p-top-info_head_text {
        position:relative;
        width: 100%;
        padding-left: 0;
        margin: 34px 0 0 24px
    }
}

.p-top-info_head_text .title-jp {
    padding-bottom: 4px;
    white-space: nowrap;
    width: 240px;
    line-height: initial
}

body.IE .p-top-info_head_text .title-jp {
    height: 40px
}

@media screen and (max-width: 1300px) {
    .p-top-info_head_text .title-jp {
        margin-right:40px
    }
}

@media screen and (max-width: 1200px) {
    .p-top-info_head_text .title-jp {
        margin-right:auto;
        width: 100%
    }
}

.p-top-info_head_text a {
    position: relative;
    right: 3%;
    display: block;
    margin-bottom: 2.3px
}

@media screen and (max-width: 1200px) {
    .p-top-info_head_text a {
        right:auto;
        width: 240px;
        margin: 15px 0 0
    }
}

@media screen and (max-width: 800px) {
    .p-top-info_head_text a {
        position:absolute;
        top: 97px;
        left: 0
    }
}

.p-top-info_head_text a span {
    margin: 0 2px
}

.p-top-info_head_img {
    width: 500px;
    height: auto
}

@media screen and (max-width: 1100px) {
    .p-top-info_head_img {
        width:45.4545%
    }
}

@media screen and (max-width: 800px) {
    .p-top-info_head_img {
        order:-2;
        width: 66.4%;
        height: 80vw;
        margin-left: 50%;
        max-width: 320px;
        max-height: 385px;
        display: block
    }
}

.p-top-info_head_copy {
    position: absolute;
    top: 36.1%;
    left: 9%;
    z-index: 1;
    width: 54%;
    height: auto;
    max-width: 800px
}

@media screen and (max-width: 1000px) {
    .p-top-info_head_copy {
        top:15.5%
    }
}

@media screen and (max-width: 800px) {
    .p-top-info_head_copy {
        width:53%;
        left: 7%;
        top: 22%
    }
}

.p-top-info_desc {
    position: relative;
    margin-top: 39px;
    margin-left: auto;
    margin-right: auto;
    width: 88.3%;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    padding: 0 calc(1.6% + 85px) 0px 7.5vw;
    line-height: 2.13
}

@media screen and (max-width: 1300px) {
    .p-top-info_desc {
        padding-left:0
    }
}

@media screen and (max-width: 1200px) {
    .p-top-info_desc {
        padding-top:45px
    }
}

@media screen and (max-width: 1100px) {
    .p-top-info_desc {
        justify-content:space-between;
        padding-right: 0
    }
}

@media screen and (max-width: 800px) {
    .p-top-info_desc {
        margin:21px 0 0 24px;
        width: calc(100% - 50px);
        max-width: 720px;
        padding-top: 113px;
        justify-content: flex-start;
        line-height: 2.15
    }
}

@media screen and (max-width: 600px) {
    .p-top-info_desc {
        flex-wrap:wrap
    }
}

.p-top-info_desc .title-en {
    position: relative;
    top: 5px
}

@media screen and (max-width: 1200px) {
    .p-top-info_desc .title-en {
        position:absolute;
        top: 0;
        left: 0
    }
}

.p-top-info_desc_text {
    width: 396px;
    letter-spacing: .7px;
    padding-top: 4px;
    line-height: 2.15;
    text-align: justify;
    font-size: 15px;
    font-family: source-han-sans-japanese,Hiragino Sans,Meiryo,sans-serif;
    font-weight: 500
}

@media screen and (min-width: 1367px) {
    .p-top-info_desc_text {
        width:40%
    }
}

@media screen and (max-width: 1100px) {
    .p-top-info_desc_text {
        width:45.4545%
    }
}

@media screen and (max-width: 800px) {
    .p-top-info_desc_text:nth-child(2) {
        margin-right:6%
    }
}

@media screen and (max-width: 600px) {
    .p-top-info_desc_text {
        margin-bottom:9px;
        width: 100%
    }

    .p-top-info_desc_text:nth-child(2) {
        margin-right: 0
    }
}

.p-top-member {
    width: 100%;
    margin-top: 147px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px
}

@media screen and (max-width: 800px) {
    .p-top-member {
        margin-top:138px
    }
}

.p-top-member_head {
    margin-left: auto;
    margin-right: auto;
    width: 73%
}

@media screen and (max-width: 800px) {
    .p-top-member_head {
        width:calc(100% - 48px)
    }
}

.p-top-member_head .title-jp {
    letter-spacing: 3.3px
}

.p-top-member_head .title-en {
    margin-top: 42px;
    letter-spacing: 1.3px
}

@media screen and (max-width: 800px) {
    .p-top-member_head .title-en {
        margin-top:26px;
        padding-left: 2px
    }
}

.p-top-member_slider {
    position: relative;
    margin-top: 56px;
    width: 100%;
    height: 0;
    padding-top: 33.7%
}

@media screen and (max-width: 1250px) {
    .p-top-member_slider {
        margin-top:43px;
        height: 420px;
        padding-top: 0
    }
}

@media screen and (max-width: 800px) {
    .p-top-member_slider {
        height:80vw;
        max-height: 360px
    }
}

.p-top-member_slider_arrows {
    pointer-events: none;
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    width: 68.8%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    min-width: 830px
}

@media screen and (max-width: 1000px) {
    .p-top-member_slider_arrows {
        width:88%;
        min-width: 750px;
        top: auto;
        bottom: -40px
    }
}

@media screen and (max-width: 800px) {
    .p-top-member_slider_arrows {
        top:auto;
        bottom: -40px;
        min-width: auto;
        max-width: 450px;
        width: calc(100% - 20px)
    }
}

.p-top-member_slider_arrows .arrow {
    position: relative;
    width: 60px;
    height: 60px;
    background-color: #151515;
    border: solid 3px #151515;
    border-radius: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    transition: .4s cubic-bezier(.19,.82,.27,1);
    cursor: pointer
}

@media screen and (max-width: 800px) {
    .p-top-member_slider_arrows .arrow {
        width:50px;
        height: 50px;
        border-radius: 22px
    }
}

.p-top-member_slider_arrows .arrow:hover {
    background: #fff;
    border-radius: 30px
}

.p-top-member_slider_arrows .arrow.js-slide-next:before {
    content: '';
    margin-left: 4px;
    width: 9px;
    height: 9px;
    border-left: solid 2px #fff;
    border-top: solid 2px #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: .3s ease-out
}

.p-top-member_slider_arrows .arrow.js-slide-next:hover:before {
    border-left: solid 2px #151515;
    border-top: solid 2px #151515
}

.p-top-member_slider_arrows .arrow.js-slide-prev:before {
    content: '';
    margin-right: 4px;
    width: 9px;
    height: 9px;
    border-right: solid 2px #fff;
    border-top: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .3s ease-out
}

.p-top-member_slider_arrows .arrow.js-slide-prev:hover:before {
    border-right: solid 2px #151515;
    border-top: solid 2px #151515
}

.p-top-member_copy {
    position: absolute;
    top: auto;
    left: 0;
    right: 19.4%;
    bottom: calc(100% - 3px);
    width: 16.7%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 800px) {
    .p-top-member_copy {
        position:absolute;
        top: auto;
        left: 50%;
        right: 0;
        bottom: calc(100% + 22px);
        width: 25%;
        max-width: 150px
    }
}

@media screen and (max-width: 600px) {
    .p-top-member_copy {
        bottom:calc(100% + 29px);
        width: 31%
    }
}

@media screen and (max-width: 400px) {
    .p-top-member_copy {
        left:auto;
        right: 0
    }
}

.p-top-mv {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: calc(100vh + 60px);
    min-height: 828px;
    max-height: 70vw;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 800px) {
    .p-top-mv {
        -webkit-transform:none;
        transform: none;
        left: 0;
        min-height: 0;
        max-height: none;
        height: 100vh;
        display: block;
        padding-top: 125px
    }
}

.p-top-mv_bg {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
    width: calc(100% - 123px);
    height: calc(100% - 240px);
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .p-top-mv_bg {
        position:relative;
        width: 84%;
        height: 100%
    }
}

.p-top-mv_bg_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width: 800px) {
    .p-top-mv_bg_img {
        background-position:55% center;
        background-size: cover
    }
}

.p-top-mv_bg,.p-top-mv_bg_img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 1s .6s,-webkit-transform 1s cubic-bezier(.79,.17,.15,.96);
    transition: transform 1s cubic-bezier(.79,.17,.15,.96),opacity 1s .6s;
    transition: transform 1s cubic-bezier(.79,.17,.15,.96),opacity 1s .6s,-webkit-transform 1s cubic-bezier(.79,.17,.15,.96)
}

body.is-loading .p-top-mv_bg {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: .5
}

body.is-loading .p-top-mv_bg_img {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: .5
}

@-webkit-keyframes to_left_img {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes to_left_img {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.p-top-project {
    position: relative;
    margin-top: 114px
}

@media screen and (max-width: 800px) {
    .p-top-project {
        margin-top:139px
    }
}

@media screen and (max-width: 600px) {
    .p-top-project {
        overflow:hidden
    }
}

.p-top-project_head {
    width: 73%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 800px) {
    .p-top-project_head {
        width:calc(100% - 48px)
    }
}

.p-top-project_head .title-jp {
    letter-spacing: 5px
}

@media screen and (max-width: 800px) {
    .p-top-project_head .title-jp {
        letter-spacing:3px;
        white-space: nowrap
    }
}

.p-top-project_head .title-en {
    margin-top: 41px
}

@media screen and (max-width: 800px) {
    .p-top-project_head .title-en {
        margin-top:26px;
        letter-spacing: 1.3px
    }
}

.p-top-project_images {
    display: flex;
    margin-top: 57px
}

@media screen and (max-width: 800px) {
    .p-top-project_images {
        margin-top:48px
    }
}

@media screen and (max-width: 600px) {
    .p-top-project_images {
        width:1350px;
        max-width: 1350px;
        min-width: 1350px;
        -webkit-animation: to_left_img 10s linear infinite;
        animation: to_left_img 10s linear infinite
    }
}

.p-top-project_images_item {
    width: calc(100%/6);
    height: 0;
    padding-top: 32%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width: 600px) {
    .p-top-project_images_item {
        padding-top:22.2%
    }

    .p-top-project_images_item:nth-child(2),.p-top-project_images_item:nth-child(8) {
        background-position: 20% center
    }

    .p-top-project_images_item:nth-child(3),.p-top-project_images_item:nth-child(9) {
        background-position: 100% center
    }
}

.p-top-project_copy {
    position: absolute;
    top: auto;
    left: auto;
    right: 4%;
    bottom: 38px;
    width: 38%;
    height: auto
}

@media screen and (max-width: 800px) {
    .p-top-project_copy {
        bottom:45px;
        right: 6%;
        width: 54%
    }
}

@media screen and (max-width: 600px) {
    .p-top-project_copy {
        width:69%
    }
}

.p-top-project_link {
    margin-top: 85px;
    width: 91%;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 800px) {
    .p-top-project_link {
        margin-top:58px;
        width: calc(100% - 48px)
    }
}

.p-top-project_link a {
    letter-spacing: .8px
}

.p-top-work {
    margin-top: 182px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 800px) {
    .p-top-work {
        margin-top:170px
    }
}

.p-top-work_head {
    margin-left: auto;
    margin-right: auto;
    width: 73%;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1000px) {
    .p-top-work_head {
        flex-wrap:wrap
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_head {
        width:calc(100% - 48px)
    }
}

.p-top-work_head .title-en {
    margin-top: 7px
}

@media screen and (max-width: 1000px) {
    .p-top-work_head .title-en {
        width:100%;
        margin-top: 42px;
        order: 1
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_head .title-en {
        margin-top:26px
    }
}

.p-top-work_head .title-jp {
    width: 530px;
    letter-spacing: 3.6px
}

@media screen and (max-width: 800px) {
    .p-top-work_head .title-jp {
        white-space:nowrap
    }
}

.p-top-work_body {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
    margin-top: 44px
}

@media screen and (max-width: 1000px) {
    .p-top-work_body {
        flex-wrap:wrap
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_body {
        margin-top:37px
    }
}

.p-top-work_body_copy {
    position: absolute;
    top: -4.5%;
    left: 7.2%;
    width: 60.5%
}

@media screen and (max-width: 800px) {
    .p-top-work_body_copy {
        top:66%
    }
}

@media screen and (max-width: 600px) {
    .p-top-work_body_copy {
        top:59%;
        left: 2.2%;
        width: 74%
    }
}

.p-top-work_body_text {
    width: 46%;
    max-width: 46%;
    min-width: 46%;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
    text-align: right;
    padding-right: 20px
}

@media screen and (max-width: 1000px) {
    .p-top-work_body_text {
        margin-top:40px;
        width: 500px;
        max-width: 500px;
        min-width: 500px;
        order: 1
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_body_text {
        width:100%;
        max-width: 100%;
        min-width: 100%;
        margin-top: 76px
    }

    .p-top-work_body_text .title-jp {
        letter-spacing: 1.6px;
        text-align: justify
    }
}

.p-top-work_body_text .title-jp:nth-child(1) {
    letter-spacing: 4px
}

.p-top-work_body_text .title-jp:nth-child(2) {
    letter-spacing: 3.7px
}

.p-top-work_body_img {
    width: 52.3%;
    max-width: 52.3%;
    min-width: 52.3%;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    padding-bottom: 15px
}

@media screen and (max-width: 1000px) {
    .p-top-work_body_img {
        justify-content:flex-end;
        padding-bottom: 0;
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_body_img {
        display:block;
        overflow: hidden;
        height: 69vw;
        max-height: 360px
    }
}

.p-top-work_body_img img {
    width: 100%;
    height: auto
}

@media screen and (max-width: 1000px) {
    .p-top-work_body_img img {
        width:60%
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_body_img img {
        width:100%;
        max-width: 500px;
        display: block
    }
}

.p-top-work_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
    margin-top: 46px
}

@media screen and (max-width: 1000px) {
    .p-top-work_bottom {
        flex-wrap:wrap
    }
}

.p-top-work_bottom_sec1 {
    width: 46%;
    max-width: 46%;
    min-width: 46%;
    padding-right: 20px
}

@media screen and (max-width: 1000px) {
    .p-top-work_bottom_sec1 {
        width:76%;
        max-width: 76%;
        min-width: 76%
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_bottom_sec1 {
        width:93%;
        max-width: 93%;
        min-width: 93%;
        padding-right: 0;
        overflow: hidden
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_bottom_sec1_img1 {
        height:auto;
        width: 234px;
        margin: 0 0 0 auto;
        display: block
    }
}

@media screen and (max-width: 600px) {
    .p-top-work_bottom_sec1_img1 {
        width:42%
    }
}

.p-top-work_bottom_sec1_img2 {
    width: 97.4%;
    height: auto
}

@media screen and (max-width: 800px) {
    .p-top-work_bottom_sec1_img2 {
        width:624px;
        margin-top: 50px
    }
}

@media screen and (max-width: 600px) {
    .p-top-work_bottom_sec1_img2 {
        width:112%
    }
}

.p-top-work_bottom_sec2 {
    width: 52.3%;
    max-width: 52.3%;
    min-width: 52.3%;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between
}

@media screen and (min-width: 1601px) {
    .p-top-work_bottom_sec2 {
        justify-content:flex-start
    }
}

@media screen and (max-width: 1000px) {
    .p-top-work_bottom_sec2 {
        margin-top:45px;
        min-width: 0;
        width: 88%;
        max-width: 840px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_bottom_sec2 {
        margin-top:40px;
        margin-left: 20px;
        max-width: 335px
    }
}

.p-top-work_bottom_sec2_img {
    width: 36.25%;
    height: auto
}

@media screen and (max-width: 1000px) {
    .p-top-work_bottom_sec2_img {
        width:330px;
        order: 1
    }
}

.p-top-work_bottom_sec2_text {
    width: 414px;
    min-width: 340px;
    padding-left: 20px
}

@media screen and (min-width: 1601px) {
    .p-top-work_bottom_sec2_text {
        width:auto;
        margin-left: 3vw
    }
}

@media screen and (max-width: 1000px) {
    .p-top-work_bottom_sec2_text {
        padding-left:0;
        width: 500px
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_bottom_sec2_text {
        margin-left:0;
        width: 100%;
        min-width: 0;
        white-space: nowrap
    }
}

.p-top-work_bottom_sec2 .title-jp {
    text-align: justify;
    width: 335px;
    white-space: nowrap
}

@media screen and (min-width: 1401px) {
    .p-top-work_bottom_sec2 .title-jp {
        width:auto
    }
}

.p-top-work_bottom_sec2 .title-jp span:nth-child(1) {
    letter-spacing: 5px
}

.p-top-work_bottom_sec2 .title-jp span:nth-child(3) {
    letter-spacing: 3.7px
}

.p-top-work_bottom_sec2 .title-jp span:nth-child(5) {
    letter-spacing: 3.2px
}

.p-top-work_bottom_sec2 .c-btn {
    margin-top: 26px
}

@media screen and (max-width: 1000px) {
    .p-top-work_bottom_sec2 .c-btn {
        margin-top:45px
    }
}

@media screen and (max-width: 800px) {
    .p-top-work_bottom_sec2 .c-btn {
        margin:30px 0 0 auto;
        display: block;
        width: 220px;
        position: relative;
        left: 25px
    }
}

.p-video,.p-yt {
    width: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-video__inner,.p-yt__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    pointer-events: none
}

.p-video__controller,.p-yt__controller {
    position: relative;
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
    cursor: pointer
}

.p-player.player-open .p-video__controller,.p-player.player-open .p-yt__controller {
    pointer-events: all
}

body.view-SP .p-video__controller,body.view-SP .p-yt__controller {
    opacity: 0!important;
    pointer-events: none
}

.p-video__controller:before,.p-yt__controller:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    opacity: 0;
    transition: .2s
}

.p-video__seek,.p-yt__seek {
    position: relative;
    width: calc(100% - 100px);
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity .2s
}

.p-video__controller:hover:before,.p-yt__controller:hover:before {
    opacity: .5
}

.p-video__controller:hover .p-video__seek,.p-yt__controller:hover .p-video__seek,.p-video__controller:hover .p-yt__seek,.p-yt__controller:hover .p-yt__seek {
    opacity: .5
}

.p-video__controller:hover .p-video__sound,.p-yt__controller:hover .p-video__sound,.p-video__controller:hover .p-yt__sound,.p-yt__controller:hover .p-yt__sound {
    opacity: 1
}

.p-video__seek-bar,.p-yt__seek-bar {
    display: block;
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .6
}

.p-video .js-yt-progress,.p-yt .js-yt-progress {
    position: absolute;
    left: calc(100% + 18px);
    top: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: roboto,sans-serif;
    color: #000
}

.p-video__sound,.p-yt__sound {
    width: 20px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: opacity .2s
}

body.view-SP .p-video__sound,body.view-SP .p-yt__sound {
    display: none
}

.p-video__sound__bar,.p-yt__sound__bar {
    position: relative;
    height: 100%;
    width: 100%;
    margin: auto;
    cursor: pointer;
    background: rgba(21,21,21,.2)
}

.p-video__sound__bar__progress,.p-yt__sound__bar__progress {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    pointer-events: none;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    background: #151515;
    opacity: .6
}

.p-video__sound.is-off,.p-yt__sound.is-off {
    opacity: .5
}

.p-video__close,.p-yt__close {
    width: 80px;
    height: 80px;
    position: relative;
    background: white
}

body.view-SP .p-video__close,body.view-SP .p-yt__close {
    pointer-events: all
}

.p-video__close span,.p-yt__close span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 3px;
    width: 16px;
    height: 2px;
    background: #151515
}

.p-video__close span:nth-child(1),.p-yt__close span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.p-video__close span:nth-child(2),.p-yt__close span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-video__count,.p-yt__count {
    pointer-events: none;
    font-family: roboto,sans-serif;
    display: flex;
    justify-content: flex-end;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: right;
    position: relative;
    bottom: 5px
}

.p-video__count__progress,.p-yt__count__progress {
    margin-right: 8px
}

.p-video__count__total,.p-yt__count__total {
    margin-left: 8px;
    margin-right: -2px
}

.p-video.is-play .p-video__playBtn,.p-yt.is-play .p-video__playBtn {
    opacity: 0;
    transition: .3s
}

.p-video.is-play .p-video__playBtn svg:nth-child(1),.p-yt.is-play .p-video__playBtn svg:nth-child(1) {
    pointer-events: none;
    -webkit-transform: translate3d(-50%,-50%,0) scale(2);
    transform: translate3d(-50%,-50%,0) scale(2);
    transition: .35s ease-in-out
}

.p-video.is-play .p-video__playBtn svg:nth-child(2),.p-yt.is-play .p-video__playBtn svg:nth-child(2) {
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.p-video.is-play .icon-pause,.p-yt.is-play .icon-pause {
    opacity: 0;
    pointer-events: none
}

.p-video.is-play .icon-play,.p-yt.is-play .icon-play {
    opacity: 1;
    pointer-events: auto
}

.p-video.is-play iframe,.p-yt.is-play iframe {
    pointer-events: none
}


/***************************************************
 * Generated by SVG Artista on 9/23/2020, 4:32:58 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1 {
  0% {

    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}