@charset "UTF-8";
/*   
Theme Name: JPM-EN
*/

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html.no-edge.no-ie * {
    font-feature-settings: "palt" 1
}

html.no-edge.no-ie *.not-palt {
    font-feature-settings: initial
}

body {
    margin: 0;
    overflow: visible !important
}

a {
    background: transparent;
    outline: none !important;
    -webkit-outline: none !important
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {

}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

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

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    font-weight: 700;
    color: #ffffff;
}
.c-btn__inner:hover button, html input[type="button"], .c-btn__inner:hover input[type="reset"], .c-btn__inner:hover input[type="submit"] {
    color: #02030a;
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

html * {
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    outline: none;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%
}

html, body {
    text-rendering: optimizeLegibility;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

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

body {
    font-family: "apercu",sans-serif;
    font-size: 14px;
    line-height: 1.79;
    color: #02030a;
    -webkit-text-size-adjust: 100%
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-style: normal;
}

article, aside, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    outline: none
}

h1, h2, h3, h4, h5, h6, dt {
    line-height: 1.47
}

p {
    line-height: 1.79
}

@media only screen and (min-width: 751px) {
    p {
        letter-spacing: 0.1em;
    }
}

dd, li, th, td, input, textarea {
    line-height: 1.6;
    text-align: left;
}

ul, ol {
    list-style-type: none
}

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

a, input, button, textarea {
    outline: none;
    border: none;
    background-color: transparent
}

a {
    color: #02030a;
    text-decoration: none
}

img {
    width: 100%;
    height: auto
}

::-moz-selection {
    background-color: rgba(248, 54, 0, .1);
}

::selection {
    background-color: rgba(248, 54, 0, .1);
}

img::selection, svg::selection, svg *::selection {
    background-color: transparent
}

@media only screen and (min-width: 751px) {
    html .sp {
        display: none !important
    }
}

@media only screen and (max-width: 750px) {
    html .pc {
        display: none !important
    }
}

html.no-pc .ua-pc {
    display: none
}

html.pc .ua-sp, html.tablet .ua-sp {
    display: none
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#l-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

#l-header__inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#l-header__logo {
    position: relative;
    display: block
}

#l-header__logo a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

#l-header__logo a>* {
    display: block
}

#l-header__logo .js__shake-motion1, #l-header__logo .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#l-header__logo:hover .js__shake-motion1, #l-header__logo:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

#l-header__logo svg {
    position: absolute;
    left: 0;
    top: 0
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

@media only screen and (min-width: 751px) {
    #l-header__inner {
        padding: 0px;
        height: 0
    }
    #l-header__logo {
        width: 240px;
        height: 41px;
        top: 20px;
        left: 50%;
        margin-left: -120px;
    }
    #l-header__logo svg {
        width: 67px;
        height: 30px
    }
}

@media only screen and (max-width: 750px) {
    #l-header__logo {
        width: 220px;
        height: 30px;
        top: 19px;
        left: 50%;
        margin-left: -110px;
    }
    #l-header__logo svg {
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#l-footer {
    background-color: #02030a;
    position: relative;
    z-index: 10;
}

#l-footer * {
    color: #ffffff;
}

#l-footer__inner {
    margin-left: auto;
    margin-right: auto;
}

#l-footer__inner:after {
    width: 0;
    height: 1px;
    content: "";
    display: block;
    clear: both;
}

#l-footer__logo {
    float: left;
}

#l-footer__link li a {
    letter-spacing: 0;
    font-weight: 300;
    display: block;
}

#l-footer__link li a .js__shake {
    display: inline-block;
}

#l-footer__link li a .js__shake * {
    display: inline-block;
}

#l-footer__link li a .js__shake-motion1, #l-footer__link li a .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#l-footer__link li a:hover .js__shake-motion1, #l-footer__link li a:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#l-footer__copyright {
    float: right;
    text-align: right;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 12px;
}

#l-footer-navi__pagetop {
    z-index: 10;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#l-footer-navi__pagetop-inner {
    position: relative
}

#l-footer-navi__pagetop-icon {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    animation: scroll 2.0s ease infinite
}

#l-footer-navi__pagetop-icon:before, #l-footer-navi__pagetop-icon:after {
    content: "";
    display: block;
    position: absolute
}

#l-footer-navi__pagetop-icon:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 1px;
    animation: scroll-icon 2.0s ease infinite;
    border-left: 1px solid #ffffff;
}

#l-footer-navi__pagetop-icon:after {
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    animation: scroll-icon-arrow 2.0s ease infinite;
    background-color: #ffffff;
}

@keyframes scroll {
    0% {
        transform: translate3d(0, 0, 0)
    }
    50% {
        transform: translate3d(0, 5px, 0)
    }
    100% {
        transform: translate3d(0, 0px, 0)
    }
}

@keyframes scroll-icon {
    0% {
        height: 100%
    }
    50% {
        height: 80%
    }
    100% {
        height: 100%
    }
}

@keyframes scroll-icon-arrow {
    0% {
        height: 50%
    }
    50% {
        height: 40%
    }
    100% {
        height: 50%
    }
}

@media only screen and (min-width: 751px) {
    #l-footer {
        margin-top: 150px;
        padding-top: 50px;
        padding-bottom: 50px
    }
    #l-footer__inner {
        width: 1080px
    }
    #l-footer__logo {
        width: 300px;
        position: relative;
        top: 16px;
    }
    #l-footer__logo svg {
        width: 300px;
        height: auto;
    }
    #l-footer__link {
        width: 287px;
        padding-top: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        float: left
    }
    #l-footer__link li:first-child {
        width: 67px
    }
    #l-footer__link li:nth-child(2) {
        width: 61px
    }
    #l-footer__link li:last-child {
        width: 130px
    }
    #l-footer__link li a {
        font-size: 12px
    }
    #l-footer__copyright {
        font-size: 10px;
        height: 49px;
        line-height: 49px;
        vertical-align: middle
    }
    #l-footer-navi__pagetop {
        height: 90px;
        right: 33px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto
    }
    #l-footer-navi__pagetop.is-hide {
        transform: translate3d(200px, 0, 0) !important
    }
    #l-footer-navi__pagetop-icon {
        width: 4px;
        height: 90px
    }
}

@media only screen and (max-width: 750px) {
    #l-footer {
        padding-bottom: 10px
    }
    #l-footer__inner {
        width: 100%;
        text-align: center
    }
    #l-footer__inner>* {
        float: none
    }
    #l-footer__logo {
        width: 240px;
        margin: 0 auto 20px;
        display: block;
        vertical-align: middle;
        position: relative
    }
    #l-footer__logo svg {
        position: absolute;
        left: 0;
        top: 0
    }
    #l-footer__link {
        padding-top: 10px;
        text-align: center;
        vertical-align: middle;
        display: block
    }
    #l-footer__link li {
        display: inline-block
    }
    #l-footer__link li>* {
        position: relative;
        top: -20px
    }
    #l-footer__link li:first-child {
        margin-left: 0
    }
    #l-footer__link li:first-child {
        width: 78px
    }
    #l-footer__link li:nth-child(2) {
        width: 71px
    }
    #l-footer__link li:last-child {
        width: 112px
    }
    #l-footer__link li a {
        font-size: 12px
    }
    #l-footer__copyright {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 10px;
        float: none
    }
    #l-footer-navi__pagetop {
        height: 35px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-bottom: 16px;
    }
    #l-footer-navi__pagetop.is-hide {
        transform: translate3d(200px, 0, 0) !important
    }
    #l-footer-navi__pagetop-icon {
        width: 3px;
        height: 35px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

body {
    width: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fcfcfc;
}

@media only screen and (min-width: 751px) {
    html.tablet body {
        width: 100%
    }
    html.tablet body #root {
        width: 100%
    }
    html.tablet body #root #js__scroll {
        width: 100%
    }
    html.tablet body #root #js__scroll #l-body {
        width: 100%
    }
}

#l-body {
}

#l-navi__scroll {
    position: absolute;
    left: 29px;
    bottom: 70px;
    z-index: 100;
    transform: translate3d(0, 0, 0);
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#l-navi__scroll.is-hide {
    transform: translate3d(-200px, 0, 0) !important
}

#l-navi__scroll-inner {
    position: relative
}

#l-navi__scroll-text {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-weight: 400;
    font-size: 10px;
    position: relative;
    margin-bottom: 17px;
    animation: scroll 2.0s ease infinite;
    line-height: 1
}

#l-navi__scroll-icon {
    width: 3px;
    height: 70px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    animation: scroll 2.0s ease infinite
}

#l-navi__scroll-icon:before, #l-navi__scroll-icon:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #02030a
}

#l-navi__scroll-icon:before {
    width: 1px;
    height: 100%;
    bottom: 0;
    left: 1px;
    animation: scroll-icon 2.0s ease infinite
}

#l-navi__scroll-icon:after {
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    animation: scroll-icon-arrow 2.0s ease infinite
}

@keyframes scroll {
    0% {
        transform: translate3d(0, 0, 0)
    }
    50% {
        transform: translate3d(0, 5px, 0)
    }
    100% {
        transform: translate3d(0, 0px, 0)
    }
}

@keyframes scroll-icon {
    0% {
        height: 100%
    }
    50% {
        height: 80%
    }
    100% {
        height: 100%
    }
}

@keyframes scroll-icon-arrow {
    0% {
        height: 50%
    }
    50% {
        height: 40%
    }
    100% {
        height: 50%
    }
}

#l-navi__scroll.white #l-navi__scroll-text {
    color: #fff
}

#l-navi__scroll.white #l-navi__scroll-icon:before, #l-navi__scroll.white #l-navi__scroll-icon:after {
    background-color: #fff
}

html.ie.no-edge #l-navi__scroll {
    bottom: 140px
}

html.ie.no-edge #l-navi__scroll-inner {
    height: 70px
}

#l-navi__pagetop {
    position: fixed;
    right: 22px;
    top: calc(100vh - 190px);
    z-index: 10;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#l-navi__pagetop.is-hide {
    transform: translate3d(200px, 0, 0) !important
}

#l-navi__pagetop-inner {
    position: relative
}

#l-navi__pagetop-text {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-weight: 400;
    font-size: 10px;
    position: relative;
    margin-top: 17px;
    top: 7px;
    animation: scroll 2.0s ease infinite;
    line-height: 1
}

#l-navi__pagetop-icon {
    width: 3px;
    height: 90px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    animation: scroll 2.0s ease infinite
}

#l-navi__pagetop-icon:before, #l-navi__pagetop-icon:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #02030a
}

#l-navi__pagetop-icon:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 1px;
    animation: scroll-icon 2.0s ease infinite
}

#l-navi__pagetop-icon:after {
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    animation: scroll-icon-arrow 2.0s ease infinite
}

@keyframes scroll {
    0% {
        transform: translate3d(0, 0, 0)
    }
    50% {
        transform: translate3d(0, 5px, 0)
    }
    100% {
        transform: translate3d(0, 0px, 0)
    }
}

@keyframes scroll-icon {
    0% {
        height: 100%
    }
    50% {
        height: 80%
    }
    100% {
        height: 100%
    }
}

@keyframes scroll-icon-arrow {
    0% {
        height: 50%
    }
    50% {
        height: 40%
    }
    100% {
        height: 50%
    }
}

#l-motif-container {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none
}

#l-motif-container.type-body, #l-motif-container.type-lowlayer {
    opacity: 0.5 !important
}

html.mobile #l-motif-container {
    height: 120vh
}

#l-body__bg-line {
    width: 0px;
    height: calc(100% - 100vh);
    position: absolute;
    top: -205px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#l-body__bg-line>* {
    width: 1px;
    position: absolute;
    background-color: #ebeff3
}

#l-body__bg-line>*:before, #l-body__bg-line>*:after {
    content: "";
    display: block;
    height: 1px;
    width: 1800px;
    position: absolute;
    background-color: #ebeff3
}

#l-body__bg-line>*:before {
    top: 0
}

#l-body__bg-line>*:after {
    bottom: 0
}

#l-body__bg-line-1 {
    height: 2144px;
    top: 0;
    left: 385px
}

#l-body__bg-line-1:before {
    left: -1800px;
    display: none
}

#l-body__bg-line-1:after {
    left: 0px
}

#l-body__bg-line-2 {
    height: 1844px;
    top: 1000px;
    right: 224px
}

#l-body__bg-line-2:before {
    left: -1800px
}

#l-body__bg-line-2:after {
    left: 0px
}

#l-body__bg-line-3 {
    height: 1844px;
    top: 3100px;
    right: -430px
}

#l-body__bg-line-3:before {
    left: 0px
}

#l-body__bg-line-3:after {
    left: -1800px
}

#l-lowlayer-body {
    position: relative;
    z-index: 1
}

.l-section {
    position: relative;
    z-index: 100
}

.l-section__inner {
    position: relative
}

#l-body, #l-motif-container {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#l-header {
    transform: translate3d(0px, -100px, 0)
}

#l-navi__scroll {
    transform: translate3d(-100px, 0px, 0)
}

@media only screen and (min-width: 751px) {
    #l-lowlayer-body {
        width: 1080px;
        margin-left: auto;
        margin-right: auto
    }
    .l-section__content {
        margin-bottom: 160px
    }
    .l-section__inner {
        width: 1080px;
        margin-left: auto;
        margin-right: auto
    }
    @keyframes gradation {
        0% {
            background-position: 50% 0%
        }
        50% {
            background-position: 100% 100%
        }
        100% {
            background-position: 50% 0%
        }
    }
    @keyframes loop {
        0% {
            width: 5px;
            height: 5px;
            top: 0px;
            left: 0px;
            -ms-filter: "alpha(opacity=$num)";
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
        }
        50% {
            width: 13px;
            height: 13px;
            top: -4px;
            left: -4px;
            -ms-filter: "alpha(opacity=$num)";
            opacity: .4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
        }
        100% {
            width: 21px;
            height: 21px;
            top: -8px;
            left: -8px;
            -ms-filter: "alpha(opacity=$num)";
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
        }
    }
}

@media only screen and (max-width: 750px) {

    #map {
        height: 280px !important;
    }

    #l-lowlayer-body {
        margin-left: auto;
        margin-right: auto
    }
    .l-section {
        padding-left: 20px;
        padding-right: 20px
    }
    .l-section__content {
        margin-bottom: 40px;
    }
    .l-section__inner {
        width: 100%
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#loading {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(-110%, 0px, 0);
    z-index: 200;
    overflow: hidden;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#loading:after {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: #02030a;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#loading #loading__logo {
    width: 240px;
    height: 135px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
}

#loading #loading__logo #loading__logo-panel {
    width: 240px;
    height: 78px;
    position: relative;
    transform: scale(.9);
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    top: 20px
}
.js__shake-base {
    z-index: 9999;
}
#loading__logo-panel .js__shake-motion1, #loading__logo-panel .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9;
}
#loading #loading__logo #loading__logo-panel-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#loading #loading__logo #loading__logo-panel-inner .panel {
    position: absolute
}

#loading #loading__logo #loading__logo-panel-inner .panel.no1 {
    width: 30px;
    height: 30px;
    animation: loading1 1.5s ease-out infinite
}

@keyframes loading1 {
    0% {
        top: 0;
        left: 0
    }
    50% {
        top: -40px;
        left: 10px
    }
    70% {
        top: 0;
        left: 0
    }
    100% {
        top: 0;
        left: 0
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no2 {
    width: 30px;
    height: 30px;
    animation: loading2 1.5s ease-out infinite
}

@keyframes loading2 {
    0% {
        top: 0;
        left: 32px
    }
    50% {
        top: -10px;
        left: 73px
    }
    70% {
        top: 0;
        left: 32px
    }
    100% {
        top: 0;
        left: 32px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no3 {
    width: 14px;
    height: 14px;
    animation: loading3 1.5s ease-out infinite
}

@keyframes loading3 {
    0% {
        top: 0;
        left: 64px
    }
    50% {
        top: 11px;
        left: -36px
    }
    70% {
        top: 0;
        left: 64px
    }
    100% {
        top: 0;
        left: 64px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no4 {
    width: 14px;
    height: 14px;
    animation: loading4 1.5s ease-out infinite
}

@keyframes loading4 {
    0% {
        top: 16px;
        left: 64px
    }
    50% {
        top: 36px;
        left: 5px
    }
    70% {
        top: 16px;
        left: 64px
    }
    100% {
        top: 16px;
        left: 64px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no5 {
    width: 14px;
    height: 14px;
    animation: loading5 1.5s ease-out infinite
}

@keyframes loading5 {
    0% {
        top: 32px;
        left: 48px
    }
    50% {
        top: 52px;
        left: 43px
    }
    70% {
        top: 32px;
        left: 48px
    }
    100% {
        top: 32px;
        left: 48px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no6 {
    width: 14px;
    height: 14px;
    animation: loading6 1.5s ease-out infinite
}

@keyframes loading6 {
    0% {
        top: 32px;
        left: 64px
    }
    50% {
        top: 42px;
        left: 99px
    }
    70% {
        top: 32px;
        left: 64px
    }
    100% {
        top: 32px;
        left: 64px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no7 {
    width: 46px;
    height: 46px;
    animation: loading7 1.5s ease-out infinite
}

@keyframes loading7 {
    0% {
        top: 32px;
        left: 0px
    }
    50% {
        top: 72px;
        left: -24px
    }
    70% {
        top: 32px;
        left: 0px
    }
    100% {
        top: 32px;
        left: 0px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no8 {
    width: 30px;
    height: 30px;
    animation: loading8 1.5s ease-out infinite
}

@keyframes loading8 {
    0% {
        top: 32px;
        left: 48px
    }
    50% {
        top: 80px;
        left: 63px
    }
    70% {
        top: 32px;
        left: 48px
    }
    100% {
        top: 32px;
        left: 48px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no9 {
    width: 14px;
    height: 14px;
    animation: loading9 1.5s ease-out infinite
}

@keyframes loading9 {
    0% {
        top: 64px;
        left: 48px
    }
    50% {
        top: -34px;
        left: 58px
    }
    70% {
        top: 64px;
        left: 48px
    }
    100% {
        top: 64px;
        left: 48px
    }
}

#loading #loading__logo #loading__logo-panel-inner .panel.no10 {
    width: 14px;
    height: 14px;
    animation: loading10 1.5s ease-out infinite
}

@keyframes loading10 {
    0% {
        top: 64px;
        left: 64px
    }
    50% {
        top: 44px;
        left: -54px
    }
    70% {
        top: 64px;
        left: 64px
    }
    100% {
        top: 64px;
        left: 64px
    }
}

#loading #loading__logo.is-loading.is-done {
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#loading #loading__logo.is-loading.is-done>* {
    animation: flashing-hide 1.0s infinite linear 0s alternate
}

#loading #loading__logo rect, #loading #loading__logo path, #loading #loading__logo polygon {
    fill: #02030a;
}

#loading #loading__bg {
    width: 100%;
    height: 100%;
    background: #02030a;
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#loading.is-loading {
    transform: translate3d(0%, 0px, 0)
}

#loading.is-done #loading__logo-panel {
    opacity: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transition-property: all;
    transition-duration: 1.28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#loading.is-done #loading__bg {
    opacity: 0;
    transition-property: all;
    transition-duration: 1.18s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: .9s !important;
    -moz-transition-delay: .9s !important;
    -webkit-transition-delay: .9s !important;
    -o-transition-delay: .9s !important;
    -ms-transition-delay: .9s !important
}

#loading.is-done.is-trans_end {
    display: none
}

@media only screen and (max-width: 750px) {
    #loading {
        width: 100vw;
        height: 100%
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

body.js__scroll-none {
    overflow-x: hidden !important;
    overflow-y: scroll !important
}

body.js__scroll-none #root {
    height: 100vh !important
}

#js__scroll {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    left: 0
}

#js__scroll-body {
    width: 100%;
    position: fixed;
    will-change: transform;
    top: 0;
    left: 0
}

html.mobile, html.tablet {
    -webkit-overflow-scrolling: touch
}

html.mobile #root, html.mobile #l-body, html.tablet #root, html.tablet #l-body {
    width: 100vw
}

html.mobile #js__scroll, html.tablet #js__scroll {
    position: relative;
    overflow: inherit
}

html.mobile #js__scroll-body, html.tablet #js__scroll-body {
    position: absolute;
    overflow: hidden;
}

.js__psc {
    position: relative;
    will-change: transform
}

.js__sc-panel {
    position: relative
}

.js__sc-panel-color {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

.js__sc-panel-color>* {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.js__sc-panel-color>*:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /*background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);*/
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.js__sc-panel-color.is-done>* {
    animation: opacityAnimation 6s ease infinite
}

@keyframes opacityAnimation {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    45% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    70% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.js__sc-panel-color.is-done>*:after {
    /*background: linear-gradient(135deg, transparent, #fe8c00 4%,#f80000 96%):*/
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.js__panel-text {
    position: relative
}

.js__panel-text-color {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    z-index: 10
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#js__fullscreen {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative
}

#js__fullscreen-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#js__fullscreen-inner .l-full__section {
    width: 100%;
    height: 100%;
    position: absolute
}

#js__fullscreen-inner .l-full__section.is-current {
    z-index: 10
}

#js__fullscreen-inner .l-full__section-inner {
    width: 100%;
    height: 100%;
    position: relative
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.js__shake {
    width: 100%;
    height: 100%;
    position: relative
}

.js__shake>* {
    position: absolute;
    top: 0;
    left: 0
}

.js__shake-base {
    z-index: 10
}

.js__shake-motion1 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    animation: shake1 .8s ease infinite
}

.js__shake-motion1 rect, .js__shake-motion1 path, .js__shake-motion1 polygon {
    fill: #faa1b8 !important
}

.js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    animation: shake2 .8s ease infinite
}

.js__shake-motion2 rect, .js__shake-motion2 path, .js__shake-motion2 polygon {
    fill: #f1faa1 !important
}

.js__shake.bg-color .js__shake-base {
    background: #ffffff;
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.js__shake.bg-color .js__shake-motion1 {
    background-color: #02030a !important
}

.js__shake.bg-color .js__shake-motion2 {
    background-color: #02030a !important
}

@keyframes shake1 {
    0% {
        transform: translate3d(0px, 0px, 0) scale(1)
    }
    25% {
        transform: translate3d(1px, 1px, 0) scale(1.02)
    }
    50% {
        transform: translate3d(-2px, 1px, 0) scale(1.02)
    }
    75% {
        transform: translate3d(-1px, -2px, 0) scale(1.05)
    }
    100% {
        transform: translate3d(0px, 0px, 0) scale(1)
    }
}

@keyframes shake2 {
    0% {
        transform: translate3d(0px, 0px, 0) scale(1)
    }
    25% {
        transform: translate3d(-2px, -1px, 0) scale(1.02)
    }
    50% {
        transform: translate3d(2px, -2px, 0) scale(1.02)
    }
    75% {
        transform: translate3d(2px, 2px, 0) scale(1.05)
    }
    100% {
        transform: translate3d(0px, 0px, 0) scale(1)
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-banner:hover>* {
    animation: btn-black .4s linear infinite;
    opacity: 0.3
}

.c-banner>* {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    border: 1px solid #111;
    box-sizing: border-box;
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.c-banner>*>* {
    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.c-banner>*>*>* {
    width: auto;
    height: 100%
}

.sns-link {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #000;
    border-radius: 50%;
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.sns-link:hover {
    animation: btn-black .4s linear infinite;
    opacity: 0.3
}

@keyframes btn-black {
    0% {
        border-color: #0ff;
        box-shadow: 1px 0px 0px #fff
    }
    25% {
        border-color: #f0f;
        box-shadow: 0px -1px 0px #fff
    }
    50% {
        border-color: #f00;
        box-shadow: -1px 0px 0px #fff
    }
    75% {
        border-color: #f0f;
        box-shadow: 0px 1px 0px #fff
    }
    100% {
        border-color: #0ff;
        box-shadow: 1px 0px 0px #fff
    }
}

@keyframes btn-line {
    0% {
        background-color: #0ff;
        box-shadow: 1px 0px 0px #fff
    }
    25% {
        background-color: #f0f;
        box-shadow: 0px -1px 0px #fff
    }
    50% {
        background-color: #f00;
        box-shadow: -1px 0px 0px #fff
    }
    75% {
        background-color: #f0f;
        box-shadow: 0px 1px 0px #fff
    }
    100% {
        background-color: #0ff;
        box-shadow: 1px 0px 0px #fff
    }
}

@media only screen and (min-width: 751px) {
    .c-banner {
        width: 198px;
        height: 118px
    }
    .c-banner>*>* {
        height: 23px
    }
}

@media only screen and (max-width: 750px) {
    .c-banner {
        width: 140px;
        height: 82px
    }
    .c-banner>*>* {
        height: 18px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-btn.c-posi-center {
    margin-left: auto;
    margin-right: auto
}

.c-btn.c-type-border .c-btn__inner {
    background: #02030a;
    color: #ffffff;
}

.c-btn.c-color-white .c-btn__inner {
    border-color: #fff
}

.c-btn.c-color-white * {
    color: #fff
}

.c-btn.c-color-white a:before, .c-btn.c-color-white a:after, .c-btn.c-color-white button:before, .c-btn.c-color-white button:after {
    background-color: #fff
}

.c-btn__inner {
    width: 100%;
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    position: relative;
    overflow: hidden;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.c-btn__inner .js__shake {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    top: 3px;
    left: 3px;
    content: "";
    display: block;
    position: absolute;
    transform: translate3d(-100%, 0, 0);
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-btn__inner .js__shake>* {
    width: 100%;
    height: 100%
}

.c-btn__inner>a, .c-btn__inner>button {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.c-btn__inner>a:before, .c-btn__inner>a:after, .c-btn__inner>button:before, .c-btn__inner>button:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #ffffff;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.c-btn__inner>a .c-btn__icon, .c-btn__inner>button .c-btn__icon {
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 14px;
    right: 16px;
    opacity: 0.3
}

.c-btn__inner>a .c-btn__icon svg, .c-btn__inner>button .c-btn__icon svg {
    width: 13px;
    height: 13px
}

.c-btn__inner>button {
    padding: 0
}

.c-btn__inner:hover {
    border-color: transparent !important
}

.c-btn__inner:hover .js__shake {
    transform: translate3d(0%, 0, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-btn__inner:hover>a:before, .c-btn__inner:hover>a:after, .c-btn__inner:hover>button:before, .c-btn__inner:hover>button:after {
    background-color: #02030a;
}
.c-btn__inner .c-btn__text {
    color: #ffffff !important;
}
.c-btn__inner:hover .c-btn__text {
    color: #02030a;
}

.c-btn__text {
    position: relative;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.c-btn-min>a, .c-btn-min>span {
    font-size: 10px;
    padding-left: 36px;
    line-height: 1;
    position: relative;
    display: block
}

.c-btn-min>a *, .c-btn-min>span * {
    font-weight: 400;
    letter-spacing: 0.1em
}

.c-btn-min>a:before, .c-btn-min>span:before {
    width: 20px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #02030a;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.c-btn-min>a .js__shake, .c-btn-min>span .js__shake {
    display: block
}

.c-btn-min>a .js__shake *, .c-btn-min>span .js__shake * {
    display: inline-block
}

.c-btn-min>a .js__shake-motion1, .c-btn-min>a .js__shake-motion2, .c-btn-min>span .js__shake-motion1, .c-btn-min>span .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-btn-min>a:hover:before, .c-btn-min>a:hover:after, .c-btn-min>span:hover:before, .c-btn-min>span:hover:after {
    width: 0
}

.c-btn-min>a:hover .js__shake-motion1, .c-btn-min>a:hover .js__shake-motion2, .c-btn-min>span:hover .js__shake-motion1, .c-btn-min>span:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

.c-btn-min__prev a:after, .c-btn-min__next a:after {
    width: 10px;
    height: 3px;
    content: "";
    display: block;
    position: absolute;
    background-color: #02030a;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.c-btn-min__prev a {
    padding-left: 52px
}

.c-btn-min__prev a:before {
    width: 40px
}

.c-btn-min__prev a:after {
    top: 4px;
    left: 5px
}

.c-btn-min__next a {
    padding-right: 95px;
    padding-left: 0
}

.c-btn-min__next a:before {
    right: 5px;
    left: inherit;
    width: 40px
}

.c-btn-min__next a:after {
    top: 4px;
    right: 5px
}

.c-circle-btn {
    width: 110px;
    height: 110px
}

.c-circle-btn__inner {
    width: 100%;
    height: 100%;
    position: relative
}

.c-circle-btn__inner>* {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center
}

.c-circle-btn__inner>*:hover {
    animation: circleBtnHover 0.6s ease infinite
}

@keyframes circleBtnHover {
    0% {
        border-color: #0d9afb
    }
    25% {
        border-color: #009cfe
    }
    50% {
        border-color: #0eb6f4
    }
    75% {
        border-color: #03d8d0
    }
    100% {
        border-color: #0d9afb
    }
}

.c-circle-btn__inner>*:hover .js__shake-motion1, .c-circle-btn__inner>*:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

.c-circle-btn__text {
    width: 100%;
    color: #ffffff;
    font-weight: 400;
    display: inline-block;
    font-size: 10px;
    position: relative;
    left: 2px
}

.c-circle-btn__text.line2 {
    top: 1px
}

.c-circle-btn__text>* {
    display: inline;
    position: relative
}

.c-circle-btn__text>* .js__shake-base {
    position: relative
}

.c-circle-btn__text>* .js__shake-motion1, .c-circle-btn__text>* .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-backbtn {
    border: 1px solid #8f989c;
    cursor: pointer
}

.c-backbtn a, .c-backbtn span {
    display: block;
    text-align: center;
    color: #8f989c
}

.c-backbtn a.en, .c-backbtn span.en {
    font-weight: 400;
}

.c-backbtn .js__shake-motion1, .c-backbtn .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-backbtn:hover .js__shake-motion1, .c-backbtn:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

.c-closebtn {
    border: 1px solid #02030a;
    width: 235px;
    height: 44px;
    line-height: 44px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.c-closebtn a {
    display: block;
    text-align: center;
    color: #02030a
}

.c-closebtn a.en {
    font-weight: 400;
    letter-spacing: 0.1em
}

.c-closebtn>* {
    font-size: 11px
}

.c-closebtn>* span {
    width: 100%
}

.c-closebtn .js__shake-motion1, .c-closebtn .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-closebtn:hover .js__shake-motion1, .c-closebtn:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

@media only screen and (min-width: 751px) {
    .c-btn {
        width: 240px;
        height: 50px
    }
    .c-btn-submit {
        height: 70px;
        line-height: 70px
    }
    .c-btn__inner>a:before, .c-btn__inner>button:before {
        /*width: 40px;
          height: 1px */
    }
    .c-btn__inner>a:after, .c-btn__inner>button:after {
        /*width: 10px;
        height: 3px;
        left: 30px*/
    }
    .c-btn__inner:hover>a:before, .c-btn__inner:hover>button:before {
        /*width: 20px*/
    }
    .c-btn__inner:hover>a:after, .c-btn__inner:hover>button:after {
        /*left: 10px*/
    }
    .c-btn__text {
        width: 100%;
        height: 12px;
        font-size: 12px
    }
    .c-backbtn {
        width: 148px;
        height: 48px;
        line-height: 48px
    }
    .c-backbtn>* {
        font-size: 12px
    }
    .c-backbtn>* span {
        width: 100%
    }
}

@media only screen and (max-width: 750px) {
    .c-btn {
        width: 235px;
        height: 45px
    }
    .c-btn-submit {
        height: 65px;
        line-height: 65px
    }
    .c-btn__inner {
        border: 1px solid #02030a
    }
    .c-btn__inner>a:before, .c-btn__inner>button:before {
        /*width: 40px;
        height: 1px;*/
    }
    .c-btn__inner>a:after, .c-btn__inner>button:after {
        /*width: 10px;
        height: 3px;
        left: 30px;*/
    }
    .c-btn__inner:hover>a:before, .c-btn__inner:hover>button:before {
        /*width: 20px;*/
    }
    .c-btn__inner:hover>a:after, .c-btn__inner:hover>button:after {
        /*left: 10px;*/
    }
    .c-btn__text {
        width: 100%;
        height: 12px;
        font-size: 12px
    }
    .c-backbtn {
        width: 119px;
        height: 44px;
        line-height: 44px
    }
    .c-backbtn>* {
        font-size: 11px
    }
    .c-backbtn>* span {
        width: 100%
    }
    .c-zoombtn {
        border: 1px solid #02030a;
        width: 235px;
        height: 44px;
        line-height: 44px;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer
    }
    .c-zoombtn a {
        display: block;
        text-align: center;
        color: #02030a
    }
    .c-zoombtn a.en {
        font-weight: 400;
        letter-spacing: 0.1em
    }
    .c-zoombtn a .js__shake-base:after {
        content: "";
        display: block;
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/common/zoom_icon.svg");
        background-size: cover;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 24px
    }
    .c-zoombtn>* {
        font-size: 11px
    }
    .c-zoombtn>* span {
        width: 100%
    }
    .c-zoombtn .js__shake-motion1, .c-zoombtn .js__shake-motion2 {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    .c-zoombtn:hover .js__shake-motion1, .c-zoombtn:hover .js__shake-motion2 {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
        color: #9da1a9
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#c-page-title {
    position: relative;
    overflow: visible;
    z-index: 3
}

#c-page-title__bg {
    position: absolute;
    overflow: hidden
}

#c-page-title__bg-inner {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition-property: all;
    transition-duration: .88s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#c-page-title__bg-inner:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition: all 1.28s ease-in;
    -moz-transition: all 1.28s ease-in;
    -webkit-transition: all 1.28s ease-in;
    -ms-transition: all 1.28s ease-in
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#c-page-title__text {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: .88s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#c-page-title__text>* {
    text-align: center
}

#c-page-title__text {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;

}

#c-page-title__text * {

}

#c-page-title__text * {

}

#c-page-title.is-done #c-page-title__bg-inner {
    transform: translate3d(0px, 0px, 0)
}

#c-page-title.is-done #c-page-title__bg-inner:after {
    transition-delay: .1s !important;
    -moz-transition-delay: .1s !important;
    -webkit-transition-delay: .1s !important;
    -o-transition-delay: .1s !important;
    -ms-transition-delay: .1s !important;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#c-page-title.is-done #c-page-title__text {
    transform: translate3d(0px, 0px, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-section__title {
    position: relative;
    font-weight: 700;
}

.c-section__title:before {
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #02030a;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transform: translate3d(0, -100%, 0)
}

.c-section__title {
    line-height: 1
}

.c-section__title * {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
;
}

.c-section__title * * {

}

.c-section__title.is-done:before {
    transform: translate3d(0px, 0%, 0)
}

.c-sub-title {
    position: relative;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
;
    line-height: 1;
;
    font-weight: 700
}

.c-sub-title * {

}

.c-sub-title:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-color: #f83600
}

.l-section__title {
    position: relative;
    overflow: hidden;
    text-align: center
}

.l-section__title:after {
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #02030a;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transform: translate3d(-15%, 0, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.l-section__title {
    line-height: 2;
    letter-spacing: 0;
    font-weight: 700;
}

.l-section__title * {

}

.l-section__title * {

}

.l-section__title.is-done:after {
    transition-delay: .38s !important;
    -moz-transition-delay: .38s !important;
    -webkit-transition-delay: .38s !important;
    -o-transition-delay: .38s !important;
    -ms-transition-delay: .38s !important;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transform: translate3d(0, 0, 0)
}

.l-section__sub-title {
    position: relative;
    overflow: hidden;
    text-align: center
}

.l-section__sub-title:after, .l-section__sub-title:before {
    height: 1px;
    content: "";
    display: inline-block;
    background-color: #f9f9f9;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transform: translate3d(0, -100%, 0);
    vertical-align: middle
}

.l-section__sub-title {
    line-height: 1;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
;
;
    letter-spacing: 0.15em;
    font-weight: 700
}

.l-section__sub-title * {

}

@media only screen and (min-width: 751px) {
    #c-page-title {
        margin: 0px auto 120px;
        padding-top: 235px
    }
    #c-page-title__bg {
        width: calc(100% - 140px);
        min-width: 1080px;
        height: 240px;
        top: 70px;
        left: 0;
        right: 0;
        margin: auto
    }
    #c-page-title__bg-inner {
        width: 100%;
        height: 240px;
        transform: translate3d(0px, 240px, 0)
    }
    #c-page-title__text {
        width: 680px;
        padding: 35px 0;
        box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1);
        transform: translate3d(0px, 50px, 0)
    }
    #c-page-title__text {
        font-size: 46px
    }
    .c-section__title {
        width: 50%;
        padding-left: 36px;
        margin-bottom: 110px
    }
    .c-section__title:before {
        width: 4px
    }
    .c-section__title {
        font-size: 60px
    }
    .c-sub-title {
        padding-left: 30px;
        font-size: 30px;
        margin-bottom: 46px
    }
    .c-sub-title:before {
        width: 20px;
        height: 3px;
        top: 11px
    }
    .l-section__title {
        margin-bottom: 65px
    }
    .l-section__title:after {
        width: 72px;
        height: 3px
    }
    .l-section__title {
        font-size: 40px
    }
    .l-section__sub-title {
        margin-bottom: 45px
    }
    .l-section__sub-title:after, .l-section__sub-title:before {
        width: 102px
    }
}

@media only screen and (max-width: 750px) {
    #c-page-title {
        width: 100vw;
        margin: 0px auto 45px;
        padding-top: 122px
    }
    #c-page-title__bg {
        width: 100vw;
        height: 110px;
        top: 60px;
        left: 0px
    }
    #c-page-title__bg-inner {
        width: 100vw;
        height: 110px;
        transform: translate3d(0px, 110px, 0)
    }
    #c-page-title__text {
        width: calc(100% - 40px);
        padding: 20px 0 24px;
        margin-left: 20px;
        margin-right: 20px;
        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
        transform: translate3d(0px, 24px, 0)
    }
    #c-page-title__text {
        font-size: 26px
    }
    .c-section__title {
        width: 94.67%;
        padding-left: 16px;
        margin-bottom: 32px
    }
    .c-section__title:before {
        width: 2px;
    }
    .c-section__title {
        font-size: 40px;
        margin-bottom: -10px
    }
    .c-sub-title {
        padding-left: 30px;
        font-size: 30px;
        margin-bottom: 46px
    }
    .c-sub-title:before {
        width: 20px;
        height: 3px;
        top: 11px
    }
    .l-section__title {
        margin-bottom: 30px
    }
    .l-section__title:after {
        width: 57px;
        height: 2px
    }
    .l-section__title {
        font-size: 24px;
        line-height: 1
    }
    .l-section__sub-title {
        margin-bottom: 24px
    }
    .l-section__sub-title:after, .l-section__sub-title:before {
        position: absolute;
        width: 30%;
        top: 50%;
        left: 50%
    }
    .l-section__sub-title:before {
        margin-left: -30%
    }
    .l-section__sub-title {
        position: relative;
        z-index: 1;
        padding: 0 10px;
        font-size: 17px;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/common/body_bg.png") repeat top left
    }
}

.c-mark-copy {
    font-size: 10px;
    position: relative;
    top: -2px;
    left: -3px
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-link {
    cursor: pointer
}

.c-link-color {
    color: #f83600
}

.js__alllink {
    cursor: pointer
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-right: 1px solid #ebeff3
}

.c-tab__trigger {
    text-align: center;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.c-tab__trigger:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ebeff3;
    position: absolute;
    left: 0;
    top: 0
}

.c-tab__trigger-text {
    font-weight: 400;
    position: relative;
    z-index: 1
}

.c-tab__trigger .js__shake {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    display: block;
    position: absolute;
    transform: translate3d(-100%, 0, 0);
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-tab__trigger .js__shake>* {
    width: 100%;
    height: 100%
}

.c-tab__trigger.is-current .c-tab__trigger-text {
    color: #fff
}

.c-tab__trigger.is-current .js__shake {
    transform: translate3d(0%, 0, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-tab__trigger.is-current .js__shake .js__shake-motion1, .c-tab__trigger.is-current .js__shake .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-tab__trigger:hover .c-tab__trigger-text {
    color: #fff
}

.c-tab__trigger:hover .js__shake {
    transform: translate3d(0%, 0, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-tab__trigger:hover .js__shake .js__shake-motion1, .c-tab__trigger:hover .js__shake .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-tab__body-content {
    display: none
}

.c-tab__body-content .c-info-list__article {
    will-change: transform, opacity
}

.c-tab__body-content.is-current {
    display: block
}

@media only screen and (min-width: 751px) {
    .c-tab {
        width: 100%;
        margin-bottom: 40px
    }
    .c-tab__trigger {
        width: 25%;
        height: 30px;
        line-height: 30px
    }
    .c-tab__trigger-text {
        font-size: 12px
    }
    .c-tab__body {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 750px) {
    .c-tab {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 40px
    }
    .c-tab__trigger {
        width: 25%;
        height: 30px;
        line-height: 30px
    }
    .c-tab__trigger-text {
        font-size: 12px
    }
    .c-tab__body {
        margin-bottom: 50px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-info-list__article-inner:hover .c-btn-min a:before {
    width: 0
}

.c-info-list__article-inner:hover .js__shake-motion1, .c-info-list__article-inner:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-info-list__article header {
    position: relative
}

.c-info-list__article-date {
    font-weight: 400;
    line-height: 1
}

.c-info-list__article-category {
    border: 1px solid;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0.1em
}

.c-info-list__article-category.cat-event {
    color: #5f829d;
    border-color: #5f829d
}

.c-info-list__article-category.cat-press {
    color: #03468a;
    border-color: #03468a
}

.c-info-list__article-category.cat-media {
    color: #03468a;
    border-color: #03468a
}

.c-info-list__article-new {
    font-size: 10px;
    font-weight: 400;
    color: #f83600;
    position: absolute;
    top: 0;
    right: 0
}

.c-info-list__article-title>* {
    width: 100%;
    height: 40px;
    display: block
}

.c-info-list__article-title .js__shake-motion1, .c-info-list__article-title .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-info-list__article-title:hover .js__shake-motion1, .c-info-list__article-title:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-info-list__none {
    width: 100%;
    text-align: center;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transform: translate3d(-40px, 0, 0);
    position: relative
}

@media only screen and (min-width: 751px) {
    .c-info-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center
    }
    .c-info-list__article {
        width: 33.3%
    }
    .c-info-list__article-inner {
        padding-top: 24px;
        padding-bottom: 40px;
        padding-right: 40px;
        position: relative
    }
    .c-info-list__article-inner:after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background-color: #ebeff3;
        right: 0;
        top: 0;
        position: absolute
    }
    .c-info-list__article:nth-child(2n+3) .c-info-list__article-inner, .c-info-list__article:nth-child(2n) .c-info-list__article-inner {
        padding-left: 40px
    }
    .c-info-list__article:nth-child(3), .c-info-list__article:nth-child(3n+3) {
        width: 33.4%
    }
    .c-info-list__article:nth-child(3) .c-info-list__article-inner, .c-info-list__article:nth-child(3n+3) .c-info-list__article-inner {
        padding-left: 40px;
        border-right: 0
    }
    .c-info-list__article:nth-child(3) .c-info-list__article-inner:after, .c-info-list__article:nth-child(3n+3) .c-info-list__article-inner:after {
        content: none
    }
    .c-info-list__article:nth-child(3n+1) .c-info-list__article-inner {
        padding-left: 0px
    }
    .c-info-list__article:nth-child(n+4) {
        border-top: 1px solid #ebeff3
    }
    .c-info-list__article header {
        margin-bottom: 11px
    }
    .c-info-list__article-date {
        font-size: 12px;
        margin-right: 20px
    }
    .c-info-list__article-category {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 10px;
        border: 1px solid;
        display: inline-block
    }
    .c-info-list__article-new {
        font-size: 10px
    }
    .c-info-list__article-title {
        margin-bottom: 20px
    }
    .c-info-list__none {
        height: 141px;
        line-height: 141px;
        vertical-align: middle
    }
}

@media only screen and (max-width: 750px) {
    #informartion.l-section {
        padding-left: 0;
        padding-right: 0
    }
    .c-info-list {
        border-bottom: 1px solid #ebeff3
    }
    .c-info-list__article-inner {
        padding: 20px 20px 35px;
        border-top: 1px solid #ebeff3
    }
    .c-info-list__article header {
        margin-bottom: 11px
    }
    .c-info-list__article-date {
        font-size: 13px;
        margin-right: 10px
    }
    .c-info-list__article-category {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px;
        border: 1px solid;
        display: inline-block;
        height: 16px;
        line-height: 18px
    }
    .c-info-list__article-new {
        font-size: 10px;
        top: 4px
    }
    .c-info-list__article-title {
        margin-bottom: 20px
    }
    .c-info-list__none {
        height: 132px;
        line-height: 132px;
        vertical-align: middle
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-info-content {
    position: relative;
    z-index: 1
}

.c-info-content__article-inner {
    border-bottom: 1px solid #02030a;
}

.c-info-content__article header {
    position: relative
}

.c-info-content__article-date {
    font-weight: 400;
    line-height: 1;
}

.c-info-content__article-category {
    border: 1px solid;
    display: inline-block;
    letter-spacing: 0;
    font-weight: 300;
}

.c-info-content__article-category.cat-event {
    color: #5f829d;
    border-color: #5f829d;
}

.c-info-content__article-category.cat-press {
    color: #03468a;
    border-color: #03468a;
}

.c-info-content__article-category.cat-media {
    color: #03468a;
    border-color: #03468a;
}

.c-info-content__article-new {
    font-weight: 400;
    color: #f83600;
    display: inline-block
}

.c-info-content__article-title {
    border-bottom: 1px solid #02030a;
}

.c-info-content__article-content {
    word-break: break-all
}

.c-info-content__article-content * {
    font-family: YuMincho, '游明朝', "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "HGS明朝B", "ＭＳ Ｐ明朝", serif, "Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif
}

.c-info-content__article-content img {
    width: inherit;
    max-width: 100%
}

.c-info-content__article-content a {
    color: #f83600
}

.c-info-content__article-content strong {
    font-weight: bold
}

.c-info-content__article-content em {

}

.c-info-content__article-content ul {
    padding-left: 16px
}

.c-info-content__article-content ul li {
    list-style: square
}

.c-info-content__article-content ol {
    padding-left: 16px
}

.c-info-content__article-content ol li {
    list-style-type: decimal
}

.c-info-content__article-content blockquote {
    padding: 20px;
    background-color: #ddd
}

.c-info-content__article-content hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ebeff3
}

.c-info-content__link {
    position: relative
}

.c-info-content__link:after {
    content: "";
    display: block;
    overflow: hidden
}

@media only screen and (min-width: 751px) {
    .c-info-content {
        margin-bottom: 130px
    }
    .c-info-content__article {
        margin-bottom: 50px
    }
    .c-info-content__article-inner {
        padding-top: 24px;
        padding-bottom: 24px
    }
    .c-info-content__article header {
        margin-bottom: 20px
    }
    .c-info-content__article-date {
        margin-right: 20px
    }
    .c-info-content__article-category {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 10px
    }
    .c-info-content__article-new {
        font-size: 10px;
        margin-left: 20px
    }
    .c-info-content__article-title {
        margin-bottom: 35px;
        padding-bottom: 35px;
        font-size: 18px
    }
    .c-info-content__link .c-btn {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto
    }
    .c-info-content__link .c-btn-min {
        margin-top: 20px
    }
    .c-info-content__link .c-btn-min__prev *, .c-info-content__link .c-btn-min__next * {
        font-size: 12px;
        letter-spacing: 0.3em
    }
    .c-info-content__link .c-btn-min__prev {
        float: left
    }
    .c-info-content__link .c-btn-min__next {
        float: right
    }
}

@media only screen and (max-width: 750px) {
    .c-info-content {
        margin-left: 20px;
        margin-right: 20px
    }
    .c-info-content__article {
        margin-bottom: 24px
    }
    .c-info-content__article-inner {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .c-info-content__article header {
        margin-bottom: 10px
    }
    .c-info-content__article-date {
        margin-right: 10px
    }
    .c-info-content__article-category {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px
    }
    .c-info-content__article-new {
        font-size: 10px;
        margin-top: 5px;
        float: right
    }
    .c-info-content__article-title {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 16px
    }
    .c-info-content__link {
        text-align: center
    }
    .c-info-content__link .c-btn {
        display: block;
        margin-top: 30px
    }
    .c-info-content__link .c-btn-min {
        margin-top: 20px;
        display: inline-block
    }
    .c-info-content__link .c-btn-min__prev *, .c-info-content__link .c-btn-min__next * {
        font-size: 12px;
        letter-spacing: 0.3em
    }
    .c-info-content__link .c-btn-min__prev {
        margin-right: 90px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-table {
    border-top: 1px solid #ebeff3;
    width: 100%;
}

.c-table tr {
    border-bottom: 1px solid #ebeff3;
}

.c-table tr th {
    font-weight: normal;
}

@media only screen and (min-width: 751px) {
    .c-table tr th {
        width: 25%;
        padding: 24px;
    }
    .c-table tr td {
        padding: 20px 40px
    }
}

@media only screen and (max-width: 750px) {
    .c-table tr th, .c-table tr td {
        display: block
    }
    .c-table tr th {
        padding: 10px 16px;
    }
    .c-table tr td {
        padding: 10px 16px;
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.c-input__file {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #02030a;
    position: relative
}

.c-input__file>* {
    display: block
}

.c-input__file>*>* {
    width: 100%
}

.c-input__file input {
    display: none
}

.c-input__file .js__shake-motion1, .c-input__file .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.c-input__file:hover .js__shake-motion1, .c-input__file:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

.c-input__transparent {
    border: none;
    background: rgba(255, 255, 255, 0)
}

.c-input__radio {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    line-height: 24px;
    cursor: pointer;
    white-space: nowrap
}

.c-input__radio:before, .c-input__radio:after {
    position: absolute;
    content: '';
    top: 50%;
    transition: all .2s cubic-bezier(0.075, 0.82, 0.565, 1);
    -moz-transition: all .2s cubic-bezier(0.075, 0.82, 0.565, 1);
    -webkit-transition: all .2s cubic-bezier(0.075, 0.82, 0.565, 1);
    -ms-transition: all .2s cubic-bezier(0.075, 0.82, 0.565, 1)
}

.c-input__radio:before {
    left: 0;
    width: 28px;
    height: 28px;
    margin-top: -16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: #fff
}

.c-input__radio:after {
    opacity: 0;
    left: 9px;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff
}

.c-input__radio:hover::before {
    border: 1px solid #f83600
}

input[type="radio"], input[type="checkbox"] {
    display: none
}

input[type="radio"].error+.c-input__radio::before, input[type="checkbox"].error+.c-input__checkbox::before {
    background: #ffdbdb
}

input[type="radio"]:checked+.c-input__radio::before, input[type="checkbox"]:checked+.c-input__checkbox::before {
    background: #f83600;
    border-color: #20a9be
}

input[type="radio"]:checked+.c-input__radio::after, input[type="checkbox"]:checked+.c-input__checkbox::after {
    opacity: 1
}

@media only screen and (min-width: 751px) {
    .c-input__file {
        width: 278px;
        height: 48px;
        line-height: 48px
    }
}

@media only screen and (max-width: 750px) {
    .c-input__file {
        width: 162.5px;
        height: 45px;
        line-height: 45px
    }
    .c-input__file * {
        font-size: 12px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#c-sp-scrolldown {
    height: 55px !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 35px !important
}

#c-sp-scrolldown__inner {
    position: relative;
    height: 55px !important
}

#c-sp-scrolldown-text {
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    line-height: 1;
    margin-bottom: 8px;
    color: #fff
}

#c-sp-scrolldown-arrow {
    width: 100%;
    height: 35px
}

#c-sp-scrolldown-arrow___inner {
    width: 100%;
    height: 100%;
    position: relative
}

#c-sp-scrolldown-arrow___inner:before, #c-sp-scrolldown-arrow___inner:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff
}

#c-sp-scrolldown-arrow___inner:before {
    width: 1px;
    height: 100%;
    animation: scroll-icon 2.0s ease infinite
}

#c-sp-scrolldown-arrow___inner:after {
    width: 3px;
    height: 50%;
    animation: scroll-icon-arrow 2.0s ease infinite
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#header .js__show {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px)
}

.js__point {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.js__point.done {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.js__split-text>*>* {
    perspective: 400
}

.js__block-show {
    overflow: hidden;
    position: relative;
    will-change: transform, width
}

.js__block-show>* {
    position: relative
}

.js__list-container .js__list {
    display: inline-block;
    position: relative;
    will-change: transform, opacity
}

.js__panel {
    position: relative;
    color: #000;
    overflow: hidden
}

.js__panel>* {
    position: relative;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    will-change: transform
}

.js__panel:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: #505050;
    transition-property: all;
    transition-duration: 1.28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform
}

.js__panel.done {
    color: #fff
}

.js__panel.done>* {
    transition-delay: .4s !important;
    -moz-transition-delay: .4s !important;
    -webkit-transition-delay: .4s !important;
    -o-transition-delay: .4s !important;
    -ms-transition-delay: .4s !important;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.js__panel.done:after {
    -webkit-transform: translateX(101%);
    -moz-transform: translateX(101%);
    -ms-transform: translateX(101%);
    -o-transform: translateX(101%);
    transform: translateX(101%)
}

.office-photo-slider-img, .recruit-photo-slider-img {
    overflow: hidden
}

.office-photo-slider-img>*, .recruit-photo-slider-img>* {
    will-change: transform, width
}

.office-photo-slider-img>*>*, .recruit-photo-slider-img>*>* {
    width: 100%
}

.office-photo-slider-img.slick-current, .recruit-photo-slider-img.slick-current {
    z-index: 1000;
    position: relative
}

.office-photo-slider-img.slick-current+.slick-slide>*>*, .recruit-photo-slider-img.slick-current+.slick-slide>*>* {
    width: 160%
}

@media only screen and (min-width: 751px) {
    .office-photo-slider-img {
        height: 551px
    }
    .office-photo-slider-img img {
        height: 551px
    }
    .recruit-photo-slider-img {
        height: 400px
    }
    .recruit-photo-slider-img img {
        height: 400px
    }
}

@media only screen and (max-width: 750px) {
    .office-photo-slider-img {
        height: 270px
    }
    .office-photo-slider-img img {
        height: 270px
    }
    .recruit-photo-slider-img {
        height: 195px
    }
    .recruit-photo-slider-img img {
        height: 195px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#top #l-body {
    opacity: 0
}

#top #l-body__bg-line {
    top: 100vh !important
}

#top #l-body__bg-line>*:before, #top #l-body__bg-line>*:after {
    width: 1800px;
    display: none
}

#top #l-body__bg-line>*:before {
    top: 0
}

#top #l-body__bg-line>*:after {
    bottom: 0
}

#top #l-body__bg-line-1 {
    height: 3500px;
    top: 450px;
    left: 450px
}

#top #l-body__bg-line-1:before {
    display: none
}

#top #l-body__bg-line-2 {
    height: 3500px;
    top: 0px;
    right: 494px
}

#top #main-visual__copy {
    width: 100%;
    height: 100vh;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0
}

#top #main-visual__copy>* {
    width: 100%;
    height: 100%;
    position: relative
}

#top #main-visual__copy>*>* {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 1.46;
}

#top #main-visual__copy>*>* .main-visual__copy-main_wrap {
    position: relative
}

#top #main-visual__copy>*>* .main-visual__copy-main {
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05em
}

#top #main-visual__copy>*>* .main-visual__copy-sub_wrap {
    position: relative
}

#top #main-visual__copy>*>* .main-visual__copy-sub_wrap>* {
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#top #main-visual__copy>*>* .main-visual__copy-sub {
    text-align: center;
    line-height: 1.4;
    font-style: normal;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 700;
    letter-spacing: 0.1em
}

#top #main-visual__copy>*>* .main-visual__copy-sub * {

}

#top #main-visual__copy>*>* .main-visual__copy_btn_wrap {
    position: relative
}

#top #main-visual__copy>*>* .main-visual__copy_btn_wrap>* {
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#top #main-visual__copy>*>* .main-visual__copy_btn {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .text {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .text * {
    font-weight: 400;
    font-style: normal
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .text a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    font-size: 10px
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .text a .js__shake-motion1, #top #main-visual__copy>*>* .main-visual__copy_btn-inner .text a .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .text-inner {
    display: block;
    letter-spacing: 0;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    font-style: normal;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .text-inner>* {
    width: 100%;
    display: block
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:before, #top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:after {
    content: '';
    display: block;
    background-color: #ffffff;
    transition-property: all;
    transition-duration: .88s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(0, 0, 0);
    position: absolute
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:before {
    width: 10px;
    height: 3px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:after {
    width: 100%;
    height: 1px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line.left {
    right: 100%
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line.left .line-inner:before {
    right: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line.left .line-inner:after {
    right: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line.right {
    left: 99%
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line.right .line-inner:before {
    left: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .line.right .line-inner:after {
    left: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg {
    width: 70%;
    height: 70%;
    position: absolute;
    top: 15%;
    left: 14.5%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition-property: all;
    transition-duration: .88s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>* {
    width: 100%;
    height: 100%;
    position: absolute
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:before, #top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #ffffff;
    transition-property: all;
    transition-duration: .88s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:before {
    width: 100%;
    height: 1px
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:after {
    width: 1px;
    height: 100%
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner .no1 {
    top: 0;
    left: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner .no1:before {
    top: 0;
    left: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner .no1:after {
    top: 0;
    left: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner .no2 {
    bottom: 0;
    right: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner .no2:before {
    bottom: 0;
    right: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner .no2:after {
    bottom: 0;
    right: 0
}

#top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-color {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: relative;
    top: 5px;
    left: 5px;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .text a .js__shake-motion1, #top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .text a .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .line.left .line-inner:before {
    transform: translate3d(10px, 0, 0)
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .line.left .line-inner:after {
    transform: translate3d(40px, 0, 0)
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .line.right .line-inner:before {
    transform: translate3d(-10px, 0, 0)
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .line.right .line-inner:after {
    transform: translate3d(-40px, 0, 0)
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .bg {
    transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -webkit-transform: rotate(405deg)
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .bg-line-inner>*:before {
    width: 0%
}

#top #main-visual__copy>*>* .main-visual__copy_btn:hover .main-visual__copy_btn-inner .bg-line-inner>*:after {
    height: 0%
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#top #main-visual {
    width: 100%;
    height: 100vh;
    position: relative;
    border-bottom: 1px solid #ebeff3;
}

#top #main-visual>* {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#top #main-visual__bg {
    position: absolute;
    overflow: hidden;
}

#top #main-visual__bg:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(2, 3, 10, .3);
    background-image: linear-gradient(-45deg, transparent 25%, rgba(2, 3, 10, .2) 25%, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent 75%, rgba(2, 3, 10, .2) 75%, rgba(2, 3, 10, .2));
    background-position: left top;
    background-size: 4px 4px;
    background-repeat: repeat;
    z-index: -1;
}



@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#top #main-visual__bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#top #main-visual__bg-img>* {
    /*width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}

#top #main-visual__bg-img>* {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

#top #main-visual__bg-img video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
}

#top #main-visual__bg-img>*>* {
    width: 10%;
    height: 12.5%;
    position: relative;
    overflow: hidden
}

#top #main-visual__bg-img>*>*>* {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#top #main-visual__bg-img>*>*>*>* {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute
}

#top #main-visual__bg-img>*>*:nth-child(1)>*>* {
    top: 0;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(2)>*>* {
    top: 0;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(3)>*>* {
    top: 0;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(4)>*>* {
    top: 0;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(5)>*>* {
    top: 0;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(6)>*>* {
    top: 0;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(7)>*>* {
    top: 0;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(8)>*>* {
    top: 0;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(9)>*>* {
    top: 0;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(10)>*>* {
    top: 0;
    left: -900%
}

#top #main-visual__bg-img>*>*:nth-child(11)>*>* {
    top: -100%;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(12)>*>* {
    top: -100%;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(13)>*>* {
    top: -100%;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(14)>*>* {
    top: -100%;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(15)>*>* {
    top: -100%;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(16)>*>* {
    top: -100%;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(17)>*>* {
    top: -100%;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(18)>*>* {
    top: -100%;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(19)>*>* {
    top: -100%;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(20)>*>* {
    top: -100%;
    left: -900%
}

#top #main-visual__bg-img>*>*:nth-child(21)>*>* {
    top: -200%;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(22)>*>* {
    top: -200%;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(23)>*>* {
    top: -200%;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(24)>*>* {
    top: -200%;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(25)>*>* {
    top: -200%;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(26)>*>* {
    top: -200%;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(27)>*>* {
    top: -200%;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(28)>*>* {
    top: -200%;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(29)>*>* {
    top: -200%;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(30)>*>* {
    top: -200%;
    left: -900%
}

#top #main-visual__bg-img>*>*:nth-child(31)>*>* {
    top: -300%;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(32)>*>* {
    top: -300%;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(33)>*>* {
    top: -300%;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(34)>*>* {
    top: -300%;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(35)>*>* {
    top: -300%;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(36)>*>* {
    top: -300%;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(37)>*>* {
    top: -300%;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(38)>*>* {
    top: -300%;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(39)>*>* {
    top: -300%;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(40)>*>* {
    top: -300%;
    left: -900%
}

#top #main-visual__bg-img>*>*:nth-child(41)>*>* {
    top: -400%;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(42)>*>* {
    top: -400%;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(43)>*>* {
    top: -400%;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(44)>*>* {
    top: -400%;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(45)>*>* {
    top: -400%;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(46)>*>* {
    top: -400%;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(47)>*>* {
    top: -400%;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(48)>*>* {
    top: -400%;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(49)>*>* {
    top: -400%;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(50)>*>* {
    top: -400%;
    left: -900%
}

#top #main-visual__bg-img>*>*:nth-child(51)>*>* {
    top: -500%;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(52)>*>* {
    top: -500%;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(53)>*>* {
    top: -500%;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(54)>*>* {
    top: -500%;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(55)>*>* {
    top: -500%;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(56)>*>* {
    top: -500%;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(57)>*>* {
    top: -500%;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(58)>*>* {
    top: -500%;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(59)>*>* {
    top: -500%;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(60)>*>* {
    top: -500%;
    left: -900%
}

#top #main-visual__bg-img>*>*:nth-child(61)>*>* {
    top: -600%;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(62)>*>* {
    top: -600%;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(63)>*>* {
    top: -600%;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(64)>*>* {
    top: -600%;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(65)>*>* {
    top: -600%;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(66)>*>* {
    top: -600%;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(67)>*>* {
    top: -600%;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(68)>*>* {
    top: -600%;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(69)>*>* {
    top: -600%;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(70)>*>* {
    top: -600%;
    left: -900%
}

#top #main-visual__bg-img>*>*:nth-child(71)>*>* {
    top: -700%;
    left: 0%
}

#top #main-visual__bg-img>*>*:nth-child(72)>*>* {
    top: -700%;
    left: -100%
}

#top #main-visual__bg-img>*>*:nth-child(73)>*>* {
    top: -700%;
    left: -200%
}

#top #main-visual__bg-img>*>*:nth-child(74)>*>* {
    top: -700%;
    left: -300%
}

#top #main-visual__bg-img>*>*:nth-child(75)>*>* {
    top: -700%;
    left: -400%
}

#top #main-visual__bg-img>*>*:nth-child(76)>*>* {
    top: -700%;
    left: -500%
}

#top #main-visual__bg-img>*>*:nth-child(77)>*>* {
    top: -700%;
    left: -600%
}

#top #main-visual__bg-img>*>*:nth-child(78)>*>* {
    top: -700%;
    left: -700%
}

#top #main-visual__bg-img>*>*:nth-child(79)>*>* {
    top: -700%;
    left: -800%
}

#top #main-visual__bg-img>*>*:nth-child(80)>*>* {
    top: -700%;
    left: -900%
}

#top #main-visual__bg-img>*>*:first-child>* {
    top: 0;
    left: 0%
}

#top #main-visual__bg>canvas {
    position: relative
}

#top #main-visual__bg-panel {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#top #main-visual__bg-panel>* {
    width: 10%;
    height: 16.66667%;
    position: relative;
    background-color: #f83600;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#top #main-visual__information {
    position: absolute;
    z-index: 100
}

#top #main-visual__information * {
    color: #fff
}

#top #main-visual__information-text {
    letter-spacing: 0.15em
}

#top #main-visual__information-text p {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    font-weight: 300;

}

#top #main-visual__information-icon {
    width: 40px;
    height: 2px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    vertical-align: middle
}

#top #main-visual__information-icon:before, #top #main-visual__information-icon:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #ffffff;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

#top #main-visual__information-icon:before {
    width: 100%;
    height: 1px;
    left: 0
}

#top #main-visual__information-icon:after {
    width: 11px;
    height: 3PX;
    right: 0
}

#top #main-visual__information-list {
    overflow: hidden
}

#top #main-visual__information article {
    display: none;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#top #main-visual__information article:first-of-type {
    display: block;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#top #main-visual__information article time {
    margin-right: 10px;
    letter-spacing: 0;
    font-weight: 300;

}

@media only screen and (min-width: 751px) {
    #top #main-visual__copy>*>* {
        height: 15.2vw
    }
    #top #main-visual__copy>*>* .main-visual__copy-main_wrap {
        height: 2.8vw;
        margin-bottom: 1.2vw
    }
    #top #main-visual__copy>*>* .main-visual__copy-main {
        font-size: 2.5vw
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub_wrap {
        height: 1.5vw;
        margin-bottom: 2.5vw
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub_wrap>* {
        width: 37.5vw
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub {
        font-size: 1.15vw
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn_wrap {
        height: 110px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn_wrap>* {
        width: 110px
    }
}

@media only screen and (min-width: 751px) and (min-width: 1601px) {
    #top #main-visual__copy>*>* {
        height: 88px;
    }
    #top #main-visual__copy>*>* .main-visual__copy-main_wrap {
        height: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    #top #main-visual__copy>*>* .main-visual__copy-main {
        font-size: 40px
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub_wrap {
        height: 24px;
        line-height: 24px;
        margin-bottom: 45px;
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub {
        font-size: 20px;
    }
}

@media only screen and (min-width: 751px) {
    #top #main-visual__copy>*>* .main-visual__copy_btn {
        width: 110px;
        height: 110px;
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .text a {
        font-size: 10px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .text-inner {
        width: 40px;
        top: 48px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .line {
        width: 40px;
        height: 3px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:before {
        width: 10px;
        height: 3px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:after {
        width: 100%;
        height: 1px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:before {
        width: 100%;
        height: 1px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:after {
        width: 1px;
        height: 100%
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-color {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        top: 5px;
        left: 5px
    }
    #top #main-visual {
        margin-bottom: 130px
    }
    #top #main-visual__bg {
        width: calc(100% - 140px);
        height: calc(100% - 140px);
        top: 70px;
        left: 70px;
    }
    #top #main-visual__bg>canvas {
        top: -70px;
        left: -70px
    }
    #top #main-visual__information {
        right: 100px;
        top: -webkit-calc(100vh - 120px);
        top: calc(100vh - 120px);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        min-width: 250px;
        max-width: -webkit-calc(50% - 70px);
        max-width: calc(50% - 70px)
    }
    #top #main-visual__information * {
        font-size: 12px
    }
    #top #main-visual__information-text {
        width: 185px
    }
    #top #main-visual__information-text:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -webkit-transform: rotate(-75deg);
        width: 24px;
        height: 1px;
        background-color: #ffffff;
        position: relative;
        top: 1px
    }
    #top #main-visual__information-icon {
        margin-right: 10px;
        top: -1px
    }
    #top #main-visual__information-list {
        width: -webkit-calc(100% - 185px);
        width: calc(100% - 185px);
        min-width: 150px
    }
}

@media only screen and (max-width: 750px) {
    #top #l-body__bg-line {
        display: none
    }
    #top #main-visual__copy>*>* {
        height: 48.3vh
    }
    #top #main-visual__copy>*>* .main-visual__copy-main_wrap {
        height: 16vw;
        margin-bottom: 2vw
    }
    #top #main-visual__copy>*>* .main-visual__copy-main {
        font-size: 8vw;
        letter-spacing: 0.1em;
        line-height: 1.2;
        margin-bottom: 6vw;
    }
    #top #main-visual__copy>*>* .main-visual__copy-main>*:nth-child(3) {
        margin-left: 0;
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub_wrap {
        height: 5vw;
        margin-bottom: 4vw
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub_wrap>* {
        width: 100%
    }
    #top #main-visual__copy>*>* .main-visual__copy-sub {
        font-size: 3.7vw;
        line-height: 1.6;
        font-weight: 700;
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn_wrap {
        height: 17.5vh
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn_wrap>* {
        width: 28vw
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn {
        width: 105px;
        height: 105px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .text a {
        font-size: 10px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .text-inner {
        width: 40px;
        top: 45px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .line {
        width: 30px;
        height: 3px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:before {
        width: 10px;
        height: 3px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .line-inner:after {
        width: 100%;
        height: 1px;
        top: 0px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:before {
        width: 100%;
        height: 1px
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-line-inner>*:after {
        width: 1px;
        height: 100%
    }
    #top #main-visual__copy>*>* .main-visual__copy_btn-inner .bg-color {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        top: 5px;
        left: 5px
    }
    #top #main-visual__copy>*>* {
        height: 180px;
        font-size: 27px
    }
    #top #main-visual {
        margin-bottom: 57px
    }
    #top #main-visual__bg {
        width: 100%;
        height: calc(100% - 0px);
        top: 0px;
        left: 0px;
    }
    #top #main-visual__bg>canvas {
        top: -60px;
        left: 0px
    }
}

#top .p-section__text-box {
    width: 480px;
    position: relative
}

#top .p-section__text-box__content {
    transition-property: all;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    overflow: hidden;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3)
}

#top .p-section__text-box__content__inner {
    background-color: #ffffff;
    padding: 55px
}

#top .p-section__text-box__content.is-done {
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1)
}

#top .p-section__text-box__inner {
    width: 480px;
    position: relative
}

#top .p-section__text-box__copy {
    font-size: 28px;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: 700
}

#top .p-section__text-box__text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
}

#top .gradient-panel {
    position: absolute;
    opacity: .8;
}

#top .gradient-panel__inner {
    width: 100%;
    height: 100%;
    position: relative
}

#top .p-section__photo-img:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    background-image: linear-gradient(-45deg, transparent 25%, rgba(248, 0, 0, .3) 25%, rgba(248, 0, 0, .3) 50%, transparent 50%, transparent 75%, rgba(248, 0, 0, .3) 75%, rgba(248, 0, 0, .3));
    background-position: left top;
    background-size: 4px 4px;
    background-repeat: repeat;
}
#top #SCS .p-section__photo-img:after {
    background-color: none;
    background-image: none;
    opacity: 0;
}
#top .gradient-panel__inner>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#top .gradient-panel__inner>div>* {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%)
}

#top #msp .gradient-panel__inner>div>* {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(135deg, #365AF1,#3658D3 40%, #0057DC 98%);
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

@media only screen and (min-width: 751px) {
    #top .p-section__text-box {
        width: 480px
    }
    #top .p-section__text-box__content__inner {
        padding: 55px
    }
    #top .p-section__text-box__content.is-done {
        box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1)
    }
    #top .p-section__text-box__inner {
        width: 480px
    }
    #top .p-section__text-box__copy {
        font-size: 28px;
        margin-bottom: 20px
    }
    #top .p-section__text-box__copy img {
        width: 260px
    }
    #top .p-section__text-box__text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 750px) {
    #top .p-section__text-box {
        width: 89.3%
    }
    #top .p-section__text-box__content__inner {
        padding: 24px
    }
    #top .p-section__text-box__content.is-done {
        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1)
    }
    #top .p-section__text-box__inner {
        width: 100%
    }
    #top .p-section__text-box__copy {
        font-size: 19px;
        margin-bottom: 12px
    }
    #top .p-section__text-box__text {
        font-size: 13px;
        margin-bottom: 10px;
    }
}

#top #msp .p-section__photo {
    position: absolute;
    overflow: hidden
}

#top #msp .p-section__photo-inner {
    width: 110%;
    height: 100%
}

#top #msp .p-section__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/msp_photo_01.jpg") no-repeat center;
    background-size: cover
}
#top #msp .p-section__photo-img:after {
}

@media only screen and (min-width: 751px) {
    #top #msp {
        margin-bottom: 240px
    }
    #top #msp .p-section__photo {
        width: 890px;
        height: 440px;
        top: 33px;
        left: 0
    }
    #top #msp .gradient-panel {
        width: 316px;
        height: 600px;
        top: -10px;
        left: 45px
    }
    #top #msp .c-section__title {
        margin-left: 550px
    }
    #top #msp .p-section__text-box {
        margin-left: 550px
    }
}

@media only screen and (max-width: 750px) {
    #top #msp {
        margin-bottom: 100px
    }
    #top #msp .p-section__photo {
        width: 102%;
        height: 288px;
        position: absolute;
        top: 24px;
        left: -20px;
        overflow: hidden
    }
    #top #msp .gradient-panel {
        width: 42%;
        height: 300px;
        top: 150px;
        left: 0px
    }
    #top #msp .c-section__title {
        margin-bottom: 195px;
    }
    #top #msp .p-section__text-box {
        width: 100%;
        margin-left: 20px
    }
    #top #msp .p-section__text-box__copy {
        text-align: center
    }
    #top #msp .p-section__text-box__text br {
        display: none
    }
    #top #msp .p-section__text-box .c-btn {
        margin-left: auto;
        margin-right: auto
    }
}


#top #coin {
    position: relative
}

#top #coin .l-section__inner {
    position: relative;
    z-index: 1
}

#top #coin .p-section__photo {
    position: absolute;
    overflow: hidden
}

#top #coin .p-section__photo-inner {
    width: 110%;
    height: 100%
}

#top #coin .p-section__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/case_photo_main.jpg") no-repeat center;
    background-size: cover
}

#top #coin .p-business__content {
    position: relative
}

#top #coin .p-business__content-list {
    position: relative
}

#top #coin .p-business__content-list>*:before, #top #coin .p-business__content-list>*:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10
}

#top #coin .p-business__content-list>*:before {
    background-color: #ebeff3
}

#top #coin .p-business__content-list>*:after {
    background-color: #f83600
}

#top #coin .p-business__content-photo {
    overflow: hidden;
    position: relative
}

#top #coin .p-business__content-photo-inner {
    position: absolute
}

#top #coin .p-business__content-photo-inner>* {
    position: relative;
    left: 0
}

#top #coin .p-business__content-photo-inner img {
    width: 100%;
    height: auto
}

#top .p-section-bg#coin-bg {
    top: 100vh;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#top .p-section-bg#coin-bg .p-section-bg-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/case_bg.png") no-repeat center
}
@media only screen and (min-width: 751px) {
    #top #coin {
        padding-bottom: 73px;
        margin-bottom: 120px
    }
    #top #coin .c-section__title {
        margin-bottom: 210px
    }
    #top #coin .p-section__photo {
        width: 890px;
        height: 440px;
        top: 150px;
        right: 0
    }
    #top #coin .p-section__text-box {
        margin-bottom: 80px
    }
    #top #coin .p-business__content {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    #top #coin .p-business__content-list {
        width: 460px
    }
    #top #coin .p-business__content-list:first-child {
        margin-top: 60px
    }
    #top #coin .p-business__content-list>*:before, #top #coin .p-business__content-list>*:after {
        width: 1px;
        height: 36px;
        left: 77px
    }
    #top #coin .p-business__content-list>*:before {
        top: 224px
    }
    #top #coin .p-business__content-list>*:after {
        top: 260px
    }
    #top #coin .p-business__content-photo {
        width: 100%;
        height: 260px;
        margin-bottom: 45px
    }
    #top #coin .p-business__content-photo-inner {
        width: 100%;
        height: 260px
    }
    #top #coin .p-business__content-photo-inner>* {
        left: 0;
        top: -80px
    }
    #top #coin .p-business__content-text {
        padding-left: 50px;
        padding-right: 50px
    }
    #top #coin .p-business__content-text__title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 12px
    }
    #top #coin .p-business__content-text__title * {
        font-weight: 700
    }
    #top #coin .gradient-panel {
        width: 220px;
        height: 330px;
        top: 370px;
        right: -130px
    }
    #top .p-section-bg#msp-bg {
        width: 1500px;
        height: 580px;
        top: 50vh
    }
    #top .p-section-bg#msp-bg .p-section-bg-img {
        top: 1300px;
        left: 50%;
        margin-left: -25%;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/smp_bg.png") no-repeat center;
    }
    #top .p-section-bg#coin-bg {
        width: 1500px;
        height: 580px;
        top: 50vh
    }
    #top .p-section-bg#coin-bg .p-section-bg-img {
        top: 2550px;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/coin_bg.png") no-repeat center;
    }
    #top .p-section-bg#scs-bg {
        width: 1580px;
        height: 600px;
        top: 50vh
    }
    #top .p-section-bg#scs-bg .p-section-bg-img {
        top: 4370px;
        left: 50%;
        margin-left: -25%;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/scs_bg.png") no-repeat center;
    }
}

@media only screen and (max-width: 750px) {
    #top #coin {
        padding-bottom: 24px;
        margin-bottom: 17px
    }
    #top #coin .p-section__photo {
        width: 102%;
        height: 250px;
        position: absolute;
        top: 80px;
        right: -20px;
        overflow: hidden
    }
    #top #coin .c-section__title {
        margin-bottom: 195px
    }
    #top #coin .p-section__text-box {
        top: 30px;
        margin-bottom: 100px
    }
    #top #coin .p-section__text-box__copy {
        text-align: center
    }
    #top #coin .p-business__content {
        width: 92%;
        margin-bottom: -30px
    }
    #top #coin .p-business__content-list {
        width: 100%
    }
    #top #coin .p-business__content-list:last-child {
        margin-top: 35px;
        position: relative;
        right: -20px
    }
    #top #coin .p-business__content-list>*:before, #top #coin .p-business__content-list>*:after {
        width: 1px;
        height: 22px;
        left: 50%
    }
    #top #coin .p-business__content-list>*:before {
        top: 141px
    }
    #top #coin .p-business__content-list>*:after {
        top: 163px
    }
    #top #coin .p-business__content-photo {
        width: 100%;
        height: 163px;
        margin-bottom: 33px
    }
    #top #coin .p-business__content-photo-inner {
        width: 100%;
        height: 260px
    }
    #top #coin .p-business__content-photo-inner>* {
        left: 0;
        top: -120px
    }
    #top #coin .p-business__content-text__title {
        font-size: 20px;
        margin-bottom: 12px;
        text-align: center
    }
    #top #coin .p-business__content-text__title * {
        font-weight: 700
    }
    #top #coin .gradient-panel {
        display: none
    }
    #top .p-section-bg#coin-bg {
        width: 100%;
        height: 810px;
        top: 90vh
    }
    #top .p-section-bg#coin-bg .p-section-bg-img {
        height: 115%;
        top: 870px;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/sp-business_bg.png") no-repeat center;
        background-size: cover
    }
}

@media only screen and (max-width: 320px) {
    #top #coin .c-btn {
        width: 100%
    }
}


#top #case {
    position: relative
}

#top #case .l-section__inner {
    position: relative;
    z-index: 1
}

#top #case .p-section__photo {
    position: absolute;
    overflow: hidden
}

#top #case .p-section__photo-inner {
    width: 110%;
    height: 100%
}

#top #case .p-section__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/case_photo_main.jpg") no-repeat center;
    background-size: cover
}

#top #case .p-business__content {
    position: relative
}

#top #case .p-business__content-list {
    position: relative
}

#top #case .p-business__content-list>*:before, #top #case .p-business__content-list>*:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
}

#top #case .p-business__content-list>*:before {
    background-color: #ebeff3
}

#top #case .p-business__content-list>*:after {
    background-color: #f83600
}

#top #case .p-business__content-photo {
    overflow: hidden;
    position: relative
}

#top #case .p-business__content-photo-inner {
    position: absolute
}

#top #case .p-business__content-photo-inner>* {
    position: relative;
    left: 0
}

#top #case .p-business__content-photo-inner img {
    width: 100%;
    height: auto
}

#top .p-section-bg {
    position: absolute;
    z-index: 1
}

#top .p-section-bg#case-bg {
    top: 100vh;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#top .p-section-bg#case-bg .p-section-bg-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/case_bg.png") no-repeat center
}

#top .p-section-bg * {
    width: 100%;
    height: 100%;
    display: block
}

#top .p-section-bg-img, #top .p-section-bg .top, #top .p-section-bg .bottom {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute
}

@media only screen and (min-width: 751px) {
    #top #case {
        padding-bottom: 73px;
        margin-bottom: 120px
    }

    #top #case .c-section__title {
        margin-bottom: 210px
    }

    #top #case .p-section__photo {
        width: 890px;
        height: 440px;
        top: 150px;
        right: 0
    }

    #top #case .p-section__text-box {
        margin-bottom: 80px
    }

    #top #case .p-business__content {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    #top #case .p-business__content-list {
        width: 460px
    }

    #top #case .p-business__content-list:first-child, #top #case .p-business__content-list:third-child {
        margin-top: 60px
    }

    #top #case .p-business__content-list > *:before, #top #case .p-business__content-list > *:after {
        width: 1px;
        height: 24px;
        left: 24px
    }

    #top #case .p-business__content-list > *:before {
        top: 234px;
    }

    #top #case .p-business__content-list > *:after {
        top: 260px;
    }

    #top #case .p-business__content-photo {
        width: 100%;
        height: 260px;
        margin-bottom: 35px;
    }

    #top #case .p-business__content-photo-inner {
        width: 100%;
        height: 260px
    }

    #top #case .p-business__content-photo-inner > * {
        left: 0;
        top: -80px
    }

    #top #case .p-business__content-text {
    }

    #top #case .p-business__content-text__title {
        font-size: 16px;
        font-weight: 300;
    }

    #top #case .p-business__content-text__title * {
        font-weight: 700
    }

    #top #case .gradient-panel {
        width: 220px;
        height: 330px;
        top: 370px;
        right: -80px
    }
}



@media only screen and (min-width: 751px) {
    #top #coin-bg {
        width: 1500px;
        height: 580px;
        top: 70vh;
    }
    #top #coin-bg .p-section-bg-img {
        top: 3470px;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/coin_bg.png") no-repeat center;
    }
}

@media only screen and (max-width: 750px) {
    #top #case {
        padding-bottom: 24px;
        margin-bottom: 17px
    }
    #top #case .p-section__photo {
        width: 102%;
        height: 250px;
        position: absolute;
        top: 80px;
        right: -20px;
        overflow: hidden
    }
    #top #case .c-section__title {
        margin-bottom: 195px
    }
    #top #case .p-section__text-box {
        top: 30px;
        margin-bottom: 72px
    }
    #top #case .p-section__text-box__copy {
        text-align: center
    }
    #top #case .p-business__content {
        width: 92.83%;
        margin: 0 auto;
    }
    #top #case .p-business__content-list {
        width: 100%
    }
    #top #case .p-business__content-list:last-child {
        position: relative;
    }
    #top #case .p-business__content-list>*:before, #top #case .p-business__content-list>*:after {
        width: 1px;
        height: 22px;
        left: 50%
    }
    #top #case .p-business__content-list>*:before {
        top: 141px
    }
    #top #case .p-business__content-list>*:after {
        top: 163px
    }
    #top #case .p-business__content-photo {
        width: 100%;
        height: 163px;
        margin-bottom: 33px
    }
    #top #case .p-business__content-photo-inner {
        width: 100%;
        height: 260px
    }
    #top #case .p-business__content-photo-inner>* {
        left: 0;
        top: -120px
    }
    #top #case .p-business__content-text__title {
        font-size: 20px;
        margin-bottom: 12px;
        text-align: center
    }
    #top #case .p-business__content-text__title * {
        font-weight: 700
    }
    #top #case .gradient-panel {
        display: none
    }
    #top .p-section-bg#case-bg {
        width: 100%;
        height: 810px;
        top: 90vh
    }
    #top .p-section-bg#case-bg .p-section-bg-img {
        height: 115%;
        top: 870px;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/sp-business_bg.png") no-repeat center;
        background-size: cover
    }
}

@media only screen and (max-width: 320px) {
    #top #case .c-btn {
        width: 100%
    }
}

#top #SCS .p-section__photo {
    position: absolute;
}

#top #SCS .p-section__photo-inner {
    width: 120%;
    height: 100%
}

#top #SCS .p-section__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/product_photo.png") no-repeat center;
    background-size: cover
}

#top #SCS .c-section__title {
    z-index: 2
}

#top #SCS .p-product__photo-list {
    position: relative;
    z-index: 1
}

#top #SCS .p-product__photo-list li {
    position: absolute;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    overflow: hidden
}

#top #SCS .p-product__photo-list li>* {
    position: relative
}

@media only screen and (min-width: 751px) {
    #top #SCS {
        margin-bottom: 50px
    }
    #top #SCS .c-section__title {
        margin-bottom: 180px
    }
    #top #SCS .p-section__photo {
        width: 890px;
        height: 440px;
        top: 150px;
        left: 0
    }
    #top #SCS .p-section__photo-inner {
        width: 120%;
        height: 100%;
        left: -10%;
        position: relative
    }
    #top #SCS .c-section__title {
        margin-left: 550px
    }
    #top #SCS .p-section__text-box {
        margin-left: 550px;
        margin-bottom: 160px
    }
    #top #SCS .p-section__text-box__copy {
    }
    @keyframes fluc-anim-1-1 {
        0% {
            clip: rect(63px, 280px, 109px, 0)
        }
        6.25% {
            clip: rect(128px, 280px, 137px, 0)
        }
        12.5% {
            clip: rect(57px, 280px, 4px, 0)
        }
        18.75% {
            clip: rect(39px, 280px, 132px, 0)
        }
        25% {
            clip: rect(182px, 280px, 156px, 0)
        }
        31.25% {
            clip: rect(112px, 280px, 190px, 0)
        }
        37.5% {
            clip: rect(172px, 280px, 55px, 0)
        }
        43.25% {
            clip: rect(74px, 280px, 148px, 0)
        }
        50% {
            clip: rect(187px, 280px, 22px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    @keyframes fluc-anim-2-1 {
        0% {
            clip: rect(60px, 280px, 88px, 0)
        }
        6.25% {
            clip: rect(129px, 280px, 87px, 0)
        }
        12.5% {
            clip: rect(189px, 280px, 31px, 0)
        }
        18.75% {
            clip: rect(136px, 280px, 55px, 0)
        }
        25% {
            clip: rect(152px, 280px, 184px, 0)
        }
        31.25% {
            clip: rect(20px, 280px, 175px, 0)
        }
        37.5% {
            clip: rect(135px, 280px, 193px, 0)
        }
        43.25% {
            clip: rect(160px, 280px, 188px, 0)
        }
        50% {
            clip: rect(132px, 280px, 31px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }

    #top #SCS .p-product__photo-list li.no1 {
        width: 180px;
        height: 124px;
        top: 90px;
        left: 300px
    }
    @keyframes fluc-anim-1-1 {
        0% {
            clip: rect(82px, 180px, 27px, 0)
        }
        6.25% {
            clip: rect(124px, 180px, 89px, 0)
        }
        12.5% {
            clip: rect(31px, 180px, 4px, 0)
        }
        18.75% {
            clip: rect(17px, 180px, 109px, 0)
        }
        25% {
            clip: rect(124px, 180px, 100px, 0)
        }
        31.25% {
            clip: rect(98px, 180px, 65px, 0)
        }
        37.5% {
            clip: rect(91px, 180px, 48px, 0)
        }
        43.25% {
            clip: rect(59px, 180px, 98px, 0)
        }
        50% {
            clip: rect(119px, 180px, 74px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    @keyframes fluc-anim-2-1 {
        0% {
            clip: rect(67px, 180px, 19px, 0)
        }
        6.25% {
            clip: rect(3px, 180px, 30px, 0)
        }
        12.5% {
            clip: rect(116px, 180px, 122px, 0)
        }
        18.75% {
            clip: rect(26px, 180px, 68px, 0)
        }
        25% {
            clip: rect(71px, 180px, 54px, 0)
        }
        31.25% {
            clip: rect(19px, 180px, 43px, 0)
        }
        37.5% {
            clip: rect(16px, 180px, 111px, 0)
        }
        43.25% {
            clip: rect(50px, 180px, 70px, 0)
        }
        50% {
            clip: rect(69px, 180px, 97px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch {
        width: 100%;
        height: 100%;
        position: relative
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch.is-flashing {
        animation: flashing-show 1.0s infinite linear .0s alternate
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch .top, #top #SCS .p-product__photo-list li.no1 .js__glitch .bottom {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        clip: rect(0, 0, 0, 0);
        z-index: 100
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch .bottom {
        left: 2px;
        animation: fluc-anim-2-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s alternate-reverse
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch .top {
        left: -2px;
        animation: fluc-anim-1-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s alternate-reverse
    }
    #top #SCS .p-product__photo-list li.no3 {
        width: 140px;
        height: 100px;
        top: 660px;
        left: 216px
    }
    @keyframes fluc-anim-1-1 {
        0% {
            clip: rect(6px, 140px, 55px, 0)
        }
        6.25% {
            clip: rect(16px, 140px, 62px, 0)
        }
        12.5% {
            clip: rect(57px, 140px, 100px, 0)
        }
        18.75% {
            clip: rect(34px, 140px, 40px, 0)
        }
        25% {
            clip: rect(48px, 140px, 3px, 0)
        }
        31.25% {
            clip: rect(22px, 140px, 67px, 0)
        }
        37.5% {
            clip: rect(31px, 140px, 88px, 0)
        }
        43.25% {
            clip: rect(11px, 140px, 35px, 0)
        }
        50% {
            clip: rect(31px, 140px, 62px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    @keyframes fluc-anim-2-1 {
        0% {
            clip: rect(79px, 140px, 96px, 0)
        }
        6.25% {
            clip: rect(80px, 140px, 40px, 0)
        }
        12.5% {
            clip: rect(31px, 140px, 9px, 0)
        }
        18.75% {
            clip: rect(90px, 140px, 51px, 0)
        }
        25% {
            clip: rect(16px, 140px, 77px, 0)
        }
        31.25% {
            clip: rect(60px, 140px, 48px, 0)
        }
        37.5% {
            clip: rect(54px, 140px, 10px, 0)
        }
        43.25% {
            clip: rect(62px, 140px, 76px, 0)
        }
        50% {
            clip: rect(60px, 140px, 21px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch {
        width: 100%;
        height: 100%;
        position: relative
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch.is-flashing {
        animation: flashing-show 1.0s infinite linear .0s alternate
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch .top, #top #SCS .p-product__photo-list li.no3 .js__glitch .bottom {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        clip: rect(0, 0, 0, 0);
        z-index: 100
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch .bottom {
        left: 2px;
        animation: fluc-anim-2-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s alternate-reverse
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch .top {
        left: -2px;
        animation: fluc-anim-1-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s alternate-reverse
    }
    #top .p-bof__banner {
        width: calc(100% - 140px);
        height: calc(100% - 140px);
        left: 70px;
        bottom: 70px;

    }
    #top .p-bof__banner-inner {
        background: url('https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/special_banner_bg.jpg') no-repeat right;
        background-size: 140%;
        left: 0;
    }
    #top .p-bof__banner-content {
        padding-top: 64px;
    }
    #top .p-bof__banner-content-title {
        margin-bottom: 13px
    }
    #top .p-bof__banner-content-title>* {
        text-align: center
    }
    #top .p-bof__banner-content-title .lauge {
        font-size: 40px;
        letter-spacing: 0;
        font-style: normal
    }
    #top .p-bof__banner-content-title .small {
        font-size: 30px;
        letter-spacing: 0.05em
    }
    #top .p-bof__banner-content-title .c-mark-copy {
        font-size: 14px;
        top: -3px;
        left: -10px;
        margin-right: -9px
    }
}

@media only screen and (max-width: 750px) {
    #top #SCS {
        padding-top: 0;
        margin-bottom: 0;
    }
    #top #SCS .c-section__title {
        margin-bottom: 273px
    }
    #top #SCS .p-section__photo {
        width: 100vw;
        height: 275px;
        top: 81px;
        left: -20px
    }
    #top #SCS .p-section__photo-inner {
        width: 120%;
        height: 100%
    }
    #top #SCS .p-section__text-box {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 0px;
        z-index: 1
    }
    #top #SCS .p-section__text-box__copy {
    }
    #top #SCS .p-section__text-box .c-btn {
        margin-left: auto;
        margin-right: auto
    }
    @keyframes fluc-anim-1-1 {
        0% {
            clip: rect(93px, 280px, 161px, 0)
        }
        6.25% {
            clip: rect(78px, 280px, 179px, 0)
        }
        12.5% {
            clip: rect(141px, 280px, 60px, 0)
        }
        18.75% {
            clip: rect(68px, 280px, 181px, 0)
        }
        25% {
            clip: rect(116px, 280px, 188px, 0)
        }
        31.25% {
            clip: rect(43px, 280px, 103px, 0)
        }
        37.5% {
            clip: rect(1px, 280px, 185px, 0)
        }
        43.25% {
            clip: rect(156px, 280px, 27px, 0)
        }
        50% {
            clip: rect(122px, 280px, 131px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    @keyframes fluc-anim-2-1 {
        0% {
            clip: rect(110px, 280px, 177px, 0)
        }
        6.25% {
            clip: rect(120px, 280px, 73px, 0)
        }
        12.5% {
            clip: rect(98px, 280px, 170px, 0)
        }
        18.75% {
            clip: rect(198px, 280px, 169px, 0)
        }
        25% {
            clip: rect(182px, 280px, 23px, 0)
        }
        31.25% {
            clip: rect(72px, 280px, 26px, 0)
        }
        37.5% {
            clip: rect(37px, 280px, 146px, 0)
        }
        43.25% {
            clip: rect(64px, 280px, 18px, 0)
        }
        50% {
            clip: rect(39px, 280px, 68px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    #top #SCS .p-product__photo-list li.no1 {
        width: 80px;
        height: 56px;
        top: 72px;
        left: 54.2%
    }
    @keyframes fluc-anim-1-1 {
        0% {
            clip: rect(77px, 180px, 24px, 0)
        }
        6.25% {
            clip: rect(41px, 180px, 30px, 0)
        }
        12.5% {
            clip: rect(57px, 180px, 37px, 0)
        }
        18.75% {
            clip: rect(36px, 180px, 21px, 0)
        }
        25% {
            clip: rect(28px, 180px, 18px, 0)
        }
        31.25% {
            clip: rect(105px, 180px, 97px, 0)
        }
        37.5% {
            clip: rect(16px, 180px, 52px, 0)
        }
        43.25% {
            clip: rect(8px, 180px, 78px, 0)
        }
        50% {
            clip: rect(93px, 180px, 7px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    @keyframes fluc-anim-2-1 {
        0% {
            clip: rect(98px, 180px, 102px, 0)
        }
        6.25% {
            clip: rect(123px, 180px, 85px, 0)
        }
        12.5% {
            clip: rect(30px, 180px, 121px, 0)
        }
        18.75% {
            clip: rect(104px, 180px, 5px, 0)
        }
        25% {
            clip: rect(72px, 180px, 90px, 0)
        }
        31.25% {
            clip: rect(43px, 180px, 90px, 0)
        }
        37.5% {
            clip: rect(107px, 180px, 3px, 0)
        }
        43.25% {
            clip: rect(94px, 180px, 117px, 0)
        }
        50% {
            clip: rect(92px, 180px, 74px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch {
        width: 100%;
        height: 100%;
        position: relative
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch.is-flashing {
        animation: flashing-show 1.0s infinite linear .0s alternate
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch .top, #top #SCS .p-product__photo-list li.no1 .js__glitch .bottom {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        clip: rect(0, 0, 0, 0);
        z-index: 100
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch .bottom {
        left: 2px;
        animation: fluc-anim-2-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s alternate-reverse
    }
    #top #SCS .p-product__photo-list li.no1 .js__glitch .top {
        left: -2px;
        animation: fluc-anim-1-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s alternate-reverse
    }
    #top #SCS .p-product__photo-list li.no3 {
        width: 70px;
        height: 50px;
        top: 590px;
        left: 83%
    }
    @keyframes fluc-anim-1-1 {
        0% {
            clip: rect(28px, 140px, 5px, 0)
        }
        6.25% {
            clip: rect(5px, 140px, 45px, 0)
        }
        12.5% {
            clip: rect(52px, 140px, 96px, 0)
        }
        18.75% {
            clip: rect(79px, 140px, 75px, 0)
        }
        25% {
            clip: rect(85px, 140px, 29px, 0)
        }
        31.25% {
            clip: rect(65px, 140px, 6px, 0)
        }
        37.5% {
            clip: rect(43px, 140px, 29px, 0)
        }
        43.25% {
            clip: rect(17px, 140px, 43px, 0)
        }
        50% {
            clip: rect(87px, 140px, 77px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    @keyframes fluc-anim-2-1 {
        0% {
            clip: rect(13px, 140px, 74px, 0)
        }
        6.25% {
            clip: rect(85px, 140px, 86px, 0)
        }
        12.5% {
            clip: rect(37px, 140px, 38px, 0)
        }
        18.75% {
            clip: rect(61px, 140px, 23px, 0)
        }
        25% {
            clip: rect(65px, 140px, 44px, 0)
        }
        31.25% {
            clip: rect(39px, 140px, 63px, 0)
        }
        37.5% {
            clip: rect(6px, 140px, 27px, 0)
        }
        43.25% {
            clip: rect(19px, 140px, 61px, 0)
        }
        50% {
            clip: rect(4px, 140px, 23px, 0)
        }
        100% {
            clip: rect(0, 0, 0, 0)
        }
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch {
        width: 100%;
        height: 100%;
        position: relative
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch.is-flashing {
        animation: flashing-show 1.0s infinite linear .0s alternate
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch .top, #top #SCS .p-product__photo-list li.no3 .js__glitch .bottom {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        clip: rect(0, 0, 0, 0);
        z-index: 100
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch .bottom {
        left: 2px;
        animation: fluc-anim-2-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s alternate-reverse
    }
    #top #SCS .p-product__photo-list li.no3 .js__glitch .top {
        left: -2px;
        animation: fluc-anim-1-1 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s alternate-reverse
    }
    #top #SCS .p-bof__banner {
        width: 100vw;
        height: 193px;
        left: -20px;
        margin-bottom: 50px !important
    }
    #top #SCS .p-bof__banner-inner {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/smp-special_banner_bg.jpg") no-repeat center;
        background-size: cover
    }
    #top #SCS .p-bof__banner-content {
        padding-top: 34px
    }
    #top #SCS .p-bof__banner-content-title {
        margin-bottom: 8px
    }
    #top #SCS .p-bof__banner-content-title>* {
        text-align: center
    }
    #top #SCS .p-bof__banner-content-title .lauge {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0.15em;
        font-style: normal
    }
    #top #SCS .p-bof__banner-content-title .small {
        font-size: 18px;
        letter-spacing: 0;

    }
    #top #SCS .p-bof__banner-content-title .c-mark-copy {
        font-size: 10px;
        top: -5px;
        left: -12px;
        margin-right: -14px
    }
    #top develop {
        margin-top: 40px;
    }
}

#top #informartion {
    border-top: 1px solid #ebeff3
}

@media only screen and (min-width: 751px) {
    #top #informartion {
        padding-top: 50px
    }
}

@media only screen and (max-width: 750px) {
    #top #informartion {
        padding-top: 50px
    }
}

#top #l-mouse-point {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 100;
    pointer-events: none;
    top: -100vh;
    left: -100vw
}

#top #l-mouse-point.is-on-link {
    width: 70px;
    height: 70px
}

#top #l-mouse-point.is-on-link #l-mouse-point__inner {
    width: 70px;
    height: 70px
}

#top #l-mouse-point.is-on-link #l-mouse-point__inner .text {
    color: #ffffff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    text-align: center;
    line-height: 70px;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: 0.1em
}

#top #l-mouse-point.is-on-link #l-mouse-point__inner .js__shake {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: 0;
    background-color: #f83600 !important
}

#top #l-mouse-point.is-on-link #l-mouse-point__inner .js__shake.is-loop {
    transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -webkit-transform: rotate(405deg)
}

#top #l-mouse-point.is-on-link #l-mouse-point__inner .js__shake .js__shake-base {
    background-color: #f83600 !important
}

#top #l-mouse-point.is-on-link #l-mouse-point__inner .js__shake .js__shake-motion1, #top #l-mouse-point.is-on-link #l-mouse-point__inner .js__shake .js__shake-motion2 {
    display: block
}

#top #l-mouse-point.is-on-link #l-mouse-point__inner .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
}

#top #l-mouse-point__inner {
    width: 10px;
    height: 10px;
    position: relative;
    transition-property: all;
    transition-duration: .58s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#top #l-mouse-point__inner .text {
    display: none
}

#top #l-mouse-point__inner .js__shake {
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: 0;
    background-color: #676e71
}

#top #l-mouse-point__inner .js__shake>* {
    width: 100%;
    height: 100%
}

#top #l-mouse-point__inner .js__shake .js__shake-base {
    background: transparent !important
}

#top #l-mouse-point__inner .js__shake .js__shake-motion1, #top #l-mouse-point__inner .js__shake .js__shake-motion2 {
    display: none
}

#top #l-mouse-point.is-white #l-mouse-point__inner .js__shake {
    border: 1px solid #fff
}

.p-bof__banner {
    position: relative;
    overflow: hidden
}

.p-bof__banner-inner {
    width: 100%;
    height: 100%;
    position: relative;
    color: #ffffff;
    background: url('https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/special_banner_bg.jpg') no-repeat right;
    background-size: 140%;
    left: 0;
}

.p-bof__banner-inner:after {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(2, 3, 10, .3);
    background-image: linear-gradient(-45deg, transparent 25%, rgba(2, 3, 10, .2) 25%, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent 75%, rgba(2, 3, 10, .2) 75%, rgba(2, 3, 10, .2));
    background-position: left top;
    background-size: 4px 4px;
    background-repeat: repeat;
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}
.p-bof__banner-inner:hover:after {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.p-bof__banner-content {
    position: relative;
    padding-bottom: 64px;
    z-index: 1;
}

.p-bof__banner-content>* {
    padding: 40px;
}

.p-bof__banner-content .name img {
    width: 300px;
    float: right;
}

.p-bof__banner-content-title * {
    text-align: center;
    color: #fff
}

.p-bof__banner-content-title {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;

}

.p-bof__banner-content-title * {

}

@media only screen and (max-width: 750px) {
    html.no-pc .p-section-bg#coin-bg {
        height: 716px !important
    }
    html.no-pc .p-section-bg#coin-bg .p-section-bg-img {
        top: 1020px !important
    }
}

@media only screen and (max-width: 750px) and (max-width: 750px) {
    html.no-pc #coin .p-business__content {
        margin-bottom: 40px !important
    }
    html.no-pc #coin .p-business__content-list:last-child {
        margin-top: 80px
    }
    html.no-pc #coin .p-business__content-list>*:before, html.no-pc #coin .p-business__content-list>*:after {
        width: 1px;
        height: 22px;
        left: 50%
    }
    html.no-pc #coin .p-business__content-list>*:before {
        top: 141px
    }
    html.no-pc #coin .p-business__content-list>*:after {
        top: 163px
    }
    html.no-pc #coin .p-business__content-photo-inner>* {
        top: -60px !important
    }
    html.no-pc #coin .p-business__content-photo.no1 .p-business__content-photo-inner>* {
        top: -30px !important
    }
}

@media only screen and (max-width: 750px) {
    html.no-pc .p-section-bg#case-bg {
        height: 716px !important
    }
    html.no-pc .p-section-bg#case-bg .p-section-bg-img {
        top: 1020px !important
    }
}

@media only screen and (max-width: 750px) and (max-width: 750px) {
    html.no-pc #case .p-business__content {
    }
    html.no-pc #case .p-business__content-list:last-child {
    }
    html.no-pc #case .p-business__content-list>*:before, html.no-pc #case .p-business__content-list>*:after {
        width: 1px;
        height: 22px;
        left: 50%
    }
    html.no-pc #case .p-business__content-list>*:before {
        top: 141px
    }
    html.no-pc #case .p-business__content-list>*:after {
        top: 163px
    }
    html.no-pc #case .p-business__content-photo-inner>* {
        top: -60px !important
    }
    html.no-pc #case .p-business__content-photo.no1 .p-business__content-photo-inner>* {
        top: -30px !important
    }
}

@media only screen and (max-width: 750px) and (max-width: 750px) {
    html.no-pc #SCS .c-section__title {
        margin-bottom: 263px
    }
    html.no-pc #SCS .p-section__text-box {
        margin-bottom: 60px !important
    }
    html.no-pc #SCS .p-product__photo-list li.no3 {
        top: 620px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#one-day #l-body {
    height: 100vh;
    overflow: hidden
}

#one-day #l-navi__scroll-text {
    color: #fff
}

#one-day #l-navi__scroll-icon:before, #one-day #l-navi__scroll-icon:after {
    background-color: #fff
}

#one-day .l-full__section-inner .bg {
    width: 100%;
    height: 100%;
    position: absolute
}

#one-day .l-full__section-inner .bg-inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#one-day .l-full__section-inner .bg-inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    z-index: 1
}

#one-day .l-full__section-inner .bg-inner .bg-img {
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

#one-day .l-full__section-inner .bg-inner .bg-img:before, #one-day .l-full__section-inner .bg-inner .bg-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    z-index: 10
}

#one-day .l-full__section-inner .bg-inner .bg-img:before {
    width: 100%;
    height: 1px
}

#one-day .l-full__section-inner .bg-inner .bg-img:after {
    width: 1px;
    height: 100%
}

#one-day .l-full__section-inner .bg-inner .bg-img-inner {
    width: 100vw;
    height: 100vh;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute
}

#one-day .l-full__section-inner .bg-inner .bg-img:first-child {
    top: 0;
    left: 0;
    border-left: 0
}

#one-day .l-full__section-inner .bg-inner .bg-img .bg-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    z-index: 10;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transform: translate(0%, -101%) matrix(1, 0, 0, 1, 0, 0)
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#one-day .l-full__section.is-current {
    z-index: 2
}

#one-day .l-full__section.is-prev {
    z-index: 1
}

@media only screen and (min-width: 751px) {
    #one-day .l-full__section-inner .bg-inner .bg-img {
        width: 16.66667%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(0) .bg-img-inner {
        top: 0;
        left: 100%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(1) .bg-img-inner {
        top: 0;
        left: 0%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(2) .bg-img-inner {
        top: 0;
        left: -100%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(3) .bg-img-inner {
        top: 0;
        left: -200%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(4) .bg-img-inner {
        top: 0;
        left: -300%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(5) .bg-img-inner {
        top: 0;
        left: -400%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(6) .bg-img-inner {
        top: 0;
        left: -500%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(7) .bg-img-inner {
        top: -100%;
        left: 0%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(8) .bg-img-inner {
        top: -100%;
        left: -100%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(9) .bg-img-inner {
        top: -100%;
        left: -200%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(10) .bg-img-inner {
        top: -100%;
        left: -300%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(11) .bg-img-inner {
        top: -100%;
        left: -400%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(12) .bg-img-inner {
        top: -100%;
        left: -500%
    }
    #one-day .l-full__section#main-visual .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section1-bg.jpg")
    }
    #one-day .l-full__section#main-visual .bg-inner .bg-img-inner:before {
        opacity: 0
    }
    #one-day .l-full__section#section01 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section2-bg.jpg")
    }
    #one-day .l-full__section#section02 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section3-bg.jpg")
    }
    #one-day .l-full__section#section03 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section4-bg.jpg")
    }
    #one-day .l-full__section#section04 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section5-bg.jpg")
    }
    #one-day .l-full__section#section05 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section6-bg.jpg")
    }
    #one-day .l-full__section#section06 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section7-bg.jpg")
    }
    #one-day .l-full__section#section07 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section8-bg.jpg")
    }
}

@media only screen and (max-width: 750px) {
    #one-day .l-full__section-inner .bg-inner .bg-img {
        width: 25%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(0) .bg-img-inner {
        top: 0;
        left: 100%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(1) .bg-img-inner {
        top: 0;
        left: 0%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(2) .bg-img-inner {
        top: 0;
        left: -100%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(3) .bg-img-inner {
        top: 0;
        left: -200%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(4) .bg-img-inner {
        top: 0;
        left: -300%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(5) .bg-img-inner {
        top: -100%;
        left: 0%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(6) .bg-img-inner {
        top: -100%;
        left: -100%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(7) .bg-img-inner {
        top: -100%;
        left: -200%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(8) .bg-img-inner {
        top: -100%;
        left: -300%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(9) .bg-img-inner {
        top: -200%;
        left: 0%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(10) .bg-img-inner {
        top: -200%;
        left: -100%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(11) .bg-img-inner {
        top: -200%;
        left: -200%
    }
    #one-day .l-full__section-inner .bg-inner .bg-img:nth-child(12) .bg-img-inner {
        top: -200%;
        left: -300%
    }
    #one-day .l-full__section#main-visual .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/section1-bg.jpg");
        background-position: 75% center
    }
    #one-day .l-full__section#section01 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/sp-section2-bg.jpg");
        background-position: 35% center
    }
    #one-day .l-full__section#section02 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/sp-section3-bg.jpg");
        background-position: 75% center
    }
    #one-day .l-full__section#section03 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/sp-section4-bg.jpg");
        background-position: 87% center
    }
    #one-day .l-full__section#section04 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/sp-section5-bg.jpg");
        background-position: center
    }
    #one-day .l-full__section#section05 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/sp-section6-bg.jpg");
        background-position: 50% center
    }
    #one-day .l-full__section#section06 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/sp-section7-bg.jpg");
        background-position: center
    }
    #one-day .l-full__section#section07 .bg-inner .bg-img-inner {
        background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/one-day/sp-section8-bg.jpg");
        background-position: center
    }
}

#one-day #main-visual__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100
}

#one-day #main-visual__content-title {
    line-height: 1.2
}

#one-day #main-visual__content-title>* {
    text-align: center
}

#one-day #main-visual__content-title>*>*>* {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    letter-spacing: 0.03em;
    font-style: normal
}

#one-day #main-visual__content-title>*>*>* * {

}

#one-day #main-visual__content-title .small * {

}

#one-day #main-visual__content-title .small .c-mark-copy {
    font-size: 14px;
    top: -3px;
    left: -10px;
    margin-right: -9px
}

#one-day #main-visual__content-title .small>*>* {
    margin-right: 2px
}

#one-day #watch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    margin: auto
}

#one-day #watch-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#one-day #watch-inner #watch-img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

#one-day #watch-inner #watch-img-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#one-day #watch-inner #watch-img-inner>* {
    width: 100%;
    height: 100%
}

#one-day #watch-inner #watch-img-inner>*>* {
    width: 100%;
    height: 100%
}

#one-day #watch-inner #watch-img-inner svg {
    width: 100%;
    height: 100%
}

#one-day #watch-inner #watch-img-inner svg path, #one-day #watch-inner #watch-img-inner svg circle {
    stroke: #f83600
}

#one-day #watch-inner #watch-img-inner svg rect {
    fill: #f83600
}

#one-day #watch-inner #watch-img-inner>* {
    position: absolute;
    top: 0;
    left: 0
}

#one-day #watch-inner #watch-img .watch-img-base {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: 1.68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#one-day #watch-inner #watch-img .watch-img-base.is-show {
    transform: rotate(2880deg);
    -ms-transform: rotate(2880deg);
    -moz-transform: rotate(2880deg);
    -webkit-transform: rotate(2880deg);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-core {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: 1.68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#one-day #watch-inner #watch-img .watch-img-core.is-show {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-num {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: 1.68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#one-day #watch-inner #watch-img .watch-img-num svg path {
    fill: none
}

#one-day #watch-inner #watch-img .watch-img-num.is-show {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-outline1, #one-day #watch-inner #watch-img .watch-img-outline2, #one-day #watch-inner #watch-img .watch-img-outline3 {
    transition-property: all;
    transition-duration: 1.68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#one-day #watch-inner #watch-img .watch-img-outline1 {
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-outline1.is-show {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-outline2 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-outline2.is-show {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-outline3 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-img .watch-img-outline3.is-show {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner #watch-dial {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

#one-day #watch-inner #watch-dial svg path {
    stroke-width: 1px
}

#one-day #watch-inner #watch-dial svg circle {
    stroke-width: 1px
}

#one-day #watch-inner .dial {
    width: 45%;
    max-width: 720px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

#one-day #watch-inner .dial-point {
    width: 0.69%;
    height: 0.69%;
    position: absolute;
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner .dial-point-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#one-day #watch-inner .dial-point-time {
    width: 80px;
    position: absolute
}

#one-day #watch-inner .dial-point-time * {
    color: #ffffff;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;

}

#one-day #watch-inner .dial-point-time * * {

}

#one-day #watch-inner .dial-point-time .timezone {
    font-size: 10px
}

#one-day #watch-inner .dial-point-time .time {
    font-size: 16px
}

#one-day #watch-inner .dial-point-icon {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#one-day #watch-inner .dial-point-icon:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: relative;
    background-color: #f83600;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner .dial-point.is-done .dial-point-icon {
    background-color: #f83600
}

#one-day #watch-inner .dial-point.is-done.is-current .dial-point-icon {
    transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -ms-transform: scale(2)
}

#one-day #watch-inner .dial-point.is-done.is-current .dial-point-icon:after {
    animation: dialPointLoop 3s ease infinite
}

@keyframes dialPointLoop {
    0% {
        transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    50% {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -ms-filter: "alpha(opacity=$num)";
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#one-day #watch-inner .dial-point:nth-child(1) {
    top: -0.1%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#one-day #watch-inner .dial-point:nth-child(1) .dial-point-time {
    top: -30px;
    left: -40px;
    text-align: center
}

#one-day #watch-inner .dial-point:nth-child(1) .dial-point-inner {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#one-day #watch-inner .dial-point:nth-child(2) {
    top: 24.7%;
    right: 7.2%
}

#one-day #watch-inner .dial-point:nth-child(2) .dial-point-time {
    top: -16px;
    left: 300%
}

#one-day #watch-inner .dial-point:nth-child(2) .dial-point-inner {
    transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -webkit-transform: rotate(22.5deg)
}

#one-day #watch-inner .dial-point:nth-child(3) {
    bottom: 25.2%;
    right: 6.6%
}

#one-day #watch-inner .dial-point:nth-child(3) .dial-point-time {
    top: -10px;
    left: 300%
}

#one-day #watch-inner .dial-point:nth-child(3) .dial-point-inner {
    transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    -webkit-transform: rotate(-22.5deg)
}

#one-day #watch-inner .dial-point:nth-child(4) {
    bottom: -0.8%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#one-day #watch-inner .dial-point:nth-child(4) .dial-point-time {
    bottom: -35px;
    left: -40px;
    text-align: center
}

#one-day #watch-inner .dial-point:nth-child(4) .dial-point-inner {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#one-day #watch-inner .dial-point:nth-child(5) {
    bottom: 25.2%;
    left: 6.6%
}

#one-day #watch-inner .dial-point:nth-child(5) .dial-point-time {
    top: -10px;
    right: 200%;
    text-align: right
}

#one-day #watch-inner .dial-point:nth-child(5) .dial-point-inner {
    transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -webkit-transform: rotate(22.5deg)
}

#one-day #watch-inner .dial-point:nth-child(6) {
    top: 24.7%;
    left: 7.2%
}

#one-day #watch-inner .dial-point:nth-child(6) .dial-point-time {
    top: -16px;
    right: 200%;
    text-align: right
}

#one-day #watch-inner .dial-point:nth-child(6) .dial-point-inner {
    transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    -webkit-transform: rotate(-22.5deg)
}

#one-day #watch-inner svg {
    width: 45%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0
}

#one-day #watch-inner svg>* {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #watch-inner svg .dial-color-line {
    stroke: #f83600;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

@media only screen and (min-width: 751px) {
    #one-day #main-visual__content {
        width: 100%;
        height: 230px
    }
    #one-day #main-visual__content-title {
        margin-bottom: 35px
    }
    #one-day #main-visual__content-title .lauge {
        font-size: 54px;
        margin-bottom: 5px
    }
    #one-day #main-visual__content-title .lauge>*>* {
        margin-right: 16px
    }
    #one-day #main-visual__content-title .small {
        font-size: 30px
    }
    #one-day #main-visual__content-title .small>*>* {
        margin-right: 2px
    }
}

@media only screen and (max-width: 750px) {
    #one-day #main-visual__content {
        width: 100%;
        height: 124px
    }
    #one-day #main-visual__content-title {
        margin-bottom: 10px
    }
    #one-day #main-visual__content-title * {
        font-weight: bold
    }
    #one-day #main-visual__content-title .lauge>*>* {
        font-size: 8vw;
        margin-right: 16px
    }
    #one-day #main-visual__content-title .small {
        font-size: 4.8vw
    }
    #one-day #main-visual__content-title .small>*>* {
        margin-right: 2px
    }
    #one-day #watch {
        width: 100%
    }
    #one-day #watch #watch-dial {
        display: none !important
    }
}

#one-day #sence {
    position: absolute;
    z-index: 110
}

#one-day #sence__content {
    width: 100%
}

#one-day #sence__content>* {
    width: 100%
}

#one-day #sence__content * {
    text-align: center
}

#one-day #sence__content-time {
    display: none;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #sence__content-time>* {
    color: #f83600
}

#one-day #sence__content-time .time-zone {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;

}

#one-day #sence__content-time .time-zone * {

}

#one-day #sence__content-time .time * {

}

#one-day #sence__content-time .time .colon {
    position: relative;
    top: -3px
}

#one-day #sence__content-list {
    width: 100%;
    position: relative;
    text-align: center
}

#one-day #sence__content-list>li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #sence__content-list>li .logo {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#one-day #sence__content-list>li .logo.js__show {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #sence__content-list>li .logo.js__show.is-show {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-delay: 2s !important;
    -moz-transition-delay: 2s !important;
    -webkit-transition-delay: 2s !important;
    -o-transition-delay: 2s !important;
    -ms-transition-delay: 2s !important
}

#one-day #sence__content-list>li * {
    color: #fff
}

#one-day #sence__content-list>li .copy * {
    font-weight: 700
}

#one-day #sence__content-list>li .lead {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #sence__content-list>li.is-current {
    z-index: 10
}

#one-day #sence__content-list>li.is-current .p-link-list>li>* {
    display: block
}

#one-day #sence__content-list>li .js__show {
    transition-property: all;
    transition-duration: 1.68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#one-day #sence__content-list .p-link-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#one-day #sence__content-list .p-link-list>li.js__show {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#one-day #sence__content-list .p-link-list>li.js__show>* {
    display: none
}

#one-day #sence__content-list .p-link-list>li.js__show.is-show {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-delay: 2.2s !important;
    -moz-transition-delay: 2.2s !important;
    -webkit-transition-delay: 2.2s !important;
    -o-transition-delay: 2.2s !important;
    -ms-transition-delay: 2.2s !important
}

@media only screen and (min-width: 751px) {
    #one-day #p-sp-time {
        display: none
    }
    #one-day #sence {
        width: 720px;
        height: 220px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }
    #one-day #sence__content * {
        text-align: center
    }
    #one-day #sence__content-time {
        display: none;
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
        margin-bottom: 20px
    }
    #one-day #sence__content-time>* {
        font-size: 40px;
        color: #f83600
    }
    #one-day #sence__content-time .time-zone {
        margin-right: 20px;
        font-family: "apercu",sans-serif;
        letter-spacing: 0;
        font-weight: 300;

    }
    #one-day #sence__content-time .time-zone * {

    }
    #one-day #sence__content-time .time * {
        font-size: 40px;

    }
    #one-day #sence__content-list>li .logo {
        width: 120px;
        margin-bottom: 32px
    }
    #one-day #sence__content-list>li .copy {
        font-size: 24px;
        margin-bottom: 20px
    }
    #one-day #sence__content-list>li .copy * {
        letter-spacing: 0.17em
    }
    #one-day #sence__content-list>li .lead {
        letter-spacing: 0;
        line-height: 2
    }
    #one-day #sence__content-list .p-link-list {
        padding-top: 40px
    }
    #one-day #sence__content-list .p-link-list>li {
        width: 110px
    }
    #one-day #sence__content-list .p-link-list>li:first-child {
        margin-right: 40px
    }
}

@media only screen and (max-width: 750px) {
    #one-day #p-sp-time {
        position: absolute;
        top: 86px;
        left: 0;
        z-index: 900;
        transform: matrix(1, 0, 0, 1, -200, 0);
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    #one-day #p-sp-time * {
        font-family: "apercu",sans-serif;
        letter-spacing: 0;
        font-weight: 300;
        font-size: 20px;
        color: #f83600
    }
    #one-day #p-sp-time * * {

    }
    #one-day #p-sp-time__inner {
        position: relative
    }
    #one-day #p-sp-time__inner .time-container {
        height: 14px;
        position: relative;
        padding-left: 55px
    }
    #one-day #p-sp-time__inner .time-container .line {
        width: 20px;
        height: 1px;
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
        transition-property: all;
        transition-duration: .48s;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
    }
    #one-day #p-sp-time__inner .time-container .line:after {
        width: 0px;
        height: 0px;
        content: "";
        display: block;
        background-color: #f83600;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
        position: relative;
        top: -2px;
        left: 43px;
        transition-property: all;
        transition-duration: .48s;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
    }
    #one-day #p-sp-time__inner .time-container .time {
        position: relative;
        top: -8px;
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
        transition-property: all;
        transition-duration: .48s;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
    }
    #one-day #p-sp-time__inner .time-container.is-current .line {
        width: 43px;
        background: #f83600
    }
    #one-day #p-sp-time__inner .time-container.is-current .line:after {
        width: 5px;
        height: 5px;
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    #one-day #p-sp-time__inner .time-container.is-current .time {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    #one-day #sence {
        width: 100%;
        height: 100px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        left: 20px
    }
    #one-day #sence__content {
        height: 100px;
        margin-top: 20px
    }
    #one-day #sence__content * {
        text-align: left
    }
    #one-day #sence__content-time {
        display: none !important
    }
    #one-day #sence__content-list>li .logo {
        width: 95px;
        margin-bottom: 22px
    }
    #one-day #sence__content-list>li .copy {
        font-size: 16px;
        margin-bottom: 12px;
        letter-spacing: 0.1em
    }
    #one-day #sence__content-list>li .lead {
        font-size: 14px;
        padding-right: 40px;
        letter-spacing: 0.05em
    }
    #one-day #sence__content-list>li .lead br {
        display: none
    }
    #one-day #sence__content-list>li:last-child {
        top: -105px;
        left: -20px
    }
    #one-day #sence__content-list>li:last-child .copy {
        font-size: 13px;
        margin-bottom: 12px;
        text-align: center
    }
    #one-day #sence__content-list .p-link-list {
        padding-top: 20px
    }
    #one-day #sence__content-list .p-link-list>li {
        width: 100px
    }
    #one-day #sence__content-list .p-link-list>li:first-child {
        margin-right: 24px
    }
    #one-day #sence__content-list .p-link-list>li * {
        text-align: center
    }
}

html.no-pc #one-day #sence {
    bottom: 80px
}

html.no-ie.no-tablet #main-visual__content-title>*>*>* {
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

html.ie #main-visual__content-title>*>*>*, html.tablet #main-visual__content-title>*>*>* {
    color: #f83600
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

.p-vision-main {
    position: relative
}

.p-vision-main__bg {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_bg.jpg") no-repeat center;
    background-size: cover
}

.p-vision-main__bg-inner {
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition-property: all;
    transition-duration: .88s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.p-vision-main__bg-inner:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition: all 1.28s ease-in;
    -moz-transition: all 1.28s ease-in;
    -webkit-transition: all 1.28s ease-in;
    -ms-transition: all 1.28s ease-in
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.p-vision-main__inner {
    position: relative;
    z-index: 1
}

.p-vision-main__photo {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto
}

.p-vision-main__photo-inner {
    width: 100%;
    height: 110%;
    position: relative
}

.p-vision-main__photo-img {
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.p-vision-main__text-inner {
    overflow: hidden
}

.p-vision-main__text-inner__title span {
    display: block
}

.p-vision-main__text-inner__title {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    letter-spacing: 0.1em
}

.p-vision-main__text-inner__title * {

}

.p-vision-main__text-inner__text {
    letter-spacing: 0.1em
}

.p-vision-main.is-done .p-vision-main__bg-inner {
    transform: translate3d(0px, 0px, 0)
}

.p-vision-main.is-done .p-vision-main__bg-inner:after {
    transition-delay: .4s !important;
    -moz-transition-delay: .4s !important;
    -webkit-transition-delay: .4s !important;
    -o-transition-delay: .4s !important;
    -ms-transition-delay: .4s !important;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.p-vision-content1, .p-vision-content2, .p-vision-content3 {
    position: relative
}

.p-vision-content1__inner, .p-vision-content2__inner, .p-vision-content3__inner {
    position: relative
}

.p-vision-content1__photo1, .p-vision-content1__photo2, .p-vision-content2__photo1, .p-vision-content2__photo2, .p-vision-content3__photo1, .p-vision-content3__photo2 {
    position: absolute;
    overflow: hidden;
    z-index: 1
}

.p-vision-content1__photo1-inner, .p-vision-content1__photo2-inner, .p-vision-content2__photo1-inner, .p-vision-content2__photo2-inner, .p-vision-content3__photo1-inner, .p-vision-content3__photo2-inner {
    position: relative
}

.p-vision-content1__photo1-inner .js__sc-panel-color, .p-vision-content1__photo2-inner .js__sc-panel-color, .p-vision-content2__photo1-inner .js__sc-panel-color, .p-vision-content2__photo2-inner .js__sc-panel-color, .p-vision-content3__photo1-inner .js__sc-panel-color, .p-vision-content3__photo2-inner .js__sc-panel-color {
    width: 120%;
    height: 120%
}

.p-vision-content1__photo1-img, .p-vision-content1__photo2-img, .p-vision-content2__photo1-img, .p-vision-content2__photo2-img, .p-vision-content3__photo1-img, .p-vision-content3__photo2-img {
    width: 100%;
    height: 100%;
    background-size: cover
}

.p-vision-content1__text-inner, .p-vision-content2__text-inner, .p-vision-content3__text-inner {
    background-color: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 5;
    box-shadow:
}

.p-vision-content1__photo1-inner {
    width: 110%;
    height: 100%
}

.p-vision-content1__photo1-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_photo01.jpg") no-repeat center;
    background-size: cover
}

.p-vision-content1__photo2-inner {
    width: 100%;
    height: 110% 20px 20px 60px rgba(0, 0, 0, 0.1)
}

.p-vision-content1__photo2-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_photo02.jpg") no-repeat center;
    background-size: cover
}

.p-vision-content2__photo1-inner {
    width: 110%;
    height: 100%
}

.p-vision-content2__photo1-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_photo03.jpg") no-repeat center;
    background-size: cover
}

.p-vision-content2__photo2-inner {
    width: 110%;
    height: 100%
}

.p-vision-content2__photo2-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_photo04.jpg") no-repeat center;
    background-size: cover
}

.p-vision-content3__photo1-inner {
    width: 110%;
    height: 100%
}

.p-vision-content3__photo1-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_photo05.jpg") no-repeat center;
    background-size: cover
}

#vision-bg {
    top: 100vh;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 1
}

#vision-bg .p-section-bg-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_bg02.jpg") no-repeat center
}

#vision-bg * {
    width: 100%;
    height: 100%;
    display: block
}

#vision-bg-img, #vision-bg .top, #vision-bg .bottom {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute
}

.p-dummy .l-section__sub-title>* {
    background: #eff1ef
}

.p-dummy-content {
    background-color: #eff1ef
}

.p-dummy-banner {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/business_banner.jpg") no-repeat center;
    position: relative
}

.p-dummy-banner:after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    -ms-filter: "alpha(opacity=$num)";
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.p-dummy-banner__text {
    position: relative;
    z-index: 1;
    text-align: center;
    display: block
}

.p-dummy-banner__text>* {
    color: #fff
}

.p-dummy-banner__text {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 1.17
}

.p-dummy-banner__text * {

}

@media only screen and (min-width: 751px) {
    .p-vision-main {
        top: 70px;
        height: 1080px
    }
    .p-vision-main__bg {
        width: 1500px;
        height: 490px;
        left: 50%;
        top: 0;
        margin-left: -800px
    }
    .p-vision-main__photo {
        width: 1080px;
        height: 545px;
        top: 120px
    }
    .p-vision-main__photo-img img {
        width: 90px;
        height: 90px
    }
    .p-vision-main__text {
        padding-top: 750px
    }
    .p-vision-main__text-inner {
        text-align: center
    }
    .p-vision-main__text-inner__title, .p-vision-main__text-inner__text {
        text-align: left;
        display: inline-block;
        vertical-align: middle
    }
    .p-vision-main__text-inner__title {
        margin-right: 70px
    }
    .p-vision-main__text-inner__title span {
        display: block
    }
    .p-vision-main__text-inner__title {
        font-size: 24px;
        margin-bottom: 16px
    }
    .p-vision-main__text-inner__text {
        line-height: 2.2
    }
    .p-vision-main__text-inner__text span {
        font-size: 12px
    }
    .p-vision-main #vision-main-photo.is-done {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_kv.jpg") no-repeat center top;
        background-size: 100%
    }
    .p-vision-main #vision-main-photo.is-done img {
        opacity: 0 !important;
        transition-delay: .5s !important;
        -moz-transition-delay: .5s !important;
        -webkit-transition-delay: .5s !important;
        -o-transition-delay: .5s !important;
        -ms-transition-delay: .5s !important
    }
    .p-vision-content1, .p-vision-content2, .p-vision-content3 {
        z-index: 10
    }
    .p-vision-content1__photo1, .p-vision-content1__photo2, .p-vision-content2__photo1, .p-vision-content2__photo2, .p-vision-content3__photo1, .p-vision-content3__photo2 {
        left: 50%
    }
    .p-vision-content1__text, .p-vision-content2__text, .p-vision-content3__text {
        position: absolute;
        left: 50%
    }
    .p-vision-content1__text-inner__text, .p-vision-content2__text-inner__text, .p-vision-content3__text-inner__text {
        padding: 40px 65px
    }
    .p-vision-content1__text-inner__text .title, .p-vision-content2__text-inner__text .title, .p-vision-content3__text-inner__text .title {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 16px;
        font-weight: 700
    }
    .p-vision-content1__text-inner__text .text, .p-vision-content2__text-inner__text .text, .p-vision-content3__text-inner__text .text {
        line-height: 2.5;
        letter-spacing: 0.1em
    }
    .p-vision-content1 {
        margin-top: 30px;
        height: 1005px
    }
    .p-vision-content1__photo1 {
        width: 790px;
        height: 640px;
        top: 0;
        margin-left: -610px
    }
    .p-vision-content1__text {
        width: 500px;
        margin-left: -540px;
        top: 535px
    }
    .p-vision-content1__photo2 {
        width: 316px;
        height: 432px;
        top: 320px;
        margin-left: 295px
    }
    .p-vision-content2 {
        height: 816px
    }
    .p-vision-content2__photo1 {
        width: 710px;
        height: 450px;
        top: 0;
        margin-left: -170px
    }
    .p-vision-content2__text {
        width: 500px;
        margin-left: -10px;
        top: 402px
    }
    .p-vision-content2__photo2 {
        width: 285px;
        height: 362px;
        top: 320px;
        margin-left: -610px
    }
    .p-vision-content2__photo2-inner {
        left: 0%
    }
    .p-vision-content3 {
        height: 820px
    }
    .p-vision-content3__photo1 {
        width: 1080px;
        height: 510px;
        top: 0;
        margin-left: -540px
    }
    .p-vision-content3__text {
        width: 830px;
        left: 0;
        right: 0;
        margin: auto;
        top: 450px
    }
    .p-dummy-content {
        width: 1080px;
        margin-left: auto;
        margin-right: auto;
        padding: 70px 0 85px
    }
    .p-dummy-content__inner {
        margin-top: 45px
    }
    .p-dummy-content__figure {
        width: 520px;
        margin: 0 auto
    }
    .p-dummy-banner {
        width: 600px;
        height: 180px;
        margin: 0 auto
    }
    .p-dummy-banner:after {
        transition: all 1.18s cubic-bezier(0.075, 0.82, 0.565, 1);
        -moz-transition: all 1.18s cubic-bezier(0.075, 0.82, 0.565, 1);
        -webkit-transition: all 1.18s cubic-bezier(0.075, 0.82, 0.565, 1);
        -ms-transition: all 1.18s cubic-bezier(0.075, 0.82, 0.565, 1)
    }
    .p-dummy-banner__text {
        height: 100%
    }
    .p-dummy-banner {
        padding-top: 62px;
        font-size: 30px
    }
    .p-dummy-banner:hover:after {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    #vision-bg {
        width: 1500px;
        height: 550px;
        top: 1658px
    }
}

@media only screen and (max-width: 750px) {
    .p-vision-main {
        top: 60px
    }
    .p-vision-main__bg {
        width: 100%;
        height: 190px;
        left: 0;
        top: 0
    }
    .p-vision-main__photo {
        margin-left: 20px;
        margin-right: 20px;
        height: 230px;
        top: 65px
    }
    .p-vision-main__photo-img {
        text-align: center
    }
    .p-vision-main__photo-img.is-done {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/vision/vision_kv.jpg") no-repeat center top;
        background-size: 100%
    }
    .p-vision-main__photo-img img {
        width: 8.3%;
        height: 13.5%
    }
    .p-vision-main__text {
        padding-top: 335px;
        margin-left: 20px;
        margin-right: 20px
    }
    .p-vision-main__text-inner__title, .p-vision-main__text-inner__text {
        text-align: left
    }
    .p-vision-main__text-inner__title {
        margin-bottom: 16px
    }
    .p-vision-main__text-inner__title span {
        display: block
    }
    .p-vision-main__text-inner__title {
        font-size: 16px;
        margin-bottom: 10px
    }
    .p-vision-main__text-inner__text {
        line-height: 1.78;
        letter-spacing: 0.1em
    }
    .p-vision-main__text-inner__text span {
        font-size: 11px;
        line-height: 1.47;
        display: block;
        margin-top: 5px
    }
    .p-vision-content1, .p-vision-content2, .p-vision-content3 {
        z-index: 10
    }
    .p-vision-content1__text, .p-vision-content2__text, .p-vision-content3__text {
        position: absolute
    }
    .p-vision-content1__text-inner__text, .p-vision-content2__text-inner__text, .p-vision-content3__text-inner__text {
        padding: 20px 24px
    }
    .p-vision-content1__text-inner__text .title, .p-vision-content2__text-inner__text .title, .p-vision-content3__text-inner__text .title {
        font-size: 16px;
        letter-spacing: 0.05em;
        margin-bottom: 10px;
        font-weight: 700
    }
    .p-vision-content1__text-inner__text .text, .p-vision-content2__text-inner__text .text, .p-vision-content3__text-inner__text .text {
        line-height: 1.87;
        letter-spacing: 0.1em
    }
    .p-vision-content1 {
        margin-top: 110px;
        height: 816px
    }
    .p-vision-content1__photo1 {
        height: 320px;
        top: 0;
        left: 0;
        width: -webkit-calc(100% - 65px);
        width: calc(100% - 65px)
    }
    .p-vision-content1__text {
        right: 0;
        top: 260px;
        width: 275px
    }
    .p-vision-content1__photo2 {
        width: 157.5px;
        height: 216px;
        top: 595px;
        left: 20px
    }
    .p-vision-content2 {
        margin-top: 45px;
        height: 770px
    }
    .p-vision-content2__photo1 {
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        height: 267px;
        top: 0;
        right: 0
    }
    .p-vision-content2__text {
        left: 0;
        top: 220px;
        width: 275px
    }
    .p-vision-content2__photo2 {
        width: 250px;
        height: 180px;
        top: 610px;
        right: 20px
    }
    .p-vision-content2__photo2-img {
        background-size: 100%;
        background-position: left 20%
    }
    .p-vision-content3 {
        margin-top: 75px;
        height: 560px
    }
    .p-vision-content3__photo1 {
        width: 100%;
        height: 280px;
        top: 0;
        left: 0
    }
    .p-vision-content3__photo1-img {
        background-position: top right
    }
    .p-vision-content3__text {
        left: 0;
        right: 0;
        margin: 0 20px;
        top: 230px
    }
    .p-dummy {
        padding-left: 0;
        padding-right: 0
    }
    .p-dummy-content {
        padding: 45px 0 50px
    }
    .p-dummy-content__inner {
        margin-top: 20px
    }
    .p-dummy-content__figure {
        margin: 0 20px
    }
    .p-dummy-banner {
        height: 100px;
        margin: 50px 20px 0
    }
    .p-dummy-banner {
        padding-top: 28px;
        font-size: 24px
    }
    #vision-bg {
        width: 100vw;
        height: 690px;
        top: 805px
    }
}

@media only screen and (max-width: 320px) {
    .p-dummy-banner {
        margin: 100px 20px 0
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#coin #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/business/pagetitle_bg.jpg")
}

#coin .gradient-panel {
    position: absolute
}

#coin .gradient-panel__inner {
    width: 100%;
    height: 100%;
    position: relative
}

#coin .gradient-panel__inner>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#coin .gradient-panel__inner>div>* {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%)
}

#case #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/business/pagetitle_bg.jpg")
}

#case .gradient-panel {
    position: absolute
}

#case .gradient-panel__inner {
    width: 100%;
    height: 100%;
    position: relative
}

#case .gradient-panel__inner>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#case .gradient-panel__inner>div>* {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%)
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.p-business-content__photo {
    position: absolute;
    overflow: hidden;
    z-index: 1
}

.p-business-content__photo-inner {
    width: 120%;
    height: 100%;
    position: relative;
    left: 0%;
    overflow: hidden
}

.p-business-content__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/business/business_bg.jpg") no-repeat center;
    background-size: cover
}

.p-business-content__text {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.p-business-content__text-inner {
    background-color: #fff
}

.p-business-content__text-inner__title {
    line-height: 1.58;
    font-weight: 700
}

.p-business-content__text-inner__text {
    line-height: 1.78
}

.p-business-content__text.is-done {
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1)
}

@media only screen and (min-width: 751px) {
    .p-business-content {
        height: 740px
    }
    .p-business-content__inner {
        position: relative;
        z-index: 1
    }
    .p-business-content__photo {
        width: 820px;
        height: 545px;
        top: 0;
        left: -70px
    }
    .p-business-content__text {
        left: 510px;
        top: 105px;
        width: 570px
    }
    .p-business-content__text-inner {
        padding: 40px 50px
    }
    .p-business-content__text-inner__title {
        font-size: 23px;
        margin-bottom: 20px;
        letter-spacing: 0.05em
    }
    .p-business-content__text-inner__text {
        letter-spacing: 0.15em
    }
    .p-business-content .gradient-panel {
        width: 385px;
        height: 560px;
        top: 40px;
        right: 70px
    }
}

@media only screen and (max-width: 750px) {
    .p-business-content {
        margin-bottom: 70px;
        padding-top: 240px;
        position: relative;
        z-index: 1
    }
    .p-business-content__photo {
        width: 100%;
        height: 285px;
        top: 0;
        left: 0
    }
    .p-business-content__text {
        margin-right: 40px
    }
    .p-business-content__text-inner {
        padding: 20px 24px
    }
    .p-business-content__text-inner__title {
        font-size: 19px;
        margin-bottom: 16px;
        letter-spacing: 0.05em
    }
}

@media only screen and (max-width: 750px) and (max-width: 320px) {
    .p-business-content__text-inner__title {
        font-size: 17px
    }
}

@media only screen and (max-width: 750px) {
    .p-business-content .gradient-panel {
        width: 157px;
        height: 470px;
        top: 40px;
        right: 0px
    }
}

.p-approach-content__text {
    text-align: center;
    letter-spacing: 0.1em
}

.p-approach-content__photo-img img {
    transition-property: all;
    transition-duration: 1.28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(0, 5%, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.p-approach-content__photo-img img:nth-child(1) {
    transition-delay: .48s !important;
    -moz-transition-delay: .48s !important;
    -webkit-transition-delay: .48s !important;
    -o-transition-delay: .48s !important;
    -ms-transition-delay: .48s !important
}

.p-approach-content__photo-img img:nth-child(2) {
    transition-delay: .58s !important;
    -moz-transition-delay: .58s !important;
    -webkit-transition-delay: .58s !important;
    -o-transition-delay: .58s !important;
    -ms-transition-delay: .58s !important
}

.p-approach-content__photo-img img:nth-child(3) {
    transition-delay: .68s !important;
    -moz-transition-delay: .68s !important;
    -webkit-transition-delay: .68s !important;
    -o-transition-delay: .68s !important;
    -ms-transition-delay: .68s !important
}

.p-approach-content__photo-img.is-done img {
    transform: translate3d(0, 0, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

@media only screen and (min-width: 751px) {
    .p-approach-content__text {
        font-size: 20px;
        margin-bottom: 90px
    }
    .p-approach-content__photo-img {
        text-align: center;
        letter-spacing: -.4em
    }
    .p-approach-content__photo-img img {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal
    }
    .p-approach-content__photo-img img:first-child {
        width: 479px;
        margin-right: 16px
    }
    .p-approach-content__photo-img img:nth-child(2) {
        width: 75px
    }
    .p-approach-content__photo-img img:last-child {
        width: 479px
    }
}

@media only screen and (max-width: 750px) {
    .p-approach-content__text {
        font-size: 19px;
        margin-bottom: 30px
    }
    .p-approach-content__photo-img {
        text-align: center;
        letter-spacing: -.4em
    }
    .p-approach-content__photo-img img {
        vertical-align: middle;
        letter-spacing: normal
    }
    .p-approach-content__photo-img img:first-child {
        width: 100%
    }
    .p-approach-content__photo-img img:nth-child(2) {
        width: 54px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        margin-top: 16px;
        margin-bottom: 22px
    }
    .p-approach-content__photo-img img:last-child {
        width: 100%
    }
}

.p-iot-main {
    position: relative
}

.p-iot-main__photo {
    position: absolute;
    overflow: hidden
}

.p-iot-main__photo-inner {
    width: 100%;
    height: 130%;
    position: relative
}

.p-iot-main__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/business/iot_bg.jpg") no-repeat center;
    background-size: cover
}

.p-iot-main__title {
    position: relative;
    z-index: 5;
    text-align: center
}

.p-iot-main__title-icon {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.p-iot-main__title-text {
    color: #ffffff;
    text-align: center;
    font-weight: 700
}

.p-iot-main__text {
    position: relative;
    z-index: 5
}

.p-iot-main__text p {
    background-color: #ffffff;
    overflow: hidden
}

.p-iot-main__text.is-done {
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1);
    transition: all .58s ease-in;
    -moz-transition: all .58s ease-in;
    -webkit-transition: all .58s ease-in;
    -ms-transition: all .58s ease-in;
    transition-delay: 1.08s !important;
    -moz-transition-delay: 1.08s !important;
    -webkit-transition-delay: 1.08s !important;
    -o-transition-delay: 1.08s !important;
    -ms-transition-delay: 1.08s !important
}

.p-iot-content__figure {
    transition-property: all;
    transition-duration: 1.28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(0, 5%, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-delay: .88s !important;
    -moz-transition-delay: .88s !important;
    -webkit-transition-delay: .88s !important;
    -o-transition-delay: .88s !important;
    -ms-transition-delay: .88s !important
}

.p-iot-content__figure.is-done {
    transform: translate3d(0, 0, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

body#iot {
    overflow-y: scroll !important;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/common/body_bg.png") repeat top left
}

body#iot #l-body {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.p-iot-html {
    padding-bottom: 90px
}

.p-iot-html__figure {
    width: 840px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 20px
}

.p-iot-html .c-closebtn {
    margin-top: 50px
}

@media only screen and (min-width: 751px) {
    .p-iot-main__photo {
        width: 1460px;
        height: 400px;
        top: 0;
        left: -190px
    }
    .p-iot-main__photo-img {
        top: 3%
    }
    .p-iot-main__title {
        padding: 120px 0 120px
    }
    .p-iot-main__title-icon {
        width: 140px;
        height: 85px
    }
    .p-iot-main__title-text {
        font-size: 20px;
        letter-spacing: 0.15em;
        margin-top: 24px
    }
    .p-iot-main__text p {
        padding: 40px 50px;
        line-height: 2;
        letter-spacing: 0.1em
    }
    .p-iot-content__figure {
        width: 840px;
        margin: 80px auto 140px
    }
}

@media only screen and (max-width: 750px) {
    #iot.l-section {
        padding-left: 0;
        padding-right: 0
    }
    .p-iot-main__photo {
        width: 100%;
        height: 210px;
        top: 0;
        left: 0
    }
    .p-iot-main__photo-img {
        top: -7%
    }
    .p-iot-main__title {
        padding: 50px 20px 55px
    }
    .p-iot-main__title-icon {
        width: 106px;
        height: 64px
    }
    .p-iot-main__title-text {
        font-size: 16px;
        letter-spacing: 0;
        margin-top: 20px
    }
    .p-iot-main__text {
        margin-left: 20px;
        margin-right: 20px
    }
    .p-iot-main__text p {
        padding: 20px 30px;
        line-height: 2;
        letter-spacing: 0.1em
    }
    .p-iot-content {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 90px
    }
    .p-iot-content__figure {
        width: 100%;
        margin: 80px auto 0
    }
    .p-iot-content .c-zoombtn {
        margin-top: 30px
    }
}

.p-consulting-main {
    position: relative
}

.p-consulting-main__photo {
    position: absolute;
    overflow: hidden
}

.p-consulting-main__photo-inner {
    width: 100%;
    height: 130%;
    position: relative
}

.p-consulting-main__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/business/consulting_bg.jpg") no-repeat center;
    background-size: cover
}

.p-consulting-main__title {
    position: relative;
    z-index: 5;
    text-align: center
}

.p-consulting-main__title-icon {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.p-consulting-main__title-text {
    color: #ffffff;
    text-align: center;
    font-weight: 700
}

.p-consulting-main__text {
    position: relative;
    z-index: 5
}

.p-consulting-main__text p {
    background-color: #ffffff;
    overflow: hidden
}

.p-consulting-main__text.is-done {
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1);
    transition: all .58s ease-in;
    -moz-transition: all .58s ease-in;
    -webkit-transition: all .58s ease-in;
    -ms-transition: all .58s ease-in;
    transition-delay: 1.08s !important;
    -moz-transition-delay: 1.08s !important;
    -webkit-transition-delay: 1.08s !important;
    -o-transition-delay: 1.08s !important;
    -ms-transition-delay: 1.08s !important
}

.p-msp-sub-content__field-text__item:before, .p-msp-sub-content__field-text__item-inner:before, .recruit-text:before, .recruit-text p:before, .p-msp-sub-content__field-text__item:after, .p-msp-sub-content__field-text__item-inner:after, .recruit-text:after, .recruit-text p:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-width: 4px;
    border-color: #ffffff;
}

.p-msp-sub-content__field:nth-of-type(1) .p-msp-sub-content__photo-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/msp_sub_photo_01.jpg") no-repeat center;
    background-size: cover
}

.p-msp-sub-content__field:nth-of-type(2) .p-msp-sub-content__photo-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/msp_sub_photo_02.jpg") no-repeat center;
    background-size: cover
}
#coin .p-msp-sub-content__field:nth-of-type(1) .p-msp-sub-content__photo-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/coin_sub_photo_01.jpg") no-repeat center;
    background-size: cover
}

#coin .p-msp-sub-content__field:nth-of-type(2) .p-msp-sub-content__photo-img {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/coin_sub_photo_02.jpg") no-repeat center;
    background-size: cover
}

.p-msp-sub-content__field-text__title {
    font-weight: 700
}

.p-msp-sub-content__field-text__item {
    border: 1px solid #ebeff3;
    position: relative
}

.p-msp-sub-content__field-text__item:before {
    border-left-style: solid;
    border-top-style: solid;
    left: -2px;
    top: -2px
}

.p-msp-sub-content__field-text__item:after {
    border-right-style: solid;
    border-top-style: solid;
    right: -2px;
    top: -2px
}

.p-msp-sub-content__field-text__item-inner {
    position: relative
}

.p-msp-sub-content__field-text__item-inner:before {
    border-left-style: solid;
    border-bottom-style: solid;
    left: -2px;
    bottom: -2px
}

.p-msp-sub-content__field-text__item-inner:after {
    border-right-style: solid;
    border-bottom-style: solid;
    right: -2px;
    bottom: -2px
}

.p-msp-sub-content__field-text__item-list:after {
    content: "";
    display: block;
    clear: both
}

.p-msp-sub-content__field-text__item-list li {
    padding-left: 4px
}

.p-msp-sub-content__field-text__item-list li:before {
    content: '';
    width: 2px;
    height: 2px;
    display: inline-block;
    border-radius: 100%;
    background: #02030a;
    position: relative;
    left: -5px;
    top: -3px
}

.p-msp-sub-content__title {
    color: #ffffff;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    font-weight: 700
}

.p-msp-sub-content__photo {
    overflow: hidden
}

.p-msp-sub-content__photo-inner {
    width: 120%;
    height: 100%;
    position: relative
}

.p-msp-sub-content__photo-img {
    width: 100%;
    height: 100%;
    position: relative
}

@media only screen and (min-width: 751px) {
    .p-consulting-main__photo {
        width: 1460px;
        height: 400px;
        top: 0;
        left: -190px
    }
    .p-consulting-main__photo-img {
        top: 3%
    }
    .p-consulting-main__title {
        padding: 60px 0 70px
    }
    .p-consulting-main__title-icon {
        width: 136px;
        height: 88px
    }
    .p-consulting-main__title-text {
        font-size: 20px;
        letter-spacing: 0.15em;
        margin-top: 24px
    }
    .p-consulting-main__text p {
        padding: 40px 50px;
        line-height: 2;
        letter-spacing: 0.1em
    }
    .p-msp-sub-content {
        margin-bottom: 160px
    }
    .p-msp-sub-content__field {
        height: 310px;
        margin-top: 110px
    }
    .p-msp-sub-content__field:after {
        content: "";
        display: block;
        clear: both
    }
    .p-msp-sub-content__field:nth-of-type(1) .p-msp-sub-content__field-photo {
        float: left
    }
    .p-msp-sub-content__field:nth-of-type(1) .p-msp-sub-content__field-text {
        float: right
    }
    .p-msp-sub-content__field:nth-of-type(1) .p-msp-sub-content__photo {
        left: 0
    }
    .p-msp-sub-content__field:nth-of-type(2) .p-msp-sub-content__field-photo {
        float: right
    }
    .p-msp-sub-content__field:nth-of-type(2) .p-msp-sub-content__field-text {
        float: left
    }
    .p-msp-sub-content__field:nth-of-type(2) .p-msp-sub-content__photo {
        right: 0
    }
    .p-msp-sub-content__field:nth-of-type(3) .p-msp-sub-content__field-photo {
        float: left
    }
    .p-msp-sub-content__field:nth-of-type(3) .p-msp-sub-content__field-text {
        float: right
    }
    .p-msp-sub-content__field:nth-of-type(3) .p-msp-sub-content__photo {
        left: 0
    }
    .p-msp-sub-content__field-photo {
        position: relative
    }
    .p-msp-sub-content__field-text {
        width: 440px;
        padding-top: 64px
    }
    .p-msp-sub-content__field-text__title {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 1.6;
    }
    .p-msp-sub-content__field-text p {
        font-size: 16px;
        margin-bottom: 22px;
    }
    .p-msp-sub-content__field-text__item {
        margin-top: 24px
    }
    .p-msp-sub-content__field-text__item-inner {
        padding: 24px 40px
    }
    .p-msp-sub-content__field-text__item-title {
        margin-bottom: 5px;
        margin-top: 16px
    }
    .p-msp-sub-content__field-text__item-title:first-of-type {
        margin-top: 0
    }
    .p-msp-sub-content__field-text__item-list li {
        font-size: 12px;
        float: left;
        margin-right: 16px;
        margin-bottom: 3px
    }
    .p-msp-sub-content__photo {
        width: 580px;
        height: 310px;
        position: absolute;
        top: 0
    }
    .p-msp-sub-content__title {
        height: 50px;
        line-height: 50px;
        padding-left: 24px;
        width: 316px;
        font-size: 20px;
        top: -24px
    }
}

@media only screen and (max-width: 750px) {
    #consulting.l-section {
        padding-left: 0;
        padding-right: 0
    }
    .p-consulting-main__photo {
        width: 100%;
        height: 340px;
        top: 0;
        left: 0
    }
    .p-consulting-main__title {
        padding: 50px 0 55px
    }
    .p-consulting-main__title-icon {
        width: 101px;
        height: 65px
    }
    .p-consulting-main__title-text {
        font-size: 16px;
        letter-spacing: 0;
        margin: 20px 20px 0
    }
    .p-consulting-main__text {
        margin-left: 20px;
        margin-right: 20px
    }
    .p-consulting-main__text p {
        padding: 20px 30px;
        line-height: 2;
        letter-spacing: 0.1em
    }
    .p-msp-sub-content {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 90px
    }
    .p-msp-sub-content__field {
        margin-top: 50px
    }
    .p-msp-sub-content__field:nth-of-type(1) .p-msp-sub-content__photo {
        left: 0
    }
    .p-msp-sub-content__field:nth-of-type(2) .p-msp-sub-content__photo {
        right: 0
    }
    .p-msp-sub-content__field:nth-of-type(3) .p-msp-sub-content__photo {
        left: 0
    }
    .p-msp-sub-content__field-photo {
        position: relative
    }
    .p-msp-sub-content__field-text__title {
        font-size: 16px;
        letter-spacing: 0;
        margin-top: 16px;
        margin-bottom: 10px
    }
    .p-msp-sub-content__field-text__item {
        margin-top: 24px
    }
    .p-msp-sub-content__field-text__item-inner {
        padding: 16px 20px
    }
    .p-msp-sub-content__field-text__item-title {
        margin-bottom: 5px;
        margin-top: 16px;
        font-size: 16px
    }
    .p-msp-sub-content__field-text__item-title:first-of-type {
        margin-top: 0
    }
    .p-msp-sub-content__field-text__item-list li {
        font-size: 12px;
        float: left;
        margin-right: 16px;
        margin-bottom: 3px;
        margin-right: -1px
    }
    .p-msp-sub-content__field-text__item-list li:after {
        content: ".";
        width: 0;
        font-size: 0;
        color: transparent;
        margin-right: 1px
    }
    .p-msp-sub-content__photo {
        width: 100%;
        height: 180px;
        top: 0
    }
    .p-msp-sub-content__title {
        height: 40px;
        line-height: 40px;
        padding-left: 12px;
        margin-right: 30px;
        font-size: 19px;
        top: 20px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#flow-support #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/flow-support/pagetitle_bg.jpg")
}

#flow-support .p-dummy-banner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/flow-support/contact_banner_bg.jpg")
}

.p-flowsupport-main {
    position: relative
}

.p-flowsupport-main__inner {
    position: relative;
    z-index: 1
}

.p-flow-content {
    background-color: #eff2ef
}

.p-flow-content .l-section__sub-title {
    background: #eff2ef
}

.p-flow-content__list {
    position: relative
}

.p-flow-content__list:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    background-color: #f83600
}

.p-flow-content__list ul li {
    background-color: #ffffff;
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: border-box;
    z-index: 1
}

.p-flow-content__list ul li:last-child {
    box-shadow: none;
    background-color: #f83600
}

.p-flow-content__list ul li:last-child * {
    color: #fff
}

.p-flow-content__list ul li:last-child .p-flow-content__list-title {
    display: block;
    text-align: center
}

.p-flow-content__list ul li:last-child .p-flow-content__list-title__text {
    margin-left: 0
}

.p-flow-content__list-inner {
    overflow: hidden
}

.p-flow-content__list-title {
    display: flex;
    justify-content: left;
    align-items: center
}

.p-flow-content__list-title__icon {
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    position: relative
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

.p-flow-content__list-title__icon img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block
}

.p-flow-content__list-title__text>* {
    display: block
}

.p-flow-content__list-title__text {
    color: #f83600;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    letter-spacing: 0.1em
}

.p-flow-content__list-title__text * {

}

.p-flow-content__list #flow07 * {
    font-weight: 700
}

@media only screen and (min-width: 751px) {
    #flow-support #l-lowlayer-body {
        width: 1220px
    }
    .p-flowsupport-main {
        margin-bottom: 110px
    }
    .p-flowsupport-main__text-inner__title {
        width: max-content;
        margin: 0 auto 24px;
        text-align: center
    }
    .p-flowsupport-main__text-inner__text {
        width: 850px;
        margin: 0 auto
    }
    .p-flow-content {
        padding: 70px 120px 80px
    }
    .p-flow-content__list {
        margin-bottom: -60px
    }
    .p-flow-content__list:after {
        height: -webkit-calc(100% - 180px);
        height: calc(100% - 180px);
        top: 71px
    }
    .p-flow-content__list ul:after {
        content: "";
        clear: both;
        display: block
    }
    .p-flow-content__list ul li {
        width: 435px;
        margin-bottom: 60px
    }
    .p-flow-content__list ul li:before, .p-flow-content__list ul li:after {
        content: "";
        display: block;
        position: absolute;
        background-color: #f83600
    }
    .p-flow-content__list ul li:before {
        width: 9px;
        height: 9px
    }
    .p-flow-content__list ul li:after {
        width: 52px;
        height: 1px
    }
    .p-flow-content__list ul li:nth-child(odd) {
        float: left
    }
    .p-flow-content__list ul li:nth-child(odd):before {
        top: 67px;
        right: -60px
    }
    .p-flow-content__list ul li:nth-child(odd):after {
        top: 71px;
        right: -52px
    }
    .p-flow-content__list ul li:nth-child(even) {
        float: right
    }
    .p-flow-content__list ul li:nth-child(even):before, .p-flow-content__list ul li:nth-child(even):after {
        top: 50%
    }
    .p-flow-content__list ul li:nth-child(even):before {
        left: -59px;
        margin-top: -4px
    }
    .p-flow-content__list ul li:nth-child(even):after {
        left: -52px
    }
    .p-flow-content__list ul li:nth-child(1) .p-flow-content__list-title__icon img {
        width: 32px;
        height: 22px
    }
    .p-flow-content__list ul li:nth-child(2) {
        margin-top: 120px
    }
    .p-flow-content__list ul li:nth-child(2) .p-flow-content__list-title__icon img {
        width: 46px;
        height: 32px
    }
    .p-flow-content__list ul li:nth-child(3) .p-flow-content__list-title__icon img {
        width: 36px;
        height: 37px
    }
    .p-flow-content__list ul li:nth-child(4) .p-flow-content__list-title__icon img {
        width: 34px;
        height: 34px
    }
    .p-flow-content__list ul li:nth-child(5) .p-flow-content__list-title__icon img {
        width: 48px;
        height: 39px
    }
    .p-flow-content__list ul li:nth-child(6) .p-flow-content__list-title__icon img {
        width: 45px;
        height: 39px
    }
    .p-flow-content__list ul li:last-child {
        width: 100%;
        text-align: center
    }
    .p-flow-content__list ul li:last-child:before, .p-flow-content__list ul li:last-child:after {
        content: none
    }
    .p-flow-content__list-inner>* {
        padding: 30px 40px
    }
    .p-flow-content__list-title__icon {
        width: 80px;
        height: 80px
    }
    .p-flow-content__list-title__text {
        margin-left: 18px
    }
    .p-flow-content__list-text {
        margin-top: 20px
    }
}

@media only screen and (max-width: 750px) {
    #flow.l-section {
        padding-left: 0;
        padding-right: 0
    }
    .p-flowsupport-main {
        margin: 0 20px 55px
    }
    .p-flowsupport-main__text-inner__title {
        text-align: center;
        margin-bottom: 20px
    }
    .p-flow-content {
        padding: 45px 20px
    }
    .p-flow-content__list {
        margin-bottom: -40px
    }
    .p-flow-content__list:after {
        height: -webkit-calc(100% - 180px);
        height: calc(100% - 180px);
        top: 71px
    }
    .p-flow-content__list ul:after {
        content: "";
        clear: both;
        display: block
    }
    .p-flow-content__list ul li {
        width: -webkit-calc(100% - 24px);
        width: calc(100% - 24px);
        margin-bottom: 40px
    }
    .p-flow-content__list ul li:before, .p-flow-content__list ul li:after {
        content: none
    }
    .p-flow-content__list ul li:nth-child(odd) {
        float: left
    }
    .p-flow-content__list ul li:nth-child(even) {
        float: right
    }
    .p-flow-content__list ul li:nth-child(1) .p-flow-content__list-title__icon img {
        width: 24px;
        height: 17px
    }
    .p-flow-content__list ul li:nth-child(2) .p-flow-content__list-title__icon img {
        width: 34.5px;
        height: 23px
    }
    .p-flow-content__list ul li:nth-child(3) .p-flow-content__list-title__icon img {
        width: 27px;
        height: 27px
    }
    .p-flow-content__list ul li:nth-child(4) .p-flow-content__list-title__icon img {
        width: 24px;
        height: 24px
    }
    .p-flow-content__list ul li:nth-child(5) .p-flow-content__list-title__icon img {
        width: 36.5px;
        height: 29px
    }
    .p-flow-content__list ul li:nth-child(6) .p-flow-content__list-title__icon img {
        width: 33px;
        height: 29px
    }
    .p-flow-content__list ul li:last-child {
        width: 100%
    }
    .p-flow-content__list-inner>* {
        padding: 20px
    }
    .p-flow-content__list-title__icon {
        width: 55px;
        height: 55px
    }
    .p-flow-content__list-title__text {
        margin-left: 18px
    }
    .p-flow-content__list-title__text {
        line-height: 1.17;
        font-size: 10px
    }
    .p-flow-content__list-text {
        margin-top: 16px
    }
}

@media only screen and (max-width: 320px) {
    .p-flow-content__list-title__icon {
        width: 55px;
        height: 55px
    }
    .p-flow-content__list-title__text {
        flex: 1
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

html.tablet #SCS #p-main-visual-text__lead span {
    margin-right: 11px
}

#SCS #l-navi__scroll {
    bottom: 100px
}

#SCS .p-section {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#SCS .p-section__content-title {
    font-weight: 700;
    letter-spacing: 0.1em
}

#SCS #p-spcont__link-btn {
    position: fixed;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 20
}

#SCS #p-spcont__link-btn-inner {
    width: 100%;
    height: 100%;
    border-left: 1px solid #02030a;
    border-right: 1px solid #02030a;
    position: relative;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#SCS #p-spcont__link-btn__text a {
    width: 100%;
    display: block;
    border-top: dotted 1px #02030a;
    text-align: center
}

#SCS #p-spcont__link-btn__text a>* {
    display: inline-block;
    white-space: nowrap;
    position: relative
}

#SCS #p-spcont__link-btn__text a .js__shake-motion1, #SCS #p-spcont__link-btn__text a .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-spcont__link-btn__text a:hover .js__shake-motion1, #SCS #p-spcont__link-btn__text a:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-page__navi {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 800;
    margin-top: auto;
    margin-bottom: auto;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

#SCS #p-page__navi-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-page__navi-line {
    width: 2px;
    height: 100%;
    background-color: #c1c7c9;
    position: absolute;
    top: 0;
    left: 0
}

#SCS #p-page__navi-line__gauge {
    width: 100%;
    height: 0%;
    background-color: #02030a
}

#SCS #p-page__navi-list li {
    display: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    background-color: #ebeff3
}

#SCS #p-page__navi-list li span {
    width: 100%;
    height: 100%;
    display: block
}

#SCS #p-page__navi-list li:nth-child(1) {
    top: 8%
}

#SCS #p-page__navi-list li:nth-child(2) {
    top: 20%
}

#SCS #p-page__navi-list li:nth-child(3) {
    top: 100%
}

#SCS #p-page__navi-list li.current {
    background-color: #02030a
}

@media only screen and (min-width: 751px) {
    #SCS .p-section {
        width: 1020px;
        padding-bottom: 100px
    }
    #SCS .p-section__content.p-feature03 {
        margin-top: 105px
    }
    #SCS .p-section__content-title {
        font-size: 24px;
        margin-bottom: 24px;
        line-height: 1.58
    }
    #SCS .p-section__content-text {
        line-height: 1.88;
        letter-spacing: 0;
        margin-bottom: 40px
    }
    #SCS .p-section__content-text strong {
        font-weight: 700
    }
    #SCS .p-section__content-text .mini {
        display: block;
        font-size: 12px;
        margin-top: 5px
    }
    #SCS #p-spcont__link-btn {
        width: 230px;
        height: 50px;
        right: -90px
    }
    #SCS #p-spcont__link-btn-inner {
        width: 100%;
        height: 100%
    }
    #SCS #p-spcont__link-btn-inner.is-hide {
        transform: translate3d(0, -200px, 0) !important
    }
    #SCS #p-spcont__link-btn__text {
        padding: 10px 10px 0
    }
    #SCS #p-spcont__link-btn__text a {
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 12px
    }
    #SCS #p-spcont__link-btn__text a>* {
        width: 230px;
        height: 16px;
        left: -70px
    }
    #SCS #p-page__navi {
        width: 150px;
        height: 41.11111%;
        left: 35px
    }
    #SCS #p-page__navi.is-hide {
        transform: translate3d(-200px, 0, 0)
    }
    #SCS #p-page__navi-list li {
        width: 8px;
        height: 8px;
        left: -3px
    }
}

@media only screen and (max-width: 750px) {
    #SCS .p-section {
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 150px
    }
    #SCS .p-section__content-title {
        font-size: 19px;
        margin-bottom: 16px;
        line-height: 1.58
    }
    #SCS .p-section__content-text {
        line-height: 1.88;
        letter-spacing: 0;
        margin-bottom: 24px
    }
    #SCS .p-section__content-text strong {
        font-weight: 700
    }
    #SCS .p-section__content-text .mini {
        display: block;
        font-size: 11px
    }
    #SCS #p-spcont__link-btn {
        width: 185px;
        height: 24px;
        right: -80px;
        top: 50%;
        bottom: inherit;
        margin-top: 30px
    }
    #SCS #p-spcont__link-btn-inner {
        width: 100%;
        height: 100%;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff
    }
    #SCS #p-spcont__link-btn-inner.is-hide {
        transform: translate3d(0, -200px, 0) !important
    }
    #SCS #p-spcont__link-btn__text {
        padding: 5px 5px 0
    }
    #SCS #p-spcont__link-btn__text a {
        padding-top: 0px;
        padding-bottom: 5px;
        font-size: 12px;
        border-top: dotted 1px #fff
    }
    #SCS #p-spcont__link-btn__text a>* {
        width: 185px;
        height: 10px;
        left: -67px;
        color: #fff
    }
    #SCS #p-page__navi {
        display: none
    }
}

#SCS #p-main-visual__cover-container {
    position: absolute;
    left: 0;
    overflow: hidden;
    pointer-events: none
}

#SCS #p-main-visual__cover-container #p-main-visual__cover-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#SCS #p-main-visual__cover-container #p-main-visual__cover {
    position: absolute;
    z-index: 10
}

#SCS #p-main-visual__cover-container #p-main-visual__cover canvas {
    position: absolute;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

#SCS #p-main-visual__cover-container #p-main-visual__cover img {
    position: absolute;
    cursor: pointer
}

#SCS #p-main-visual__cover-container.is-done {
    top: 0
}

#SCS #p-main-visual__cover-container.is-done #p-main-visual__cover {
    top: 0
}

#SCS #p-main-visual__cover__wave {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-main-visual__cover__wave>* {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#SCS #p-main-visual__cover__wave>*>* {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    overflow: hidden;
    transform: translate3d(-100%, 0, 0)
}

#SCS #p-main-visual__cover__wave svg {
    position: absolute;
    -ms-filter: "alpha(opacity=$num)";
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-main-visual__cover__wave svg path {
    width: 100%;
    stroke: #f83600
}

#SCS #p-main-visual__cover__wave svg.no1 {
    left: 0px
}

#SCS #p-main-visual {
    position: relative
}

#SCS #p-main-visual-bg {
    position: relative;
    overflow: hidden;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-main-visual-bg-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}


#SCS .gradient-panel {
    position: absolute
}

#SCS .gradient-panel__inner {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS .gradient-panel__inner>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#SCS .gradient-panel__inner>div>* {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%)
}

#SCS #p-main-visual-bg__motif {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#SCS #p-main-visual-bg__motif .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    -ms-filter: "alpha(opacity=$num)";
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#SCS #p-main-visual-bg__img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover
}

#SCS #p-main-visual-bg__img-blur {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    z-index: 1;
    transition-property: all;
    transition-duration: 1.28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-main-visual-bg__img.is-show>* {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transform: scale(.8);
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8)
}

#SCS #p-main-visual-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 100
}

#SCS #p-main-visual-text__product-name {
    position: relative
}

#SCS #p-main-visual-text__product-name-outline {
    width: 100%;
    height: 100%;
    position: absolute
}

#SCS #p-main-visual-text__product-name-outline .js__shake {
    width: 100%
}

#SCS #p-main-visual-text__product-name-outline .js__shake>* {
    width: 100%;
    background-color: none
}

#SCS #p-main-visual-text__product-name-outline .js__shake>* path {
    fill: none !important
}

#SCS #p-main-visual-text__product-name-outline .js__shake .js__shake-base {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-main-visual-text__product-name-outline .js__shake .js__shake-base path {
    stroke: #fff
}

#SCS #p-main-visual-text__product-name-outline .js__shake .js__shake-motion1 path {
    stroke: #faa1b8
}

#SCS #p-main-visual-text__product-name-outline .js__shake .js__shake-motion2 path {
    stroke: #f1faa1
}

#SCS #p-main-visual-text__product-name-outline svg {
    width: 100%;
    height: auto;
    transition-property: all;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    top: 2px
}

#SCS #p-main-visual-text__product-name img {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-main-visual-text__product-name.is-show svg {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transform: scale(.9);
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transition-delay: .2s !important;
    -moz-transition-delay: .2s !important;
    -webkit-transition-delay: .2s !important;
    -o-transition-delay: .2s !important;
    -ms-transition-delay: .2s !important
}

#SCS #p-main-visual-text__product-name.is-show img {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-main-visual-text__lead {
    line-height: 1.625;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 751px) {
    #SCS #p-main-visual__cover-container {
        width: calc(100vw - 70px);
        height: calc(100vh - 140px);
        top: 70px
    }
    #SCS #p-main-visual__cover-container #p-main-visual__cover {
        top: 0px;
        left: 0px
    }
    #SCS #p-main-visual__cover-container.is-done {
        width: 100%;
        height: 100vh
    }
    #SCS #p-main-visual__cover__wave {
        width: 100%;
        height: 100vh
    }
    #SCS #p-main-visual__cover__wave>*>* {
        width: 100%;
        height: 500px
    }
    #SCS #p-main-visual__cover__wave svg {
        top: -75px
    }
    #SCS #p-main-visual__cover__wave svg.no1 {
        left: 0px
    }
    #SCS #p-main-visual__cover__wave svg.no2 {
        left: -300px
    }
    #top #SCS .gradient-panel {
        width: 316px;
        height: 600px;
        top: -10px;
        left: 45px;
    }
    #SCS #p-main-visual {
        margin-bottom: 150px
    }
    #SCS #p-main-visual-bg {
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
        height: -webkit-calc(100vh - 140px);
        height: calc(100vh - 140px);
        padding-top: 70px
    }
    #SCS #p-main-visual-bg__img {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/main_visual.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-main-visual-bg__img-blur {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/main_visual_blur.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-main-visual-text {
        width: 100%;
        height: 316px
    }
    #SCS #p-main-visual-text__product-name {
        width: 170px;
        margin: 20px auto 45px
    }
    #SCS #p-main-visual-text__product-name-outline {
        top: -4px;
        left: -3px
    }
    #SCS #p-main-visual-text__product-name-outline svg {
        width: 103%;
        height: auto
    }
    #SCS #p-main-visual-text__lead {
        font-size: 24px
    }
}

@media only screen and (max-width: 750px) {
    #SCS #p-main-visual__cover-container {
        width: 100vw;
        height: calc(100vh - 55px);
        top: 55px
    }
    #SCS #p-main-visual__cover-container #p-main-visual__cover {
        top: -55px;
        left: 0px
    }
    #SCS #p-main-visual__cover-container.is-done {
        width: 100%;
        height: 100vh
    }
    #SCS #p-main-visual__cover__wave {
        width: 100%;
        height: 100vh
    }
    #SCS #p-main-visual__cover__wave>*>* {
        width: 100%;
        height: 400px
    }
    #SCS #p-main-visual__cover__wave svg {
        top: -75px
    }
    #SCS #p-main-visual__cover__wave svg.no1 {
        left: 0px
    }
    #SCS #p-main-visual__cover__wave svg.no2 {
        left: -300px
    }
    #SCS #p-main-visual {
        margin-bottom: 59px
    }
    #SCS #p-main-visual-bg {
        width: 100%;
        height: calc(100vh - 110px);
        padding-top: 55px
    }
    #SCS #p-main-visual-bg__img {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/sp-main_visual.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-main-visual-bg__img-blur {
        background: url("lib/images/product/sp-main_visual_blur.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-main-visual-text {
        width: 100%;
        height: 240px
    }
    #SCS #p-main-visual-text__product-name {
        width: 116px;
        margin: 0 auto 38px
    }
    #SCS #p-main-visual-text__product-name-outline {
        top: -3px;
        left: -2px
    }
    #SCS #p-main-visual-text__product-name-outline svg {
        width: 118px;
        height: 132px
    }
    #SCS #p-main-visual-text__lead {
        font-size: 17px
    }
}

#SCS .p-section__title {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.15em
}

#SCS .p-section__title * {

}

#SCS .p-section__text-box__content {
    transition-property: all;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    overflow: hidden;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: border-box;
    z-index: 1
}

#SCS .p-section__text-box__content__inner {
    background-color: #fff
}

#SCS .p-section__text-box__content.is-done {
    overflow: visible
}

#SCS .p-section__text-box__content.is-done .js__sc-panel-color {
    display: none
}

#SCS .p-section__text-box__inner {
    position: relative
}

#SCS .p-section__text-box__en {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    letter-spacing: 0.15em;
    position: relative
}

#SCS .p-section__text-box__en * {

}

#SCS .p-section__text-box__en:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

#SCS .p-section__text-box__en-color {
    color: #f83600
}

#SCS .p-section__text-box__en-color:before {
    background-color: #f83600
}

#SCS .p-section__text-box__copy {
    line-height: 1.55;
    font-weight: 700;
}

@media only screen and (min-width: 751px) {
    #SCS .p-section__title {
        margin-bottom: 50px
    }
    #SCS .p-section__title {
        font-size: 60px
    }
    #SCS .p-section__text-box__content__inner {
        padding: 45px 70px
    }
    #SCS .p-section__text-box__content.is-done {
        box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1)
    }
    #SCS .p-section__text-box__en {
        font-size: 24px;
        margin-bottom: 20px
    }
    #SCS .p-section__text-box__en:before {
        width: 75px;
        left: -97px
    }
    #SCS .p-section__text-box__copy {
        font-size: 28px;
        margin-bottom: 20px;
    }
    #SCS .p-section__text-box__text {
        line-height: 1.6;
    }
}

@media only screen and (max-width: 750px) {
    #SCS .p-section__title {
        margin-bottom: 24px
    }
    #SCS .p-section__title {
        font-size: 40px
    }
    #SCS .p-section__text-box__content__inner {
        padding: 24px
    }
    #SCS .p-section__text-box__content.is-done {
        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1)
    }
    #SCS .p-section__text-box__inner {
        width: 100%
    }
    #SCS .p-section__text-box__en {
        margin-bottom: 5px;
        font-size: 18px
    }
    #SCS .p-section__text-box__en:before {
        width: 40px;
        left: -45px
    }
    #SCS .p-section__text-box__copy {
        font-size: 16px;
        margin-bottom: 12px
    }
}

#SCS #p-business__photo-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#SCS #p-business__photo-inner>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-business__photo-inner>*>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-business__photo-inner>*>*>* {
    width: 100%;
    height: 100%
}

#SCS #p-business__photo-img {
    position: relative
}

#SCS #p-business__asirai {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5
}

#SCS #p-business__asirai div {
    position: absolute;
    transform-style: preserve-3d;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-business__asirai div:nth-child(odd) {
    transform: translateY(150px) rotateX(180deg) rotateY(-180deg) scale(0.2)
}

#SCS #p-business__asirai div:nth-child(even) {
    transform: translateY(250px) rotateX(-180deg) rotateY(180deg) scale(0.4)
}

#SCS #p-business__asirai div img {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transform-style: preserve-3d
}

#SCS #p-business__asirai div img.photo {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

@media only screen and (min-width: 751px) {
    #SCS #p-business {
        margin-bottom: 100px
    }
    #SCS #p-business .p-section__text-box__content {
        width: 540px
    }
    #SCS #p-business__photo {
        width: 685px;
        height: 450px;
        position: absolute;
        right: -70px;
        top: 50px
    }
    #SCS #p-business__photo-img {
        width: 110%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/about_photo.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-business .p-section__text-box__copy {
        font-size: 24px
    }
    #SCS #p-business__asirai div:nth-child(1) {
        left: -118px;
        top: 238px
    }
    #SCS #p-business__asirai div:nth-child(1) img {
        width: 30px;
        transform: rotateX(52deg) rotateY(-18deg)
    }
    #SCS #p-business__asirai div:nth-child(2) {
        left: -524px;
        top: 212px
    }
    #SCS #p-business__asirai div:nth-child(2) img {
        width: 40px;
        transform: rotateX(9deg) rotateY(38deg)
    }
    #SCS #p-business__asirai div:nth-child(3) {
        left: 550px;
        top: -280px
    }
    #SCS #p-business__asirai div:nth-child(3) img {
        width: 110px;
        transform: rotateX(37deg) rotateY(-24deg)
    }
    #SCS #p-business__asirai div:nth-child(4) {
        left: -670px;
        top: -245px
    }
    #SCS #p-business__asirai div:nth-child(4) img {
        width: 24px;
        transform: rotateX(128deg) rotateY(-225deg)
    }
    #SCS #p-business__asirai div:nth-child(5) {
        left: -550px;
        top: -182px
    }
    #SCS #p-business__asirai div:nth-child(5) img {
        width: 12px;
        transform: rotateX(148deg) rotateY(-215deg)
    }
    #SCS #p-business__asirai div:nth-child(6) {
        left: -495px;
        top: -458px
    }
    #SCS #p-business__asirai div:nth-child(6) img {
        width: 12px;
        transform: rotateX(840deg) rotateY(488deg)
    }
    #SCS #p-business__asirai div:nth-child(7) {
        left: -65px;
        top: -345px
    }
    #SCS #p-business__asirai div:nth-child(7) img {
        width: 120px;
        transform: rotateX(-37deg) rotateY(48deg)
    }
    #SCS #p-business__asirai div:nth-child(8) {
        left: -630px;
        top: 174px
    }
    #SCS #p-business__asirai div:nth-child(8) img {
        width: 24px;
        transform: rotateX(159deg) rotateY(60deg)
    }
    #SCS #p-business__asirai div:nth-child(9) {
        left: -486px;
        top: 275px
    }
    #SCS #p-business__asirai div:nth-child(9) img {
        width: 16px;
        transform: rotateX(128deg) rotateY(-160deg)
    }
    #SCS #p-business__asirai div:nth-child(10) {
        left: 383px;
        top: -365px
    }
    #SCS #p-business__asirai div:nth-child(10) img {
        width: 24px;
        transform: rotateX(49deg) rotateY(35deg)
    }
    #SCS #p-business__asirai div:nth-child(11) {
        left: 554px;
        top: -416px
    }
    #SCS #p-business__asirai div:nth-child(11) img {
        width: 40px;
        transform: rotateX(52deg) rotateY(33deg)
    }
    #SCS #p-business__asirai div:nth-child(12) {
        left: 50px;
        top: 150px
    }
    #SCS #p-business__asirai div:nth-child(12) img {
        width: 70px;
        transform: rotateX(199deg) rotateY(60deg)
    }
    #SCS #p-business__asirai div:nth-child(13) {
        left: 324px;
        top: 105px
    }
    #SCS #p-business__asirai div:nth-child(13) img {
        width: 35px;
        transform: rotateX(153deg) rotateY(117deg)
    }
    #SCS #p-business__asirai div:nth-child(14) {
        left: 583px;
        top: 35px
    }
    #SCS #p-business__asirai div:nth-child(14) img {
        width: 24px;
        transform: rotateX(128deg) rotateY(-160deg)
    }
    #SCS #p-business__asirai div:nth-child(15) {
        left: 630px;
        top: -100px
    }
    #SCS #p-business__asirai div:nth-child(15) img {
        width: 40px;
        transform: rotateX(113deg) rotateY(135deg)
    }
    #SCS #p-business__asirai div:nth-child(16) {
        left: -260px;
        top: -230px
    }
    #SCS #p-business__asirai div:nth-child(16) img {
        width: 38px
    }
    #SCS #p-business__asirai div:nth-child(17) {
        left: 80px;
        top: -416px
    }
    #SCS #p-business__asirai div:nth-child(17) img {
        width: 107px
    }
    #SCS #p-business__asirai div:nth-child(18) {
        left: 299px;
        top: -330px
    }
    #SCS #p-business__asirai div:nth-child(18) img {
        width: 65px
    }
    #SCS #p-business__asirai div:nth-child(19) {
        left: 10px;
        top: 190px
    }
    #SCS #p-business__asirai div:nth-child(19) img {
        width: 79px
    }
    #SCS #p-business__asirai div:nth-child(20) {
        left: 460px;
        top: 140px
    }
    #SCS #p-business__asirai div:nth-child(20) img {
        width: 90px
    }
}

@media only screen and (max-width: 750px) {
    #SCS #p-business .p-section__title {
        height: 327.5px;
        margin-left: 20px
    }
    #SCS #p-business .p-section__content {
        width: 100%;
        margin-left: -20px
    }
    #SCS #p-business__photo {
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        height: 305px;
        right: -20px;
        top: 75px;
        position: absolute
    }
    #SCS #p-business__photo-img {
        width: 110%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/sp-about_photo.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-business__asirai div:nth-child(1) {
        left: 44vw;
        top: 197px
    }
    #SCS #p-business__asirai div:nth-child(1) img {
        width: 16px;
        transform: rotateX(52deg) rotateY(-18deg)
    }
    #SCS #p-business__asirai div:nth-child(2) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(2) img {
        width: 20px;
        transform: rotateX(9deg) rotateY(38deg)
    }
    #SCS #p-business__asirai div:nth-child(3) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(3) img {
        width: 55px;
        transform: rotateX(37deg) rotateY(-24deg)
    }
    #SCS #p-business__asirai div:nth-child(4) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(4) img {
        width: 12.5px;
        transform: rotateX(128deg) rotateY(-225deg)
    }
    #SCS #p-business__asirai div:nth-child(5) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(5) img {
        width: 6px;
        transform: rotateX(148deg) rotateY(-215deg)
    }
    #SCS #p-business__asirai div:nth-child(6) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(6) img {
        width: 6px;
        transform: rotateX(840deg) rotateY(488deg)
    }
    #SCS #p-business__asirai div:nth-child(7) {
        left: 38vw;
        top: -110.5px
    }
    #SCS #p-business__asirai div:nth-child(7) img {
        width: 60px;
        transform: rotateX(-37deg) rotateY(48deg)
    }
    #SCS #p-business__asirai div:nth-child(8) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(8) img {
        width: 12.5px;
        transform: rotateX(159deg) rotateY(60deg)
    }
    #SCS #p-business__asirai div:nth-child(9) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(9) img {
        width: 7.5px;
        transform: rotateX(128deg) rotateY(-160deg)
    }
    #SCS #p-business__asirai div:nth-child(10) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(10) img {
        width: 12.5px;
        transform: rotateX(49deg) rotateY(35deg)
    }
    #SCS #p-business__asirai div:nth-child(11) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(11) img {
        width: 20px;
        transform: rotateX(52deg) rotateY(33deg)
    }
    #SCS #p-business__asirai div:nth-child(12) {
        left: 35vw;
        top: 19px
    }
    #SCS #p-business__asirai div:nth-child(12) img {
        width: 35px;
        transform: rotateX(199deg) rotateY(60deg)
    }
    #SCS #p-business__asirai div:nth-child(13) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(13) img {
        width: 17.5px;
        transform: rotateX(153deg) rotateY(117deg)
    }
    #SCS #p-business__asirai div:nth-child(14) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(14) img {
        width: 12.5px;
        transform: rotateX(128deg) rotateY(-160deg)
    }
    #SCS #p-business__asirai div:nth-child(15) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(15) img {
        width: 20px;
        transform: rotateX(113deg) rotateY(135deg)
    }
    #SCS #p-business__asirai div:nth-child(16) {
        left: -130px;
        top: -116px
    }
    #SCS #p-business__asirai div:nth-child(16) img {
        width: 19px
    }
    #SCS #p-business__asirai div:nth-child(17) {
        left: -54px;
        top: -380.5px
    }
    #SCS #p-business__asirai div:nth-child(17) img {
        width: 53.5px
    }
    #SCS #p-business__asirai div:nth-child(18) {
        display: none
    }
    #SCS #p-business__asirai div:nth-child(19) {
        left: 36vw;
        top: -165px
    }
    #SCS #p-business__asirai div:nth-child(19) img {
        width: 39.5px
    }
    #SCS #p-business__asirai div:nth-child(20) {
        left: 41vw;
        top: 95px
    }
    #SCS #p-business__asirai div:nth-child(20) img {
        width: 45px
    }
}

#SCS #p-feature {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#SCS #p-feature__title {
    position: relative;
    overflow: hidden
}

#SCS #p-feature__title-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature__title-inner>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature__title .js__sc-panel {
    position: absolute;
    top: 0;
    left: 0
}

#SCS #p-feature__title-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#SCS #p-feature__title-img:before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    -ms-filter: "alpha(opacity=$num)";
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#SCS #p-feature__title-content {
    color: #ffffff;
    position: relative;
    top: 183px;
    z-index: 1
}

#SCS #p-feature__title-content>* {
    text-align: center;
    line-height: 1
}

#SCS #p-feature__title-content {
    font-size: 60px;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    margin-bottom: 16px;
    letter-spacing: 0.15em
}

#SCS #p-feature__title-content * {

}

#SCS #p-feature .p-section__content {
    position: relative;
    z-index: 1
}

#SCS #p-feature .p-section {
    padding-bottom: 200px
}

#SCS #p-feature .p-section__number {
    color: #f83600;
    line-height: 1;
    position: relative;
    letter-spacing: 0.15em
}

#SCS #p-feature .p-section__number * {

}

#SCS #p-feature .p-section__number:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #f83600
}

#SCS #p-feature #p-feature__photo-container .p-feature__photo {
    position: relative
}

#SCS #p-feature #p-feature__photo-container .p-feature__photo-inner {
    position: relative;
    overflow: hidden
}

#SCS #p-feature #p-feature__photo-container .p-feature__photo-inner.minus>* {
    position: relative
}

#SCS #p-feature #p-feature__photo-container .p-feature__photo-img {
    position: relative
}

#SCS #p-feature #p-feature1 .asirai01, #SCS #p-feature #p-feature1 .asirai02, #SCS #p-feature #p-alerts .asirai01, #SCS #p-feature #p-alerts .asirai02 {
    display: block;
    position: absolute;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: 3.68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-feature #p-feature1 .asirai01, #SCS #p-feature #p-alerts .asirai01 {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/asirai01.png") no-repeat center;
    background-size: cover
}

#SCS #p-feature #p-feature1 .asirai02, #SCS #p-feature #p-alerts .asirai02 {
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/asirai02.png") no-repeat center;
    background-size: cover
}

#SCS #p-feature #p-feature1 .js__sc-target.is-done .asirai01, #SCS #p-feature #p-feature1 .js__sc-target.is-done .asirai02, #SCS #p-feature #p-alerts .js__sc-target.is-done .asirai01, #SCS #p-feature #p-alerts .js__sc-target.is-done .asirai02 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-feature #p-feature1-bg, #SCS #p-feature #p-alerts-bg {
    position: absolute;
    z-index: -1
}

#SCS #p-feature #p-feature1-bg__inner, #SCS #p-feature #p-alerts-bg__inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#SCS #p-feature #p-feature1-bg__inner>*, #SCS #p-feature #p-alerts-bg__inner>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature #p-feature1-bg__inner>*>*, #SCS #p-feature #p-alerts-bg__inner>*>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature #p-feature1-bg__inner>*>*>*, #SCS #p-feature #p-alerts-bg__inner>*>*>* {
    width: 100%;
    height: 100%
}

#SCS #p-feature #p-feature1-bg__img, #SCS #p-feature #p-alerts-bg__img {
    position: relative
}

#SCS #p-feature #p-feature__graph {
    position: relative
}

#SCS #p-feature #p-feature__graph-img li {
    position: absolute
}

#SCS #p-feature #p-feature__graph-illust {
    position: relative;
    z-index: 1
}

#SCS #p-feature #p-feature__graph-bg {
    position: absolute;
    z-index: -1
}

#SCS #p-feature #p-feature__graph-bg__inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#SCS #p-feature #p-feature__graph-bg__inner>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature #p-feature__graph-bg__inner>*>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature #p-feature__graph-bg__inner>*>*>* {
    width: 100%;
    height: 100%
}

#SCS #p-feature #p-feature__graph-bg__img {
    position: relative
}

#SCS #p-feature #p-feature__graphic {
    position: absolute
}

#SCS #p-feature__fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: .18s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: none
}

#SCS #p-feature__fixed-inner {
    position: relative
}

#SCS #p-feature__7m-pager-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature__7m-pager-inner>* {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

#SCS #p-feature__7m-pager-no li {
    position: absolute;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    color: #f83600
}

#SCS #p-feature__7m-pager-no li * {

}

#SCS #p-feature__7m-pager-no li>* {
    width: 100%;
    height: 100%;
    position: relative
}

#SCS #p-feature__7m-pager-no li>*>* {
    position: absolute;
    white-space: nowrap
}

#SCS #p-feature__7m-pager-no li>* .text {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-feature__7m-pager-no li>* .no {
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-feature__7m-pager-no li>* .point {
    background-color: #f83600;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0;
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-feature__7m-pager-no li>* .point:before {
    content: "";
    display: block;
    position: relative;
    background-color: #f83600;
    opacity: 0.5;
    animation: loop 1s ease infinite
}

#SCS #p-feature__7m-pager-no li>* .line {
    opacity: 0.5
}

#SCS #p-feature__7m-pager-no li>* .line:after {
    width: 100%;
    height: 0%;
    content: "";
    display: block;
    background-color: #f83600;
    opacity: 0;
    transition-property: all;
    transition-duration: .48s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-feature__7m-pager-no li.current .text {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-feature__7m-pager-no li.current .point {
    opacity: 1
}

#SCS #p-feature__7m-pager-no li.current .line:after {
    height: 100%;
    opacity: 1
}

#SCS #p-feature__photo-name {
    position: absolute
}

#SCS #p-feature__photo-name ul {
    position: relative
}

#SCS #p-feature__photo-name ul li {
    position: absolute;
    left: 0;
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-feature__photo-name ul li.is-current {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-feature__photo-name ul .p-feature__photo-text {
    margin-top: auto;
    margin-bottom: auto;
    z-index: 10
}

#SCS #p-feature__photo-name ul .p-feature__photo-text>* {
    display: block
}

#SCS #p-feature__photo-name ul .p-feature__photo-text {
    position: relative;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 1
}

#SCS #p-feature__photo-name ul .p-feature__photo-text * {

}

#SCS #p-feature__photo-name ul .p-feature__photo-text:after {
    width: 0px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #02030a;
    transition-property: all;
    transition-duration: .68s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

#SCS #p-download {
    margin-left: auto;
    margin-right: auto
}

#SCS #p-download .p-section__title {
    text-align: center
}

@media only screen and (min-width: 751px) {
    #SCS #p-feature .p-section__content {
        width: 400px;
        margin-top: 30px
    }
    #SCS #p-feature .p-section {
        padding-bottom: 100px
    }
    #SCS #p-feature .p-section__number {
        font-size: 60px;
        padding-left: 40px;
        margin-bottom: 45px
    }
    #SCS #p-feature .p-section__number:before {
        width: 20px;
        height: 3px
    }
    #SCS #p-feature #p-feature1 {
        margin-left: 0;
        margin-bottom: 200px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:first-of-type {
        width: 100%
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:first-of-type .p-section__text-box__content__inner {
        padding: 50px 540px 50px 70px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:last-of-type {
        position: absolute;
        top: 150px;
        right: -70px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:last-of-type .p-section__text-box__content__inner {
        padding: 45px 95px 60px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:last-of-type .p-feature__photo-img {
        width: 350px
    }
    #SCS #p-feature #p-feature1-bg {
        width: -webkit-calc(100vw - 70px);
        width: calc(100vw - 70px);
        height: 316px;
        left: 50%;
        top: 160px;
        margin-left: -50vw
    }
    #SCS #p-feature #p-feature1-bg__img {
        height: 120%;
        width: 100%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/feature_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-feature #p-feature1 .asirai01 {
        width: 98px;
        height: 232px;
        left: -54px;
        top: 400px
    }
    #SCS #p-feature #p-feature1 .asirai02 {
        width: 219px;
        height: 329px;
        right: -131px;
        top: 85px
    }
    #SCS #p-feature #p-alerts {
        margin-left: 0;
        margin-bottom: 220px
    }
    #SCS #p-feature #p-alerts .p-section__text-box__content:first-of-type {
        width: 100%;
        margin-top: 50px
    }
    #SCS #p-feature #p-alerts .p-section__text-box__content:first-of-type .p-section__text-box__content__inner {
        padding: 50px 540px 85px 70px
    }
    #SCS #p-feature #p-alerts .p-section__text-box__content:last-of-type {
        position: absolute;
        top: 100px;
        right: -70px
    }
    #SCS #p-feature #p-alerts .p-section__text-box__content:last-of-type .p-section__text-box__content__inner {
        padding: 42px 44px
    }
    #SCS #p-feature #p-alerts .p-section__text-box__content:last-of-type .p-alerts__photo-img {
        width: 450px
    }
    #SCS #p-feature #p-alerts-bg {
        width: -webkit-calc(100vw - 70px);
        width: calc(100vw - 70px);
        height: 316px;
        left: 50%;
        top: 160px;
        margin-left: -webkit-calc(-50vw + 70px);
        margin-left: calc(-50vw + 70px)
    }
    #SCS #p-feature #p-alerts-bg__img {
        height: 120%;
        width: 100%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/alerts_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-feature #p-alerts .asirai01 {
        width: 98px;
        height: 232px;
        right: -131px;
        top: 0
    }
    #SCS #p-feature #p-alerts .asirai02 {
        width: 219px;
        height: 329px;
        left: -54px;
        top: 350px
    }
    #SCS #p-feature #p-feature__photo-container {
        margin-left: 400px
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo {
        width: 650px;
        height: 340px;
        margin-bottom: 180px
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo-inner {
        width: 100%;
        height: 340px
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo-inner.minus>* {
        top: -20%
    }
    #SCS #p-feature #p-advanced {
        position: relative;
        width: 100%
    }
    #SCS #p-feature #p-advanced .p-section__text-box__content {
        width: 540px
    }
    #SCS #p-feature #p-advanced .p-section__text-box__content__inner {
        padding: 70px 65px 70px 65px
    }
    #SCS #p-feature #p-advanced .p-section__text-box__content__inner h3 {
        letter-spacing: 0.05em
    }
    #SCS #p-feature #p-feature__graph {
        width: 440px;
        position: absolute;
        right: -70px;
        top: 95px;
        z-index: 1
    }
    #SCS #p-feature #p-feature__graph-img li.no1 {
        width: 238px;
        top: -95px;
        left: -155px
    }
    #SCS #p-feature #p-feature__graph-img li.no2 {
        width: 172px;
        top: 250px;
        left: 395px
    }
    #SCS #p-feature #p-feature__graph-img li.no3 {
        width: 156px;
        top: 459px;
        left: 152px
    }
    #SCS #p-feature #p-feature__graph-img li.no4 {
        width: 152px;
        top: -70px;
        left: 268px
    }
    #SCS #p-feature #p-feature__graph-img li.no5 {
        width: 130px;
        top: 266px;
        left: -72px
    }
    #SCS #p-feature #p-feature__graph-bg {
        width: 1220px;
        height: 350px;
        left: -70px;
        top: -100px
    }
    #SCS #p-feature #p-feature__graph-bg__img {
        height: 120%;
        width: 100%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/feature_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-feature #p-feature__graphic {
        width: 690px;
        top: 0;
        right: -116px
    }
    #SCS #p-download {
        width: 805px;
        margin-top: 150px
    }
    #SCS #p-download .p-section__title {
        font-size: 40px;
        margin-bottom: 8px
    }
    #SCS #p-download .p-section__text-box__content__inner {
        padding-top: 60px;
        padding-bottom: 70px
    }
    #SCS #p-download-btnlist {
        display: flex;
        justify-content: space-between
    }
    #SCS #p-download-btnlist li {
        width: 300px
    }
    #SCS #p-download-btnlist li .c-btn {
        width: 100%
    }
    #SCS .p-bof__banner {
        width: 1460px;
        height: 280px;
        left: -190px
    }
    #SCS .p-bof__banner-inner {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/special_banner_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS .p-bof__banner-content {
        padding-top: 80px
    }
    #SCS .p-bof__banner-content-title {
        margin-bottom: 13px
    }
    #SCS .p-bof__banner-content-title>* {
        text-align: center
    }
    #SCS .p-bof__banner-content-title .lauge {
        font-size: 40px;
        letter-spacing: 0;
        font-style: normal
    }
    #SCS .p-bof__banner-content-title .small {
        font-size: 30px;
        letter-spacing: 0.05em
    }
    #SCS .p-bof__banner-content-title .c-mark-copy {
        font-size: 14px;
        top: -3px;
        left: -10px;
        margin-right: -9px
    }
    #SCS #p-feature__fixed {
        width: 1080px;
        height: 265px
    }
    #SCS #p-feature__7m-pager {
        width: 246px;
        height: 265px;
        position: relative;
        left: 40px
    }
    #SCS #p-feature__7m-pager-no li {
        font-size: 12px
    }
    #SCS #p-feature__7m-pager-no li>* .text {
        font-size: 18px
    }
    #SCS #p-feature__7m-pager-no li>* .point {
        width: 6px;
        height: 6px
    }
    #SCS #p-feature__7m-pager-no li>* .point:before {
        width: 160%;
        height: 160%;
        top: -30%;
        left: -30%
    }
    #SCS #p-feature__7m-pager-no li>* .line {
        width: 2px;
        height: 70px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) {
        top: 40px;
        left: 97px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) .text {
        top: -30px;
        left: -16px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) .point {
        top: 20px;
        left: 0px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) .line {
        top: 26px;
        left: 2px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) {
        top: 75px;
        left: 172px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) .text {
        top: -26px;
        left: 21px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) .point {
        top: 17px;
        left: -9px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) .line {
        top: 9px;
        left: -36px;
        transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) {
        top: 162px;
        left: 192px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) .text {
        top: -5px;
        left: 23px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) .point {
        top: 3px;
        left: -13px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) .line {
        top: -38px;
        left: -46px;
        transform: rotate(-78deg);
        -ms-transform: rotate(-78deg);
        -moz-transform: rotate(-78deg);
        -webkit-transform: rotate(-78deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) {
        top: 230px;
        left: 137px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) .text {
        top: 20px;
        left: -10px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) .point {
        top: -6px;
        left: -3px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) .line {
        top: -72px;
        left: -18px;
        transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) {
        top: 230px;
        left: 57px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) .text {
        top: 22px;
        left: -24px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) .point {
        top: -8px;
        left: 2px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) .line {
        top: -72px;
        left: 20px;
        transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        -moz-transform: rotate(25deg);
        -webkit-transform: rotate(25deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) {
        top: 162px;
        left: 2px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) .text {
        top: -5px;
        left: -49px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) .point {
        top: 4px;
        left: 12px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) .line {
        top: -37px;
        left: 50px;
        transform: rotate(78deg);
        -ms-transform: rotate(78deg);
        -moz-transform: rotate(78deg);
        -webkit-transform: rotate(78deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) {
        top: 75px;
        left: 20px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) .text {
        top: -24px;
        left: -44px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) .point {
        top: 18px;
        left: 11px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) .line {
        top: 11px;
        left: 42px;
        transform: rotate(131deg);
        -ms-transform: rotate(131deg);
        -moz-transform: rotate(131deg);
        -webkit-transform: rotate(131deg)
    }
    #SCS #p-feature__photo-name {
        top: 160px;
        left: 120px
    }
    #SCS #p-feature__photo-name ul {
        width: 100%;
        height: 85px
    }
    #SCS #p-feature__photo-name ul li {
        top: 120px;
        left: 0
    }
    #SCS #p-feature__photo-name ul li.is-current:after {
        width: 90px
    }
    #SCS #p-feature__photo-name ul .p-feature__photo-text {
        height: 75px
    }
    #SCS #p-feature__photo-name ul .p-feature__photo-text {
        font-size: 50px;
        margin-bottom: 8px;
        padding-right: 110px
    }
}

@media only screen and (max-width: 750px) {
    #SCS #p-feature {
        width: 100%
    }
    #SCS #p-feature .p-section {
        padding-bottom: 0
    }
    #SCS #p-feature .p-section__content {
        width: 100%;
        margin-top: 0px
    }
    #SCS #p-feature .p-section__content .c-btn {
        margin-left: auto;
        margin-right: auto
    }
    #SCS #p-feature .p-section__number {
        font-size: 50px;
        padding-left: 24px;
        margin-bottom: 30px
    }
    #SCS #p-feature .p-section__number:before {
        width: 16px;
        height: 2px
    }
    #SCS #p-feature #p-feature1, #SCS #p-feature #p-alerts {
        position: relative;
        margin-bottom: 50px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:first-of-type, #SCS #p-feature #p-alerts .p-section__text-box__content:first-of-type {
        margin-top: 75px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:first-of-type .p-section__text-box__content__inner, #SCS #p-feature #p-alerts .p-section__text-box__content:first-of-type .p-section__text-box__content__inner {
        padding-bottom: 50px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:last-of-type, #SCS #p-feature #p-alerts .p-section__text-box__content:last-of-type {
        position: relative;
        left: -20px;
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px)
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:last-of-type.is-done, #SCS #p-feature #p-alerts .p-section__text-box__content:last-of-type.is-done {
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1)
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:last-of-type .p-section__text-box__content__inner, #SCS #p-feature #p-alerts .p-section__text-box__content:last-of-type .p-section__text-box__content__inner {
        padding: 30px 55px 40px
    }
    #SCS #p-feature #p-feature1-bg, #SCS #p-feature #p-alerts-bg {
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        top: 0;
        height: 200px;
        left: -20px
    }
    #SCS #p-feature #p-feature1 .p-section__text-box__content:last-of-type .p-section__text-box__content__inner {
        padding: 30px 55px 40px
    }
    #SCS #p-feature #p-feature1-bg__img {
        height: 120%;
        width: 100%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/sp-feature_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-feature #p-feature1 .asirai01 {
        width: 49px;
        height: 116px;
        right: -20px;
        top: 20px
    }
    #SCS #p-feature #p-feature1 .asirai02 {
        width: 109.5px;
        height: 164.5px;
        left: -20px;
        top: 300px
    }
    #SCS #p-feature #p-alerts .p-section__text-box__content:last-of-type .p-section__text-box__content__inner {
        padding: 30px 24px 40px
    }
    #SCS #p-feature #p-alerts-bg__img {
        height: 120%;
        width: 100%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/sp-alerts_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-feature #p-alerts .asirai01 {
        width: 49px;
        height: 116px;
        left: -20px;
        top: 20px
    }
    #SCS #p-feature #p-alerts .asirai02 {
        width: 109.5px;
        height: 164.5px;
        right: -20px;
        top: 300px
    }
    #SCS #p-feature #p-advanced .p-section__text-box__content__inner h3 {
        letter-spacing: 0.05em
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo {
        width: 82%;
        margin-bottom: 120px;
        height: 170px;
        margin-left: 18%
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo-inner {
        width: 100%;
        height: 170px
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo-inner.minus>* {
        top: -20%
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(8) {
        margin-bottom: 0
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(8) .p-feature__photo-inner img {
        position: relative;
        top: -8px
    }
    #SCS #p-feature #p-feature__photo-container .p-feature__photo:last-child {
        margin-bottom: 45px
    }
    #SCS #p-feature #p-feature__graph {
        width: 100%;
        margin-top: 40px;
        padding-bottom: 96%
    }
    #SCS #p-feature #p-feature__graph-img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        position: absolute
    }
    #SCS #p-feature #p-feature__graph-img li.no1 {
        width: 42.2%;
        top: 10px;
        left: 0px
    }
    #SCS #p-feature #p-feature__graph-img li.no2 {
        width: 28.17%;
        top: 53%;
        right: 10px
    }
    #SCS #p-feature #p-feature__graph-img li.no3 {
        width: 18.3%;
        top: 87.5%;
        left: 52.63%
    }
    #SCS #p-feature #p-feature__graph-img li.no4 {
        width: 22.5%;
        top: 60px;
        right: 8%
    }
    #SCS #p-feature #p-feature__graph-img li.no5 {
        width: 20.5%;
        top: 63%;
        left: 9%
    }
    #SCS #p-feature #p-feature__graph-illust {
        width: 78.8%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 17.2%;
        position: absolute;
        left: 0;
        right: 0
    }
    #SCS #p-feature #p-feature__graph-bg {
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        height: 280px;
        left: -20px;
        top: -130px
    }
    #SCS #p-feature #p-feature__graph-bg__img {
        height: 120%;
        width: 100%;
        left: 0;
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/product/sp-feature_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS #p-feature #p-feature__graphic {
        width: 100%;
        position: relative;
        top: 0;
        right: 0px
    }
    #SCS #p-download {
        width: 100%;
        margin-top: 50px
    }
    #SCS #p-download .p-section__title {
        font-size: 26px;
        margin-bottom: 8px
    }
    #SCS #p-download .p-section__text-box__content__inner {
        padding-top: 35px;
        padding-bottom: 50px
    }
    #SCS #p-download-btnlist li:first-child {
        margin-bottom: 20px
    }
    #SCS #p-download-btnlist li .c-btn {
        width: 100%
    }
    #SCS .p-bof__banner {
        width: 100vw;
        height: 193px;
        left: -20px;
        margin-bottom: 50px !important
    }
    #SCS .p-bof__banner-inner {
        background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/front/smp-special_banner_bg.jpg") no-repeat center;
        background-size: cover
    }
    #SCS .p-bof__banner-content {
        padding-top: 34px
    }
    #SCS .p-bof__banner-content-title {
        margin-bottom: 8px
    }
    #SCS .p-bof__banner-content-title>* {
        text-align: center
    }
    #SCS .p-bof__banner-content-title .lauge {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0.15em;
        font-style: normal
    }
    #SCS .p-bof__banner-content-title .small {
        font-size: 18.5px;
        letter-spacing: 0;

    }
    #SCS .p-bof__banner-content-title .c-mark-copy {
        font-size: 10px;
        top: -5px;
        left: -12px;
        margin-right: -14px
    }
    #SCS #p-feature__fixed {
        position: fixed;
        width: 100%;
        height: 145px;
        left: 20px
    }
    #SCS #p-feature__7m-pager {
        display: none;
        width: 246px;
        height: 265px;
        position: absolute;
        top: 0;
        right: -20px;
        transform: scale(.65);
        -moz-transform: scale(.65);
        -webkit-transform: scale(.65);
        -ms-transform: scale(.65)
    }
    #SCS #p-feature__7m-pager-no li {
        font-size: 18px
    }
    #SCS #p-feature__7m-pager-no li>* .point {
        width: 6px;
        height: 6px
    }
    #SCS #p-feature__7m-pager-no li>* .point:before {
        width: 160%;
        height: 160%;
        top: -30%;
        left: -30%
    }
    #SCS #p-feature__7m-pager-no li>* .line {
        width: 2px;
        height: 70px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) {
        top: 34px;
        left: 94px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) .text {
        top: -23px;
        left: -16px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) .point {
        top: 28px;
        left: 2px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(1) .line {
        top: 32px;
        left: 5px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) {
        top: 73px;
        left: 172px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) .text {
        top: -19px;
        left: 17px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) .point {
        top: 21px;
        left: -9px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(2) .line {
        top: 12px;
        left: -35px;
        transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -webkit-transform: rotate(-130deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) {
        top: 159px;
        left: 192px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) .text {
        top: 7px;
        left: 17px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) .point {
        top: 7px;
        left: -11px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(3) .line {
        top: -34px;
        left: -45px;
        transform: rotate(-78deg);
        -ms-transform: rotate(-78deg);
        -moz-transform: rotate(-78deg);
        -webkit-transform: rotate(-78deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) {
        top: 230px;
        left: 137px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) .text {
        top: 24px;
        left: 5px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) .point {
        top: -6px;
        left: -3px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(4) .line {
        top: -72px;
        left: -17px;
        transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) {
        top: 230px;
        left: 55px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) .text {
        top: 24px;
        left: -24px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) .point {
        top: -5px;
        left: 2px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(5) .line {
        top: -73px;
        left: 22px;
        transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        -moz-transform: rotate(25deg);
        -webkit-transform: rotate(25deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) {
        top: 158px;
        left: 0px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) .text {
        top: 12px;
        left: -43px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) .point {
        top: 8px;
        left: 16px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(6) .line {
        top: -33px;
        left: 52px;
        transform: rotate(78deg);
        -ms-transform: rotate(78deg);
        -moz-transform: rotate(78deg);
        -webkit-transform: rotate(78deg)
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) {
        top: 75px;
        left: 20px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) .text {
        top: -19px;
        left: -37px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) .point {
        top: 18px;
        left: 12px
    }
    #SCS #p-feature__7m-pager-no li:nth-child(7) .line {
        top: 8px;
        left: 41px;
        transform: rotate(131deg);
        -ms-transform: rotate(131deg);
        -moz-transform: rotate(131deg);
        -webkit-transform: rotate(131deg)
    }
    #SCS #p-feature__photo-name {
        top: 0px;
        left: 0px
    }
    #SCS #p-feature__photo-name ul {
        width: 100%;
        height: 45px
    }
    #SCS #p-feature__photo-name ul li {
        width: 200px;
        top: 120px;
        left: 0
    }
    #SCS #p-feature__photo-name ul li.is-current:after {
        width: 30px
    }
    #SCS #p-feature__photo-name ul .p-feature__photo-text {
        height: 75px
    }
    #SCS #p-feature__photo-name ul .p-feature__photo-text {
        font-size: 24px;
        margin-bottom: 8px;
        padding-right: 40px
    }
}

#SCS #p-other {
    margin-left: auto;
    margin-right: auto
}

#SCS #p-other .p-bof__banner {
    width: 100%;
    height: 216px;
    position: relative;
    left: 0;
    margin-bottom: 224px
}

#SCS #p-other .p-bof__banner-inner .p-bof__banner-content {
    padding-top: 50px
}

#SCS #p-other .p-bof__banner-inner .p-bof__banner-content-title {
    margin-bottom: 10px
}

#SCS #p-other .p-bof__banner-inner .p-bof__banner-content-title .lauge {
    font-size: 33px
}

#SCS #p-other .p-bof__banner-inner .p-bof__banner-content-title .small {
    font-size: 23px
}

#SCS #p-other-banner {
    position: relative
}

#SCS #p-other-banner .banner {
    overflow: hidden
}

#SCS #p-other-banner .banner-inner {
    position: relative;
    overflow: hidden
}

#SCS #p-other-banner .banner-inner a {
    position: relative;
    display: block
}

#SCS #p-other-banner .banner-inner a:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%);
    -ms-filter: "alpha(opacity=$num)";
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    content: ""
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

#SCS #p-other-banner .banner-inner a .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 10
}

#SCS #p-other-banner .banner-inner a .title>* {
    color: #ffffff;
    text-align: center;
    line-height: 1;
    position: relative
}

#SCS #p-other-banner .banner-inner a .title {
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    white-space: nowrap
}

#SCS #p-other-banner .banner-inner a .title * {

}

#SCS #p-other-banner .banner-inner a .js__shake-motion1, #SCS #p-other-banner .banner-inner a .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-other-banner .banner-inner a:hover .js__shake-motion1, #SCS #p-other-banner .banner-inner a:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#SCS #p-other-collabo-title {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    font-family: "apercu",sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    letter-spacing: 0.1em
}

#SCS #p-other-collabo-title * {

}

#SCS #p-other-collabo-title:before, #SCS #p-other-collabo-title:after {
    content: "";
    display: block;
    border-bottom: 1px solid #02030a;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px)
}

#SCS #p-other-collabo-title:before {
    left: 0
}

#SCS #p-other-collabo-title:after {
    right: 0
}

#SCS #p-other-collabo-logo1, #SCS #p-other-collabo-logo2 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#SCS #p-other-collabo-logo1 dt, #SCS #p-other-collabo-logo2 dt {
    width: 100%;
    text-align: center;
    position: relative
}

#SCS #p-other-collabo-logo1 dt:after, #SCS #p-other-collabo-logo2 dt:after {
    display: block;
    content: "";
    background-color: #02030a;
    margin-left: auto;
    margin-right: auto
}

#SCS #p-other-collabo .caution {
    width: 100%;
    display: block;
    line-height: 1;
    text-align: center
}

@media only screen and (min-width: 751px) {
    #SCS #p-other {
        width: 1020px;
        padding-top: 280px
    }
    #SCS #p-other-banner {
        width: 1220px;
        left: -100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    #SCS #p-other-banner .banner {
        width: 590px
    }
    #SCS #p-other-banner .banner:last-child {
        margin-top: 65px
    }
    #SCS #p-other-banner .banner-inner a .title {
        width: 100%;
        height: 50px;
        z-index: 10
    }
    #SCS #p-other-banner .banner-inner a .title.no1>* {
        left: 38%
    }
    #SCS #p-other-banner .banner-inner a .title.no2>* {
        left: 28%
    }
    #SCS #p-other-banner .banner-inner a .title {
        font-size: 30px;
        margin-bottom: 10px
    }
    #SCS #p-other-collabo {
        margin-top: 81px
    }
    #SCS #p-other-collabo-title {
        width: 485px;
        font-size: 20px;
        margin-bottom: 50px
    }
    #SCS #p-other-collabo-title:before, #SCS #p-other-collabo-title:after {
        width: 102px;
        height: 1px
    }
    #SCS #p-other-collabo-logo1 dt, #SCS #p-other-collabo-logo2 dt {
        font-size: 16px;
        margin-bottom: 33px
    }
    #SCS #p-other-collabo-logo1 dt:after, #SCS #p-other-collabo-logo2 dt:after {
        width: 40px;
        height: 1px;
        margin-top: 10px
    }
    #SCS #p-other-collabo-logo1 {
        width: 1010px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 58px
    }
    #SCS #p-other-collabo-logo1 dd.no1 {
        width: 260px
    }
    #SCS #p-other-collabo-logo1 dd.no2 {
        width: 249px
    }
    #SCS #p-other-collabo-logo1 dd.no4 {
        width: 189px
    }
    #SCS #p-other-collabo-logo1 dd.no2 img, #SCS #p-other-collabo-logo1 dd.no3 img {
        position: relative;
        top: 5px
    }
    #SCS #p-other-collabo-logo2 {
        width: 360px;
        margin-bottom: 30px
    }
    #SCS #p-other-collabo-logo2 dd.no1 {
        margin-top: 5px
    }
}

@media only screen and (max-width: 750px) {
    #SCS #p-other {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 60px
    }
    #SCS #p-other-banner {
        width: 100%;
        margin-bottom: 63px;
        display: block
    }
    #SCS #p-other-banner .banner {
        width: 85%
    }
    #SCS #p-other-banner .banner:first-child {
        margin-bottom: 30px
    }
    #SCS #p-other-banner .banner:last-child {
        margin-left: 15%
    }
    #SCS #p-other-banner .banner-inner a .title {
        width: 100%;
        height: 50px;
        z-index: 10
    }
    #SCS #p-other-banner .banner-inner a .title>* {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    #SCS #p-other-banner .banner-inner a .title.no1 {
        height: 39px
    }
    #SCS #p-other-banner .banner-inner a .title.no1>* {
        width: 126px
    }
    #SCS #p-other-banner .banner-inner a .title.no2>* {
        width: 219px
    }
    #SCS #p-other-banner .banner-inner a .title {
        font-size: 24px;
        margin-bottom: 10px
    }
    #SCS #p-other-collabo-title {
        width: 100%;
        font-size: 17px;
        margin-bottom: 30px
    }
    #SCS #p-other-collabo-title:before, #SCS #p-other-collabo-title:after {
        width: 50px;
        height: 2px
    }
    #SCS #p-other-collabo-logo1, #SCS #p-other-collabo-logo2 {
        width: 100%
    }
    #SCS #p-other-collabo-logo1 dt, #SCS #p-other-collabo-logo2 dt {
        font-size: 16px;
        margin-bottom: 20px
    }
    #SCS #p-other-collabo-logo1 dt:after, #SCS #p-other-collabo-logo2 dt:after {
        width: 24px;
        height: 1px;
        margin-top: 12px
    }
    #SCS #p-other-collabo-logo1 dd, #SCS #p-other-collabo-logo2 dd {
        width: 50%
    }
    #SCS #p-other-collabo-logo1 dd a, #SCS #p-other-collabo-logo2 dd a {
        display: block
    }
    #SCS #p-other-collabo-logo1 {
        margin-bottom: 40px
    }
    #SCS #p-other-collabo-logo1 dd.no1 {
        margin-bottom: 22px
    }
    #SCS #p-other-collabo-logo1 dd.no1 a {
        width: 92.5%
    }
    #SCS #p-other-collabo-logo1 dd.no2 {
        margin-bottom: 22px
    }
    #SCS #p-other-collabo-logo1 dd.no2 a {
        width: 92.5%;
        margin-left: 7.5%
    }
    #SCS #p-other-collabo-logo1 dd.no3 a {
        width: 49.85%;
        margin-left: auto;
        margin-right: auto
    }
    #SCS #p-other-collabo-logo1 dd.no4 a {
        width: 55.49%;
        margin-left: auto;
        margin-right: auto
    }
    #SCS #p-other-collabo-logo2 {
        margin-bottom: 20px
    }
    #SCS #p-other-collabo-logo2 dd.no1 {
        width: 57.6%;
        margin-top: 5px
    }
    #SCS #p-other-collabo-logo2 dd.no1 a {
        width: 84.45%
    }
    #SCS #p-other-collabo-logo2 dd.no2 {
        width: 42.4%
    }
    #SCS #p-other-collabo-logo2 dd.no2 a {
        width: 64.9%;
        margin-left: 28.1%
    }
    #SCS #p-other-collabo .caution {
        font-size: 10px
    }
    #SCS .p-bof__banner {
        width: 100vw !important;
        height: 193px !important;
        margin-bottom: 200px !important;
        left: -20px !important
    }
    #SCS .p-bof__banner-content {
        padding-top: 42px !important
    }
    #SCS .p-bof__banner-content-title {
        margin-bottom: 4px !important
    }
    #SCS .p-bof__banner-content-title .lauge {
        font-size: 27px !important
    }
    #SCS .p-bof__banner-content-title .lauge br {
        display: block !important
    }
    #SCS .p-bof__banner-content-title .small {
        font-size: 21px !important
    }
}

@media only screen and (max-width: 750px) {
    html.no-pc #SCS #p-feature .p-section {
        padding-bottom: 90px
    }
    html.no-pc #SCS #p-feature #p-feature__photo-container .p-feature__photo-inner.minus>* {
        top: 0%
    }
    html.no-pc #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(5) .p-feature__photo-inner.minus>*>* {
        top: 0%
    }
    html.no-pc #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(6) .p-feature__photo-inner.minus>* {
        top: 0% !important
    }
    html.no-pc #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(6) .p-feature__photo-inner.minus>*>* {
        top: 0% !important
    }
    html.no-pc #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(7) .p-feature__photo-inner.minus>* {
        top: 0%
    }
    html.no-pc #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(8) {
        margin-bottom: 0
    }
    html.no-pc #SCS #p-feature #p-feature__photo-container .p-feature__photo:nth-child(8) .p-feature__photo-inner.minus>* {
        top: 0%
    }
    html.no-pc #SCS #p-other-banner {
        margin-bottom: 95px
    }
    html.no-pc #SCS #p-other-banner .banner:first-child {
        margin-bottom: 30px
    }
    html.no-pc #SCS .p-bof__banner {
        margin-bottom: 50px !important
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#information #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/information/pagetitle_bg.jpg")
}

#information .post-password-form {
    padding: 20px
}

#information .post-password-form p:first-child {
    margin-bottom: 16px
}

#information .post-password-form label input[type="password"] {
    border: 1px solid #ebeff3;
    background-color: #ffffff;
    box-sizing: border-box
}

#information .post-password-form input[type="submit"] {
    padding: 5px 20px;
    background-color: #f83600;
    color: #ffffff;
    font-weight: 700
}

#information .wp-pagenavi {
    width: 100%;
    text-align: center;
    margin-top: 50px
}

#information .wp-pagenavi>* {
    display: inline-block
}

#information .wp-pagenavi .pages {
    display: none
}

#information .wp-pagenavi .current, #information .wp-pagenavi .page, #information .wp-pagenavi .previouspostslink, #information .wp-pagenavi .nextpostslink, #information .wp-pagenavi .last {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
    font-weight: 700
}

#information .wp-pagenavi .previouspostslink, #information .wp-pagenavi .nextpostslink, #information .wp-pagenavi .last {
    font-size: 20px;
    font-weight: 100
}

#information .wp-pagenavi .current {
    background-color: #f83600;
    color: #fff
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#msp #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/message/pagetitle_bg.jpg")
}

.p-message-content__inner {
    position: relative;
    z-index: 1
}

.p-message-content__title {
    position: relative;
    z-index: 1
}

.p-message-content__title-inner span {
    display: block
}

.p-message-content__title-main {
    font-weight: 700
}

.p-message-content__photo {
    position: absolute;
    overflow: hidden
}

.p-message-content__photo-inner {
    width: 110%;
    height: 100%;
    position: relative;
    left: -3%
}

.p-message-content__photo-img {
    width: 100%;
    height: 100%;
    background: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/message/message_bg.jpg") no-repeat center;
    background-size: cover
}

.p-message-content__text {
    background-color: #ffffff;
    overflow: hidden
}

.p-message-content .gradient-panel {
    position: absolute
}

.p-message-content .gradient-panel__inner {
    width: 100%;
    height: 100%;
    position: relative
}

.p-message-content .gradient-panel__inner>div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.p-message-content .gradient-panel__inner>div>* {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(135deg, #fe8c00,#f83600 40%, #f80000 98%)
}

@keyframes gradation {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

@media only screen and (min-width: 751px) {
    .p-message-content {
        margin-bottom: 430px
    }
    .p-message-content__inner {
        height: 497px
    }
    .p-message-content__title {
        position: relative;
        right: 75px
    }
    .p-message-content__title-inner {
        padding-top: 150px;
        padding-right: 95px;
        text-align: right
    }
    .p-message-content__title-inner span {
        letter-spacing: 0.15em
    }
    .p-message-content__title-main {
        font-size: 30px
    }
    .p-message-content__title-sub {
        font-size: 14px;
        margin-top: 20px
    }
    .p-message-content__title-sub img {
        width: 138px;
        height: 28px;
        margin-left: 10px;
        position: relative;
        top: -6px
    }
    .p-message-content__photo {
        width: 1076px;
        height: 497px;
        top: 0;
        right: 70px
    }
    .p-message-content__text {
        width: 780px;
        position: absolute;
        top: 350px;
        right: 0px;
        box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1)
    }
    .p-message-content__text-inner {
        padding: 50px;
        line-height: 2.0
    }
    .p-message-content .gradient-panel {
        width: 316px;
        height: 695px;
        top: -30px;
        left: 70px
    }
}

@media only screen and (max-width: 750px) {
    .p-message-content__title {
        position: relative;
        left: 50%
    }
    .p-message-content__title-inner {
        padding-top: 70px;
        padding-right: 95px
    }
    .p-message-content__title-inner span {
        letter-spacing: 0.1em
    }
    .p-message-content__title-main {
        font-size: 19px
    }
    .p-message-content__title-sub {
        font-size: 10px;
        margin-top: 20px
    }
    .p-message-content__title-sub img {
        width: 106px;
        height: 21px;
        margin-top: 10px;
        display: block
    }
    .p-message-content__photo {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        height: 262.5px;
        top: 0;
        right: 20px
    }
    .p-message-content__text {
        position: relative;
        top: 35px;
        margin-left: 40px;
        z-index: 1;
        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1)
    }
    .p-message-content__text-inner {
        padding: 24px
    }
    .p-message-content .gradient-panel {
        width: 316px;
        height: 695px;
        top: 50px;
        left: 0
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#company #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/company/pagetitle_bg.jpg")
}

#company .c-table, #company .p-access {
    transition-property: all;
    transition-duration: 1.28s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(0, 5%, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    transition-delay: .68s !important;
    -moz-transition-delay: .68s !important;
    -webkit-transition-delay: .68s !important;
    -o-transition-delay: .68s !important;
    -ms-transition-delay: .68s !important
}

#company .c-table.is-done, #company .p-access.is-done {
    transform: translate3d(0, 0, 0);
    -ms-filter: "alpha(opacity=$num)";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

#company .c-table .c-btn-min, #company .p-access .c-btn-min {
    display: inline-block;
    position: relative;
    top: -10px
}

.p-access__inner-text {
    background-color: #ffffff;
    box-sizing: border-box
}

@media only screen and (min-width: 751px) {
    .p-access__inner-map {
        width: 1220px;
        height: 460px;
        margin-left: -70px
    }
    .p-access__inner-text {
        width: 960px;
        margin: -80px auto 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1
    }
    .p-access__inner-text__content {
        width: 50%;
        box-sizing: border-box;
        padding: 40px 0
    }
    .p-access__inner-text__content:first-child {
        border-right: 1px solid #02030a;
    }
    .p-access__inner-text__content-title {
        font-size: 16px;
        letter-spacing: 0.15em;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 750px) {
    #access {
        padding-left: 0;
        padding-right: 0
    }
    .p-access__inner-map {
        width: 100%;
        height: 270px
    }
    .p-access__inner-text {
        margin: -80px 20px 0;
        position: relative;
        z-index: 1
    }
    .p-access__inner-text__content {
        box-sizing: border-box;
        padding: 24px 20px
    }
    .p-access__inner-text__content:first-child {
        border-bottom: 1px solid #02030a;
    }
    .p-access__inner-text__content-title {
        font-size: 16px;
        letter-spacing: 0;
        margin-bottom: 10px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#recruit #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/recruit/pagetitle_bg.jpg")
}

#recruit .c-table th {
    vertical-align: middle
}

#recruit .c-table .item {
    color: #ffffff;
    text-align: center
}

#recruit .c-table .item.required {
    background-color: #41667c
}

#recruit .c-table .item.welcome {
    background-color: #f83600
}

#recruit .c-table .item:first-of-type {
    margin-top: 0
}

#recruit .c-table .c-btn {
    margin-top: 20px
}

.p-msp-sub-content__field-text__item:before, .p-msp-sub-content__field-text__item-inner:before, .recruit-text:before, .recruit-text p:before, .p-msp-sub-content__field-text__item:after, .p-msp-sub-content__field-text__item-inner:after, .recruit-text:after, .recruit-text p:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-width: 3px;
    border-color: #f83600
}

.recruit-text {
    border: 1px solid #ebeff3;
    position: relative
}

.recruit-text:before {
    border-left-style: solid;
    border-top-style: solid;
    left: -2px;
    top: -2px
}

.recruit-text:after {
    border-right-style: solid;
    border-top-style: solid;
    right: -2px;
    top: -2px
}

.recruit-text p {
    text-align: center;
    position: relative;
    padding: 30px 0
}

.recruit-text p:before {
    border-left-style: solid;
    border-bottom-style: solid;
    left: -2px;
    bottom: -2px
}

.recruit-text p:after {
    border-right-style: solid;
    border-bottom-style: solid;
    right: -2px;
    bottom: -2px
}

@media only screen and (min-width: 751px) {
    #recruit .c-table {
        margin-bottom: 40px
    }
    #recruit .c-table th {
        width: 150px
    }
    #recruit .c-table .item {
        width: 100px;
        margin-bottom: 10px;
        margin-top: 10px
    }
    #recruit .c-table .c-btn {
        margin-top: 20px
    }
    .recruit-text {
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 750px) {
    #recruit .c-table {
        margin-bottom: 30px
    }
    #recruit .c-table .item {
        width: 70px;
        margin-bottom: 10px;
        margin-top: 10px
    }
    #recruit .c-table .c-btn {
        margin: 16px auto 0
    }
    .recruit-text {
        margin: 0 20px 45px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#contact #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/contact/pagetitle_bg.jpg")
}

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

.progress__list li {
    text-align: center;
    position: relative
}

.progress__list li span {
    color: #f83600;
    border: 1px solid #f83600;
    display: block
}

.progress__list li:before, .progress__list li:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #f83600;
    top: 50%
}

.progress__list li:before {
    height: 1px
}

.progress__list li:last-child:before, .progress__list li:last-child:after {
    display: none
}

.progress__list li.active span {
    color: #ffffff;
    background-color: #f83600
}

.progress__text span {
    color: #f83600
}

.p-input {
    z-index: 1
}

.p-input__content {
    border-bottom: 1px solid #ebeff3
}

.p-input__content-list__text {
    border: 1px solid #ebeff3;
    background-color: #ffffff;
    box-sizing: border-box;
    display: table
}

.p-input__content-list__text>* {
    display: table-cell;
    vertical-align: middle
}

.p-input__content-list__textarea {
    border: 1px solid #ebeff3;
    background-color: #ffffff;
    box-sizing: border-box
}

.p-input__content-list__title {
    white-space: nowrap
}

.p-input__content-list__input {
    width: 100%
}

.p-input__content-list__input input, .p-input__content-list__input textarea {
    width: 100%
}

.p-input__content-list__radio-list {
    width: 100%
}

.p-input__content-list__radio-list:after {
    content: "";
    display: block;
    clear: both
}

.p-input__content-list__radio-list li {
    float: left
}

.p-input__content-list__file .filetext.error {
    color: #ff0000
}

.p-input__content-list__file-remove {
    border: 1px solid #8f989c;
    cursor: pointer;
    text-align: center
}

.p-input__content-list__file-remove a, .p-input__content-list__file-remove span {
    display: block;
    text-align: center;
    color: #8f989c
}

.p-input__content-list__file-remove a>*, .p-input__content-list__file-remove span>* {
    width: 100%
}

.p-input__content-list__file-remove .js__shake-motion1, .p-input__content-list__file-remove .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.p-input__content-list__file-remove:hover .js__shake-motion1, .p-input__content-list__file-remove:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
    color: #9da1a9
}

.p-input__content-list__text.error, .p-input__content-list__textarea.error, .p-input__content-list__radio.error {
    background-color: #ffdbdb
}

.p-input__content .required:after {
    content: "＊";
    display: inline-block;
    color: #f83600
}

.p-input__content span.error {
    color: #ff0000
}

@media only screen and (min-width: 751px) {
    .progress {
        width: 690px;
        margin: 0 auto
    }
    .progress__list {
        margin-bottom: 65px
    }
    .progress__list li span {
        font-size: 12px;
        width: 58px;
        height: 58px;
        line-height: 58px
    }
    .progress__list li:before {
        width: 226px;
        left: 60px
    }
    .progress__list li:after {
        width: 5px;
        height: 5px;
        left: 286px;
        margin-top: -2px
    }
    .progress__list li.active span {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2)
    }
    .progress__text {
        margin-bottom: 24px;
        text-align: center
    }
    .p-input {
        width: 1080px;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }
    .p-input__content {
        padding-bottom: 42px;
        margin-bottom: 42px;
    }
    .p-input__content-list {
        width: 72%;
        margin: 0 auto
    }
    .p-input__content-list>li {
        margin-top: 30px
    }
    .p-input__content-list>li:first-child {
        margin-top: 0
    }
    .p-input__content-list__text {
        padding: 16px 20px;
        width: 100%;
    }
    .p-input__content-list__text input {
        margin-left: 16px
    }
    .p-input__content-list__textarea {
        padding: 16px 20px;
        width: 100%
    }
    .p-input__content-list__radio>* {
        display: table-cell;
        vertical-align: middle
    }
    .p-input__content-list__radio-list {
        padding-left: 16px
    }
    .p-input__content-list__radio-list li {
        margin-left: 35px
    }
    .p-input__content-list__radio-list li:first-child {
        margin-left: 0
    }
    .p-input__content-list__file>* {
        display: table-cell
    }
    .p-input__content-list__file .p-input__content-list__title {
        vertical-align: top;
        padding-top: 16px
    }
    .p-input__content-list__file .c-input__file {
        vertical-align: middle
    }
    .p-input__content-list__file .filetext {
        margin-top: 5px
    }
    .p-input__content-list__file .p-input__content-list__input {
        margin-bottom: 16px
    }
    .p-input__content-list__file-inner {
        padding-left: 24px
    }
    .p-input__content-list__file-remove {
        width: 150px;
        height: 38px;
        line-height: 38px;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle
    }
    .p-input__content-list__file-remove * {
        font-size: 12px
    }
    .p-input__content-list__file-text {
        display: block
    }
    .p-input__content-list .required:after {
        margin-left: 10px;
    }
    .p-input__content-list span.error {
        display: inherit;
        position: relative;
        top: -12px;
        left: 10px;
    }
    .p-input .c-table {
        margin-bottom: 50px;
    }
    .p-input .c-table tr th {
        width: 160px;
    }
    .p-input .complete {
        margin-bottom: 70px;
    }
    .p-input .complete__content>* {
        text-align: center;
    }
    .p-input .complete__content-title {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .p-input .c-backbtn {
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: -390px;
    }
}

@media only screen and (max-width: 750px) {
    .progress {
        margin-left: 20px;
        margin-right: 20px
    }
    .progress__list {
        margin-bottom: 30px
    }
    .progress__list li span {
        font-size: 10px;
        width: 34px;
        height: 34px;
        line-height: 34px
    }
    .progress__list li:before {
        width: 28vw;
        left: 35px
    }
    .progress__list li:after {
        width: 5px;
        height: 5px;
        left: -webkit-calc(28vw + 31px);
        left: calc(28vw + 31px);
        margin-top: -2px
    }
    .progress__list li.active span {
        transform: scale(1.3);
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3)
    }
    .progress__text {
        margin-bottom: 20px
    }
    .p-input {
        position: relative;
        margin-left: 20px;
        margin-right: 20px
    }
    .p-input__content {
        padding-bottom: 24px;
        margin-bottom: 24px
    }
    .p-input__content-list>li {
        margin-top: 16px
    }
    .p-input__content-list>li:first-child {
        margin-top: 0
    }
    .p-input__content-list__text {
        padding: 16px 10px
    }
    .p-input__content-list__text input {
        margin-left: 10px
    }
    .p-input__content-list__textarea {
        padding: 16px 10px;
        width: 100%
    }
    .p-input__content-list__radio-list li {
        width: 50%;
        height: 30px;
        margin-top: 10px
    }
    .p-input__content-list__file .p-input__content-list__title {
        display: block;
        padding-top: 16px;
        padding-bottom: 10px
    }
    .p-input__content-list__file .c-input__file {
        vertical-align: middle
    }
    .p-input__content-list__file .p-input__content-list__input {
        margin-bottom: 10px
    }
    .p-input__content-list__file .p-input__content-list__input-text {
        font-size: 12px
    }
    .p-input__content-list__file-remove {
        width: 100px;
        height: 38px;
        line-height: 38px;
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle
    }
    .p-input__content-list__file-remove * {
        font-size: 10px
    }
    .p-input__content-list__file-text {
        display: block
    }
    .p-input__content-list .required:after {
        margin-left: 8px
    }
    .p-input__content-list span.error {
        display: block;
        margin-top: 5px
    }
    .p-input .c-table {
        margin-bottom: 30px
    }
    .p-input .complete {
        margin-top: 45px;
        margin-bottom: 24px
    }
    .p-input .complete__content-title {
        font-size: 16px;
        margin-bottom: 16px;
        text-align: center
    }
    .p-input .c-btn-submit {
        width: 100%
    }
    .p-input .c-backbtn {
        margin-top: 24px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#sitemap #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/sitemap/pagetitle_bg.jpg")
}

.p-sitemap {
    position: relative;
    z-index: 1
}

.p-sitemap__content-list>li .js__shake {
    display: block
}

.p-sitemap__content-list>li .js__shake .js__shake-motion1, .p-sitemap__content-list>li .js__shake .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.p-sitemap__content-list>li .js__shake:hover .js__shake-motion1, .p-sitemap__content-list>li .js__shake:hover .js__shake-motion2 {
    -ms-filter: "alpha(opacity=$num)";
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
}

.p-sitemap__content-list>li {
    letter-spacing: .1em
}

.p-sitemap__content-list>li span {
    vertical-align: middle;
    white-space: nowrap
}

.p-sitemap__content-list-child li a {
    padding-left: 5px
}

.p-sitemap__content-list-child li a:before {
    content: "-";
    display: inline-block
}

@media only screen and (min-width: 751px) {
    .p-sitemap__content:after {
        content: "";
        clear: both;
        display: block
    }
    .p-sitemap__content-list>li {
        float: left;
        margin-bottom: 23px
    }
    .p-sitemap__content-list>li:nth-child(3n+1) {
        width: 350px;
        clear: both
    }
    .p-sitemap__content-list>li:nth-child(3n+2) {
        width: 350px
    }
    .p-sitemap__content-list>li:nth-child(3n) {
        width: 360px
    }
    .p-sitemap__content-list>li:nth-child(3) {
        margin-bottom: -55px
    }
    .p-sitemap__content-list>li a {
        height: 33px;
        display: block
    }
    .p-sitemap__content-list>li a {
        font-size: 20px;
        margin-right: 12px
    }
    .p-sitemap__content-list-child {
        margin-left: 30px
    }
    .p-sitemap__content-list-child li {
        margin-top: 2px;
        height: 23px
    }
    .p-sitemap__content-list-child li a {
        height: 23px
    }
    .p-sitemap__content-list-child li:first-child {
        margin-top: 7px
    }
}

@media only screen and (max-width: 750px) {
    .p-sitemap {
        margin-left: 20px;
        margin-right: 20px
    }
    .p-sitemap__content-list>li {
        margin-bottom: 17px
    }
    .p-sitemap__content-list>li a {
        display: block;
        height: 30px
    }
    .p-sitemap__content-list>li {
        font-size: 18px;
        margin-right: 10px
    }
    .p-sitemap__content-list-child li {
        height: 23px;
        margin-top: 10px
    }
    .p-sitemap__content-list-child li a {
        height: 23px
    }
    .p-sitemap__content-list-child li:first-child {
        margin-top: 10px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#privacy-policy #l-body__bg-line {
    display: none
}

#privacy-policy #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/privacy-policy/pagetitle_bg.jpg")
}

.p-privacy-policy__content-list {
    border-top: 1px solid #02030a9;
    border-bottom: 1px solid #02030a;
}

.p-privacy-policy__content-list__title {
    font-weight: 700
}

.p-privacy-policy__content-list__text ul li {
    padding-left: 8px
}

.p-privacy-policy__content-list__text ul li:before {
    content: '';
    width: 2px;
    height: 2px;
    display: inline-block;
    border-radius: 100%;
    background: #02030a;
    position: relative;
    left: -5px;
    top: -3px
}

.p-privacy-policy__content-list__text-company a {
    color: #f83600
}

.p-privacy-policy__content-ceo {
    text-align: right
}

@media only screen and (min-width: 751px) {
    .p-privacy-policy__content-text {
        margin-bottom: 40px
    }
    .p-privacy-policy__content-list {
        padding-bottom: 40px
    }
    .p-privacy-policy__content-list>li {
        margin-top: 35px
    }
    .p-privacy-policy__content-list__title {
        font-size: 16px;
        margin-bottom: 10px
    }
    .p-privacy-policy__content-list__text li {
        margin-top: 3px
    }
    .p-privacy-policy__content-list__text-company {
        margin-top: 40px
    }
    .p-privacy-policy__content-ceo {
        margin-top: 30px
    }
}

@media only screen and (max-width: 750px) {
    .p-privacy-policy__content {
        margin-left: 20px;
        margin-right: 20px
    }
    .p-privacy-policy__content-text {
        margin-bottom: 20px
    }
    .p-privacy-policy__content-list {
        padding-bottom: 20px
    }
    .p-privacy-policy__content-list>li {
        margin-top: 24px
    }
    .p-privacy-policy__content-list__title {
        font-size: 16px;
        margin-bottom: 5px
    }
    .p-privacy-policy__content-list__text li {
        margin-top: 3px
    }
    .p-privacy-policy__content-list__text-company {
        margin-top: 20px
    }
    .p-privacy-policy__content-ceo {
        margin-top: 20px
    }
}

@keyframes flashing-show {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

@keyframes flashing-hide {
    0% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    1.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    2.5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    3.75% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    5% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    6.25% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
    100% {
        -ms-filter: "alpha(opacity=$num)";
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"
    }
}

#notfound #c-page-title__bg-inner {
    background-image: url("https://en.jpm.vc/wp-content/themes/JPMG/lib/images/sitemap/pagetitle_bg.jpg")
}

@media only screen and (min-width: 751px) {
    .p-notfound__content p {
        text-align: center
    }
    .p-notfound__content .c-btn {
        margin-top: 50px
    }
}

@media only screen and (max-width: 750px) {
    .p-notfound__content {
        margin-left: 24px;
        margin-right: 24px
    }
    .p-notfound__content .c-btn {
        margin-top: 30px
    }
}