/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace, monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

embed,
iframe,
img,
object {
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: 0 0;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
    cursor: default
}

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

option {
    padding: 0
}

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

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=search] {
    outline-offset: -2px
}

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

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

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable] {
    outline: 0
}

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

caption {
    text-align: left
}

td,
th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

template {
    display: none
}

[hidden] {
    display: none
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

html {
    font-size: 62.5%
}

@media print,
screen and (max-width:1024px) {
    html {
        font-size: 1.3020833333vw
    }
}

body {
    font-family: "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #2d160f;
    font-weight: 500;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media print,
screen and (max-width:1024px) {
    body {
        min-width: auto;
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch
    }
}

body::-webkit-scrollbar {
    display: none
}

.is-Loading * {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transition-delay: unset !important;
    transition-delay: unset !important
}

.is-Resizing *,
.is-Resizing *::after,
.is-Resizing *::before {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transition-delay: unset !important;
    transition-delay: unset !important
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1
}

img {
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    max-width: 100%;
    height: auto
}

img:not(.news-Article .content img) {
    width: 100%;
    height: 100%
}

_::-webkit-full-page-media,
_:future,
:root img {
    image-rendering: auto !important
}

*:focus {
    outline: 0
}

a {
    color: #8e6f00;
    text-decoration: none
}

.pc_b {
    display: block !important
}

@media print,
screen and (max-width:1024px) {
    .pc_b {
        display: none !important
    }
}

.pc_i {
    display: inline !important
}

@media print,
screen and (max-width:1024px) {
    .pc_i {
        display: none !important
    }
}

.pc_ib {
    display: inline-block !important
}

@media print,
screen and (max-width:1024px) {
    .pc_ib {
        display: none !important
    }
}

.pc_f {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

@media print,
screen and (max-width:1024px) {
    .pc_f {
        display: none !important
    }
}

.sp_b {
    display: none !important
}

@media print,
screen and (max-width:1024px) {
    .sp_b {
        display: block !important
    }
}

.sp_i {
    display: none !important
}

@media print,
screen and (max-width:1024px) {
    .sp_i {
        display: inline !important
    }
}

.sp_ib {
    display: none !important
}

@media print,
screen and (max-width:1024px) {
    .sp_ib {
        display: inline-block !important
    }
}

.sp_f {
    display: none !important
}

@media print,
screen and (max-width:1024px) {
    .sp_f {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }
}

.st-Wrapper {
    overflow: hidden;
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/bg_main.png) repeat top center/auto, #efe8dd
}

.sw-Btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.sw-Btn .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.sw-Btn .btn::before {
    content: "";
    display: block;
    position: absolute;
    background: #0a847d;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn::before {
        width: 5px;
        height: 5px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn::before {
        width: .9114583333vw;
        height: .9114583333vw
    }
}

.sw-Btn .btn .text {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #2d160f;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1;
    color: #2d160f
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn .text {
        width: 80px;
        height: 44px;
        padding: 15px 0 0 2px;
        font-size: 1.4rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn .text {
        width: 18.2291666667vw;
        height: 8.3333333333vw;
        padding: 2.6041666667vw 0 0 .2604166667vw;
        font-size: 2.4rem
    }
}

.sw-Btn .btn .arrow {
    display: block;
    position: absolute;
    background: #2d160f;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 1px
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn .arrow {
        width: 44px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn .arrow {
        width: 8.3333333333vw
    }
}

.sw-Btn .btn .arrow::after,
.sw-Btn .btn .arrow::before {
    content: "";
    display: block;
    position: absolute;
    background: #2d160f;
    width: 30%;
    height: 100%;
    top: 0;
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn.text-right {
        padding-right: 60px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.text-right {
        padding-right: 12.3697916667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn.text-right::before {
        left: calc(100% - 5px)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.text-right::before {
        left: calc(100% - .9114583333vw)
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn.text-right .arrow {
        right: 9px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.text-right .arrow {
        right: 1.953125vw
    }
}

.sw-Btn .btn.text-right .arrow::after,
.sw-Btn .btn.text-right .arrow::before {
    right: 0
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn.text-left {
        padding-left: 60px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.text-left {
        padding-left: 12.3697916667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn.text-left::before {
        right: calc(100% - 5px)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.text-left::before {
        right: calc(100% - .9114583333vw)
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn .btn.text-left .arrow {
        left: 9px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.text-left .arrow {
        left: 1.953125vw
    }
}

.sw-Btn .btn.text-left .arrow::after,
.sw-Btn .btn.text-left .arrow::before {
    left: 0
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.sp-small .text {
        width: 14.3229166667vw;
        height: 7.2916666667vw;
        padding: 2.34375vw 0 0 .390625vw;
        font-size: 2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.sp-small .arrow {
        width: 5.2083333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.sp-small.text-right {
        padding-right: 8.984375vw
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .btn.sp-small.text-left {
        padding-left: 8.984375vw
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Btn .btn.sp-small:hover.text-right::before {
        width: 14.3229166667vw
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Btn .btn.sp-small:hover.text-left::before {
        width: 14.3229166667vw
    }
}

@media (any-hover:hover) {
    .sw-Btn .btn.text-right::before {
        will-change: width, height;
        -webkit-transition: left .3s .3s, width .3s, height .3s, background .3s, -webkit-transform .3s .6s;
        transition: left .3s .3s, width .3s, height .3s, background .3s, -webkit-transform .3s .6s;
        transition: transform .3s .6s, left .3s .3s, width .3s, height .3s, background .3s;
        transition: transform .3s .6s, left .3s .3s, width .3s, height .3s, background .3s, -webkit-transform .3s .6s
    }

    .sw-Btn .btn.text-right .text {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .sw-Btn .btn.text-right .arrow {
        -webkit-transition: right .3s, -webkit-transform .3s .3s;
        transition: right .3s, -webkit-transform .3s .3s;
        transition: transform .3s .3s, right .3s;
        transition: transform .3s .3s, right .3s, -webkit-transform .3s .3s
    }

    .sw-Btn .btn.text-right .arrow::before {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transition: opacity .1s .9s, -webkit-transform .8s .1s;
        transition: opacity .1s .9s, -webkit-transform .8s .1s;
        transition: transform .8s .1s, opacity .1s .9s;
        transition: transform .8s .1s, opacity .1s .9s, -webkit-transform .8s .1s
    }

    .sw-Btn .btn.text-right .arrow::after {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transition: opacity .1s .9s, -webkit-transform .6s .3s;
        transition: opacity .1s .9s, -webkit-transform .6s .3s;
        transition: transform .6s .3s, opacity .1s .9s;
        transition: transform .6s .3s, opacity .1s .9s, -webkit-transform .6s .3s
    }

    .sw-Btn .btn.text-left::before {
        will-change: width, height;
        -webkit-transition: right .3s .3s, width .3s, height .3s, background .3s, -webkit-transform .3s .6s;
        transition: right .3s .3s, width .3s, height .3s, background .3s, -webkit-transform .3s .6s;
        transition: transform .3s .6s, right .3s .3s, width .3s, height .3s, background .3s;
        transition: transform .3s .6s, right .3s .3s, width .3s, height .3s, background .3s, -webkit-transform .3s .6s
    }

    .sw-Btn .btn.text-left .text {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .sw-Btn .btn.text-left .arrow {
        -webkit-transition: left .3s, -webkit-transform .3s .3s;
        transition: left .3s, -webkit-transform .3s .3s;
        transition: transform .3s .3s, left .3s;
        transition: transform .3s .3s, left .3s, -webkit-transform .3s .3s
    }

    .sw-Btn .btn.text-left .arrow::before {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: opacity .1s .9s, -webkit-transform .8s .1s;
        transition: opacity .1s .9s, -webkit-transform .8s .1s;
        transition: transform .8s .1s, opacity .1s .9s;
        transition: transform .8s .1s, opacity .1s .9s, -webkit-transform .8s .1s
    }

    .sw-Btn .btn.text-left .arrow::after {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: opacity .1s .9s, -webkit-transform .6s .3s;
        transition: opacity .1s .9s, -webkit-transform .6s .3s;
        transition: transform .6s .3s, opacity .1s .9s;
        transition: transform .6s .3s, opacity .1s .9s, -webkit-transform .6s .3s
    }

    .sw-Btn .btn:hover.text-right::before {
        -webkit-transition: left .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s, -webkit-transform .3s;
        transition: left .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s, -webkit-transform .3s;
        transition: transform .3s, left .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s;
        transition: transform .3s, left .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s, -webkit-transform .3s;
        background: #2d160f;
        height: 100%
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-Btn .btn:hover.text-right::before {
        -webkit-transform: translate(8px, -50%);
        transform: translate(8px, -50%);
        left: -8px;
        width: 80px
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Btn .btn:hover.text-right::before {
        -webkit-transform: translate(1.0416666667vw, -50%);
        transform: translate(1.0416666667vw, -50%);
        left: -1.0416666667vw;
        width: 18.2291666667vw
    }
}

@media (any-hover:hover) {
    .sw-Btn .btn:hover.text-right .text {
        -webkit-transition: color .3s .6s;
        transition: color .3s .6s;
        color: #fef9ec
    }
}

@media (any-hover:hover) {
    .sw-Btn .btn:hover.text-right .arrow::before {
        -webkit-transition: opacity .1s, -webkit-transform .8s .1s;
        transition: opacity .1s, -webkit-transform .8s .1s;
        transition: transform .8s .1s, opacity .1s;
        transition: transform .8s .1s, opacity .1s, -webkit-transform .8s .1s;
        opacity: 1;
        -webkit-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }

    .sw-Btn .btn:hover.text-right .arrow::after {
        -webkit-transition: opacity .1s, -webkit-transform .6s .3s;
        transition: opacity .1s, -webkit-transform .6s .3s;
        transition: transform .6s .3s, opacity .1s;
        transition: transform .6s .3s, opacity .1s, -webkit-transform .6s .3s;
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@media (any-hover:hover) {
    .sw-Btn .btn:hover.text-left::before {
        -webkit-transition: right .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s, -webkit-transform .3s;
        transition: right .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s, -webkit-transform .3s;
        transition: transform .3s, right .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s;
        transition: transform .3s, right .3s .3s, width .3s .6s, height .3s .6s, background .3s .6s, -webkit-transform .3s;
        background: #2d160f;
        height: 100%
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-Btn .btn:hover.text-left::before {
        -webkit-transform: translate(-8px, -50%);
        transform: translate(-8px, -50%);
        right: -8px;
        width: 80px
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Btn .btn:hover.text-left::before {
        -webkit-transform: translate(-1.0416666667vw, -50%);
        transform: translate(-1.0416666667vw, -50%);
        right: -1.0416666667vw;
        width: 18.2291666667vw
    }
}

@media (any-hover:hover) {
    .sw-Btn .btn:hover.text-left .text {
        -webkit-transition: color .3s .6s;
        transition: color .3s .6s;
        color: #fef9ec
    }
}

@media (any-hover:hover) {
    .sw-Btn .btn:hover.text-left .arrow::before {
        -webkit-transition: opacity .1s, -webkit-transform .8s .1s;
        transition: opacity .1s, -webkit-transform .8s .1s;
        transition: transform .8s .1s, opacity .1s;
        transition: transform .8s .1s, opacity .1s, -webkit-transform .8s .1s;
        opacity: 1;
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }

    .sw-Btn .btn:hover.text-left .arrow::after {
        -webkit-transition: opacity .1s, -webkit-transform .6s .3s;
        transition: opacity .1s, -webkit-transform .6s .3s;
        transition: transform .6s .3s, opacity .1s;
        transition: transform .6s .3s, opacity .1s, -webkit-transform .6s .3s;
        opacity: 1;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.sw-NewsArchive .newsArchive-Item {
    color: #2d160f;
    border-bottom: 1px solid rgba(176, 162, 145, .2)
}

@media print,
screen and (min-width:1025px) {
    .sw-NewsArchive .newsArchive-Item {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 0 20px 22px 50px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-NewsArchive .newsArchive-Item {
        display: block;
        padding: 0 2.0833333333vw 4.0364583333vw 0
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-NewsArchive .newsArchive-Item+.newsArchive-Item {
        padding-top: 22px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-NewsArchive .newsArchive-Item+.newsArchive-Item {
        padding-top: 2.6041666667vw
    }
}

.sw-NewsArchive .newsArchive-Item .date {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

@media print,
screen and (min-width:1025px) {
    .sw-NewsArchive .newsArchive-Item .date {
        width: 170px
    }
}

.sw-NewsArchive .newsArchive-Item .date .y {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 2.6
}

@media print,
screen and (min-width:1025px) {
    .sw-NewsArchive .newsArchive-Item .date .y {
        font-size: 1.4rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-NewsArchive .newsArchive-Item .date .y {
        font-size: 2.4rem
    }
}

.sw-NewsArchive .newsArchive-Item .date .md {
    font-family: Kalnia, serif;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.6
}

@media print,
screen and (min-width:1025px) {
    .sw-NewsArchive .newsArchive-Item .date .md {
        margin-left: 8px;
        font-size: 2.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-NewsArchive .newsArchive-Item .date .md {
        margin-left: 1.0416666667vw;
        font-size: 3.8rem
    }
}

.sw-NewsArchive .newsArchive-Item .title {
    letter-spacing: .06em;
    line-height: 1.8;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media print,
screen and (min-width:1025px) {
    .sw-NewsArchive .newsArchive-Item .title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-line-clamp: 1;
        font-size: 1.6rem
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1215px) {
    .sw-NewsArchive .newsArchive-Item .title {
        -webkit-line-clamp: 2
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-NewsArchive .newsArchive-Item .title {
        -webkit-line-clamp: 2;
        font-size: 2.4rem
    }
}

@media (any-hover:hover) {
    .sw-NewsArchive .newsArchive-Item {
        position: relative
    }

    .sw-NewsArchive .newsArchive-Item::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        background: rgba(10, 132, 125, .4);
        height: 1px;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-NewsArchive .newsArchive-Item::after {
        width: 180px
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-NewsArchive .newsArchive-Item::after {
        width: 24.7395833333vw
    }
}

@media (any-hover:hover) {
    .sw-NewsArchive .newsArchive-Item:hover::after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

.movie-Modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    display: none
}

.movie-Modal .movie-Overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(176, 162, 145, .9)
}

.movie-Modal .movie-Close {
    position: fixed;
    z-index: 100;
    -webkit-transition: .2s;
    transition: .2s
}

@media print,
screen and (min-width:1025px) {
    .movie-Modal .movie-Close {
        width: 51px;
        height: 51px;
        top: 30px;
        right: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .movie-Modal .movie-Close {
        width: 6.640625vw;
        height: 6.640625vw;
        top: 3.90625vw;
        right: 3.90625vw
    }
}

.movie-Modal .movie-Close::after,
.movie-Modal .movie-Close::before {
    content: "";
    position: absolute;
    display: block;
    background: #fff
}

@media print,
screen and (min-width:1025px) {

    .movie-Modal .movie-Close::after,
    .movie-Modal .movie-Close::before {
        width: 70px;
        height: 2px;
        top: 0;
        right: 0
    }
}

@media print,
screen and (max-width:1024px) {

    .movie-Modal .movie-Close::after,
    .movie-Modal .movie-Close::before {
        width: 9.1145833333vw;
        height: .2604166667vw;
        top: 0;
        right: 0
    }
}

@media print,
screen and (min-width:1025px) {
    .movie-Modal .movie-Close::before {
        -webkit-transform: translate(12.5%, 24px) rotate(45deg);
        transform: translate(12.5%, 24px) rotate(45deg)
    }
}

@media print,
screen and (max-width:1024px) {
    .movie-Modal .movie-Close::before {
        -webkit-transform: translate(12.5%, 3.125vw) rotate(45deg);
        transform: translate(12.5%, 3.125vw) rotate(45deg)
    }
}

@media print,
screen and (min-width:1025px) {
    .movie-Modal .movie-Close::after {
        -webkit-transform: translate(12.5%, 24px) rotate(-45deg);
        transform: translate(12.5%, 24px) rotate(-45deg)
    }
}

@media print,
screen and (max-width:1024px) {
    .movie-Modal .movie-Close::after {
        -webkit-transform: translate(12.5%, 3.125vw) rotate(-45deg);
        transform: translate(12.5%, 3.125vw) rotate(-45deg)
    }
}

@media (any-hover:hover) {
    .movie-Modal .movie-Close {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        cursor: pointer
    }

    .movie-Modal .movie-Close:hover {
        opacity: .7
    }
}

.movie-Modal .movie-Content {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 675px;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    place-items: center
}

@media print,
screen and (max-width:1024px) {
    .movie-Modal .movie-Content {
        height: 56.25vw
    }
}

.movie-Modal .movie-Content iframe,
.movie-Modal .movie-Content video {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 675px;
    -o-object-fit: contain;
    object-fit: contain
}

@media print,
screen and (max-width:1024px) {

    .movie-Modal .movie-Content iframe,
    .movie-Modal .movie-Content video {
        height: 56.25vw;
        margin: auto 0
    }
}

.sw-PageTop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

.sw-PageTop .platform {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (min-width:1025px) {
    .sw-PageTop .platform {
        top: 10px;
        left: 3.125vw
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-PageTop .platform {
        top: 2.34375vw;
        left: 3.90625vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-PageTop .platform .platform-Switch {
        width: 50px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-PageTop .platform .platform-Switch {
        width: 7.2916666667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-PageTop .platform .platform-Steam {
        width: 112px;
        margin-left: 20px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-PageTop .platform .platform-Steam {
        width: 16.9270833333vw;
        margin-left: 2.0833333333vw
    }
}

.sw-PageTop .logo {
    position: absolute
}

@media print,
screen and (min-width:1025px) {
    .sw-PageTop .logo {
        top: 16px;
        left: 16px;
        width: 160px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-PageTop .logo {
        top: 2.6041666667vw;
        left: 3.3854166667vw;
        width: 19.53125vw
    }
}

.sw-PageTop .logo a {
    display: block
}

@media (any-hover:hover) {
    .sw-PageTop .logo a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .sw-PageTop .logo a:hover {
        opacity: .6
    }
}

.sw-PageTop .sw-Language {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media print,
screen and (min-width:1025px) {
    .sw-PageTop .sw-Language {
        top: 15px;
        left: calc(3.125vw + 93.75vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-PageTop .sw-Language {
        top: 2.2135416667vw;
        left: calc(3.90625vw + 92.1875vw)
    }
}

.sub-Top .top-Inner {
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .sub-Top .top-Inner {
        max-width: 1280px;
        padding: 0 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Top .top-Inner {
        width: 84.375vw
    }
}

.sub-Top .sub-Heading {
    font-family: Kalnia, serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    -webkit-transition: opacity .8s .2s, -webkit-transform .8s .2s;
    transition: opacity .8s .2s, -webkit-transform .8s .2s;
    transition: transform .8s .2s, opacity .8s .2s;
    transition: transform .8s .2s, opacity .8s .2s, -webkit-transform .8s .2s;
    white-space: nowrap
}

@media print,
screen and (min-width:1025px) {
    .sub-Top .sub-Heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
        font-size: 7.4rem;
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Top .sub-Heading {
        font-size: 9rem;
        -webkit-transform: translateX(-.5208333333vw);
        transform: translateX(-.5208333333vw)
    }
}

.sub-Top .sub-Heading .sub-Text {
    letter-spacing: .2em;
    color: #b0a291
}

@media print,
screen and (min-width:1025px) {
    .sub-Top .sub-Heading .sub-Text {
        margin-left: 20px;
        line-height: 1.5;
        font-size: 1rem;
        -webkit-transform: translateY(-1.5rem);
        transform: translateY(-1.5rem)
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Top .sub-Heading .sub-Text {
        display: block;
        margin: 1.3020833333vw 0 0;
        line-height: 1.2;
        font-size: 2rem;
        -webkit-transform: translateX(.5208333333vw);
        transform: translateX(.5208333333vw)
    }
}

.sub-Top .sub-Heading .sub-Text span {
    display: block
}

.sub-Top .sub-Heading .sub-Text>span {
    overflow: hidden
}

.sub-Top .sub-Heading .sub-Text>span>span {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.sub-Top .sub-Heading .sub-Text>span:nth-of-type(1)>span {
    -webkit-transition: -webkit-transform .8s .4s;
    transition: -webkit-transform .8s .4s;
    transition: transform .8s .4s;
    transition: transform .8s .4s, -webkit-transform .8s .4s
}

.sub-Top .sub-Heading .sub-Text>span:nth-of-type(2)>span {
    -webkit-transition: -webkit-transform .8s .5s;
    transition: -webkit-transform .8s .5s;
    transition: transform .8s .5s;
    transition: transform .8s .5s, -webkit-transform .8s .5s
}

body.is-Loading .sub-Top .sub-Heading {
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    body.is-Loading .sub-Top .sub-Heading {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@media print,
screen and (max-width:1024px) {
    body.is-Loading .sub-Top .sub-Heading {
        -webkit-transform: translateX(2.6041666667vw);
        transform: translateX(2.6041666667vw)
    }
}

body.is-Loading .sub-Top .sub-Heading .sub-Text>span>span {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sw-pagenavi {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: opacity 1s .9s, -webkit-transform 1s .9s;
    transition: opacity 1s .9s, -webkit-transform 1s .9s;
    transition: opacity 1s .9s, transform 1s .9s;
    transition: opacity 1s .9s, transform 1s .9s, -webkit-transform 1s .9s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media print,
screen and (min-width:1025px) {
    .sw-pagenavi {
        margin: 80px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-pagenavi {
        margin: 9.1145833333vw 0 0
    }
}

.sw-pagenavi .wp-pagenavi {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .sw-pagenavi .wp-pagenavi {
        width: calc(100% - 50px - 50px);
        min-height: 44px;
        padding: 0 140px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-pagenavi .wp-pagenavi {
        width: 100%;
        min-height: 7.2916666667vw;
        padding: 0 23.3072916667vw
    }
}

.sw-pagenavi .wp-pagenavi .previouspostslink {
    position: absolute;
    left: 0;
    top: 0
}

.sw-pagenavi .wp-pagenavi .nextpostslink {
    position: absolute;
    right: 0;
    top: 0
}

.sw-pagenavi .wp-pagenavi .current,
.sw-pagenavi .wp-pagenavi .page {
    font-family: Kalnia, serif;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1;
    display: inline-block
}

@media print,
screen and (min-width:1025px) {

    .sw-pagenavi .wp-pagenavi .current,
    .sw-pagenavi .wp-pagenavi .page {
        font-size: 2.6rem;
        padding: 0 0 9px
    }
}

@media print,
screen and (max-width:1024px) {

    .sw-pagenavi .wp-pagenavi .current,
    .sw-pagenavi .wp-pagenavi .page {
        font-size: 4rem;
        padding: 0 0 1.0416666667vw
    }
}

@media print,
screen and (min-width:1025px) {

    .sw-pagenavi .wp-pagenavi .current+.current,
    .sw-pagenavi .wp-pagenavi .current+.page,
    .sw-pagenavi .wp-pagenavi .page+.current,
    .sw-pagenavi .wp-pagenavi .page+.page {
        margin-left: 50px
    }
}

@media print,
screen and (max-width:1024px) {

    .sw-pagenavi .wp-pagenavi .current+.current,
    .sw-pagenavi .wp-pagenavi .current+.page,
    .sw-pagenavi .wp-pagenavi .page+.current,
    .sw-pagenavi .wp-pagenavi .page+.page {
        margin-left: 7.03125vw
    }
}

.sw-pagenavi .wp-pagenavi .page {
    color: #2d160f
}

@media (any-hover:hover) {
    .sw-pagenavi .wp-pagenavi .page {
        position: relative
    }

    .sw-pagenavi .wp-pagenavi .page::after {
        content: "";
        display: block;
        position: absolute;
        background: #2d160f;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) scaleX(0);
        transform: translateX(-50%) scaleX(0);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-pagenavi .wp-pagenavi .page::after {
        width: 10px;
        height: 1px
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-pagenavi .wp-pagenavi .page::after {
        width: 2.34375vw;
        height: .2604166667vw
    }
}

@media (any-hover:hover) {
    .sw-pagenavi .wp-pagenavi .page:hover::after {
        -webkit-transform: translateX(-50%) scaleX(1);
        transform: translateX(-50%) scaleX(1)
    }
}

.sw-pagenavi .wp-pagenavi .current {
    color: #8e6f00;
    position: relative
}

.sw-pagenavi .wp-pagenavi .current::after {
    content: "";
    display: block;
    position: absolute;
    background: #8e6f00;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media print,
screen and (min-width:1025px) {
    .sw-pagenavi .wp-pagenavi .current::after {
        width: 10px;
        height: 1px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-pagenavi .wp-pagenavi .current::after {
        width: 2.34375vw;
        height: .2604166667vw
    }
}

body.is-Loading .sw-pagenavi {
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    body.is-Loading .sw-pagenavi {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@media print,
screen and (max-width:1024px) {
    body.is-Loading .sw-pagenavi {
        -webkit-transform: translateY(2.6041666667vw);
        transform: translateY(2.6041666667vw)
    }
}

.sw-Pagenation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .sw-Pagenation {
        margin: 68px auto 0;
        max-width: 860px;
        min-height: 44px;
        padding: 0 140px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenation {
        margin: 9.1145833333vw 0 0;
        min-height: 7.2916666667vw;
        padding: 0 23.3072916667vw
    }
}

.sw-Pagenation .back {
    display: inline-block;
    font-family: Kalnia, serif;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1;
    color: #2d160f
}

@media print,
screen and (min-width:1025px) {
    .sw-Pagenation .back {
        font-size: 2.2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenation .back {
        font-size: 2.8rem
    }
}

@media (any-hover:hover) {
    .sw-Pagenation .back {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .sw-Pagenation .back:hover {
        opacity: .6
    }
}

.sw-Pagenation .sw-Btn {
    position: absolute;
    top: 0
}

.sw-Pagenation .sw-Btn.left {
    left: 0
}

.sw-Pagenation .sw-Btn.right {
    right: 0
}

.sw-Language {
    position: absolute;
    pointer-events: none
}

@media print,
screen and (min-width:1025px) {
    .sw-Language {
        width: 130px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language {
        width: 22.1354166667vw
    }
}

.sw-Language .language-Btn {
    position: relative;
    pointer-events: auto;
    border-radius: 50%;
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/bg_language.png) no-repeat top center/cover, #efe8dd;
    border: 1px solid #2d160f
}

@media print,
screen and (min-width:1025px) {
    .sw-Language .language-Btn {
        height: 42px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language .language-Btn {
        height: 7.8125vw
    }
}

.sw-Language .language-Btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: #2d160f;
    border: 1px solid rgba(239, 232, 221, .7);
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.sw-Language .language-Btn .btn-Inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 100%;
    font-family: Kalnia, serif;
    letter-spacing: .08em;
    line-height: 1;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media print,
screen and (min-width:1025px) {
    .sw-Language .language-Btn .btn-Inner {
        font-size: 1.4rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language .language-Btn .btn-Inner {
        font-size: 2rem
    }
}

.sw-Language .language-Btn .btn-Inner::after,
.sw-Language .language-Btn .btn-Inner::before {
    content: "";
    display: block;
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2018%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18%200.149594V0H0V9C3.08935%205.598%209.41269%202.55735%2018%200.149594Z%22%20fill%3D%22%232D160F%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {

    .sw-Language .language-Btn .btn-Inner::after,
    .sw-Language .language-Btn .btn-Inner::before {
        width: 18px;
        height: 9px
    }
}

@media print,
screen and (max-width:1024px) {

    .sw-Language .language-Btn .btn-Inner::after,
    .sw-Language .language-Btn .btn-Inner::before {
        width: 4.1666666667vw;
        height: 2.0833333333vw
    }
}

.sw-Language .language-Btn .btn-Inner::before {
    top: 0;
    left: 0
}

.sw-Language .language-Btn .btn-Inner::after {
    bottom: 0;
    right: 0;
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

@media (any-hover:hover) {
    .sw-Language .language-Btn {
        cursor: pointer
    }

    .sw-Language .language-Btn:hover::before {
        opacity: 1
    }

    .sw-Language .language-Btn:hover .btn-Inner {
        color: #efe8dd
    }
}

.sw-Language .language-Content {
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/bg_language.png) no-repeat top center/cover, #efe8dd;
    border: 1px solid #2d160f;
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

@media print,
screen and (min-width:1025px) {
    .sw-Language .language-Content {
        margin: 20px 0 0;
        padding: 20px 30px 20px 30px;
        border-radius: 4px;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language .language-Content {
        padding: 3.90625vw 3.90625vw 4.9479166667vw 7.8125vw;
        border-radius: .78125vw;
        margin: 2.6041666667vw 0 0;
        width: 26.0416666667vw;
        -webkit-transform: translate(-3.90625vw, -1.3020833333vw);
        transform: translate(-3.90625vw, -1.3020833333vw)
    }
}

.sw-Language .language-Content .wpml-ls-legacy-list-horizontal {
    border: none;
    padding: 0
}

.sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li {
    width: 100%
}

.sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li a {
    padding: 0;
    line-height: 1;
    letter-spacing: .06em;
    color: #2d160f
}

@media print,
screen and (min-width:1025px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li a {
        font-size: 1.4rem;
        padding-bottom: 14px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li a {
        font-size: 2.2rem;
        padding-bottom: 3.6458333333vw
    }
}

@media (any-hover:hover) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language) a {
        position: relative
    }

    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language) a::before {
        content: "";
        display: block;
        position: absolute;
        border-radius: 50%;
        background: #2d160f;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language) a::before {
        width: 5px;
        height: 5px;
        top: 8px;
        left: -13px;
        -webkit-transform: translateX(4px) scale(0);
        transform: translateX(4px) scale(0)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language) a::before {
        width: .9114583333vw;
        height: .9114583333vw;
        top: 1.6927083333vw;
        left: -2.2135416667vw;
        -webkit-transform: translateX(.5208333333vw) scale(0);
        transform: translateX(.5208333333vw) scale(0)
    }
}

@media (any-hover:hover) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language) a:hover::before {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }
}

.sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
    pointer-events: none;
    position: relative
}

.sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #0a847d;
    pointer-events: none
}

@media print,
screen and (min-width:1025px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a::before {
        width: 5px;
        height: 5px;
        top: 8px;
        left: -13px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a::before {
        width: .9114583333vw;
        height: .9114583333vw;
        top: 1.6927083333vw;
        left: -2.2135416667vw
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:nth-of-type(n+2):not(.wpml-ls-current-language) a::before {
        top: 22px
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:nth-of-type(n+2):not(.wpml-ls-current-language) a::before {
        top: 5.2083333333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:nth-of-type(n+2).wpml-ls-current-language a::before {
        top: 22px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:nth-of-type(n+2).wpml-ls-current-language a::before {
        top: 5.2083333333vw
    }
}

.sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li+li {
    border-top: 1px solid rgba(176, 162, 145, .2)
}

@media print,
screen and (min-width:1025px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li+li a {
        padding-top: 14px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li+li a {
        padding-top: 3.6458333333vw
    }
}

.sw-Language .language-Content .wpml-ls-legacy-list-horizontal ul li:last-of-type a {
    padding-bottom: 0
}

@media (any-hover:hover) {
    .sw-Language:hover {
        pointer-events: auto
    }

    .sw-Language:hover .language-Content {
        opacity: 1
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-Language:hover .language-Content {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Language:hover .language-Content {
        -webkit-transform: translate(-3.90625vw, 0);
        transform: translate(-3.90625vw, 0)
    }
}

.sw-Language.open {
    pointer-events: auto
}

.sw-Language.open .language-Btn::before {
    opacity: 1
}

.sw-Language.open .language-Btn .btn-Inner {
    color: #efe8dd
}

.sw-Language.open .language-Content {
    opacity: 1
}

@media print,
screen and (min-width:1025px) {
    .sw-Language.open .language-Content {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Language.open .language-Content {
        -webkit-transform: translate(-3.90625vw, 0);
        transform: translate(-3.90625vw, 0)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-LinkBtn+.sw-LinkBtn {
        margin-top: 3.90625vw
    }
}

.sw-LinkBtn a {
    display: block;
    background: #b0a291;
    padding: 1px;
    width: 100%;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .sw-LinkBtn a {
        height: 80px;
        -webkit-box-shadow: 0 0 20px rgba(118, 98, 88, .3);
        box-shadow: 0 0 20px rgba(118, 98, 88, .3)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-LinkBtn a {
        height: 14.3229166667vw;
        -webkit-box-shadow: 0 0 2.6041666667vw rgba(118, 98, 88, .3);
        box-shadow: 0 0 2.6041666667vw rgba(118, 98, 88, .3)
    }
}

.sw-LinkBtn a::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #fef9ec;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media print,
screen and (min-width:1025px) {
    .sw-LinkBtn a::before {
        width: 24px;
        right: 39px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-LinkBtn a::before {
        width: 5.7291666667vw;
        right: 8.4635416667vw
    }
}

.sw-LinkBtn a::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #fef9ec;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media print,
screen and (min-width:1025px) {
    .sw-LinkBtn a::after {
        width: 5px;
        height: 5px;
        right: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-LinkBtn a::after {
        width: .9114583333vw;
        height: .9114583333vw;
        right: 6.5104166667vw
    }
}

.sw-LinkBtn a[target=_blank]::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.7692%2014.7925H1.23077V1.20755H8.61539V0H0V16H16V7.54717H14.7692V14.7925Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .sw-LinkBtn a[target=_blank]::before {
        width: 16px;
        height: 16px;
        right: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-LinkBtn a[target=_blank]::before {
        width: 2.8645833333vw;
        height: 2.8645833333vw;
        right: 6.5104166667vw
    }
}

.sw-LinkBtn a[target=_blank]::after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media print,
screen and (min-width:1025px) {
    .sw-LinkBtn a[target=_blank]::after {
        top: calc(50% - 8px)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-LinkBtn a[target=_blank]::after {
        top: calc(50% - .9114583333vw)
    }
}

.sw-LinkBtn a span {
    color: #fef9ec;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .06em;
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_btn_grunge.png) repeat top center/auto, -webkit-gradient(linear, left top, right top, from(#1d2f30), to(#493e15));
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_btn_grunge.png) repeat top center/auto, -webkit-linear-gradient(left, #1d2f30 0, #493e15 100%);
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_btn_grunge.png) repeat top center/auto, linear-gradient(to right, #1d2f30 0, #493e15 100%)
}

@media print,
screen and (min-width:1025px) {
    .sw-LinkBtn a span {
        font-size: 1.8rem;
        border-radius: 24px 0
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-LinkBtn a span {
        font-size: 2.8rem;
        border-radius: 4.4270833333vw 0
    }
}

.sw-LinkBtn a span.en {
    font-family: Montserrat, sans-serif
}

@media (any-hover:hover) {
    .sw-LinkBtn a {
        -webkit-transition: padding .3s;
        transition: padding .3s
    }

    .sw-LinkBtn a span {
        -webkit-transition: border-radius .3s;
        transition: border-radius .3s
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-LinkBtn a:hover {
        padding: 4px
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-LinkBtn a:hover {
        padding: .5208333333vw
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-LinkBtn a:hover span {
        border-radius: 50px 0
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-LinkBtn a:hover span {
        border-radius: 7.8125vw 0
    }
}

body.is-Loading .sw-Tab {
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    body.is-Loading .sw-Tab {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@media print,
screen and (max-width:1024px) {
    body.is-Loading .sw-Tab {
        -webkit-transform: translateY(2.6041666667vw);
        transform: translateY(2.6041666667vw)
    }
}

.sw-Tab {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: opacity 1s .5s, -webkit-transform 1s .5s;
    transition: opacity 1s .5s, -webkit-transform 1s .5s;
    transition: opacity 1s .5s, transform 1s .5s;
    transition: opacity 1s .5s, transform 1s .5s, -webkit-transform 1s .5s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab {
        margin: 80px auto 0;
        gap: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Tab {
        margin: 10.4166666667vw auto 0;
        gap: 5.2083333333vw 3.125vw;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 92.1875vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab.column-2 {
        width: 790px
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab.column-2 .tab-Item {
        width: calc((100% - 30px) * .5)
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab.column-3 {
        max-width: 1280px;
        padding: 0 40px
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab.column-3 .tab-Item {
        width: calc((100% - 30px - 30px) * .333)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Tab .tab-Item {
        width: calc((100% - 3.125vw) * .5)
    }
}

.sw-Tab .tab-Item a {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    line-height: 1;
    letter-spacing: .06em;
    font-weight: 600;
    color: #2d160f
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab .tab-Item a {
        padding: 0 0 26px;
        font-size: 2rem;
        border-bottom: 1px solid rgba(176, 162, 145, .8)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Tab .tab-Item a {
        padding: 0 0 3.90625vw;
        font-size: 2.6rem;
        border-bottom: .2604166667vw solid rgba(176, 162, 145, .8)
    }
}

.sw-Tab .tab-Item a::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background: rgba(176, 162, 145, .8);
    left: 0
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab .tab-Item a::before {
        height: 1px;
        bottom: 4px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Tab .tab-Item a::before {
        height: .2604166667vw;
        bottom: .78125vw
    }
}

.sw-Tab .tab-Item a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2012%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200C5.775%200%205.625%202.17373%205.625%202.17373V8.51324C4.71629%209.74705%203.57372%208.53988%203.70504%207.54842C3.72594%207.39061%203.75281%207.22967%203.77993%207.06725C3.85526%206.61609%203.93249%206.15356%203.88884%205.7152C3.79346%204.75842%202.97742%203.90131%201.93715%203.80829C1.35923%203.75694%200.212222%204.36278%200%205.08822C0.516659%204.5603%201.57777%204.69439%201.81904%204.84661C2.30917%205.15466%202.39507%205.72305%202.21822%206.1803C2.09814%206.49123%201.89304%206.68468%201.67136%206.89378C1.33105%207.21477%200.951637%207.57264%200.780672%208.44902C0.620243%209.27351%200.797726%2010.5661%201.8222%2012.0472C2.35754%2012.8214%202.99199%2013.5195%203.60397%2014.1928C4.73572%2015.4381%205.79061%2016.5987%205.99968%2017.9999C6.20875%2016.5987%207.26365%2015.4381%208.3954%2014.1928C9.00738%2013.5195%209.64183%2012.8214%2010.1772%2012.0472C11.2016%2010.5661%2011.3798%209.27291%2011.2187%208.44902C11.0477%207.57243%2010.6684%207.2146%2010.328%206.89354C10.1065%206.68453%209.90144%206.49111%209.78115%206.1803C9.60429%205.72305%209.69083%205.15466%2010.181%204.84661C10.4222%204.695%2011.4833%204.5609%2012%205.08822C11.7878%204.36278%2010.6414%203.75694%2010.0628%203.80829C9.02321%203.90131%208.20654%204.75842%208.1118%205.7152C8.06812%206.15422%208.14544%206.6171%208.22081%207.06825C8.24789%207.23037%208.27472%207.39098%208.29559%207.54842C8.42694%208.53958%207.28381%209.74748%206.375%208.51235V2.17373C6.375%202.17373%206.225%200%206%200Z%22%20fill%3D%22%230A847D%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .sw-Tab .tab-Item a::after {
        width: 12px;
        height: 18px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Tab .tab-Item a::after {
        width: 2.0833333333vw;
        height: 3.125vw
    }
}

@media (any-hover:hover) {
    .sw-Tab .tab-Item a {
        -webkit-transition: border-color .6s;
        transition: border-color .6s
    }

    .sw-Tab .tab-Item a::before {
        -webkit-transition: background .6s;
        transition: background .6s
    }

    .sw-Tab .tab-Item a::after {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .sw-Tab .tab-Item a:hover {
        border-color: rgba(10, 132, 125, .4)
    }

    .sw-Tab .tab-Item a:hover::before {
        background: rgba(10, 132, 125, .4)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .sw-Tab .tab-Item a:hover::after {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .sw-Tab .tab-Item a:hover::after {
        -webkit-transform: translateY(.78125vw);
        transform: translateY(.78125vw)
    }
}

body.is-Loading .sw-Tab {
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    body.is-Loading .sw-Tab {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@media print,
screen and (max-width:1024px) {
    body.is-Loading .sw-Tab {
        -webkit-transform: translateY(2.6041666667vw);
        transform: translateY(2.6041666667vw)
    }
}

.st-Content {
    padding: 1px;
    background: rgba(176, 162, 145, .4)
}

.st-Content .st-Content_Container {
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/bg_grunge.png) repeat top center/auto, #fef9ec
}

@media print,
screen and (min-width:1025px) {
    .st-Content .st-Content_Container {
        border-radius: 40px 0;
        padding: 80px 40px 100px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .st-Content_Container {
        border-radius: 5.2083333333vw 0;
        padding: 10.4166666667vw 3.90625vw 13.0208333333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Content .st-Content_Inner {
        margin: 0 auto;
        max-width: 960px
    }
}

.sw-Heading {
    line-height: 1.4;
    letter-spacing: .06em;
    text-align: center;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .sw-Heading {
        font-size: 3.2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Heading {
        font-size: 3.6rem
    }
}

.sw-Heading::after,
.sw-Heading::before {
    content: "";
    display: block;
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20307%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20opacity%3D%220.4%22%3E%0A%3Cpath%20d%3D%22M306.002%209L26.002%209.00002%22%20stroke%3D%22%23B0A291%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%220.1%2012%22%2F%3E%0A%3Cpath%20d%3D%22M16%2010.2156C15.3317%2010.3192%2014.6725%2010.4772%2014.0288%2010.6882C13.2716%2010.9044%2012.5349%2011.1896%2011.8276%2011.5406C10.5405%2012.1951%209.26891%2013.2235%209.03901%2014.7642C8.94627%2015.3922%209.03674%2016.0343%209.29908%2016.6099C9.56142%2017.1855%209.98397%2017.6691%2010.5137%2018C10.6392%2015.4387%2013.0509%2011.9124%2016%2010.2156Z%22%20fill%3D%22%23B0A291%22%2F%3E%0A%3Cpath%20d%3D%22M15.9999%207.78491C15.3315%207.68129%2014.6724%207.52319%2014.0286%207.31212C13.2714%207.09589%2012.5347%206.81056%2011.8274%206.45958C10.5402%205.80684%209.26852%204.77633%209.03847%203.23561C8.94567%202.60761%209.03608%201.96557%209.29837%201.38997C9.56066%200.814378%209.98316%200.330848%2010.5129%200C10.6386%202.56126%2013.0507%206.08781%2015.9999%207.78491Z%22%20fill%3D%22%23B0A291%22%2F%3E%0A%3Cpath%20d%3D%22M0%209.00046C0.626128%208.31222%204.12212%206.71433%204.75021%206.56998C6.01992%206.53049%2013.1783%208.50074%2015.9999%209.00126C13.1784%209.49953%206.02015%2011.4691%204.75043%2011.4294C4.12233%2011.287%200.626192%209.68679%200%209.00046Z%22%20fill%3D%22%23B0A291%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat top left/auto 100%;
    top: 50%
}

@media print,
screen and (min-width:1025px) {

    .sw-Heading::after,
    .sw-Heading::before {
        width: 306px;
        height: 18px
    }
}

@media print,
screen and (max-width:1024px) {

    .sw-Heading::after,
    .sw-Heading::before {
        width: 20.3125vw;
        height: 3.2552083333vw
    }
}

.sw-Heading::before {
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sw-Heading::after {
    right: 0;
    -webkit-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1)
}

.sw-Product .product-Heading {
    font-family: Kalnia, serif;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Heading {
        padding: 23px 0 20px;
        font-size: 7.4rem;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/bg_heading.png) no-repeat top center/auto 100%
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Heading {
        padding: 11.0677083333vw 0;
        font-size: 9rem;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/bg_product_heading.png) no-repeat top center/auto 100%
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Inner {
        margin: 30px auto 0;
        max-width: 1280px;
        padding: 0 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Inner {
        margin: -3.125vw auto 0;
        width: 92.1875vw
    }
}

.sw-Product .product-Content {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content {
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/bg_product_paper.png) no-repeat top center/cover;
        -webkit-box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        padding: 100px 60px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Content {
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/bg_product_paper.png) no-repeat top center/cover;
        padding: 10.4166666667vw 7.8125vw 13.0208333333vw;
        -webkit-box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6);
        box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6)
    }
}

.sw-Product .product-Content::after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #d1cab8;
    pointer-events: none
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content::after {
        width: calc(100% - 16px - 16px);
        height: calc(100% - 16px - 16px);
        top: 16px;
        left: 16px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Content::after {
        width: calc(100% - 2.6041666667vw - 2.6041666667vw);
        height: calc(100% - 2.6041666667vw - 2.6041666667vw);
        top: 2.6041666667vw;
        left: 2.6041666667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content .content-Inner {
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        max-width: 972px
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content .product-Image {
        width: 300px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Content .product-Image {
        width: 60.9375vw;
        margin: 0 auto
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content .product-Body {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin-left: 72px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Content .product-Body {
        margin: 8.59375vw 0 0
    }
}

.sw-Product .product-Content .product-Info {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%208%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_70_4)%22%3E%0A%3Cpath%20d%3D%22M1%201H601%22%20stroke%3D%22%23B0A291%22%20stroke-opacity%3D%220.4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%220.1%208%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_70_4%22%3E%0A%3Crect%20width%3D%228%22%20height%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") repeat-x top center/auto 2px
}

.sw-Product .product-Content .product-Info .info-Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%208%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_70_4)%22%3E%0A%3Cpath%20d%3D%22M1%201H601%22%20stroke%3D%22%23B0A291%22%20stroke-opacity%3D%220.4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%220.1%208%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_70_4%22%3E%0A%3Crect%20width%3D%228%22%20height%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") repeat-x bottom center/auto 2px
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content .product-Info .info-Item {
        padding: 30px 0
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Content .product-Info .info-Item {
        padding: 3.90625vw 0
    }
}

.sw-Product .product-Content .product-Info .info-Item dd,
.sw-Product .product-Content .product-Info .info-Item dt {
    line-height: 1.6;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {

    .sw-Product .product-Content .product-Info .info-Item dd,
    .sw-Product .product-Content .product-Info .info-Item dt {
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {

    .sw-Product .product-Content .product-Info .info-Item dd,
    .sw-Product .product-Content .product-Info .info-Item dt {
        font-size: 2.6rem
    }
}

.sw-Product .product-Content .product-Info .info-Item dt {
    font-weight: 500;
    color: rgba(45, 22, 15, .5);
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content .product-Info .info-Item dt {
        width: 126px;
        padding-left: 24px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Content .product-Info .info-Item dt {
        width: 28.90625vw;
        padding-left: 4.1666666667vw
    }
}

.sw-Product .product-Content .product-Info .info-Item dt::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%206.0545C0.543017%205.97396%201.0786%205.85105%201.60162%205.68693C2.21682%205.51881%202.81537%205.29694%203.39008%205.02401C4.43583%204.51488%205.46901%203.71502%205.65581%202.5167C5.73116%202.02826%205.65765%201.52889%205.4445%201.08119C5.23134%200.633479%204.88803%200.257367%204.4576%200C4.35563%201.99208%202.39611%204.73476%200%206.0545Z%22%20fill%3D%22%2309524E%22%2F%3E%0A%3Cpath%20d%3D%22M9.18848e-05%207.94507C0.543117%208.02567%201.07871%208.14863%201.60175%208.3128C2.21696%208.48098%202.81554%208.7029%203.39028%208.97588C4.43608%209.48357%205.46933%2010.2851%205.65624%2011.4834C5.73164%2011.9719%205.65818%2012.4712%205.44507%2012.9189C5.23196%2013.3666%204.88868%2013.7427%204.45828%2014C4.35612%2012.0079%202.39633%209.26504%209.18848e-05%207.94507Z%22%20fill%3D%22%2309524E%22%2F%3E%0A%3Cpath%20d%3D%22M13%206.99964C12.4913%207.53494%209.65078%208.77774%209.14046%208.89001C8.10882%208.92073%202.2926%207.38832%204.11565e-05%206.99902C2.29256%206.61148%208.10863%205.07962%209.14027%205.11043C9.65061%205.22121%2012.4912%206.46583%2013%206.99964Z%22%20fill%3D%22%2309524E%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content .product-Info .info-Item dt::before {
        width: 14px;
        height: 14px;
        top: 6px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Content .product-Info .info-Item dt::before {
        width: 2.8645833333vw;
        height: 2.8645833333vw;
        top: 1.4322916667vw
    }
}

.sw-Product .product-Content .product-Info .info-Item dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Content .product-Info .info-Item dd {
        margin-left: 30px
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Link {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 50px 0 0;
        gap: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Product .product-Link {
        margin: 6.5104166667vw auto 0;
        width: 76.5625vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Product .product-Link .link-Item {
        width: calc((100% - 30px - 30px) * .333)
    }
}

.otgs-development-site-front-end,
.wpml-ls-statics-footer {
    display: none !important
}

.st-Header {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0
}

.st-Header .header-Hamburger {
    position: fixed;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 50%
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger {
        top: -205px;
        left: calc(50% - 140px);
        width: 280px;
        height: 280px;
        padding: 214px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger {
        top: -32.03125vw;
        left: calc(50% - 45.0520833333vw * .5);
        width: 45.0520833333vw;
        height: 45.0520833333vw;
        padding: 34.375vw 0 0
    }
}

.st-Header .header-Hamburger::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/header/bg_hamburger.png) no-repeat bottom center/contain;
    z-index: 1;
    -webkit-animation: rotate 180s infinite linear;
    animation: rotate 180s infinite linear
}

.st-Header .header-Hamburger .line {
    display: inline-block;
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .line {
        width: 54px;
        height: 15px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .line {
        width: 8.59375vw;
        height: 2.4739583333vw
    }
}

.st-Header .header-Hamburger .line::after,
.st-Header .header-Hamburger .line::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    background: #fef9ec;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media print,
screen and (min-width:1025px) {

    .st-Header .header-Hamburger .line::after,
    .st-Header .header-Hamburger .line::before {
        height: 2px
    }
}

@media print,
screen and (max-width:1024px) {

    .st-Header .header-Hamburger .line::after,
    .st-Header .header-Hamburger .line::before {
        height: .2604166667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .line::before {
        -webkit-transform: translateY(calc(-50% - 4px));
        transform: translateY(calc(-50% - 4px))
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .line::before {
        -webkit-transform: translateY(calc(-50% - .6510416667vw));
        transform: translateY(calc(-50% - .6510416667vw))
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .line::after {
        -webkit-transform: translateY(calc(-50% + 5px));
        transform: translateY(calc(-50% + 5px))
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .line::after {
        -webkit-transform: translateY(calc(-50% + .78125vw));
        transform: translateY(calc(-50% + .78125vw))
    }
}

.st-Header .header-Hamburger .text {
    display: block;
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .text {
        margin: 11px auto 0;
        width: 54px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .text {
        margin: 1.5625vw auto 0;
        width: 8.59375vw
    }
}

.st-Header .header-Hamburger .text svg {
    fill: #fef9ec;
    height: auto
}

@media (any-hover:hover) {
    .st-Header .header-Hamburger {
        cursor: pointer;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .st-Header .header-Hamburger:hover {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .st-Header .header-Hamburger:hover {
        -webkit-transform: translateY(.78125vw);
        transform: translateY(.78125vw)
    }
}

.st-Header .header-Overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(176, 162, 145, .96);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    pointer-events: none
}

.st-Header .header-Wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper {
        -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/pc/header/bg_header.png) no-repeat bottom center/cover;
        mask: url(/wp-content/themes/progressorders_v1/assets/images/pc/header/bg_header.png) no-repeat bottom center/cover;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/header/bg_header.png) no-repeat bottom center/cover
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper {
        -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/sp/header/bg_header.png) no-repeat bottom center/cover;
        mask: url(/wp-content/themes/progressorders_v1/assets/images/sp/header/bg_header.png) no-repeat bottom center/cover;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/header/bg_header.png) no-repeat bottom center/cover
    }
}

.st-Header .header-Wrapper .header-Logo {
    position: absolute;
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Logo {
        top: 26px;
        left: 26px;
        width: 160px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Logo {
        top: 2.6041666667vw;
        left: 3.3854166667vw;
        width: 19.53125vw
    }
}

.st-Header .header-Wrapper .header-Logo a {
    display: block
}

@media (any-hover:hover) {
    .st-Header .header-Wrapper .header-Logo a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .st-Header .header-Wrapper .header-Logo a:hover {
        opacity: .7
    }
}

.st-Header .header-Wrapper .sw-Language {
    z-index: 2;
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .sw-Language {
        top: 30px;
        right: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .sw-Language {
        top: 3.90625vw;
        left: calc(100% - 2.6041666667vw);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.st-Header .header-Wrapper .header-Content {
    overflow-y: scroll;
    width: 100%;
    max-height: 95vh;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.st-Header .header-Wrapper .header-Content::-webkit-scrollbar {
    display: none
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Inner {
        padding: 200px 0 257px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Inner {
        padding: 27.34375vw 0 24.7395833333vw
    }
}

.st-Header .header-Wrapper .header-Content .header-Navigation {
    position: relative;
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 50px 10px;
        padding: 0 40px 70px;
        width: 960px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1300px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation {
        gap: 50px 40px;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 0 70px 100px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10.4166666667vw 2.34375vw;
        padding: 0 0 13.0208333333vw 3.90625vw;
        width: 81.7708333333vw
    }
}

.st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item {
    overflow: hidden
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item:nth-of-type(odd) {
        width: calc(50% - 1.171875vw - 3.90625vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item:nth-of-type(even) {
        width: calc(50% - 1.171875vw + 3.90625vw)
    }
}

.st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a {
    font-family: Kalnia, serif;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    letter-spacing: .06em;
    color: #2d160f;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a {
        font-size: 2.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a {
        font-size: 3.8rem
    }
}

.st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a.current {
    color: #c38100
}

.st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a[href=""] {
    color: rgba(45, 22, 15, .2);
    pointer-events: none
}

@media (any-hover:hover) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a {
        position: relative
    }

    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a::after {
        content: "";
        display: block;
        position: absolute;
        background: #2d160f;
        border-radius: 50%;
        top: 0;
        right: 0;
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: transform .3s, opacity .3s;
        transition: transform .3s, opacity .3s, -webkit-transform .3s;
        opacity: 0
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a::after {
        width: 3px;
        height: 3px;
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a::after {
        width: .5208333333vw;
        height: .5208333333vw;
        -webkit-transform: translate(.2604166667vw, .2604166667vw);
        transform: translate(.2604166667vw, .2604166667vw)
    }
}

@media (any-hover:hover) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a.current::after {
        background: #c38100
    }
}

@media (any-hover:hover) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a:hover::after {
        opacity: 1
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a:hover::after {
        -webkit-transform: translate(6px, 0);
        transform: translate(6px, 0)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Navigation .navigation-Item a:hover::after {
        -webkit-transform: translate(.78125vw, 0);
        transform: translate(.78125vw, 0)
    }
}

.st-Header .header-Wrapper .header-Content .header-Sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Sns {
        padding: 60px 0 0;
        width: 960px;
        height: 100px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Sns {
        padding: 7.8125vw 0 0;
        width: 73.9583333333vw;
        height: 15.625vw
    }
}

.st-Header .header-Wrapper .header-Content .header-Sns::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(176, 162, 145, .4);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.st-Header .header-Wrapper .header-Content .header-Sns .sns-Text {
    font-family: Kalnia, serif;
    letter-spacing: .06em;
    line-height: 1;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Text {
        font-size: 2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Text {
        font-size: 3rem
    }
}

.st-Header .header-Wrapper .header-Content .header-Sns .sns-Item {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Item {
        margin-left: 30px;
        width: 40px;
        height: 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Item {
        margin-left: 7.8125vw;
        width: 7.8125vw;
        height: 7.8125vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Item+.sns-Item {
        margin-left: 10px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Item+.sns-Item {
        margin-left: 2.6041666667vw
    }
}

.st-Header .header-Wrapper .header-Content .header-Sns .sns-Item a {
    display: block;
    height: 100%;
    background: #2d160f
}

.st-Header .header-Wrapper .header-Content .header-Sns .sns-Item a.x {
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.5979%2013.1087L21.8521%205.59985H20.37L14.9395%2012.1197L10.6022%205.59985H5.59961L12.1585%2015.459L5.59961%2023.3332H7.08173L12.8165%2016.448L17.397%2023.3332H22.3996L15.5975%2013.1087H15.5979ZM13.5679%2015.5459L12.9034%2014.5641L7.61576%206.75224H9.89222L14.1594%2013.0567L14.8239%2014.0384L20.3707%2022.2332H18.0943L13.5679%2015.5462V15.5459Z%22%20fill%3D%22%23FEF9EC%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.5979%2013.1087L21.8521%205.59985H20.37L14.9395%2012.1197L10.6022%205.59985H5.59961L12.1585%2015.459L5.59961%2023.3332H7.08173L12.8165%2016.448L17.397%2023.3332H22.3996L15.5975%2013.1087H15.5979ZM13.5679%2015.5459L12.9034%2014.5641L7.61576%206.75224H9.89222L14.1594%2013.0567L14.8239%2014.0384L20.3707%2022.2332H18.0943L13.5679%2015.5462V15.5459Z%22%20fill%3D%22%23FEF9EC%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

.st-Header .header-Wrapper .header-Content .header-Sns .sns-Item a.youtube {
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M33.5456%207.94599C35.0376%208.34781%2036.2141%209.52405%2036.6156%2011.0163C37.3619%2013.7419%2037.3332%2019.4232%2037.3332%2019.4232C37.3332%2019.4232%2037.3332%2025.0756%2036.6159%2027.8014C36.2141%2029.2934%2035.0379%2030.4699%2033.5456%2030.8714C30.8198%2031.589%2019.9166%2031.589%2019.9166%2031.589C19.9166%2031.589%209.04185%2031.589%206.28756%2030.843C4.79534%2030.4412%203.6191%2029.2647%203.21728%2027.7727C2.5%2025.0756%202.5%2019.3945%202.5%2019.3945C2.5%2019.3945%202.5%2013.7419%203.21728%2011.0163C3.61883%209.52431%204.82404%208.31911%206.28729%207.91755C9.01315%207.20001%2019.9163%207.20001%2019.9163%207.20001C19.9163%207.20001%2030.8198%207.20001%2033.5456%207.94599ZM25.5105%2019.3957L16.4436%2024.6178V14.1736L25.5105%2019.3957Z%22%20fill%3D%22%232D160F%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M33.5456%207.94599C35.0376%208.34781%2036.2141%209.52405%2036.6156%2011.0163C37.3619%2013.7419%2037.3332%2019.4232%2037.3332%2019.4232C37.3332%2019.4232%2037.3332%2025.0756%2036.6159%2027.8014C36.2141%2029.2934%2035.0379%2030.4699%2033.5456%2030.8714C30.8198%2031.589%2019.9166%2031.589%2019.9166%2031.589C19.9166%2031.589%209.04185%2031.589%206.28756%2030.843C4.79534%2030.4412%203.6191%2029.2647%203.21728%2027.7727C2.5%2025.0756%202.5%2019.3945%202.5%2019.3945C2.5%2019.3945%202.5%2013.7419%203.21728%2011.0163C3.61883%209.52431%204.82404%208.31911%206.28729%207.91755C9.01315%207.20001%2019.9163%207.20001%2019.9163%207.20001C19.9163%207.20001%2030.8198%207.20001%2033.5456%207.94599ZM25.5105%2019.3957L16.4436%2024.6178V14.1736L25.5105%2019.3957Z%22%20fill%3D%22%232D160F%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media (any-hover:hover) {
    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Item a {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .st-Header .header-Wrapper .header-Content .header-Sns .sns-Item a:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.st-Header.open .header-Hamburger .line::before {
    -webkit-transform: translateY(-50%) rotate(15deg);
    transform: translateY(-50%) rotate(15deg)
}

.st-Header.open .header-Hamburger .line::after {
    -webkit-transform: translateY(-50%) rotate(-15deg);
    transform: translateY(-50%) rotate(-15deg)
}

.st-Header.open .header-Overlay {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.st-Header.open .header-Wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.st-Header.open .header-Wrapper .header-Logo {
    -webkit-transition: opacity .5s .35s;
    transition: opacity .5s .35s;
    opacity: 1
}

.st-Header.open .header-Wrapper .sw-Language {
    -webkit-transition: opacity .5s .35s;
    transition: opacity .5s .35s;
    opacity: 1
}

.st-Header.open .header-Wrapper .header-Content .header-Navigation .navigation-Item a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s .35s;
    transition: -webkit-transform .5s .35s;
    transition: transform .5s .35s;
    transition: transform .5s .35s, -webkit-transform .5s .35s
}

.st-Header.open .header-Wrapper .header-Content .header-Sns::after {
    -webkit-transition: -webkit-transform .5s .35s;
    transition: -webkit-transform .5s .35s;
    transition: transform .5s .35s;
    transition: transform .5s .35s, -webkit-transform .5s .35s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.st-Header.open .header-Wrapper .header-Content .header-Sns .sns-Text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s .35s;
    transition: -webkit-transform .5s .35s;
    transition: transform .5s .35s;
    transition: transform .5s .35s, -webkit-transform .5s .35s
}

.st-Header.open .header-Wrapper .header-Content .header-Sns .sns-Item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s .35s;
    transition: -webkit-transform .5s .35s;
    transition: transform .5s .35s;
    transition: transform .5s .35s, -webkit-transform .5s .35s
}

.st-Footer {
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:1025px) {
    .st-Footer {
        padding: 255px 0 90px;
        margin: -255px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer {
        padding: 30.7291666667vw 0 6.5104166667vw;
        margin: -30.7291666667vw 0 0
    }
}

.st-Footer .footer-Background {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Background {
        min-width: 1920px
    }
}

.st-Footer .footer-Background img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.st-Footer .footer-Inner {
    margin: 0 auto;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Inner {
        max-width: 1280px;
        padding: 0 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Inner {
        width: 84.375vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Trademark {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Trademark {
        padding: 0 1.3020833333vw 0 0
    }
}

.st-Footer .footer-Trademark .trademark-Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Trademark .trademark-Item+.trademark-Item {
        margin-left: 60px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Trademark .trademark-Item+.trademark-Item {
        margin-top: 5.2083333333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Trademark .trademark-Item .switch {
        width: 53px;
        margin-right: 22px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Trademark .trademark-Item .switch {
        width: 22.5260416667vw;
        padding: 0 6.1197916667vw 0 7.5520833333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Trademark .trademark-Item .switch+.trademark-Text {
        width: 266px
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Trademark .trademark-Item .steam {
        width: 133px;
        margin-right: 32px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Trademark .trademark-Item .steam {
        width: 22.5260416667vw;
        padding: 0 0 0 1.3020833333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Trademark .trademark-Item .steam+.trademark-Text {
        width: 284px
    }
}

.st-Footer .footer-Trademark .trademark-Item .trademark-Text {
    line-height: 1.6;
    letter-spacing: .04em;
    color: #fef9ec
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Trademark .trademark-Item .trademark-Text {
        font-size: 1.4rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Trademark .trademark-Item .trademark-Text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        font-size: 2rem;
        margin-left: 3.90625vw
    }
}

.st-Footer .footer-Info {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info {
        margin: 44px 0 0;
        padding: 48px 0 0;
        display: grid;
        grid-template-areas: "bushiroadgames share" "link copyright"
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info {
        margin: 9.375vw 0 0
    }
}

.st-Footer .footer-Info::before {
    content: "";
    display: block;
    position: absolute;
    top: 0
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info::before {
        background: -webkit-radial-gradient(top 50% left 50%, circle, rgba(254, 249, 236, .5) 1px, transparent 1px) repeat-x top left/12px auto;
        background: radial-gradient(circle at top 50% left 50%, rgba(254, 249, 236, .5) 1px, transparent 1px) repeat-x top left/12px auto;
        width: calc(100% - 24px - 24px);
        height: 2px;
        left: 24px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info::before {
        background: -webkit-radial-gradient(top 50% left 50%, circle, rgba(254, 249, 236, .5) 1px, transparent 1px) repeat-x top left/1.5625vw auto;
        background: radial-gradient(circle at top 50% left 50%, rgba(254, 249, 236, .5) 1px, transparent 1px) repeat-x top left/1.5625vw auto;
        width: 75vw;
        height: .2604166667vw;
        left: calc(50% - 75vw * .5)
    }
}

.st-Footer .footer-Info::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2017%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0913%2010.2479C15.4229%2010.3514%2014.7638%2010.5095%2014.1201%2010.7205C13.3629%2010.9366%2012.6262%2011.2219%2011.9189%2011.5728C10.6318%2012.2274%209.36019%2013.2558%209.13029%2014.7965C9.03754%2015.4245%209.12802%2016.0665%209.39036%2016.6421C9.6527%2017.2178%2010.0752%2017.7013%2010.605%2018.0322C10.7305%2015.471%2013.1422%2011.9447%2016.0913%2010.2479Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M16.0912%207.81714C15.4228%207.71352%2014.7636%207.55542%2014.1199%207.34435C13.3627%207.12811%2012.626%206.84279%2011.9186%206.4918C10.6315%205.83906%209.3598%204.80856%209.12975%203.26784C9.03695%202.63984%209.12736%201.9978%209.38965%201.4222C9.65194%200.846604%2010.0744%200.363074%2010.6042%200.0322266C10.7299%202.59349%2013.1419%206.12003%2016.0912%207.81714Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M0.0912781%209.03269C0.717406%208.34444%204.2134%206.74656%204.84148%206.60221C6.1112%206.56272%2013.2696%208.53296%2016.0912%209.03349C13.2697%209.53176%206.11143%2011.5013%204.84171%2011.4617C4.21361%2011.3192%200.71747%209.71902%200.0912781%209.03269Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top left/auto 100%, url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2022%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M-0.000244141%2014.1874C0.918709%2014.3312%201.82507%2014.5507%202.71019%2014.8438C3.7513%2015.144%204.76424%2015.5402%205.73682%2016.0276C7.50655%2016.9367%209.255%2018.3651%209.57112%2020.5049C9.69864%2021.3771%209.57424%2022.2689%209.21352%2023.0683C8.8528%2023.8678%208.2718%2024.5394%207.54338%2024.999C7.37082%2021.4417%204.05471%2016.5441%20-0.000244141%2014.1874Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M-8.7738e-05%2010.8114C0.918877%2010.6675%201.82526%2010.4479%202.71041%2010.1547C3.75154%209.85442%204.76452%209.45814%205.73715%208.97066C7.50696%208.06408%209.25554%206.63282%209.57186%204.49293C9.69946%203.62071%209.57515%202.72898%209.2145%201.92954C8.85385%201.1301%208.27291%200.458534%207.54453%20-0.000976562C7.37164%203.55633%204.05508%208.45431%20-8.7738e-05%2010.8114Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M21.9998%2012.4997C21.1388%2011.5438%2016.3318%209.32448%2015.4682%209.124C13.7224%209.06915%203.87954%2011.8056%20-0.000173569%2012.5008C3.87948%2013.1928%2013.7221%2015.9283%2015.4679%2015.8733C16.3315%2015.6754%2021.1387%2013.4529%2021.9998%2012.4997Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top right/auto 100%
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info::after {
        height: 18px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info::after {
        height: 3.2552083333vw
    }
}

.st-Footer .footer-Info .info-Share {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Share {
        grid-area: share;
        margin-left: auto
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Share {
        position: relative;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 6.9010416667vw 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Share::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        background: -webkit-radial-gradient(top 50% left 50%, circle, rgba(254, 249, 236, .5) 1px, transparent 1px) repeat-x top left/1.5625vw auto;
        background: radial-gradient(circle at top 50% left 50%, rgba(254, 249, 236, .5) 1px, transparent 1px) repeat-x top left/1.5625vw auto;
        width: 75vw;
        height: .2604166667vw;
        left: calc(50% - 75vw * .5)
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Share::after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2017%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0913%2010.2479C15.4229%2010.3514%2014.7638%2010.5095%2014.1201%2010.7205C13.3629%2010.9366%2012.6262%2011.2219%2011.9189%2011.5728C10.6318%2012.2274%209.36019%2013.2558%209.13029%2014.7965C9.03754%2015.4245%209.12802%2016.0665%209.39036%2016.6421C9.6527%2017.2178%2010.0752%2017.7013%2010.605%2018.0322C10.7305%2015.471%2013.1422%2011.9447%2016.0913%2010.2479Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M16.0912%207.81714C15.4228%207.71352%2014.7636%207.55542%2014.1199%207.34435C13.3627%207.12811%2012.626%206.84279%2011.9186%206.4918C10.6315%205.83906%209.3598%204.80856%209.12975%203.26784C9.03695%202.63984%209.12736%201.9978%209.38965%201.4222C9.65194%200.846604%2010.0744%200.363074%2010.6042%200.0322266C10.7299%202.59349%2013.1419%206.12003%2016.0912%207.81714Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M0.0912781%209.03269C0.717406%208.34444%204.2134%206.74656%204.84148%206.60221C6.1112%206.56272%2013.2696%208.53296%2016.0912%209.03349C13.2697%209.53176%206.11143%2011.5013%204.84171%2011.4617C4.21361%2011.3192%200.71747%209.71902%200.0912781%209.03269Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top left/auto 100%, url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2022%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M-0.000244141%2014.1874C0.918709%2014.3312%201.82507%2014.5507%202.71019%2014.8438C3.7513%2015.144%204.76424%2015.5402%205.73682%2016.0276C7.50655%2016.9367%209.255%2018.3651%209.57112%2020.5049C9.69864%2021.3771%209.57424%2022.2689%209.21352%2023.0683C8.8528%2023.8678%208.2718%2024.5394%207.54338%2024.999C7.37082%2021.4417%204.05471%2016.5441%20-0.000244141%2014.1874Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M-8.7738e-05%2010.8114C0.918877%2010.6675%201.82526%2010.4479%202.71041%2010.1547C3.75154%209.85442%204.76452%209.45814%205.73715%208.97066C7.50696%208.06408%209.25554%206.63282%209.57186%204.49293C9.69946%203.62071%209.57515%202.72898%209.2145%201.92954C8.85385%201.1301%208.27291%200.458534%207.54453%20-0.000976562C7.37164%203.55633%204.05508%208.45431%20-8.7738e-05%2010.8114Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Cpath%20d%3D%22M21.9998%2012.4997C21.1388%2011.5438%2016.3318%209.32448%2015.4682%209.124C13.7224%209.06915%203.87954%2011.8056%20-0.000173569%2012.5008C3.87948%2013.1928%2013.7221%2015.9283%2015.4679%2015.8733C16.3315%2015.6754%2021.1387%2013.4529%2021.9998%2012.4997Z%22%20fill%3D%22%23FEF9EC%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top right/auto 100%;
        height: 3.2552083333vw
    }
}

.st-Footer .footer-Info .info-Share .share-Text {
    color: #fef9ec;
    font-family: Kalnia, serif;
    letter-spacing: .05em;
    line-height: 1
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Share .share-Text {
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Share .share-Text {
        font-size: 3rem
    }
}

.st-Footer .footer-Info .info-Share .share-Item {
    border-radius: 50%;
    display: block;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Share .share-Item {
        margin-left: 28px;
        width: 58px;
        height: 58px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Share .share-Item {
        margin-left: 7.8125vw;
        width: 13.0208333333vw;
        height: 13.0208333333vw
    }
}

.st-Footer .footer-Info .info-Share .share-Item::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Share .share-Item::before {
        width: 34px;
        height: 34px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Share .share-Item::before {
        width: 6.5104166667vw;
        height: 6.5104166667vw
    }
}

.st-Footer .footer-Info .info-Share .share-Item::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/footer/deco_share_frame.png) no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Share .share-Item+.share-Item {
        margin-left: 14px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Share .share-Item+.share-Item {
        margin-left: 3.90625vw
    }
}

.st-Footer .footer-Info .info-Share .share-Item.x::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.5979%2013.1087L21.8521%205.59985H20.37L14.9395%2012.1197L10.6022%205.59985H5.59961L12.1585%2015.459L5.59961%2023.3332H7.08173L12.8165%2016.448L17.397%2023.3332H22.3996L15.5975%2013.1087H15.5979ZM13.5679%2015.5459L12.9034%2014.5641L7.61576%206.75224H9.89222L14.1594%2013.0567L14.8239%2014.0384L20.3707%2022.2332H18.0943L13.5679%2015.5462V15.5459Z%22%20fill%3D%22%23FEF9EC%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

.st-Footer .footer-Info .info-Share .share-Item.line::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M43.9652%2022.1937C43.9652%2013.2881%2035.4634%206.03589%2024.9997%206.03589C14.5515%206.03589%206.03418%2013.2881%206.03418%2022.1937C6.03418%2030.1825%2012.7764%2036.8617%2021.8855%2038.1223C22.5083%2038.2696%2023.3492%2038.5479%2023.5516%2039.1045C23.7384%2039.612%2023.6762%2040.3978%2023.6139%2040.9053C23.6139%2040.9053%2023.3959%2042.3131%2023.3492%2042.6078C23.2713%2043.1153%2022.9755%2044.5723%2024.9841%2043.6883C27.0084%2042.7879%2035.8994%2036.9436%2039.8856%2032.1306C42.6417%2028.9547%2043.9652%2025.7461%2043.9652%2022.1937ZM17.5723%2027.4814H13.8041C13.2591%2027.4814%2012.8076%2027.0066%2012.8076%2026.4337V18.5267C12.8076%2017.9537%2013.2591%2017.4789%2013.8041%2017.4789C14.3491%2017.4789%2014.8007%2017.9537%2014.8007%2018.5267V25.3859H17.5723C18.1173%2025.3859%2018.5689%2025.8607%2018.5689%2026.4337C18.5689%2027.023%2018.1173%2027.4814%2017.5723%2027.4814ZM21.4651%2026.45C21.4651%2027.023%2021.0135%2027.4977%2020.4685%2027.4977C19.9235%2027.4977%2019.472%2027.023%2019.472%2026.45V18.543C19.472%2017.9701%2019.9235%2017.4953%2020.4685%2017.4953C21.0135%2017.4953%2021.4651%2017.9701%2021.4651%2018.543V26.45ZM30.543%2026.45C30.543%2026.9084%2030.2627%2027.3013%2029.8579%2027.4323C29.7489%2027.465%2029.6554%2027.4814%2029.5464%2027.4814C29.235%2027.4814%2028.9392%2027.3177%2028.7523%2027.0557L24.8907%2021.5552V26.45C24.8907%2027.023%2024.4391%2027.4977%2023.8942%2027.4977C23.3492%2027.4977%2022.8976%2027.023%2022.8976%2026.45V18.543C22.8976%2018.101%2023.1779%2017.6918%2023.5827%2017.5608C23.6917%2017.5281%2023.7852%2017.5117%2023.8942%2017.5117C24.2056%2017.5117%2024.5014%2017.659%2024.6883%2017.9209L28.5499%2023.4378V18.543C28.5499%2017.9701%2029.0014%2017.4953%2029.5464%2017.4953C30.0914%2017.4953%2030.543%2017.9701%2030.543%2018.543V26.45ZM36.6313%2021.4406C37.1762%2021.4406%2037.6278%2021.9154%2037.6278%2022.4883C37.6278%2023.0613%2037.1762%2023.5361%2036.6313%2023.5361H33.8596V25.4023H36.6313C37.1762%2025.4023%2037.6278%2025.8771%2037.6278%2026.45C37.6278%2027.023%2037.1762%2027.4977%2036.6313%2027.4977H32.8631C32.3181%2027.4977%2031.8665%2027.023%2031.8665%2026.45V22.5047V18.543C31.8665%2017.9701%2032.3181%2017.4953%2032.8631%2017.4953H36.6313C37.1762%2017.4953%2037.6278%2017.9701%2037.6278%2018.543C37.6278%2019.116%2037.1762%2019.5907%2036.6313%2019.5907H33.8596V21.457H36.6313V21.4406Z%22%20fill%3D%22%23FEF9EC%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media (any-hover:hover) {
    .st-Footer .footer-Info .info-Share .share-Item:hover::after {
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Bushiroad {
        width: 253px;
        grid-area: bushiroadgames;
        padding: 11px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Bushiroad {
        margin: 8.203125vw auto 0;
        width: 63.0208333333vw
    }
}

.st-Footer .footer-Info .info-Bushiroad a {
    display: block
}

@media (any-hover:hover) {
    .st-Footer .footer-Info .info-Bushiroad a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .st-Footer .footer-Info .info-Bushiroad a:hover {
        opacity: .6
    }
}

.st-Footer .footer-Info .info-Link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Link {
        grid-area: link;
        margin: 48px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Link {
        margin: 7.8125vw 0 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.st-Footer .footer-Info .info-Link a {
    font-family: Kalnia, serif;
    font-weight: 400;
    color: #fef9ec;
    letter-spacing: .04em;
    line-height: 1;
    text-decoration: underline;
    text-decoration-thickness: 1px
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Link a {
        font-size: 1.2rem;
        text-underline-offset: 2px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Link a {
        font-size: 2.4rem;
        text-underline-offset: .2604166667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Link a+a {
        margin-left: 24px
    }
}

@media (any-hover:hover) {
    .st-Footer .footer-Info .info-Link a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .st-Footer .footer-Info .info-Link a:hover {
        opacity: .7
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Copyright {
        grid-area: copyright;
        margin: 42px 0 0 auto
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Share {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .st-Footer .footer-Info .info-Bushiroad {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .st-Footer .footer-Info .info-Link {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .st-Footer .footer-Info .info-Copyright {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Copyright {
        margin: 5.2083333333vw 0 0
    }
}

.st-Footer .footer-Info .info-Copyright p {
    color: rgba(254, 249, 236, .6);
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.6;
    text-align: center
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Info .info-Copyright p {
        font-size: 1.2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Info .info-Copyright p {
        font-size: 2rem
    }
}

.js-Scroll {
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    transition: transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s, -webkit-transform .6s;
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    .js-Scroll {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@media print,
screen and (max-width:1024px) {
    .js-Scroll {
        -webkit-transform: translateY(2.6041666667vw);
        transform: translateY(2.6041666667vw)
    }
}

.js-Scroll.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.index-Hero {
    position: relative
}

.index-Hero::before {
    content: "";
    display: block;
    position: absolute
}

@media print,
screen and (min-width:1025px) {
    .index-Hero::before {
        width: 2936px;
        height: 962px;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/bg_grunge_hero.png) no-repeat top center/contain;
        top: calc(28.125vw + 70px);
        left: calc(50% - 1545px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Hero::before {
        width: 100vw;
        height: 98.5677083333vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/bg_grunge_hero.png) no-repeat top center/contain;
        top: 118.4895833333vw;
        left: 0
    }
}

.index-Hero .hero-Wrapper {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.index-Hero .hero-Visual {
    width: 100vw;
    position: relative
}

.index-Hero .hero-Background {
    position: relative
}

.index-Hero .hero-Background::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

@media print,
screen and (min-width:1025px) {
    .index-Hero .hero-Background::after {
        width: 23.1770833333vw;
        height: 11.8229166667vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/deco_hero_paper.png) no-repeat top left/contain
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Hero .hero-Background::after {
        width: 64.7135416667vw;
        height: 57.8125vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/deco_hero_paper.png) no-repeat top left/contain
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Hero .hero-Background .background-Main {
        height: calc(51.25vw + 70px)
    }
}

.index-Hero .hero-Background img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom center;
    object-position: bottom center
}

.index-Hero .hero-Content {
    position: absolute;
    z-index: 2
}

@media print,
screen and (min-width:1025px) {
    .index-Hero .hero-Content {
        top: 70px;
        left: calc(50% - 46.875vw);
        width: 93.75vw;
        height: 42.1875vw;
        padding: 4px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Hero .hero-Content {
        top: 11.71875vw;
        width: 92.1875vw;
        height: 148.4375vw;
        left: calc(50% - 92.1875vw * .5);
        padding: .5208333333vw
    }
}

.index-Hero .hero-Content::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

@media print,
screen and (min-width:1025px) {
    .index-Hero .hero-Content::after {
        height: 44.4791666667vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/deco_hero_frame.png) no-repeat top center/contain
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Hero .hero-Content::after {
        height: 154.1666666667vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/deco_hero_frame.png) no-repeat top center/contain
    }
}

.index-Hero .hero-Content .hero-Content_Inner {
    position: relative;
    height: 100%;
    background: #fef9ec;
    overflow: hidden
}

@media print,
screen and (min-width:1025px) {
    .index-Hero .hero-Content .hero-Content_Inner {
        border-radius: 1.0416666667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Hero .hero-Content .hero-Content_Inner {
        border-radius: 2.6041666667vw;
        padding: 2.0833333333vw
    }
}

.index-Hero .hero-Content .hero-Image {
    position: relative;
    height: 100%;
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.index-Hero .hero-Content .hero-Logo {
    position: absolute;
    z-index: 1;
    -webkit-transition: opacity 1.2s .8s;
    transition: opacity 1.2s .8s
}

@media print,
screen and (min-width:1025px) {
    .index-Hero .hero-Content .hero-Logo {
        left: calc(50% - 28.6458333333vw * .5);
        bottom: -3.125vw;
        width: 28.6458333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Hero .hero-Content .hero-Logo {
        width: 73.9583333333vw;
        bottom: -2.34375vw;
        left: calc(50% - 73.9583333333vw * .5)
    }
}

.index-Hero .hero-Release {
    -webkit-transition: opacity 1.2s 1s, -webkit-transform 1.2s 1s;
    transition: opacity 1.2s 1s, -webkit-transform 1.2s 1s;
    transition: opacity 1.2s 1s, transform 1.2s 1s;
    transition: opacity 1.2s 1s, transform 1.2s 1s, -webkit-transform 1.2s 1s
}

@media print,
screen and (min-width:1025px) {
    .index-Hero .hero-Release {
        position: relative;
        left: calc(50% - 705px);
        width: 1409px;
        margin: -1.3020833333vw 0 0
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1300px) {
    .index-Hero .hero-Release {
        left: calc(50% - 55.6153846154vw);
        width: 111.2307692308vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Hero .hero-Release {
        margin: 1.8229166667vw 0 0
    }
}

body.is-Loading .index-Hero .hero-Content .hero-Image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

body.is-Loading .index-Hero .hero-Content .hero-Logo {
    opacity: 0
}

body.is-Loading .index-Hero .hero-Release {
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    body.is-Loading .index-Hero .hero-Release {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@media print,
screen and (max-width:1024px) {
    body.is-Loading .index-Hero .hero-Release {
        -webkit-transform: translateY(1.3020833333vw);
        transform: translateY(1.3020833333vw)
    }
}

.index-News {
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:1025px) {
    .index-News {
        margin: 116px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-News {
        margin: 15.625vw 0 0
    }
}

.index-News .news-Inner {
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .index-News .news-Inner {
        max-width: 1280px;
        padding: 0 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media print,
screen and (max-width:1024px) {
    .index-News .news-Inner {
        width: 84.375vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-News .news-Heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.index-News .news-Heading h2 {
    font-family: Kalnia, serif;
    letter-spacing: 0;
    line-height: 1;
    font-weight: 400
}

@media print,
screen and (min-width:1025px) {
    .index-News .news-Heading h2 {
        font-size: 7.4rem;
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-News .news-Heading h2 {
        font-size: 9rem;
        -webkit-transform: translateX(-.5208333333vw);
        transform: translateX(-.5208333333vw)
    }
}

@media print,
screen and (min-width:1025px) {
    .index-News .news-Heading .sw-Btn {
        margin: 30px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-News .news-Heading .sw-Btn {
        margin-left: auto
    }
}

@media print,
screen and (min-width:1025px) {
    .index-News .news-Content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin-left: auto;
        padding: 12px 0 0 20px;
        max-width: 895px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-News .news-Content {
        margin: 6.5104166667vw 0 0
    }
}

.index-News .news-Content .sw-NewsArchive .newsArchive-Item:last-of-type {
    border-bottom: none
}

.index-Story {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .index-Story {
        margin: 48px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story {
        margin: 5.9895833333vw 0 0
    }
}

.index-Story .bg-Story {
    position: absolute;
    -webkit-mask: -webkit-linear-gradient(265deg, #757575 0, #7f7f7f 60%, rgba(127, 127, 127, 0) 80%);
    mask: linear-gradient(185deg, #757575 0, #7f7f7f 60%, rgba(127, 127, 127, 0) 80%);
    top: 0;
    width: 100%
}

@media print,
screen and (min-width:1025px) {
    .index-Story .bg-Story {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        min-width: 1920px;
        height: 1023px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .bg-Story {
        left: 0;
        height: 111.5885416667vw
    }
}

.index-Story .story-Content {
    position: relative;
    z-index: 2;
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content {
        max-width: 1280px;
        padding: 240px 40px 138px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content {
        padding: 24.8697916667vw 0 0
    }
}

.index-Story .story-Content .story-Guide {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: Kalnia, serif;
    line-height: .8;
    letter-spacing: .1em;
    color: #8e6f00;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translateX(100%) rotate(90deg);
    transform: translateX(100%) rotate(90deg)
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content .story-Guide {
        top: 250px;
        right: 40px;
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content .story-Guide {
        top: 24.4791666667vw;
        right: 3.90625vw;
        font-size: 2rem
    }
}

.index-Story .story-Content .story-Guide::after {
    content: "";
    display: block;
    background: #8e6f00;
    height: 1px
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content .story-Guide::after {
        width: 160px;
        margin-left: 16px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content .story-Guide::after {
        width: 22.1354166667vw;
        margin-left: 1.8229166667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content .story-Catch {
        position: relative;
        z-index: 2;
        width: 472px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content .story-Catch {
        width: 84.375vw;
        margin: 0 auto
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content .story-Text {
        position: relative;
        z-index: 2;
        margin: 38px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content .story-Text {
        margin: 7.1614583333vw auto 0;
        width: 84.375vw
    }
}

.index-Story .story-Content .story-Text p {
    line-height: 2.4;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content .story-Text p {
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content .story-Text p {
        font-size: 2.6rem
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content .story-Text p+p {
        margin: 20px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content .story-Text p+p {
        margin: 3.90625vw 0 0
    }
}

.index-Story .story-Content .story-Text p .br {
    display: none
}

@media print,
screen and (min-width:1025px) and (max-width:1300px) {
    .index-Story .story-Content .story-Text p .br {
        display: block
    }
}

.index-Story .story-Content .story-Text p .br_n {
    display: none
}

@media print,
screen and (min-width:1025px) and (max-width:1300px) {
    .index-Story .story-Content .story-Text p .br_n {
        display: inline
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Story .story-Content .story-Image {
        position: absolute;
        top: 243px;
        right: 46px;
        width: 477px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1170px) {
    .index-Story .story-Content .story-Image {
        right: calc(46px + 100vw - 1170px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Story .story-Content .story-Image {
        margin: 6.5104166667vw auto 0;
        width: 82.8125vw
    }
}

.index-Background {
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:1025px) {
    .index-Background {
        margin: -26px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Background {
        margin: 16.40625vw 0 0
    }
}

.index-Background::before {
    content: "";
    display: block;
    position: absolute
}

@media print,
screen and (min-width:1025px) {
    .index-Background::before {
        width: 2996px;
        height: 1314px;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/bg_grunge_character.png) no-repeat top center/contain;
        top: -188px;
        left: calc(50% - 1250px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Background::before {
        width: 85.8072916667vw;
        height: 81.3802083333vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/bg_grunge_character.png) no-repeat top center/contain;
        top: -31.9010416667vw;
        left: 0
    }
}

.index-Background::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%
}

@media print,
screen and (min-width:1025px) {
    .index-Background::after {
        top: 58px;
        height: calc(100% - 58px);
        background: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_map.png) no-repeat bottom 100px right calc(50% - 960px - 122px + 372px)/744px auto, url(/wp-content/themes/progressorders_v1/assets/images/common/bg_sub.png) repeat top center/auto, #ddcfba;
        -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/mask_bg_character.png) no-repeat top center/auto, -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 450px, #000 450px);
        mask: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/mask_bg_character.png) no-repeat top center/auto, linear-gradient(to bottom, rgba(0, 0, 0, 0) 450px, #000 450px)
    }
}

@media print,
screen and (min-width:1921px) {
    .index-Background::after {
        -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/mask_bg_character.png) no-repeat top center/100% 536px, -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 450px, #000 450px);
        mask: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/mask_bg_character.png) no-repeat top center/100% 536px, linear-gradient(to bottom, rgba(0, 0, 0, 0) 450px, #000 450px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Background::after {
        top: 10.6770833333vw;
        height: calc(100% - 10.6770833333vw);
        background: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_map.png) no-repeat bottom 75.1302083333vw right -12.3697916667vw/67.7083333333vw auto, url(/wp-content/themes/progressorders_v1/assets/images/common/bg_sub.png) repeat top center/auto, #ddcfba;
        -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/mask_bg_character.png) no-repeat top center/100% 27.0833333333vw, -webkit-gradient(linear, left top, left bottom, color-stop(23.4375vw, rgba(0, 0, 0, 0)), color-stop(23.4375vw, #000));
        -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/mask_bg_character.png) no-repeat top center/100% 27.0833333333vw, -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 23.4375vw, #000 23.4375vw);
        mask: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/mask_bg_character.png) no-repeat top center/100% 27.0833333333vw, -webkit-gradient(linear, left top, left bottom, color-stop(23.4375vw, rgba(0, 0, 0, 0)), color-stop(23.4375vw, #000));
        mask: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/mask_bg_character.png) no-repeat top center/100% 27.0833333333vw, linear-gradient(to bottom, rgba(0, 0, 0, 0) 23.4375vw, #000 23.4375vw)
    }
}

.index-Background>div {
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:1025px) {
    .index-Character {
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/index/bg_character.png) no-repeat top center/auto
    }
}

@media print,
screen and (min-width:1921px) {
    .index-Character {
        background-size: 100% 592px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character {
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/index/bg_character.png) no-repeat top center/100% auto
    }
}

.index-Character .character-Content {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content {
        max-width: 1280px;
        padding: 282px 40px 0;
        margin: 0 auto
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content {
        padding: 79.5572916667vw 0 0
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Inner {
        width: 600px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1280px) {
    .index-Character .character-Content .character-Inner {
        width: calc(0px + 46.875vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Inner {
        width: 84.375vw;
        margin: 0 auto
    }
}

.index-Character .character-Content .character-Slider {
    overflow: visible
}

.index-Character .character-Content .character-Slider .swiper-slide .character-Visual {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Visual {
        top: -404px;
        right: -960px;
        width: 1440px;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1500px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Visual {
        right: calc(-585px - 25vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Visual {
        top: -81.5104166667vw;
        left: calc(50% - 50vw);
        width: 100vw;
        -webkit-transform: translateX(1.3020833333vw);
        transform: translateX(1.3020833333vw)
    }
}

.index-Character .character-Content .character-Slider .swiper-slide .character-Profile {
    position: relative;
    z-index: 1
}

.index-Character .character-Content .character-Slider .swiper-slide .character-Profile .role span {
    display: inline-block;
    background: #2d160f;
    line-height: 1.2;
    letter-spacing: .06em;
    color: #fef9ec
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .role span {
        font-size: 1.6rem;
        padding: 6px 8px 8px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .role span {
        font-size: 2.6rem;
        padding: 1.3020833333vw 1.5625vw 1.5625vw
    }
}

.index-Character .character-Content .character-Slider .swiper-slide .character-Profile .character-Name {
    letter-spacing: .06em;
    line-height: 1.4;
    border-bottom: 1px solid rgba(176, 162, 145, .4)
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .character-Name {
        font-size: 4rem;
        margin: 20px 0 0;
        padding: 0 0 20px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .character-Name {
        font-size: 5rem;
        margin: 2.0833333333vw 0 0;
        padding: 0 0 2.6041666667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .character-Name span {
        font-size: 1.8rem;
        margin-left: -2px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .character-Name span {
        font-size: 2.8rem
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv {
        margin: 20px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv {
        margin: 2.6041666667vw 0 0
    }
}

.index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv .en {
    font-family: Kalnia, serif;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv .en {
        font-size: 2.4rem
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv .en {
        font-size: 3.4rem
    }
}

.index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv .cv-Name {
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv .cv-Name {
        margin-left: 7px;
        font-size: 2.2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .cv .cv-Name {
        margin-left: 1.0416666667vw;
        font-size: 3.6rem
    }
}

.index-Character .character-Content .character-Slider .swiper-slide .character-Profile .intro {
    line-height: 2;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .intro {
        margin: 34px 0 0;
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Slider .swiper-slide .character-Profile .intro {
        margin: 5.2083333333vw 0 0;
        font-size: 2.6rem
    }
}

.index-Character .character-Content .character-Slider .swiper-slide.swiper-slide-active .character-Visual {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-filter: blur(0);
    filter: blur(0)
}

.index-Character .character-Content .character-Thumbnail {
    overflow: visible
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Thumbnail {
        margin: 62px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Thumbnail {
        margin: 8.0729166667vw 0 0
    }
}

.index-Character .character-Content .character-Thumbnail .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper {
        gap: 8px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper {
        gap: 1.0416666667vw
    }
}

.index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide {
        width: calc((100% - 24px) * .25) !important;
        height: 50px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1280px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide {
        width: 144px !important
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide {
        width: calc((100% - 1.0416666667vw * 3) * .25) !important;
        height: 11.71875vw
    }
}

@media (any-hover:hover) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide {
        cursor: pointer
    }
}

.index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #b0a291;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 2
}

.index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(1)::after,
.index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(3)::after {
    display: block;
    position: absolute;
    left: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none
}

@media print,
screen and (min-width:1025px) {

    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(1)::after,
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(3)::after {
        top: -6px;
        font-size: 1.4rem
    }
}

@media print,
screen and (max-width:1024px) {

    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(1)::after,
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(3)::after {
        top: -1.3020833333vw;
        font-size: 2.4rem
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(1) {
        margin-bottom: 42px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(1) {
        margin-bottom: 7.2916666667vw
    }
}

.index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(1)::after {
    content: "PLAYER"
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(2) {
        margin-right: calc(50% + 4px);
        margin-bottom: 42px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1280px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(2) {
        margin-right: calc(100% - 296px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(2) {
        margin-right: calc(50% - .5208333333vw);
        margin-bottom: 7.2916666667vw
    }
}

.index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide:nth-of-type(3)::after {
    content: "PARTNER"
}

.index-Character .character-Content .character-Thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::before {
    opacity: .6
}

.index-Character .character-Content .sw-Btn {
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:1025px) {
    .index-Character .character-Content .sw-Btn {
        margin: 40px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Character .character-Content .sw-Btn {
        margin: 5.2083333333vw 0 0
    }
}

.index-System {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .index-System {
        margin: 230px 0 0
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1580px) {
    .index-System {
        margin-top: 120px;
        padding: 230px 0 0
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-System {
        padding-top: calc(15.5405405405vw - 92.5px + 6.25vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-System {
        margin: 19.2708333333vw 0 0;
        padding: 30.5989583333vw 0 0
    }
}

.index-System .system-Background {
    display: block;
    position: absolute;
    pointer-events: none
}

@media print,
screen and (min-width:1025px) {
    .index-System .system-Background {
        top: 111px;
        left: calc(50% - 50px - 646px);
        width: 1292px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-System .system-Background {
        top: -14.9739583333vw;
        left: 0;
        width: 100%
    }
}

.index-System .system-Background::after {
    content: "";
    display: block;
    position: absolute;
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/index/deco_feather.png) no-repeat top center/contain;
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
}

@media print,
screen and (min-width:1025px) {
    .index-System .system-Background::after {
        width: 122px;
        height: 447px;
        top: -215px;
        right: -40px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1366px) {
    .index-System .system-Background::after {
        right: calc(-40px - 50vw + 683px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-System .system-Background::after {
        width: 18.75vw;
        height: 68.75vw;
        top: -5.5989583333vw;
        right: 7.03125vw
    }
}

.index-System .system-Tag {
    position: absolute
}

@media print,
screen and (min-width:1025px) {
    .index-System .system-Tag {
        -webkit-transform: rotate(5.7deg);
        transform: rotate(5.7deg);
        top: -101px;
        left: calc(50% - 960px - 73px);
        width: 658px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1680px) {
    .index-System .system-Tag {
        left: calc(50% - 960px - 73px - 50vw + 840px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-System .system-Tag {
        width: 44.4594594595vw;
        left: calc(50% - 960px - 73px - 50vw + 840px + 329px - 22.2297297297vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-System .system-Tag {
        -webkit-transform: rotate(5.7deg);
        transform: rotate(5.7deg);
        top: -2.6041666667vw;
        width: 56.9010416667vw;
        left: -12.5vw
    }
}

.index-System .system-Content {
    position: relative
}

.index-System .system-Content .system-Catch {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (min-width:1025px) {
    .index-System .system-Content .system-Catch {
        width: 708px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-System .system-Content .system-Catch {
        width: 92.1875vw
    }
}

.index-System .system-Content .system-Image {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .index-System .system-Content .system-Image {
        max-width: 1366px;
        margin: 0 auto
    }
}

@media print,
screen and (max-width:1024px) {
    .index-System .system-Content .system-Image {
        margin: .6510416667vw auto 0
    }
}

.index-System .system-Content .sw-Btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media print,
screen and (min-width:1025px) {
    .index-System .system-Content .sw-Btn {
        margin: 20px 0 0
    }
}

.index-Movie {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .index-Movie {
        margin: 238px 0 0;
        padding: 0 0 72px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie {
        padding: 0 0 4.8648648649vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie {
        margin: 31.3802083333vw 0 0;
        padding: 0 0 10.4166666667vw
    }
}

.index-Movie .movie-Anchor {
    position: absolute;
    left: 0
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Anchor {
        top: -180px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Anchor {
        top: -26.0416666667vw
    }
}

.index-Movie .movie-Inner {
    margin: 0 auto;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Inner {
        width: 1400px;
        height: 795px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Inner {
        width: 94.5945945946vw;
        height: 53.7162162162vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Inner {
        width: 97.3958333333vw;
        height: 60.546875vw
    }
}

.index-Movie .movie-Background {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.index-Movie .movie-Background::before,
.index-Movie .movie-Background:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform-origin: center;
    transform-origin: center
}

@media print,
screen and (min-width:1025px) {

    .index-Movie .movie-Background::before,
    .index-Movie .movie-Background:after {
        -webkit-box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        border-radius: 10px;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/bg_paper.png) no-repeat top center/101% 101%
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {

    .index-Movie .movie-Background::before,
    .index-Movie .movie-Background:after {
        -webkit-box-shadow: 0 0 .6756756757vw rgba(179, 176, 162, .6);
        box-shadow: 0 0 .6756756757vw rgba(179, 176, 162, .6);
        border-radius: .6756756757vw
    }
}

@media print,
screen and (max-width:1024px) {

    .index-Movie .movie-Background::before,
    .index-Movie .movie-Background:after {
        -webkit-box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6);
        box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6);
        border-radius: .78125vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/bg_paper.png) no-repeat top center/101% 101%
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Background::before {
        -webkit-transform: translate(-82px, 9px) rotate(-2deg);
        transform: translate(-82px, 9px) rotate(-2deg)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Background::before {
        -webkit-transform: translate(-5.5405405405vw, .6081081081vw) rotate(-2deg);
        transform: translate(-5.5405405405vw, .6081081081vw) rotate(-2deg)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Background::before {
        -webkit-transform: translate(.6510416667vw, 1.3020833333vw) rotate(-3deg);
        transform: translate(.6510416667vw, 1.3020833333vw) rotate(-3deg)
    }
}

.index-Movie .movie-Background::after {
    z-index: 1
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Background::after {
        -webkit-transform: translate(-135px, -18px);
        transform: translate(-135px, -18px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Background::after {
        -webkit-transform: translate(-9.1216216216vw, -1.2162162162vw);
        transform: translate(-9.1216216216vw, -1.2162162162vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Background::after {
        -webkit-transform: translate(-13.0208333333vw, -1.8229166667vw);
        transform: translate(-13.0208333333vw, -1.8229166667vw)
    }
}

.index-Movie .movie-Background span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 2;
    -webkit-transform-origin: center;
    transform-origin: center
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Background span {
        -webkit-transform: translate(95px, -18px) rotate(2deg);
        transform: translate(95px, -18px) rotate(2deg);
        -webkit-box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        border-radius: 10px;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/bg_paper.png) no-repeat top center/101% 101%
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Background span {
        -webkit-transform: translate(6.4189189189vw, -1.2162162162vw) rotate(2deg);
        transform: translate(6.4189189189vw, -1.2162162162vw) rotate(2deg);
        -webkit-box-shadow: 0 0 .6756756757vw rgba(179, 176, 162, .6);
        box-shadow: 0 0 .6756756757vw rgba(179, 176, 162, .6);
        border-radius: .6756756757vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Background span {
        -webkit-transform: translate(5.46875vw, -1.0416666667vw) rotate(4deg);
        transform: translate(5.46875vw, -1.0416666667vw) rotate(4deg);
        -webkit-box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6);
        box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6);
        border-radius: .78125vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/bg_paper.png) no-repeat top center/101% 101%
    }
}

.index-Movie .movie-Tag {
    position: absolute;
    z-index: 2;
    will-change: filter;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Tag {
        width: 655px;
        top: -270px;
        right: -320px;
        -webkit-transform: rotate(-5.4deg);
        transform: rotate(-5.4deg);
        -webkit-filter: drop-shadow(0 9px 10px rgba(179, 176, 162, .3));
        filter: drop-shadow(0 9px 10px rgba(179, 176, 162, .3))
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1680px) {
    .index-Movie .movie-Tag {
        right: calc(520px - 50vw)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Tag {
        width: 44.2567567568vw;
        top: -18.2432432432vw;
        right: -14.8648648649vw;
        -webkit-filter: drop-shadow(0 .6081081081vw .6756756757vw rgba(179, 176, 162, .3));
        filter: drop-shadow(0 .6081081081vw .6756756757vw rgba(179, 176, 162, .3))
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Tag {
        width: 61.1979166667vw;
        top: -29.9479166667vw;
        right: -9.1145833333vw;
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
        -webkit-filter: drop-shadow(0 1.171875vw 1.3020833333vw rgba(179, 176, 162, .3));
        filter: drop-shadow(0 1.171875vw 1.3020833333vw rgba(179, 176, 162, .3))
    }
}

.index-Movie .movie-Content {
    position: relative;
    z-index: 3
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content {
        padding: 60px 100px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content {
        padding: 4.0540540541vw 6.7567567568vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content {
        padding: 6.5104166667vw
    }
}

.index-Movie .movie-Content::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform-origin: center;
    transform-origin: center
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content::before {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        box-shadow: 0 0 10px rgba(179, 176, 162, .6);
        border-radius: 10px;
        background: url(/wp-content/themes/progressorders_v1/assets/images/pc/bg_paper.png) no-repeat top center/101% 101%
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content::before {
        -webkit-box-shadow: 0 0 .6756756757vw rgba(179, 176, 162, .6);
        box-shadow: 0 0 .6756756757vw rgba(179, 176, 162, .6);
        border-radius: .6756756757vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content::before {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        -webkit-box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6);
        box-shadow: 0 0 1.3020833333vw rgba(179, 176, 162, .6);
        border-radius: .78125vw;
        background: url(/wp-content/themes/progressorders_v1/assets/images/sp/bg_paper.png) no-repeat top center/101% 101%
    }
}

.index-Movie .movie-Content .movie-Slider {
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Slider {
        border-radius: 6px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Slider {
        border-radius: .4054054054vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Slider {
        border-radius: 1.0416666667vw
    }
}

.index-Movie .movie-Content .movie-Slider::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(45, 22, 15, .6)
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Slider::after {
        border: 3px solid #b0a291
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Slider::after {
        border: .2027027027vw solid #b0a291
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Slider::after {
        border: .390625vw solid #b0a291
    }
}

.index-Movie .movie-Content .movie-Slider .movie-Deco {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.index-Movie .movie-Content .movie-Slider .movie-Deco::after,
.index-Movie .movie-Content .movie-Slider .movie-Deco::before {
    content: "";
    display: block;
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2070%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36.2768%2010.1056C34.2748%2010.8164%2032.3947%2011.8347%2030.7037%2013.1241C29.2034%2014.2733%2027.8081%2015.5544%2026.5343%2016.9522C24.6596%2019.0379%2022.8906%2021.2169%2021.2339%2023.4808C19.4552%2025.8425%2017.856%2027.954%2017.3244%2028.7166C15.2431%2031.7892%2014.2339%2034.9546%2016.4539%2032.2074C17.9811%2030.1979%2019.7947%2028.4252%2021.8364%2026.946C23.458%2026.1832%2025.1359%2025.5473%2026.8551%2025.0441C29.3225%2024.0201%2031.1982%2024.7509%2030.7247%2023.3373C30.2058%2021.4793%2027.0987%2020.8289%2026.483%2021.4454C28.3135%2019.3924%2030.3114%2017.4963%2032.4561%2015.7768C34.8509%2014.0102%2037.6801%2012.9319%2040.6396%2012.6578C42.1297%2012.4477%2043.6464%2012.5339%2045.1033%2012.9115C46.0416%2013.1737%2046.9151%2013.6293%2047.668%2014.2495C48.4594%2014.9039%2049.0802%2015.7419%2049.4767%2016.691C49.8286%2017.4989%2049.9827%2018.3795%2049.9261%2019.2594C49.8696%2020.1393%2049.6041%2020.9928%2049.1517%2021.7486C48.7987%2022.3365%2048.2891%2022.8137%2047.6803%2023.1263C47.0715%2023.4389%2046.3877%2023.5746%2045.7062%2023.5179C43.706%2023.3299%2042.8986%2022.6291%2044.3882%2025.1906C44.7873%2025.8845%2043.832%2026.2758%2042.6874%2025.9165C42.0767%2025.7088%2041.5259%2025.3541%2041.0832%2024.8835C40.6406%2024.4129%2040.3194%2023.8407%2040.1479%2023.2168C39.5864%2021.1724%2039.3051%2021.1894%2038.9383%2022.2946C38.7152%2023.0189%2038.6037%2023.7732%2038.6077%2024.5313C38.5795%2025.4214%2038.7623%2026.3055%2039.1412%2027.1109C39.5201%2027.9162%2040.0841%2028.6197%2040.7869%2029.1634C41.4897%2029.7071%2042.3111%2030.0755%2043.1836%2030.2382C44.056%2030.4009%2044.9544%2030.3532%2045.8049%2030.0992C47.2617%2029.8151%2048.6277%2029.1795%2049.785%2028.2472C50.9331%2027.3369%2051.8798%2026.1969%2052.5651%2024.8995C53.7624%2022.7131%2054.1779%2020.1813%2053.7423%2017.725C53.4689%2016.2767%2052.8918%2014.9032%2052.0494%2013.6956C51.2071%2012.488%2050.1186%2011.474%2048.8561%2010.7206C46.6894%209.48117%2044.2005%208.92663%2041.7148%209.12941C41.1591%209.17548%2040.7476%209.21913%2040.331%209.28202C39.8928%209.33876%2039.4578%209.4175%2039.0275%209.51796C38.0984%209.6512%2037.1794%209.84754%2036.2768%2010.1056Z%22%20fill%3D%22%23B0A291%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M32.3477%209.34736C29.0472%2012.8317%2026.0582%2016.6005%2023.4151%2020.6101C21.851%2022.7825%2019.3477%2026.6677%2016.9837%2029.8392C15.9548%2031.2325%2014.8373%2032.5578%2013.6383%2033.8066C12.9697%2034.4935%2012.2627%2035.1416%2011.5207%2035.7478C10.3191%2036.7436%209.04052%2037.6418%207.6971%2038.4342C7.30899%2038.6591%207.13969%2038.8708%207.33288%2038.9536C7.90862%2039.0597%208.50303%2038.9821%209.03253%2038.7316C10.6997%2038.1865%2012.2443%2037.3189%2013.5793%2036.178C16.3826%2033.6596%2018.869%2030.8071%2020.9833%2027.6838C23.5576%2024.1469%2026.2312%2020.2767%2028.9097%2017.1177C30.9593%2014.5699%2033.3239%2012.2944%2035.9461%2010.346C37.7299%209.09199%2039.6718%208.08129%2041.7208%207.34054C43.8704%206.5664%2046.137%206.17001%2048.4208%206.16867C50.3277%206.11998%2052.2247%206.46002%2053.9969%207.16833C55.7691%207.87663%2057.3797%208.93844%2058.7313%2010.2895C59.8678%2011.5624%2060.8001%2011.8337%2061.288%2011.3887C61.7759%2010.9437%2061.7671%209.74766%2060.6258%208.18537C59.6752%207.02821%2058.4818%206.09592%2057.1308%205.45501C55.5324%204.65819%2053.8245%204.10521%2052.0634%203.81436C49.8559%203.44262%2047.6033%203.42735%2045.391%203.76918C48.3568%202.77573%2051.5118%202.48652%2054.6078%202.92427C56.7616%203.22103%2058.8332%203.95317%2060.6971%205.07641C63.2524%206.72891%2065.2352%209.13494%2066.3732%2011.964C67.1926%2013.8101%2068.3424%2014.1502%2069.1693%2013.3951C69.9963%2012.6399%2070.4483%2010.7549%2069.3473%208.08187C67.4161%203.48771%2062.298%200.99995%2057.0662%200.282349C52.5244%20-0.384029%2047.8882%200.133835%2043.6035%201.78613C39.3653%203.48755%2035.5306%206.06359%2032.3477%209.34736Z%22%20fill%3D%22%23B0A291%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.4776%2035.6965C11.4617%2037.1435%2010.0757%2038.2887%208.46567%2039.0113C7.28385%2039.5304%206.02437%2039.8489%204.7386%2039.9538C3.78545%2040.0355%202.82613%2040.0088%201.87896%2039.8741C0.289731%2039.5291%20-0.72443%2038.4125%200.635232%2038.6959C2.47107%2038.8671%204.32249%2038.6764%206.08542%2038.1345C7.44794%2037.7153%208.67795%2036.9466%209.65395%2035.9044C10.3203%2035.1838%2010.8332%2034.3343%2011.1611%2033.4079C11.4622%2032.537%2011.4073%2031.5817%2011.0084%2030.7513C10.6095%2029.9208%209.89911%2029.2828%209.03264%2028.9768C8.16237%2028.5884%208.24748%2027.8087%209.13235%2027.1823C9.73877%2026.8309%207.49939%2027.1548%206.34215%2026.6892C5.87926%2026.503%205.88475%2026.1752%206.36101%2025.8505C6.69811%2025.6516%207.05703%2025.4926%207.43065%2025.3767C8.00662%2025.1539%208.62046%2025.0463%209.23758%2025.06C10.1852%2025.0261%2011.1182%2025.3026%2011.8955%2025.8476C12.6729%2026.3927%2013.2525%2027.1767%2013.5468%2028.0814C13.995%2029.2374%2014.1579%2030.4851%2014.0215%2031.7179C13.8357%2033.1501%2013.3058%2034.5155%2012.4776%2035.6965Z%22%20fill%3D%22%23B0A291%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {

    .index-Movie .movie-Content .movie-Slider .movie-Deco::after,
    .index-Movie .movie-Content .movie-Slider .movie-Deco::before {
        width: 70px;
        height: 40px
    }
}

@media print,
screen and (max-width:1024px) {

    .index-Movie .movie-Content .movie-Slider .movie-Deco::after,
    .index-Movie .movie-Content .movie-Slider .movie-Deco::before {
        width: 9.1145833333vw;
        height: 5.2083333333vw
    }
}

.index-Movie .movie-Content .movie-Slider .movie-Deco::before {
    top: 0;
    left: 0
}

.index-Movie .movie-Content .movie-Slider .movie-Deco::after {
    bottom: 0;
    right: 0;
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.index-Movie .movie-Content .movie-Slider .movie-Btn {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Slider .movie-Btn {
        width: 160px;
        height: 160px;
        border: 3px solid #e4d4bb
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Slider .movie-Btn {
        width: 10.8108108108vw;
        height: 10.8108108108vw;
        border: .2027027027vw solid #e4d4bb
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Slider .movie-Btn {
        width: 18.359375vw;
        height: 18.359375vw;
        border: .3385416667vw solid #e4d4bb
    }
}

.index-Movie .movie-Content .movie-Slider .movie-Btn::after,
.index-Movie .movie-Content .movie-Slider .movie-Btn::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e4d4bb;
    top: 0;
    left: 0
}

.index-Movie .movie-Content .movie-Slider .movie-Btn::before {
    -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_movie_frame.png) no-repeat top center/contain;
    mask: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_movie_frame.png) no-repeat top center/contain
}

.index-Movie .movie-Content .movie-Slider .movie-Btn::after {
    -webkit-mask: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_movie_arrow.png) no-repeat top center/contain;
    mask: url(/wp-content/themes/progressorders_v1/assets/images/common/deco_movie_arrow.png) no-repeat top center/contain
}

.index-Movie .movie-Content .movie-Slider .swiper {
    z-index: 1
}

@media (any-hover:hover) {
    .index-Movie .movie-Content .movie-Slider .movie-Btn {
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s
    }

    .index-Movie .movie-Content .movie-Slider .swiper-slide {
        cursor: pointer
    }

    .index-Movie .movie-Content .movie-Slider .swiper-slide .movie-Thumbnail {
        overflow: hidden;
        aspect-ratio: 16/9
    }

    .index-Movie .movie-Content .movie-Slider .swiper-slide .movie-Thumbnail img {
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s;
        -o-object-fit: cover;
        object-fit: cover
    }

    .index-Movie .movie-Content .movie-Slider:hover .movie-Btn {
        -webkit-transform: translate(-50%, -50%) scale(.9);
        transform: translate(-50%, -50%) scale(.9)
    }

    .index-Movie .movie-Content .movie-Slider:hover .movie-Btn::before {
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .index-Movie .movie-Content .movie-Slider:hover .swiper-slide .movie-Thumbnail img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
}

.index-Movie .movie-Content .movie-Navigation {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Navigation {
        bottom: -48px;
        right: 102px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Navigation {
        bottom: -3.2432432432vw;
        right: 6.8918918919vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Navigation {
        bottom: -7.5520833333vw;
        right: 6.5104166667vw
    }
}

.index-Movie .movie-Content .movie-Navigation.hidden {
    display: none
}

.index-Movie .movie-Content .movie-Navigation.hidden+.movie-Pagination {
    display: none
}

@media print,
screen and (min-width:1025px) {

    .index-Movie .movie-Content .movie-Navigation .slide-Next,
    .index-Movie .movie-Content .movie-Navigation .slide-Prev {
        width: 67px;
        height: 21px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {

    .index-Movie .movie-Content .movie-Navigation .slide-Next,
    .index-Movie .movie-Content .movie-Navigation .slide-Prev {
        width: 4.527027027vw;
        height: 1.4189189189vw
    }
}

@media print,
screen and (max-width:1024px) {

    .index-Movie .movie-Content .movie-Navigation .slide-Next,
    .index-Movie .movie-Content .movie-Navigation .slide-Prev {
        width: 9.765625vw;
        height: 3.125vw
    }
}

@media (any-hover:hover) {

    .index-Movie .movie-Content .movie-Navigation .slide-Next,
    .index-Movie .movie-Content .movie-Navigation .slide-Prev {
        cursor: pointer;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
}

.index-Movie .movie-Content .movie-Navigation .slide-Prev {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2067%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_81_399)%22%3E%0A%3Cmask%20id%3D%22mask0_81_399%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2267%22%20height%3D%2221%22%3E%0A%3Cpath%20d%3D%22M1.29471%2012.0188C18.7672%2010.8445%2054.3195%2010.0214%2065.4989%207.25717M1.29471%2012.0188L22.4602%201.77372M1.29471%2012.0188L24.352%2019.7731%22%20stroke%3D%22%239F9992%22%20stroke-width%3D%222.38333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23mask0_81_399)%22%3E%0A%3Crect%20x%3D%22-59.0078%22%20y%3D%22-29.4668%22%20width%3D%22201.094%22%20height%3D%22170.93%22%20transform%3D%22rotate(-6%20-59.0078%20-29.4668)%22%20fill%3D%22%232D160F%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_81_399%22%3E%0A%3Crect%20width%3D%2267%22%20height%3D%2221%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Navigation .slide-Prev {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Navigation .slide-Prev {
        -webkit-transform: translateY(.2604166667vw);
        transform: translateY(.2604166667vw)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Navigation .slide-Prev:hover {
        -webkit-transform: translateY(2px) scale(1.1);
        transform: translateY(2px) scale(1.1)
    }
}

@media print and (any-hover:hover),
screen and (any-hover:hover) and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Navigation .slide-Prev:hover {
        -webkit-transform: translateY(.2604166667vw) scale(1.1);
        transform: translateY(.2604166667vw) scale(1.1)
    }
}

.index-Movie .movie-Content .movie-Navigation .slide-Next {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2067%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cmask%20id%3D%22m%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2267%22%20height%3D%2221%22%3E%0A%3Cpath%20d%3D%22M65.4783%207.29221C48.1434%209.77636%2013.1969%2016.363%201.687%2015.9835M65.4783%207.29221L42.6452%201.6716M65.4783%207.29221L44.537%2019.671%22%20stroke%3D%22white%22%20stroke-width%3D%222.38334%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23m)%22%3E%3Crect%20width%3D%22201%22%20height%3D%22171%22%20transform%3D%22matrix(-0.99%200.1%200.1%200.99%20115%20-45)%22%20fill%3D%22%232D160F%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Crect%20width%3D%2267%22%20height%3D%2221%22%20fill%3D%22white%22%20transform%3D%22matrix(-1%200%200%201%2067%200)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Navigation .slide-Next {
        margin-left: 20px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Navigation .slide-Next {
        margin-left: 1.3513513514vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Navigation .slide-Next {
        margin-left: 2.8645833333vw
    }
}

@media (any-hover:hover) {
    .index-Movie .movie-Content .movie-Navigation .slide-Next:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.index-Movie .movie-Content .movie-Pagination {
    position: absolute;
    pointer-events: none;
    z-index: 2;
    background: url(/wp-content/themes/progressorders_v1/assets/images/common/index/deco_movie_page.png) no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Pagination {
        width: 260px;
        height: 199px;
        bottom: -112px;
        left: 40px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Pagination {
        width: 17.5675675676vw;
        height: 13.4459459459vw;
        bottom: -7.5675675676vw;
        left: 2.7027027027vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Pagination {
        width: 32.9427083333vw;
        height: 25.2604166667vw;
        bottom: -15.8854166667vw;
        left: 0
    }
}

.index-Movie .movie-Content .movie-Pagination .current {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #20565e;
    font-family: Kalnia, serif;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Pagination .current {
        font-size: 2.8rem;
        -webkit-transform: translate(-31px, -23px);
        transform: translate(-31px, -23px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Pagination .current {
        font-size: 1.8918918919vw;
        -webkit-transform: translate(-2.0945945946vw, -1.5540540541vw);
        transform: translate(-2.0945945946vw, -1.5540540541vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Pagination .current {
        font-size: 3.8rem;
        -webkit-transform: translate(-5.9895833333vw, -3.90625vw);
        transform: translate(-5.9895833333vw, -3.90625vw)
    }
}

.index-Movie .movie-Content .movie-Pagination .line {
    position: absolute;
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2033%2031%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M32.4794%200.498459C27.3797%205.43777%2022.6833%2010.7688%2017.703%2015.818C15.1901%2018.3688%2012.5866%2020.8337%209.84703%2023.1338C7.10747%2025.4339%204.03143%2027.2897%201.16062%2029.4489C1.04037%2029.5192%200.95295%2029.6344%200.917595%2029.7693C0.88224%2029.9041%200.901844%2030.0474%200.972096%2030.1678C1.04235%2030.2881%201.15749%2030.3756%201.2922%2030.411C1.42691%2030.4464%201.57014%2030.4268%201.6904%2030.3565C4.76405%2028.9879%207.5227%2026.6305%2010.0928%2024.488C12.924%2022.0903%2015.6298%2019.548%2018.1993%2016.8713C23.2513%2011.6836%2027.9214%206.1543%2032.8302%200.837615C32.8751%200.79264%2032.9004%200.731649%2032.9004%200.668044C32.9004%200.60444%2032.8751%200.543435%2032.8302%200.498459C32.7853%200.453484%2032.7243%200.428223%2032.6608%200.428223C32.5972%200.428223%2032.5363%200.453484%2032.4913%200.498459H32.4794Z%22%20fill%3D%22%232D160F%22%20fill-opacity%3D%220.2%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Pagination .line {
        width: 32px;
        height: 30px;
        top: 96px;
        left: 115px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Pagination .line {
        width: 2.1621621622vw;
        height: 2.027027027vw;
        top: 6.4864864865vw;
        left: 7.7702702703vw
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Pagination .line {
        width: 6.5104166667vw;
        height: 5.9895833333vw;
        top: 10.8072916667vw;
        left: 13.4114583333vw
    }
}

.index-Movie .movie-Content .movie-Pagination .total {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #2d160f;
    font-family: Kalnia, serif;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1
}

@media print,
screen and (min-width:1025px) {
    .index-Movie .movie-Content .movie-Pagination .total {
        font-size: 2.2rem;
        -webkit-transform: translate(8px, 16px);
        transform: translate(8px, 16px)
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1480px) {
    .index-Movie .movie-Content .movie-Pagination .total {
        font-size: 1.4864864865vw;
        -webkit-transform: translate(.5405405405vw, 1.0810810811vw);
        transform: translate(.5405405405vw, 1.0810810811vw)
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Movie .movie-Content .movie-Pagination .total {
        font-size: 2.8rem;
        -webkit-transform: translate(1.953125vw, 1.0416666667vw);
        transform: translate(1.953125vw, 1.0416666667vw)
    }
}

@media print,
screen and (min-width:1025px) {
    .index-Product {
        margin: 118px 0 0;
        padding: 0 0 305px
    }
}

@media print,
screen and (max-width:1024px) {
    .index-Product {
        margin: 8.4635416667vw 0 0;
        padding: 0 0 41.1458333333vw
    }
}