@charset "UTF-8";

/*! 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 loop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes loop {
    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: #53608c;
    font-weight: 400
}

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

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

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

    .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;
    height: auto;
    max-width: 100%
}

img:not(.st-Content .content-Body img) {
    width: 100%;
    height: 100%
}

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

*:focus {
    outline: 0
}

a {
    color: #fff;
    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-Background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1
}

.st-Background img {
    -o-object-fit: cover;
    object-fit: cover
}

.st-Wrapper {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.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(83, 96, 140, .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: 36px;
        right: 36px
    }
}

@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-Btn a {
    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;
    background: -webkit-gradient(linear, left top, right top, color-stop(1.23%, #adc9ff), color-stop(97.55%, #7ed6ff));
    background: -webkit-linear-gradient(left, #adc9ff 1.23%, #7ed6ff 97.55%);
    background: linear-gradient(90deg, #adc9ff 1.23%, #7ed6ff 97.55%);
    font-family: Philosopher, serif;
    line-height: 1;
    letter-spacing: .04em;
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .sw-Btn a {
        border-radius: 70px;
        width: 230px;
        height: 61px;
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn a {
        border-radius: 15.625vw;
        width: 41.6666666667vw;
        height: 11.71875vw;
        font-size: 2.8rem
    }
}

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

    .sw-Btn a:hover {
        opacity: .6
    }
}

.sub-Logo {
    position: absolute;
    z-index: 2
}

@media print,
screen and (min-width:1025px) {
    .sub-Logo {
        top: 20px;
        left: 20px;
        width: 180px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Logo {
        top: 3.90625vw;
        left: 3.90625vw;
        width: 29.9479166667vw
    }
}

.sub-Logo a {
    display: block;
    height: 100%
}

@media (any-hover:hover) {
    .sub-Logo a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .sub-Logo a:hover {
        opacity: .6
    }
}

@media print,
screen and (min-width:1025px) {
    .sub-Language {
        position: absolute;
        z-index: 2;
        top: 30px;
        right: 146px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Language {
        display: none
    }
}

.sub-Language .wpml-ls {
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media print,
screen and (min-width:1025px) {
    .sub-Language .wpml-ls ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        background: rgba(255, 255, 255, .8);
        padding: 4px;
        border-radius: 70px
    }
}

@media print,
screen and (min-width:1025px) {
    .sub-Language .wpml-ls ul li a {
        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;
        color: #53608c;
        width: 52px;
        height: 26px;
        border-radius: 40px
    }
}

@media print,
screen and (min-width:1025px) {
    .sub-Language .wpml-ls ul li a span {
        font-family: Philosopher, serif;
        letter-spacing: 0;
        font-weight: 700;
        font-size: 1.4rem
    }
}

@media (any-hover:hover) {
    .sub-Language .wpml-ls ul li a span {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .sub-Language .wpml-ls ul li a:hover span {
        opacity: .5
    }
}

.sub-Language .wpml-ls ul li.wpml-ls-current-language a {
    pointer-events: none;
    background: #53608c;
    color: rgba(255, 255, 255, .8)
}

.is-Loading .sub-Page .sub-Heading {
    opacity: 0
}

.is-Loading .sub-Page .sub-Heading+div {
    opacity: 0
}

@media print,
screen and (min-width:1025px) {
    .is-Loading .sub-Page .sub-Heading+div {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@media print,
screen and (max-width:1024px) {
    .is-Loading .sub-Page .sub-Heading+div {
        -webkit-transform: translateY(2.6041666667vw);
        transform: translateY(2.6041666667vw)
    }
}

.sub-Page {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .sub-Page {
        padding: 150px 0 400px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Page {
        padding: 26.0416666667vw 0 44.2708333333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sub-Page::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        left: 0;
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/deco_sub_left.png) repeat-y top left/100% auto;
        top: 220px;
        width: 475px;
        height: calc(100% - 220px)
    }
}

@media print,
screen and (min-width:1025px) {
    .sub-Page::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/deco_sub_right.png) repeat-y top right/100% auto;
        top: 220px;
        right: 0;
        width: 519px;
        height: calc(100% - 220px)
    }
}

.sub-Page>div {
    position: relative;
    z-index: 3
}

.sub-Page .sub-Heading {
    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;
    -webkit-transition: opacity 1s .6s;
    transition: opacity 1s .6s
}

@media print,
screen and (min-width:1025px) {
    .sub-Page .sub-Heading {
        padding: 0 0 70px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Page .sub-Heading {
        padding: 0 0 11.71875vw
    }
}

.sub-Page .sub-Heading .en {
    position: relative;
    font-family: Philosopher, serif;
    letter-spacing: .04em;
    line-height: 1;
    background: var(--Linear, linear-gradient(90deg, #ffc0ed 2.29%, #dfbfff 48.43%, #b0c1ff 93.92%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: rgba(255, 255, 255, 0)
}

@media print,
screen and (min-width:1025px) {
    .sub-Page .sub-Heading .en {
        font-size: 8.2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Page .sub-Heading .en {
        font-size: 11rem
    }
}

.sub-Page .sub-Heading .en::before {
    content: "";
    display: block;
    position: absolute;
    background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/deco_heading.png) no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .sub-Page .sub-Heading .en::before {
        width: 38px;
        height: 48px;
        top: 0;
        left: -42px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Page .sub-Heading .en::before {
        width: 7.1614583333vw;
        height: 9.1145833333vw;
        top: -5.2083333333vw;
        left: -5.2083333333vw
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Page .sub-Heading .en.small {
        font-size: 9rem
    }
}

.sub-Page .sub-Heading .ja {
    display: block
}

@media print,
screen and (min-width:1025px) {
    .sub-Page .sub-Heading .ja {
        margin: 16px 0 0;
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-Page .sub-Heading .ja {
        margin: 2.6041666667vw 0 0;
        font-size: 2.4rem
    }
}

.sub-Page .sub-Heading+div {
    -webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;
    transition: opacity 1s 1s, -webkit-transform 1s 1s;
    transition: opacity 1s 1s, transform 1s 1s;
    transition: opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s
}

.st-Content {
    background: rgba(255, 255, 255, .8);
    margin: 0 auto
}

@media print,
screen and (min-width:1025px) {
    .st-Content {
        padding: 80px 0;
        max-width: 960px;
        -webkit-box-shadow: 0 20px 30px rgba(118, 122, 221, .1);
        box-shadow: 0 20px 30px rgba(118, 122, 221, .1)
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content {
        padding: 7.8125vw 5.2083333333vw 10.4166666667vw;
        width: 89.5833333333vw;
        -webkit-box-shadow: 0 2.6041666667vw 3.90625vw rgba(118, 122, 221, .1);
        box-shadow: 0 2.6041666667vw 3.90625vw rgba(118, 122, 221, .1)
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Inner {
        margin: 0 auto;
        width: 800px
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Top {
        padding: 0 0 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Top {
        padding: 0 0 5.2083333333vw
    }
}

.st-Content .content-Top .content-Date {
    font-family: Philosopher, serif;
    letter-spacing: .04em;
    line-height: 1;
    color: #8bbdf9
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Top .content-Date {
        font-size: 2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Top .content-Date {
        font-size: 3.2rem
    }
}

.st-Content .content-Top .content-Heading {
    line-height: 1.8;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Top .content-Heading {
        margin: 14px 0 0;
        font-size: 2.4rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Top .content-Heading {
        margin: 2.34375vw 0 0;
        font-size: 3.4rem
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Thumbnail {
        padding: 0 0 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Thumbnail {
        padding: 0 0 5.2083333333vw
    }
}

.st-Content .content-Body {
    line-height: 2;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body {
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body {
        font-size: 2.6rem
    }
}

.st-Content .content-Body p {
    line-height: 2;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body p {
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body p {
        font-size: 2.6rem
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body p+p {
        margin-top: 26px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body p+p {
        margin-top: 3.90625vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body p+h2 {
        margin-top: 60px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body p+h2 {
        margin-top: 10.4166666667vw
    }
}

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

    .st-Content .content-Body p+h3,
    .st-Content .content-Body p+h4,
    .st-Content .content-Body p+h5,
    .st-Content .content-Body p+h6,
    .st-Content .content-Body p+ol,
    .st-Content .content-Body p+ul {
        margin-top: 40px
    }
}

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

    .st-Content .content-Body p+h3,
    .st-Content .content-Body p+h4,
    .st-Content .content-Body p+h5,
    .st-Content .content-Body p+h6,
    .st-Content .content-Body p+ol,
    .st-Content .content-Body p+ul {
        margin-top: 7.8125vw
    }
}

.st-Content .content-Body a {
    color: #8bbdf9;
    letter-spacing: .06em;
    line-height: 2;
    text-decoration: underline;
    text-decoration-thickness: 1px
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body a {
        font-size: 1.8rem;
        text-underline-offset: 4px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body a {
        font-size: 2.6rem;
        text-underline-offset: .5208333333vw
    }
}

.st-Content .content-Body a[target=_blank]::after {
    content: "";
    display: inline-block;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%222.39844%22%20y%3D%220.499512%22%20width%3D%229.6%22%20height%3D%224.66659%22%20fill%3D%22%2353608C%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.8%202.05591H0V6.7225H0.8V2.05591ZM9.6%206.72264H0V7.50041H9.6V6.72264Z%22%20fill%3D%22%2353608C%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%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%222.39844%22%20y%3D%220.499512%22%20width%3D%229.6%22%20height%3D%224.66659%22%20fill%3D%22%2353608C%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.8%202.05591H0V6.7225H0.8V2.05591ZM9.6%206.72264H0V7.50041H9.6V6.72264Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    background: #8bbdf9
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body a[target=_blank]::after {
        width: 16px;
        height: 11px;
        margin-left: 12px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body a[target=_blank]::after {
        width: 3.125vw;
        height: 2.0833333333vw;
        margin-left: 2.0833333333vw
    }
}

@media (any-hover:hover) {
    .st-Content .content-Body a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .st-Content .content-Body a:hover {
        opacity: .7
    }
}

.st-Content .content-Body .notice {
    display: inline-block;
    position: relative;
    line-height: 2;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body .notice {
        padding-left: 24px;
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body .notice {
        padding-left: 4.1666666667vw;
        font-size: 2.4rem
    }
}

.st-Content .content-Body .notice::before {
    content: "※";
    display: block;
    position: absolute;
    left: 0;
    line-height: 1;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body .notice::before {
        top: 7px;
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body .notice::before {
        top: 1.5625vw;
        font-size: 2.4rem
    }
}

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

    .st-Content .content-Body h2+h2,
    .st-Content .content-Body h2+h3,
    .st-Content .content-Body h2+h4,
    .st-Content .content-Body h2+h5,
    .st-Content .content-Body h2+h6,
    .st-Content .content-Body h3+h2,
    .st-Content .content-Body h3+h3,
    .st-Content .content-Body h3+h4,
    .st-Content .content-Body h3+h5,
    .st-Content .content-Body h3+h6,
    .st-Content .content-Body h4+h2,
    .st-Content .content-Body h4+h3,
    .st-Content .content-Body h4+h4,
    .st-Content .content-Body h4+h5,
    .st-Content .content-Body h4+h6,
    .st-Content .content-Body h5+h2,
    .st-Content .content-Body h5+h3,
    .st-Content .content-Body h5+h4,
    .st-Content .content-Body h5+h5,
    .st-Content .content-Body h5+h6,
    .st-Content .content-Body h6+h2,
    .st-Content .content-Body h6+h3,
    .st-Content .content-Body h6+h4,
    .st-Content .content-Body h6+h5,
    .st-Content .content-Body h6+h6 {
        margin-top: 40px
    }
}

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

    .st-Content .content-Body h2+h2,
    .st-Content .content-Body h2+h3,
    .st-Content .content-Body h2+h4,
    .st-Content .content-Body h2+h5,
    .st-Content .content-Body h2+h6,
    .st-Content .content-Body h3+h2,
    .st-Content .content-Body h3+h3,
    .st-Content .content-Body h3+h4,
    .st-Content .content-Body h3+h5,
    .st-Content .content-Body h3+h6,
    .st-Content .content-Body h4+h2,
    .st-Content .content-Body h4+h3,
    .st-Content .content-Body h4+h4,
    .st-Content .content-Body h4+h5,
    .st-Content .content-Body h4+h6,
    .st-Content .content-Body h5+h2,
    .st-Content .content-Body h5+h3,
    .st-Content .content-Body h5+h4,
    .st-Content .content-Body h5+h5,
    .st-Content .content-Body h5+h6,
    .st-Content .content-Body h6+h2,
    .st-Content .content-Body h6+h3,
    .st-Content .content-Body h6+h4,
    .st-Content .content-Body h6+h5,
    .st-Content .content-Body h6+h6 {
        margin-top: 7.8125vw
    }
}

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

    .st-Content .content-Body h2+ol,
    .st-Content .content-Body h2+p,
    .st-Content .content-Body h2+ul,
    .st-Content .content-Body h3+ol,
    .st-Content .content-Body h3+p,
    .st-Content .content-Body h3+ul,
    .st-Content .content-Body h4+ol,
    .st-Content .content-Body h4+p,
    .st-Content .content-Body h4+ul,
    .st-Content .content-Body h5+ol,
    .st-Content .content-Body h5+p,
    .st-Content .content-Body h5+ul,
    .st-Content .content-Body h6+ol,
    .st-Content .content-Body h6+p,
    .st-Content .content-Body h6+ul {
        margin-top: 28px
    }
}

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

    .st-Content .content-Body h2+ol,
    .st-Content .content-Body h2+p,
    .st-Content .content-Body h2+ul,
    .st-Content .content-Body h3+ol,
    .st-Content .content-Body h3+p,
    .st-Content .content-Body h3+ul,
    .st-Content .content-Body h4+ol,
    .st-Content .content-Body h4+p,
    .st-Content .content-Body h4+ul,
    .st-Content .content-Body h5+ol,
    .st-Content .content-Body h5+p,
    .st-Content .content-Body h5+ul,
    .st-Content .content-Body h6+ol,
    .st-Content .content-Body h6+p,
    .st-Content .content-Body h6+ul {
        margin-top: 3.90625vw
    }
}

.st-Content .content-Body h2 {
    color: #fff;
    line-height: 1.8;
    font-weight: 700;
    letter-spacing: .06em;
    background: -webkit-gradient(linear, left top, right top, color-stop(1.23%, #adc9ff), color-stop(97.55%, #7ed6ff));
    background: -webkit-linear-gradient(left, #adc9ff 1.23%, #7ed6ff 97.55%);
    background: linear-gradient(90deg, #adc9ff 1.23%, #7ed6ff 97.55%)
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body h2 {
        padding: 14px 26px 16px;
        font-size: 2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body h2 {
        padding: 2.6041666667vw 4.4270833333vw 2.8645833333vw;
        font-size: 3rem
    }
}

.st-Content .content-Body h3 {
    color: #8bbdf9;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .06em;
    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%3Crect%20opacity%3D%220.6%22%20width%3D%222%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%238BBDF9%22%2F%3E%0A%3C%2Fsvg%3E%0A") repeat-x bottom center/auto 2px
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body h3 {
        padding: 0 0 18px;
        font-size: 2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body h3 {
        font-size: 3rem;
        padding: 0 0 4.1666666667vw
    }
}

.st-Content .content-Body h4 {
    background: rgba(119, 170, 247, .1);
    line-height: 1.8;
    letter-spacing: .06em;
    font-weight: 700
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body h4 {
        padding: 10px 22px 12px;
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body h4 {
        padding: 2.6041666667vw 4.4270833333vw 2.8645833333vw;
        font-size: 2.6rem
    }
}

.st-Content .content-Body h5 {
    position: relative;
    letter-spacing: .06em;
    line-height: 1.8;
    font-weight: 700
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body h5 {
        font-size: 1.8rem;
        padding-left: 20px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body h5 {
        font-size: 2.6rem;
        padding-left: 4.1666666667vw
    }
}

.st-Content .content-Body h5::before {
    content: "";
    display: block;
    position: absolute;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.196594%205.22955C0.550461%205.2819%200.878108%205.33426%201.173%205.38007C3.17824%205.67675%204.3294%206.8264%204.62647%208.82902C4.67235%209.12352%204.71822%209.45075%204.77064%209.80415C4.7903%209.91541%204.8886%2010.0005%205%2010.0005C5.11141%2010.0005%205.21625%209.91541%205.22936%209.80415C5.28178%209.45075%205.33421%209.12352%205.37353%208.82902C5.6706%206.8264%206.82176%205.67675%208.827%205.38007C9.12189%205.33426%209.44955%205.28845%209.80342%205.22955C9.91482%205.20991%2010%205.11174%2010%205.00049C10%204.88923%209.91482%204.78452%209.80342%204.77143C9.44955%204.71908%209.12189%204.66672%208.827%204.62091C6.82176%204.32422%205.6706%203.17457%205.37353%201.17196C5.32765%200.877453%205.28178%200.550229%205.22936%200.196826C5.2097%200.0855694%205.11141%200.000488281%205%200.000488281C4.8886%200.000488281%204.78375%200.0855694%204.77064%200.196826C4.71822%200.550229%204.66579%200.877453%204.62647%201.17196C4.3294%203.17457%203.17824%204.32422%201.173%204.62091C0.878108%204.66672%200.550461%204.71253%200.196594%204.77143C0.0851917%204.79107%200%204.88923%200%205.00049C0%205.11174%200.0851917%205.21646%200.196594%205.22955Z%22%20fill%3D%22%2353608C%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%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.196594%205.22955C0.550461%205.2819%200.878108%205.33426%201.173%205.38007C3.17824%205.67675%204.3294%206.8264%204.62647%208.82902C4.67235%209.12352%204.71822%209.45075%204.77064%209.80415C4.7903%209.91541%204.8886%2010.0005%205%2010.0005C5.11141%2010.0005%205.21625%209.91541%205.22936%209.80415C5.28178%209.45075%205.33421%209.12352%205.37353%208.82902C5.6706%206.8264%206.82176%205.67675%208.827%205.38007C9.12189%205.33426%209.44955%205.28845%209.80342%205.22955C9.91482%205.20991%2010%205.11174%2010%205.00049C10%204.88923%209.91482%204.78452%209.80342%204.77143C9.44955%204.71908%209.12189%204.66672%208.827%204.62091C6.82176%204.32422%205.6706%203.17457%205.37353%201.17196C5.32765%200.877453%205.28178%200.550229%205.22936%200.196826C5.2097%200.0855694%205.11141%200.000488281%205%200.000488281C4.8886%200.000488281%204.78375%200.0855694%204.77064%200.196826C4.71822%200.550229%204.66579%200.877453%204.62647%201.17196C4.3294%203.17457%203.17824%204.32422%201.173%204.62091C0.878108%204.66672%200.550461%204.71253%200.196594%204.77143C0.0851917%204.79107%200%204.88923%200%205.00049C0%205.11174%200.0851917%205.21646%200.196594%205.22955Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    background: #ffaac8;
    left: 0
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body h5::before {
        top: 10px;
        width: 12px;
        height: 12px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body h5::before {
        top: 1.6927083333vw;
        width: 2.6041666667vw;
        height: 2.6041666667vw
    }
}

.st-Content .content-Body h6 {
    line-height: 1.8;
    font-weight: 700;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Body h6 {
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Body h6 {
        font-size: 2.6rem
    }
}

.st-Content .content-Body ol,
.st-Content .content-Body ul {
    line-height: 2;
    letter-spacing: .06em;
    list-style: unset;
    list-style-position: inside
}

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

    .st-Content .content-Body ol,
    .st-Content .content-Body ul {
        font-size: 1.8rem
    }
}

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

    .st-Content .content-Body ol,
    .st-Content .content-Body ul {
        font-size: 2.6rem
    }
}

.st-Content .content-Body ol li,
.st-Content .content-Body ul li {
    list-style: unset
}

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

    .st-Content .content-Body ol+ol,
    .st-Content .content-Body ol+p,
    .st-Content .content-Body ol+ul,
    .st-Content .content-Body ul+ol,
    .st-Content .content-Body ul+p,
    .st-Content .content-Body ul+ul {
        margin-top: 40px
    }
}

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

    .st-Content .content-Body ol+ol,
    .st-Content .content-Body ol+p,
    .st-Content .content-Body ol+ul,
    .st-Content .content-Body ul+ol,
    .st-Content .content-Body ul+p,
    .st-Content .content-Body ul+ul {
        margin-top: 7.8125vw
    }
}

.st-Content .content-Body ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    counter-increment: count
}

.st-Content .content-Body ul li::before {
    content: "・";
    display: table-cell;
    padding-right: .5em;
    text-align: right;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.st-Content .content-Body ol li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    counter-increment: count
}

.st-Content .content-Body ol li::before {
    content: counter(count) ".";
    display: table-cell;
    padding-right: .5em;
    text-align: right;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.st-Content .content-Body ol li:nth-last-child(n+10)~li::before,
.st-Content .content-Body ol li:nth-last-child(n+10)::before {
    width: 2em
}

.st-Content .content-Body ol li:nth-last-child(n+100)~li::before,
.st-Content .content-Body ol li:nth-last-child(n+100)::before {
    width: 3em
}

.st-Content .content-Body strong {
    font-weight: 700
}

.st-Content .content-Body em {
    font-style: italic
}

.st-Content .content-Body img.aligncenter {
    display: block;
    margin: 0 auto
}

.st-Content .content-Body img.alignright {
    display: block;
    margin: 0;
    float: none
}

.st-Content .content-Body img.alignleft {
    display: block;
    margin: 0 0 0 auto;
    float: none
}

.st-Content .content-Body iframe {
    max-width: 100%
}

.st-Content .content-Body iframe[src*=youtube] {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

.st-Content .content-Share {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Share {
        margin: 80px 0 10px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Share {
        margin: 13.0208333333vw 0 1.3020833333vw
    }
}

.st-Content .content-Share .share-Text {
    font-family: Philosopher, serif;
    line-height: 1;
    letter-spacing: .04em
}

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

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

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Share .share-Item {
        margin-left: 24px;
        width: 45px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Share .share-Item {
        margin-left: 4.9479166667vw;
        width: 9.1145833333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Share .share-Item+.share-Item {
        margin-left: 5px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Share .share-Item+.share-Item {
        margin-left: 1.3020833333vw
    }
}

.st-Content .content-Share .share-Item a {
    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;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #53608c
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Share .share-Item a {
        height: 45px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Share .share-Item a {
        height: 9.1145833333vw
    }
}

.st-Content .content-Share .share-Item a::after {
    content: "";
    display: block
}

@media print,
screen and (min-width:1025px) {
    .st-Content .content-Share .share-Item a::after {
        width: 29px;
        height: 29px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Content .content-Share .share-Item a::after {
        width: 5.7291666667vw;
        height: 5.7291666667vw
    }
}

.st-Content .content-Share .share-Item a.x::after {
    background: 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%20d%3D%22M22.3687%2017.9327L32.6078%205.99902L30.1815%205.99902L21.2909%2016.3609L14.19%205.99902L6%205.99902L16.7379%2021.668L6%2034.1824L8.42647%2034.1824L17.8151%2023.2399L25.3142%2034.1824L33.5042%2034.1824L22.3681%2017.9327L22.3687%2017.9327ZM19.0454%2021.8061L17.9574%2020.2458L9.30075%207.83049L13.0277%207.83049L20.0137%2017.85L21.1016%2019.4103L30.1826%2032.4342L26.4557%2032.4342L19.0454%2021.8067L19.0454%2021.8061Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

.st-Content .content-Share .share-Item a.line::after {
    background: 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%22M36.4623%2017.8693C36.4623%2010.2266%2029.1662%204.00293%2020.1864%204.00293C11.22%204.00293%203.91052%2010.2266%203.91052%2017.8693C3.91052%2024.7251%209.69661%2030.4571%2017.5138%2031.5389C18.0483%2031.6653%2018.7699%2031.9042%2018.9437%2032.3818C19.104%2032.8174%2019.0506%2033.4917%2018.9971%2033.9272C18.9971%2033.9272%2018.81%2035.1354%2018.7699%2035.3883C18.7031%2035.8238%2018.4492%2037.0742%2020.173%2036.3155C21.9102%2035.5429%2029.5403%2030.5274%2032.9612%2026.397C35.3264%2023.6715%2036.4623%2020.9179%2036.4623%2017.8693ZM13.8123%2022.4071L10.5786%2022.4071C10.1109%2022.4071%209.72333%2021.9997%209.72333%2021.5079L9.72333%2014.7223C9.72333%2014.2306%2010.1109%2013.8232%2010.5786%2013.8232C11.0462%2013.8232%2011.4338%2014.2306%2011.4338%2014.7223L11.4338%2020.6088L13.8123%2020.6088C14.28%2020.6088%2014.6676%2021.0162%2014.6676%2021.5079C14.6676%2022.0137%2014.28%2022.4071%2013.8123%2022.4071ZM17.153%2021.522C17.153%2022.0137%2016.7655%2022.4211%2016.2978%2022.4211C15.8301%2022.4211%2015.4426%2022.0137%2015.4426%2021.522L15.4426%2014.7363C15.4426%2014.2446%2015.8301%2013.8372%2016.2978%2013.8372C16.7655%2013.8372%2017.153%2014.2446%2017.153%2014.7363L17.153%2021.522ZM24.9435%2021.522C24.9435%2021.9154%2024.703%2022.2525%2024.3556%2022.3649C24.262%2022.393%2024.1819%2022.4071%2024.0883%2022.4071C23.8211%2022.4071%2023.5672%2022.2666%2023.4068%2022.0418L20.0929%2017.3213L20.0929%2021.522C20.0929%2022.0137%2019.7053%2022.4211%2019.2376%2022.4211C18.7699%2022.4211%2018.3824%2022.0137%2018.3824%2021.522L18.3824%2014.7363C18.3824%2014.357%2018.6229%2014.0058%2018.9704%2013.8934C19.0639%2013.8653%2019.1441%2013.8513%2019.2376%2013.8513C19.5049%2013.8513%2019.7588%2013.9777%2019.9191%2014.2025L23.2331%2018.937L23.2331%2014.7363C23.2331%2014.2446%2023.6206%2013.8372%2024.0883%2013.8372C24.556%2013.8372%2024.9435%2014.2446%2024.9435%2014.7363L24.9435%2021.522ZM30.1684%2017.223C30.6361%2017.223%2031.0236%2017.6304%2031.0236%2018.1221C31.0236%2018.6139%2030.6361%2019.0213%2030.1684%2019.0213L27.7898%2019.0213L27.7898%2020.6229L30.1684%2020.6229C30.6361%2020.6229%2031.0236%2021.0303%2031.0236%2021.522C31.0236%2022.0137%2030.6361%2022.4211%2030.1684%2022.4211L26.9346%2022.4211C26.4669%2022.4211%2026.0794%2022.0137%2026.0794%2021.522L26.0794%2018.1362L26.0794%2014.7363C26.0794%2014.2446%2026.4669%2013.8372%2026.9346%2013.8372L30.1684%2013.8372C30.6361%2013.8372%2031.0236%2014.2446%2031.0236%2014.7363C31.0236%2015.2281%2030.6361%2015.6355%2030.1684%2015.6355L27.7898%2015.6355L27.7898%2017.2371L30.1684%2017.2371L30.1684%2017.223Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

.st-Content .content-Share .share-Item a.facebook::after {
    background: 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%20d%3D%22M27.0484%2021.8283L27.9939%2015.7053L22.0792%2015.7053L22.0792%2011.7336C22.0792%2010.0581%2022.904%208.42391%2025.5531%208.42391L28.2438%208.42391L28.2438%203.21108C28.2438%203.21108%2025.803%202.79736%2023.4704%202.79736C18.5971%202.79736%2015.4148%205.73061%2015.4148%2011.0386L15.4148%2015.7053L10%2015.7053L10%2021.8283L15.4148%2021.8283L15.4148%2036.6311C16.502%2036.8007%2017.6141%2036.8876%2018.747%2036.8876C19.88%2036.8876%2020.9921%2036.8007%2022.0792%2036.6311L22.0792%2021.8283L27.0484%2021.8283Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media (any-hover:hover) {
    .st-Content .content-Share .share-Item a::after {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .st-Content .content-Share .share-Item a:hover::after {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

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

@media print,
screen and (max-width:1024px) {
    .sw-pagenavi {
        margin: 13.0208333333vw 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
}

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

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

.sw-pagenavi .wp-pagenavi .nextpostslink,
.sw-pagenavi .wp-pagenavi .previouspostslink {
    position: absolute;
    top: 50%
}

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

    .sw-pagenavi .wp-pagenavi .nextpostslink,
    .sw-pagenavi .wp-pagenavi .previouspostslink {
        width: 80px;
        height: 44px;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2080%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.25%22%20y%3D%2221.75%22%20width%3D%2268.5%22%20height%3D%220.5%22%20rx%3D%220.25%22%20stroke%3D%22%2353608C%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M65.804%2027.5203C66.9696%2026.2392%2067.719%2024.2428%2067.719%2022C67.719%2019.7572%2066.9696%2017.7608%2065.804%2016.4797L79.999%2022L65.804%2027.5203ZM62.1338%2028.9476C62.0887%2028.9398%2062.0437%2028.9312%2061.999%2028.9217V29L62.1338%2028.9476ZM62.1338%2015.0524L61.999%2015V15.0783C62.0437%2015.0688%2062.0887%2015.0602%2062.1338%2015.0524Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
    }
}

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

    .sw-pagenavi .wp-pagenavi .nextpostslink,
    .sw-pagenavi .wp-pagenavi .previouspostslink {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2061%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221%22%20y%3D%229.5%22%20width%3D%2243%22%20height%3D%221%22%20rx%3D%220.5%22%20stroke%3D%22%2353608C%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M41.7047%2018.0008C42.7896%2016.0904%2043.4486%2013.5739%2043.4486%2010.8164C43.4486%207.24876%2042.3455%204.08457%2040.6442%202.1144L60.5%2010.2755L41.7047%2018.0008ZM35.6952%200.0802167L35.5%200V0.121941C35.5648%200.106618%2035.6298%200.0927031%2035.6952%200.0802167Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
        width: 7.9427083333vw;
        height: 2.34375vw
    }
}

@media (any-hover:hover) {

    .sw-pagenavi .wp-pagenavi .nextpostslink,
    .sw-pagenavi .wp-pagenavi .previouspostslink {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .sw-pagenavi .wp-pagenavi .nextpostslink:hover,
    .sw-pagenavi .wp-pagenavi .previouspostslink:hover {
        opacity: .3
    }
}

.sw-pagenavi .wp-pagenavi .previouspostslink {
    -webkit-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%);
    left: 0
}

.sw-pagenavi .wp-pagenavi .nextpostslink {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.sw-pagenavi .wp-pagenavi .current,
.sw-pagenavi .wp-pagenavi .extend,
.sw-pagenavi .wp-pagenavi .first,
.sw-pagenavi .wp-pagenavi .last,
.sw-pagenavi .wp-pagenavi .page {
    font-family: Philosopher, serif;
    line-height: 1;
    letter-spacing: .04em
}

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

    .sw-pagenavi .wp-pagenavi .current,
    .sw-pagenavi .wp-pagenavi .extend,
    .sw-pagenavi .wp-pagenavi .first,
    .sw-pagenavi .wp-pagenavi .last,
    .sw-pagenavi .wp-pagenavi .page {
        font-size: 2.4rem
    }
}

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

    .sw-pagenavi .wp-pagenavi .current,
    .sw-pagenavi .wp-pagenavi .extend,
    .sw-pagenavi .wp-pagenavi .first,
    .sw-pagenavi .wp-pagenavi .last,
    .sw-pagenavi .wp-pagenavi .page {
        font-size: 4rem
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-pagenavi .wp-pagenavi .page+.page {
        margin-left: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-pagenavi .wp-pagenavi .page+.page {
        margin-left: 4.4270833333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-pagenavi .wp-pagenavi .page+.current {
        margin-left: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-pagenavi .wp-pagenavi .page+.current {
        margin-left: 5.46875vw
    }
}

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

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

.sw-pagenavi .wp-pagenavi .first,
.sw-pagenavi .wp-pagenavi .last,
.sw-pagenavi .wp-pagenavi .page {
    color: #53608c
}

@media (any-hover:hover) {

    .sw-pagenavi .wp-pagenavi .first,
    .sw-pagenavi .wp-pagenavi .last,
    .sw-pagenavi .wp-pagenavi .page {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .sw-pagenavi .wp-pagenavi .first:hover,
    .sw-pagenavi .wp-pagenavi .last:hover,
    .sw-pagenavi .wp-pagenavi .page:hover {
        opacity: .3
    }
}

.sw-pagenavi .wp-pagenavi .current {
    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;
    background: #53608c;
    color: #fff;
    border-radius: 50%;
    padding-left: 1px
}

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

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

@media print,
screen and (min-width:1025px) {
    .sw-pagenavi .wp-pagenavi .current+.page {
        margin-left: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-pagenavi .wp-pagenavi .current+.page {
        margin-left: 5.46875vw
    }
}

.sw-Pagenation {
    position: relative;
    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) {
    .sw-Pagenation {
        margin: 100px auto 0;
        width: 960px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenation {
        margin: 13.0208333333vw auto 0;
        width: 89.5833333333vw
    }
}

.sw-Pagenation .next,
.sw-Pagenation .prev {
    position: absolute;
    top: 50%
}

.sw-Pagenation .next a,
.sw-Pagenation .prev a {
    display: block
}

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

    .sw-Pagenation .next a,
    .sw-Pagenation .prev a {
        width: 80px;
        height: 44px;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2080%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.25%22%20y%3D%2221.75%22%20width%3D%2268.5%22%20height%3D%220.5%22%20rx%3D%220.25%22%20stroke%3D%22%2353608C%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M65.804%2027.5203C66.9696%2026.2392%2067.719%2024.2428%2067.719%2022C67.719%2019.7572%2066.9696%2017.7608%2065.804%2016.4797L79.999%2022L65.804%2027.5203ZM62.1338%2028.9476C62.0887%2028.9398%2062.0437%2028.9312%2061.999%2028.9217V29L62.1338%2028.9476ZM62.1338%2015.0524L61.999%2015V15.0783C62.0437%2015.0688%2062.0887%2015.0602%2062.1338%2015.0524Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
    }
}

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

    .sw-Pagenation .next a,
    .sw-Pagenation .prev a {
        width: 10.2864583333vw;
        height: 2.734375vw;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2079%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.25%22%20y%3D%2210.25%22%20width%3D%2264.5%22%20height%3D%220.5%22%20rx%3D%220.25%22%20stroke%3D%22%2353608C%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M60.0759%2018.7793C61.6296%2016.8576%2062.6284%2013.8635%2062.6284%2010.5C62.6284%207.13652%2061.6296%204.14241%2060.0759%202.22071L79%2010.5L60.0759%2018.7793ZM55.1802%2020.9212C55.1199%2020.9094%2055.0598%2020.8964%2055%2020.8822V21L55.1802%2020.9212ZM55.1802%200.0788245L55%200V0.117833C55.0598%200.10356%2055.1199%200.0905511%2055.1802%200.0788245Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
    }
}

@media (any-hover:hover) {

    .sw-Pagenation .next a,
    .sw-Pagenation .prev a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .sw-Pagenation .next a:hover,
    .sw-Pagenation .prev a:hover {
        opacity: .3
    }
}

.sw-Pagenation .prev {
    left: 0;
    -webkit-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%)
}

.sw-Pagenation .next {
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

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

.gallery-Modal .gallery-Overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(83, 96, 140, .9)
}

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

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

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

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

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

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

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

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

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

@media print,
screen and (max-width:1024px) {
    .gallery-Modal .gallery-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) {
    .gallery-Modal .gallery-Close::after {
        -webkit-transform: translate(12.5%, 24px) rotate(-45deg);
        transform: translate(12.5%, 24px) rotate(-45deg)
    }
}

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

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

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

.gallery-Modal .gallery-Content {
    width: 100%;
    height: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    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
}

.gallery-Modal .gallery-Content .content {
    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) {
    .gallery-Modal .gallery-Content .content {
        max-width: 1200px;
        gap: 60px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1300px) {
    .gallery-Modal .gallery-Content .content {
        max-width: 92.3076923077vw;
        gap: 4.6153846154vw
    }
}

@media print,
screen and (max-width:1024px) {
    .gallery-Modal .gallery-Content .content {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 6.5104166667vw 5.2083333333vw
    }
}

.gallery-Modal .gallery-Content .next,
.gallery-Modal .gallery-Content .prev {
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, from(#ffc0ed), color-stop(50%, #dfbfff), to(#b0c1ff));
    background: -webkit-linear-gradient(left, #ffc0ed 0, #dfbfff 50%, #b0c1ff 100%);
    background: linear-gradient(to right, #ffc0ed 0, #dfbfff 50%, #b0c1ff 100%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

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

    .gallery-Modal .gallery-Content .next,
    .gallery-Modal .gallery-Content .prev {
        width: 60px;
        height: 60px;
        padding: 1px
    }
}

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

    .gallery-Modal .gallery-Content .next,
    .gallery-Modal .gallery-Content .prev {
        width: 4.6153846154vw;
        height: 4.6153846154vw
    }
}

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

    .gallery-Modal .gallery-Content .next,
    .gallery-Modal .gallery-Content .prev {
        width: 13.0208333333vw;
        height: 13.0208333333vw;
        padding: .2604166667vw
    }
}

.gallery-Modal .gallery-Content .next span,
.gallery-Modal .gallery-Content .prev span {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    position: relative
}

.gallery-Modal .gallery-Content .next span::before,
.gallery-Modal .gallery-Content .prev span::before {
    content: "";
    display: block;
    position: absolute;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2022%2016%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%22M2.72614%2015.0088L21.7839%207.98749L2.72506%200.965804C4.67337%202.23437%206.01546%204.90203%206.01546%207.98764C6.01546%2011.0727%204.67387%2013.7399%202.72614%2015.0088ZM0.663252%2015.7688C0.637528%2015.7717%200.611756%2015.7744%200.585938%2015.7769V15.7973L0.663252%2015.7688ZM0.585938%200.198371C0.612157%200.200894%200.638329%200.203648%200.664452%200.20663L0.585938%200.177704V0.198371Z%22%20fill%3D%22white%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%2022%2016%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%22M2.72614%2015.0088L21.7839%207.98749L2.72506%200.965804C4.67337%202.23437%206.01546%204.90203%206.01546%207.98764C6.01546%2011.0727%204.67387%2013.7399%202.72614%2015.0088ZM0.663252%2015.7688C0.637528%2015.7717%200.611756%2015.7744%200.585938%2015.7769V15.7973L0.663252%2015.7688ZM0.585938%200.198371C0.612157%200.200894%200.638329%200.203648%200.664452%200.20663L0.585938%200.177704V0.198371Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    background: #ffaac8
}

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

    .gallery-Modal .gallery-Content .next span::before,
    .gallery-Modal .gallery-Content .prev span::before {
        top: 22px;
        left: 18px;
        width: 23px;
        height: 16px
    }
}

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

    .gallery-Modal .gallery-Content .next span::before,
    .gallery-Modal .gallery-Content .prev span::before {
        top: 1.6923076923vw;
        left: 1.3846153846vw;
        width: 1.7692307692vw;
        height: 1.2307692308vw
    }
}

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

    .gallery-Modal .gallery-Content .next span::before,
    .gallery-Modal .gallery-Content .prev span::before {
        top: 4.8177083333vw;
        left: 3.7760416667vw;
        width: 4.9479166667vw;
        height: 3.515625vw
    }
}

.gallery-Modal .gallery-Content .next.swiper-button-disabled,
.gallery-Modal .gallery-Content .prev.swiper-button-disabled {
    opacity: .4;
    pointer-events: none
}

@media (any-hover:hover) {

    .gallery-Modal .gallery-Content .next,
    .gallery-Modal .gallery-Content .prev {
        cursor: pointer
    }

    .gallery-Modal .gallery-Content .next:hover,
    .gallery-Modal .gallery-Content .prev:hover {
        opacity: .7
    }
}

.gallery-Modal .gallery-Content .prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media print,
screen and (max-width:1024px) {
    .gallery-Modal .gallery-Content .prev {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }
}

@media print,
screen and (max-width:1024px) {
    .gallery-Modal .gallery-Content .next {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }
}

@media print,
screen and (min-width:1025px) {
    .gallery-Modal .gallery-Content .swiper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: 960px;
        max-height: 540px
    }
}

@media print,
screen and (min-width:1025px) and (max-width:1300px) {
    .gallery-Modal .gallery-Content .swiper {
        width: 73.8461538462vw;
        max-height: 41.5384615385vw
    }
}

@media print,
screen and (max-width:1024px) {
    .gallery-Modal .gallery-Content .swiper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
        width: 100vw;
        height: 56.25vw
    }
}

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

.image-Modal .image-Overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(83, 96, 140, .9)
}

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

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

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

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

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

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

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

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

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

@media print,
screen and (max-width:1024px) {
    .image-Modal .image-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) {
    .image-Modal .image-Close::after {
        -webkit-transform: translate(12.5%, 24px) rotate(-45deg);
        transform: translate(12.5%, 24px) rotate(-45deg)
    }
}

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

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

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

.image-Modal .image-Content {
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    place-items: center
}

.image-Modal .image-Content img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 90vh;
    max-height: 90vh;
    max-width: 85vw
}

.sw-Spec .spec-Inner {
    margin: 0 auto
}

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

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Inner {
        width: 89.5833333333vw
    }
}

.sw-Spec .spec-Content {
    background: rgba(255, 255, 255, .8)
}

@media print,
screen and (min-width:1025px) {
    .sw-Spec .spec-Content {
        margin: 60px 0 0;
        padding: 0 40px;
        -webkit-box-shadow: 0 20px 30px rgba(118, 122, 221, .1);
        box-shadow: 0 20px 30px rgba(118, 122, 221, .1)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Content {
        margin: 6.5104166667vw 0 0;
        -webkit-box-shadow: 0 2.6041666667vw 3.90625vw rgba(118, 122, 221, .1);
        box-shadow: 0 2.6041666667vw 3.90625vw rgba(118, 122, 221, .1)
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Spec .spec-Content .content-Inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin: 0 auto;
        max-width: 960px;
        padding: 78px 0 68px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Content .content-Inner {
        padding: 10.4166666667vw 7.8125vw 9.1145833333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Spec .spec-Content .spec-Image {
        width: 300px;
        padding: 12px 0 0
    }
}

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

.sw-Spec .spec-Content .spec-Image .image img {
    width: 100%;
    height: auto
}

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

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Content .spec-Body {
        margin: 5.2083333333vw 0 0
    }
}

.sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media print,
screen and (min-width:1025px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item {
        padding: 30px 0
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item {
        padding: 4.1666666667vw 0 4.4270833333vw
    }
}

.sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item+.detail-Item {
    position: relative
}

.sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item+.detail-Item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%208%201%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%221%22%20height%3D%221%22%20rx%3D%220.5%22%20fill%3D%22%2353608C%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3C%2Fsvg%3E%0A") repeat-x top center/auto 100%
}

@media print,
screen and (min-width:1025px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item+.detail-Item::before {
        height: 1px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item+.detail-Item::before {
        height: .2604166667vw
    }
}

.sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item dt {
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item dt {
        font-size: 1.6rem;
        width: 150px;
        padding-right: 20px;
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item dt {
        font-size: 2.4rem;
        width: 23.4375vw;
        padding-right: 2.6041666667vw
    }
}

.sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item dd {
        font-size: 1.6rem;
        line-height: 2
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Spec .spec-Content .spec-Body .spec-Detail .detail-Item dd {
        font-size: 2.4rem;
        line-height: 1.8
    }
}

.sw-Heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

.sw-Heading .en {
    position: relative;
    font-family: Philosopher, serif;
    letter-spacing: .04em;
    line-height: 1;
    background: -webkit-gradient(linear, left top, right top, color-stop(2.29%, #ffc0ed), color-stop(48.43%, #dfbfff), color-stop(93.92%, #b0c1ff));
    background: -webkit-linear-gradient(left, #ffc0ed 2.29%, #dfbfff 48.43%, #b0c1ff 93.92%);
    background: linear-gradient(90deg, #ffc0ed 2.29%, #dfbfff 48.43%, #b0c1ff 93.92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: rgba(255, 255, 255, 0)
}

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

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

.sw-Heading .en::before {
    content: "";
    display: block;
    position: absolute;
    background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/deco_heading.png) no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .sw-Heading .en::before {
        width: 38px;
        height: 48px;
        top: 0;
        left: -42px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Heading .en::before {
        width: 7.1614583333vw;
        height: 9.1145833333vw;
        top: -5.2083333333vw;
        left: -5.2083333333vw
    }
}

.sw-Heading .ja {
    line-height: 1;
    letter-spacing: .16em
}

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

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

.sw-Heading:not(.pc-block):not(.sp-block) {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

@media print,
screen and (min-width:1025px) {
    .sw-Heading:not(.pc-block):not(.sp-block) .ja {
        margin-left: 16px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Heading:not(.pc-block):not(.sp-block) .ja {
        margin-left: 3.6458333333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Heading.pc-block {
        -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
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Heading.pc-block {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Heading.pc-block .ja {
        margin-top: 6px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Heading.pc-block .ja {
        margin-left: 3.6458333333vw;
        padding-bottom: 2.0833333333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Heading.sp-block {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Heading.sp-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Heading.sp-block .ja {
        margin-left: 16px
    }
}

@media print,
screen and (max-width:1024px) {
    .sw-Heading.sp-block .ja {
        margin-top: 1.3020833333vw
    }
}

.js-Image {
    position: relative
}

.js-Image .deco {
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    background: #53608c
}

@media print,
screen and (min-width:1025px) {
    .js-Image .deco {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px
    }
}

@media print,
screen and (max-width:1024px) {
    .js-Image .deco {
        width: 10.4166666667vw;
        height: 10.4166666667vw;
        bottom: 2.6041666667vw;
        right: 2.6041666667vw
    }
}

.js-Image .deco::after,
.js-Image .deco::before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: 50%;
    left: 50%
}

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

    .js-Image .deco::after,
    .js-Image .deco::before {
        width: 19px;
        height: 4px;
        border-radius: 100px
    }
}

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

    .js-Image .deco::after,
    .js-Image .deco::before {
        width: 4.0364583333vw;
        height: .78125vw;
        border-radius: 13.0208333333vw
    }
}

.js-Image .deco::before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.js-Image .deco::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

@media (any-hover:hover) {
    .js-Image {
        cursor: pointer;
        overflow: hidden
    }

    .js-Image img {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .js-Image .deco {
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .js-Image .deco::after,
    .js-Image .deco::before {
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .js-Image:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .js-Image:hover .deco {
        background: #ffaac8
    }

    .js-Image:hover .deco::after,
    .js-Image:hover .deco::before {
        background: #fff
    }
}

.st-Header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10
}

.st-Header .header-Hamburger {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 2;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -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: 11px;
        right: 11px;
        width: 104px;
        height: 104px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger {
        top: 1.8229166667vw;
        right: 1.8229166667vw;
        width: 20.1822916667vw;
        height: 20.1822916667vw
    }
}

.st-Header .header-Hamburger .hamburger-Inner {
    position: relative;
    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;
    border-radius: 50%;
    background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/header/deco_dot.png) no-repeat top 50% center/100% 100%, -webkit-gradient(linear, left top, right top, color-stop(1.23%, #adc9ff), color-stop(97.55%, #7ed6ff));
    background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/header/deco_dot.png) no-repeat top 50% center/100% 100%, -webkit-linear-gradient(left, #adc9ff 1.23%, #7ed6ff 97.55%);
    background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/header/deco_dot.png) no-repeat top 50% center/100% 100%, linear-gradient(90deg, #adc9ff 1.23%, #7ed6ff 97.55%)
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .hamburger-Inner {
        width: 84px;
        height: 84px
    }
}

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

.st-Header .header-Hamburger .hamburger-Inner .hamburger-Line {
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line {
        width: 30px;
        height: 12px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line {
        width: 5.7291666667vw;
        height: 2.34375vw
    }
}

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

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

    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line::after,
    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line::before {
        border-radius: 4px;
        height: 2px;
        -webkit-box-shadow: 0 0 14px #fff;
        box-shadow: 0 0 14px #fff
    }
}

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

    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line::after,
    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line::before {
        border-radius: .78125vw;
        height: .390625vw;
        -webkit-box-shadow: 0 0 2.6041666667vw #fff;
        box-shadow: 0 0 2.6041666667vw #fff
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line::before {
        -webkit-transform: translate(-50%, calc(-50% - 5px));
        transform: translate(-50%, calc(-50% - 5px))
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line::before {
        -webkit-transform: translate(-50%, calc(-50% - .9114583333vw));
        transform: translate(-50%, calc(-50% - .9114583333vw))
    }
}

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

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .hamburger-Inner .hamburger-Line::after {
        -webkit-transform: translate(-50%, calc(-50% + .9114583333vw));
        transform: translate(-50%, calc(-50% + .9114583333vw))
    }
}

.st-Header .header-Hamburger .hamburger-Deco {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2099%2099%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M83.5219%2014.9505C74.8013%206.5454%2062.9404%201.37635%2049.8721%201.37635C23.0889%201.37635%201.37683%2023.0884%201.37683%2049.8717C1.37683%2076.6549%2023.0889%2098.367%2049.8721%2098.367C76.6553%2098.367%2098.3674%2076.6549%2098.3674%2049.8717C98.3674%2047.6907%2098.2235%2045.5433%2097.9445%2043.4386%22%20stroke%3D%22url(%23paint0_linear_1903_6556)%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1903_6556%22%20x1%3D%22101.831%22%20y1%3D%2218.2013%22%20x2%3D%221.76366%22%20y2%3D%2269.4315%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%220.460004%22%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%220.774088%22%20stop-color%3D%22white%22%20stop-opacity%3D%220.6%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    pointer-events: none;
    will-change: filter;
    -webkit-animation: loop 10s infinite linear;
    animation: loop 10s infinite linear
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .hamburger-Deco {
        -webkit-filter: drop-shadow(0 0 4px #fff);
        filter: drop-shadow(0 0 4px #fff)
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .hamburger-Deco {
        -webkit-filter: drop-shadow(0 0 .78125vw #fff);
        filter: drop-shadow(0 0 .78125vw #fff)
    }
}

.st-Header .header-Hamburger .hamburger-Deco::before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 50%
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .hamburger-Deco::before {
        width: 5px;
        height: 5px;
        top: 14px;
        right: 14px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .hamburger-Deco::before {
        width: .9114583333vw;
        height: .9114583333vw;
        top: 2.6041666667vw;
        right: 2.734375vw
    }
}

.st-Header .header-Hamburger .hamburger-Deco::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 50%
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .hamburger-Deco::after {
        width: 3px;
        height: 3px;
        top: 24px;
        right: 7px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .hamburger-Deco::after {
        width: .5208333333vw;
        height: .5208333333vw;
        top: 4.6875vw;
        right: 1.3020833333vw
    }
}

.st-Header .header-Hamburger .hamburger-Deco span {
    position: absolute;
    display: block;
    background: #fff;
    border-radius: 50%
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Hamburger .hamburger-Deco span {
        width: 8px;
        height: 8px;
        left: 12px;
        bottom: 12px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Hamburger .hamburger-Deco span {
        left: 2.6041666667vw;
        bottom: 2.0833333333vw;
        width: 1.4322916667vw;
        height: 1.4322916667vw
    }
}

@media (any-hover:hover) {
    .st-Header .header-Hamburger {
        cursor: pointer
    }

    .st-Header .header-Hamburger .hamburger-Inner {
        -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
    }

    .st-Header .header-Hamburger:hover .hamburger-Inner {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: .9
    }
}

.st-Header .header-Overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(83, 96, 140, .5);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.st-Header .header-Content {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content {
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/header/deco_header.png) no-repeat top 56px left 31px/335px auto, -webkit-linear-gradient(73deg, #ffcff1 -10.32%, #f4e3ff 9.55%, #cce1ff 64.85%);
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/header/deco_header.png) no-repeat top 56px left 31px/335px auto, linear-gradient(17deg, #ffcff1 -10.32%, #f4e3ff 9.55%, #cce1ff 64.85%);
        width: 380px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content {
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/header/deco_header.png) no-repeat top 2.6041666667vw left/100% auto, -webkit-linear-gradient(73deg, #ffcff1 -10.32%, #f4e3ff 9.55%, #cce1ff 64.85%);
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/common/header/deco_header.png) no-repeat top 2.6041666667vw left/100% auto, linear-gradient(17deg, #ffcff1 -10.32%, #f4e3ff 9.55%, #cce1ff 64.85%);
        width: 75.78125vw
    }
}

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

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

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

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

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Navigation {
        padding: 0 0 0 20px
    }
}

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

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Navigation .navigation-Item+.navigation-Item {
        margin-top: 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Navigation .navigation-Item+.navigation-Item {
        margin-top: 9.1145833333vw
    }
}

.st-Header .header-Content .header-Navigation .navigation-Item a {
    position: relative;
    font-family: Philosopher, serif;
    letter-spacing: .04em;
    color: #53608c;
    line-height: 1.2
}

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

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

.st-Header .header-Content .header-Navigation .navigation-Item a::before {
    content: "";
    display: block;
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.196594%205.22955C0.550461%205.2819%200.878108%205.33426%201.173%205.38007C3.17824%205.67675%204.3294%206.8264%204.62647%208.82902C4.67235%209.12352%204.71822%209.45075%204.77064%209.80415C4.7903%209.91541%204.8886%2010.0005%205%2010.0005C5.11141%2010.0005%205.21625%209.91541%205.22936%209.80415C5.28178%209.45075%205.33421%209.12352%205.37353%208.82902C5.6706%206.8264%206.82176%205.67675%208.827%205.38007C9.12189%205.33426%209.44955%205.28845%209.80342%205.22955C9.91482%205.20991%2010%205.11174%2010%205.00049C10%204.88923%209.91482%204.78452%209.80342%204.77143C9.44955%204.71908%209.12189%204.66672%208.827%204.62091C6.82176%204.32422%205.6706%203.17457%205.37353%201.17196C5.32765%200.877453%205.28178%200.550229%205.22936%200.196826C5.2097%200.0855694%205.11141%200.000488281%205%200.000488281C4.8886%200.000488281%204.78375%200.0855694%204.77064%200.196826C4.71822%200.550229%204.66579%200.877453%204.62647%201.17196C4.3294%203.17457%203.17824%204.32422%201.173%204.62091C0.878108%204.66672%200.550461%204.71253%200.196594%204.77143C0.0851917%204.79107%200%204.88923%200%205.00049C0%205.11174%200.0851917%205.21646%200.196594%205.22955Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Navigation .navigation-Item a::before {
        top: 5px;
        left: -20px;
        width: 10px;
        height: 10px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Navigation .navigation-Item a::before {
        top: 1.5625vw;
        left: -3.6458333333vw;
        width: 2.34375vw;
        height: 2.34375vw
    }
}

.st-Header .header-Content .header-Navigation .navigation-Item a.current::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.st-Header .header-Content .header-Navigation .navigation-Item a[href=""] {
    opacity: .3;
    pointer-events: none
}

@media (any-hover:hover) {
    .st-Header .header-Content .header-Navigation .navigation-Item a::before {
        -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
    }

    .st-Header .header-Content .header-Navigation .navigation-Item a:hover::before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Official {
        margin: 60px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Official {
        margin: 13.0208333333vw 0 0
    }
}

.st-Header .header-Content .header-Official a {
    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;
    background: rgba(255, 255, 255, .3);
    font-family: Philosopher, serif;
    letter-spacing: .04em;
    line-height: 1;
    color: #53608c
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Official a {
        width: 170px;
        height: 44px;
        border-radius: 70px;
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Official a {
        width: 43.2291666667vw;
        height: 11.9791666667vw;
        border-radius: 13.0208333333vw;
        font-size: 3rem
    }
}

.st-Header .header-Content .header-Official a::after {
    content: "";
    display: block;
    -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%20d%3D%22M22.3687%2017.9327L32.6078%205.99902L30.1815%205.99902L21.2909%2016.3609L14.19%205.99902L6%205.99902L16.7379%2021.668L6%2034.1824L8.42647%2034.1824L17.8151%2023.2399L25.3142%2034.1824L33.5042%2034.1824L22.3681%2017.9327L22.3687%2017.9327ZM19.0454%2021.8061L17.9574%2020.2458L9.30075%207.83049L13.0277%207.83049L20.0137%2017.85L21.1016%2019.4103L30.1826%2032.4342L26.4557%2032.4342L19.0454%2021.8067L19.0454%2021.8061Z%22%20fill%3D%22white%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%20d%3D%22M22.3687%2017.9327L32.6078%205.99902L30.1815%205.99902L21.2909%2016.3609L14.19%205.99902L6%205.99902L16.7379%2021.668L6%2034.1824L8.42647%2034.1824L17.8151%2023.2399L25.3142%2034.1824L33.5042%2034.1824L22.3681%2017.9327L22.3687%2017.9327ZM19.0454%2021.8061L17.9574%2020.2458L9.30075%207.83049L13.0277%207.83049L20.0137%2017.85L21.1016%2019.4103L30.1826%2032.4342L26.4557%2032.4342L19.0454%2021.8067L19.0454%2021.8061Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    background: #53608c
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Official a::after {
        width: 20px;
        height: 20px;
        margin-left: 6px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Official a::after {
        width: 4.1666666667vw;
        height: 4.1666666667vw;
        margin-left: 2.0833333333vw
    }
}

@media (any-hover:hover) {
    .st-Header .header-Content .header-Official a {
        -webkit-transition: background .3s, color .3s;
        transition: background .3s, color .3s
    }

    .st-Header .header-Content .header-Official a::after {
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .st-Header .header-Content .header-Official a:hover {
        background: #53608c;
        color: #fff
    }

    .st-Header .header-Content .header-Official a:hover::after {
        background: #fff
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Language {
        margin: 30px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Language {
        margin: 7.8125vw 0 0
    }
}

.st-Header .header-Content .header-Language .wpml-ls {
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.st-Header .header-Content .header-Language .wpml-ls ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: rgba(255, 255, 255, .3)
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Language .wpml-ls ul {
        padding: 4px;
        border-radius: 70px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Language .wpml-ls ul {
        padding: .9114583333vw;
        border-radius: 13.0208333333vw
    }
}

.st-Header .header-Content .header-Language .wpml-ls ul li a {
    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;
    color: #53608c
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Language .wpml-ls ul li a {
        width: 52px;
        height: 26px;
        border-radius: 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Language .wpml-ls ul li a {
        width: 14.0625vw;
        height: 6.5104166667vw;
        border-radius: 9.1145833333vw
    }
}

.st-Header .header-Content .header-Language .wpml-ls ul li a span {
    font-family: Philosopher, serif;
    letter-spacing: 0;
    font-weight: 700
}

@media print,
screen and (min-width:1025px) {
    .st-Header .header-Content .header-Language .wpml-ls ul li a span {
        font-size: 1.4rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Content .header-Language .wpml-ls ul li a span {
        font-size: 3rem
    }
}

@media (any-hover:hover) {
    .st-Header .header-Content .header-Language .wpml-ls ul li a span {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .st-Header .header-Content .header-Language .wpml-ls ul li a:hover span {
        opacity: .5
    }
}

.st-Header .header-Content .header-Language .wpml-ls ul li.wpml-ls-current-language a {
    pointer-events: none;
    background: #53608c;
    color: rgba(255, 255, 255, .8)
}

.st-Header.is-opened .header-Hamburger .hamburger-Inner .hamburger-Line::before {
    -webkit-transform: translate(-50%, -50%) rotate(21deg);
    transform: translate(-50%, -50%) rotate(21deg)
}

.st-Header.is-opened .header-Hamburger .hamburger-Inner .hamburger-Line::after {
    -webkit-transform: translate(-50%, -50%) rotate(-21deg);
    transform: translate(-50%, -50%) rotate(-21deg)
}

.st-Header.is-opened .header-Overlay {
    opacity: 1;
    pointer-events: auto
}

.st-Header.is-opened .header-Content {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.st-Footer {
    position: relative;
    z-index: 5;
    overflow: hidden
}

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

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

.st-Footer .footer-Background {
    position: absolute;
    top: 0;
    height: 100%
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Background {
        width: 2320px;
        left: calc(50% - 1160px)
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Background {
        width: 100%;
        left: 0
    }
}

.st-Footer .footer-Background img {
    -o-object-position: top center;
    object-position: top center;
    -o-object-fit: cover;
    object-fit: cover
}

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

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

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Top {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/pc/footer/deco_footer_line.png) no-repeat bottom center/100% auto;
        padding: 0 0 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top {
        background: url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/footer/deco_footer_line.png) no-repeat bottom center/84.375vw auto;
        padding: 0 0 10.4166666667vw
    }
}

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

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top .footer-Logo {
        margin: 0 auto;
        width: 71.3541666667vw
    }
}

.st-Footer .footer-Top .footer-Logo a {
    display: block
}

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

    .st-Footer .footer-Top .footer-Logo a:hover {
        opacity: .5
    }
}

.st-Footer .footer-Top .footer-Navigation {
    display: grid
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Top .footer-Navigation {
        margin: 0 0 0 140px;
        padding: 16px 0 0;
        grid-template-columns: 131px 131px 1fr;
        gap: 28px 32px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top .footer-Navigation {
        margin: 13.0208333333vw auto 0;
        padding: 0 3.3854166667vw 0 8.3333333333vw;
        grid-template-columns: 36.5885416667vw 1fr;
        width: 89.5833333333vw;
        gap: 10.4166666667vw 9.1145833333vw
    }
}

.st-Footer .footer-Top .footer-Navigation .navigation-Item a {
    position: relative;
    color: #53608c;
    font-family: Philosopher, serif;
    line-height: 1;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Top .footer-Navigation .navigation-Item a {
        font-size: 2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top .footer-Navigation .navigation-Item a {
        font-size: 3.4rem
    }
}

.st-Footer .footer-Top .footer-Navigation .navigation-Item a::before {
    content: "";
    display: block;
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.196594%205.22955C0.550461%205.2819%200.878108%205.33426%201.173%205.38007C3.17824%205.67675%204.3294%206.8264%204.62647%208.82902C4.67235%209.12352%204.71822%209.45075%204.77064%209.80415C4.7903%209.91541%204.8886%2010.0005%205%2010.0005C5.11141%2010.0005%205.21625%209.91541%205.22936%209.80415C5.28178%209.45075%205.33421%209.12352%205.37353%208.82902C5.6706%206.8264%206.82176%205.67675%208.827%205.38007C9.12189%205.33426%209.44955%205.28845%209.80342%205.22955C9.91482%205.20991%2010%205.11174%2010%205.00049C10%204.88923%209.91482%204.78452%209.80342%204.77143C9.44955%204.71908%209.12189%204.66672%208.827%204.62091C6.82176%204.32422%205.6706%203.17457%205.37353%201.17196C5.32765%200.877453%205.28178%200.550229%205.22936%200.196826C5.2097%200.0855694%205.11141%200.000488281%205%200.000488281C4.8886%200.000488281%204.78375%200.0855694%204.77064%200.196826C4.71822%200.550229%204.66579%200.877453%204.62647%201.17196C4.3294%203.17457%203.17824%204.32422%201.173%204.62091C0.878108%204.66672%200.550461%204.71253%200.196594%204.77143C0.0851917%204.79107%200%204.88923%200%205.00049C0%205.11174%200.0851917%205.21646%200.196594%205.22955Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Top .footer-Navigation .navigation-Item a::before {
        top: 5px;
        left: -20px;
        width: 10px;
        height: 10px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top .footer-Navigation .navigation-Item a::before {
        top: 1.3020833333vw;
        left: -3.3854166667vw;
        width: 2.0833333333vw;
        height: 2.0833333333vw
    }
}

.st-Footer .footer-Top .footer-Navigation .navigation-Item a.current::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.st-Footer .footer-Top .footer-Navigation .navigation-Item a[href=""] {
    opacity: .5;
    pointer-events: none
}

@media (any-hover:hover) {
    .st-Footer .footer-Top .footer-Navigation .navigation-Item a::before {
        -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
    }

    .st-Footer .footer-Top .footer-Navigation .navigation-Item a:hover::before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Top .footer-Official {
        margin-left: auto;
        padding: 28px 0 0;
        width: 170px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top .footer-Official {
        margin: 10.4166666667vw auto 0;
        width: 43.2291666667vw
    }
}

.st-Footer .footer-Top .footer-Official a {
    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;
    background: rgba(255, 255, 255, .3);
    color: #53608c;
    font-family: Philosopher, serif;
    letter-spacing: .04em;
    line-height: 1
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Top .footer-Official a {
        border-radius: 70px;
        height: 44px;
        font-size: 1.6rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top .footer-Official a {
        height: 11.9791666667vw;
        border-radius: 13.0208333333vw;
        font-size: 3rem
    }
}

.st-Footer .footer-Top .footer-Official a::after {
    content: "";
    display: block;
    -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%20d%3D%22M22.3687%2017.9327L32.6078%205.99902L30.1815%205.99902L21.2909%2016.3609L14.19%205.99902L6%205.99902L16.7379%2021.668L6%2034.1824L8.42647%2034.1824L17.8151%2023.2399L25.3142%2034.1824L33.5042%2034.1824L22.3681%2017.9327L22.3687%2017.9327ZM19.0454%2021.8061L17.9574%2020.2458L9.30075%207.83049L13.0277%207.83049L20.0137%2017.85L21.1016%2019.4103L30.1826%2032.4342L26.4557%2032.4342L19.0454%2021.8067L19.0454%2021.8061Z%22%20fill%3D%22white%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%20d%3D%22M22.3687%2017.9327L32.6078%205.99902L30.1815%205.99902L21.2909%2016.3609L14.19%205.99902L6%205.99902L16.7379%2021.668L6%2034.1824L8.42647%2034.1824L17.8151%2023.2399L25.3142%2034.1824L33.5042%2034.1824L22.3681%2017.9327L22.3687%2017.9327ZM19.0454%2021.8061L17.9574%2020.2458L9.30075%207.83049L13.0277%207.83049L20.0137%2017.85L21.1016%2019.4103L30.1826%2032.4342L26.4557%2032.4342L19.0454%2021.8067L19.0454%2021.8061Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain;
    background: #53608c
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Top .footer-Official a::after {
        width: 20px;
        height: 20px;
        margin-left: 6px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Top .footer-Official a::after {
        width: 4.1666666667vw;
        height: 4.1666666667vw;
        margin-left: 2.0833333333vw
    }
}

@media (any-hover:hover) {
    .st-Footer .footer-Top .footer-Official a {
        -webkit-transition: background .3s, color .3s;
        transition: background .3s, color .3s
    }

    .st-Footer .footer-Top .footer-Official a::after {
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .st-Footer .footer-Top .footer-Official a:hover {
        background: #53608c;
        color: #fff
    }

    .st-Footer .footer-Top .footer-Official a:hover::after {
        background: #fff
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark {
        padding: 40px 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark {
        margin: 11.71875vw auto 0;
        width: 84.375vw
    }
}

.st-Footer .footer-Mark .mark-Switch {
    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-Mark .mark-Switch {
        width: 29.1666666667%
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark .mark-Switch .switch-Logo {
        width: 48px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark .mark-Switch .switch-Logo {
        width: 20.0520833333vw;
        padding: 0 4.8177083333vw 0
    }
}

.st-Footer .footer-Mark .mark-Switch p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark .mark-Switch p {
        margin-left: 20px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark .mark-Switch p {
        margin-left: 3.90625vw
    }
}

.st-Footer .footer-Mark .mark-Steam {
    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-Mark .mark-Steam {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin-left: 30px
    }
}

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

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark .mark-Steam .steam-Logo {
        width: 110px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark .mark-Steam .steam-Logo {
        width: 20.0520833333vw
    }
}

.st-Footer .footer-Mark .mark-Steam p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark .mark-Steam p {
        margin-left: 20px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark .mark-Steam p {
        margin-left: 3.90625vw
    }
}

.st-Footer .footer-Mark .mark-Dmm {
    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-Mark .mark-Dmm {
        margin-left: 30px;
        width: 240px
    }
}

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

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark .mark-Dmm .dmm-games-Logo {
        width: 130px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark .mark-Dmm .dmm-games-Logo {
        width: 20.0520833333vw
    }
}

.st-Footer .footer-Mark .mark-Dmm p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark .mark-Dmm p {
        margin-left: 20px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark .mark-Dmm p {
        margin-left: 3.90625vw
    }
}

.st-Footer .footer-Mark p {
    font-weight: 700;
    letter-spacing: .06em
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Mark p {
        line-height: 2;
        font-size: 1.2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Mark p {
        font-size: 2rem;
        line-height: 1.8
    }
}

.st-Footer .footer-Bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

.st-Footer .footer-Bottom .footer-Company {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Company {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.st-Footer .footer-Bottom .footer-Company .company-Item a {
    display: block
}

@media (any-hover:hover) {
    .st-Footer .footer-Bottom .footer-Company .company-Item a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .st-Footer .footer-Bottom .footer-Company .company-Item a:hover {
        opacity: .5
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Company .company-Item:nth-of-type(1) {
        width: 242px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Company .company-Item:nth-of-type(1) {
        width: 55.9895833333vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Company .company-Item:nth-of-type(1).en {
        width: 275px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Company .company-Item:nth-of-type(1).en {
        width: 59.2447916667vw
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Company .company-Item:nth-of-type(1).en+.campany-Item {
        margin-left: 3.125vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Company .company-Item:nth-of-type(2) {
        width: 94px;
        margin-left: 28px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Company .company-Item:nth-of-type(2) {
        width: 21.7447916667vw;
        margin-left: 6.5104166667vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Banner {
        margin-left: auto;
        width: calc(100% - 242px - 94px - 28px)
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Banner {
        margin: 6.5104166667vw auto 0;
        width: 84.375vw
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Banner.en {
        width: calc(100% - 275px - 94px - 28px)
    }
}

.st-Footer .footer-Bottom .footer-Banner a {
    display: block;
    overflow: hidden
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Banner a {
        margin-left: auto;
        width: 260px;
        border-radius: 6px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Banner a {
        border-radius: 1.8229166667vw
    }
}

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

    .st-Footer .footer-Bottom .footer-Banner a:hover {
        opacity: .7
    }
}

.st-Footer .footer-Bottom .footer-Link {
    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-Bottom .footer-Link {
        margin: 40px 0 0
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Link {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 9.1145833333vw 0 0
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Link .link-Item+.link-Item {
        margin-left: 22px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Link .link-Item+.link-Item {
        margin-left: 4.4270833333vw
    }
}

.st-Footer .footer-Bottom .footer-Link .link-Item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.st-Footer .footer-Bottom .footer-Link .link-Item a span {
    display: inline-block;
    padding-bottom: 1px;
    color: #53608c;
    line-height: 1;
    letter-spacing: .06em;
    font-weight: 700;
    border-bottom: 1px solid #53608c
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Link .link-Item a span {
        font-size: 1.2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Link .link-Item a span {
        font-size: 2rem
    }
}

.st-Footer .footer-Bottom .footer-Link .link-Item a[target] {
    position: relative
}

.st-Footer .footer-Bottom .footer-Link .link-Item a[target]::after {
    content: "";
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%222.39844%22%20y%3D%220.499512%22%20width%3D%229.6%22%20height%3D%224.66659%22%20fill%3D%22%2353608C%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.8%202.05591H0V6.7225H0.8V2.05591ZM9.6%206.72264H0V7.50041H9.6V6.72264Z%22%20fill%3D%22%2353608C%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/contain
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Link .link-Item a[target]::after {
        width: 12px;
        height: 8px;
        margin-left: 10px
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Link .link-Item a[target]::after {
        width: 3.125vw;
        height: 1.8229166667vw;
        margin-left: 1.8229166667vw
    }
}

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

    .st-Footer .footer-Bottom .footer-Link .link-Item a:hover {
        opacity: .5
    }
}

@media print,
screen and (min-width:1025px) {
    .st-Footer .footer-Bottom .footer-Copyright {
        margin: 40px 0 0 auto
    }
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Copyright {
        margin: 11.71875vw 0 0;
        width: 100%
    }
}

.st-Footer .footer-Bottom .footer-Copyright p {
    line-height: 1;
    font-weight: 700;
    letter-spacing: .06em;
    color: rgba(83, 96, 140, .4)
}

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

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Bottom .footer-Copyright p {
        text-align: center;
        font-size: 2rem
    }
}

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

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

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

.sub-News .news-List {
    display: grid
}

@media print,
screen and (min-width:1025px) {
    .sub-News .news-List {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-News .news-List {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.6041666667vw
    }
}

.sub-News .news-List .news-Item {
    display: block;
    position: relative
}

@media print,
screen and (min-width:1025px) {
    .sub-News .news-List .news-Item {
        -webkit-box-shadow: 0 20px 30px rgba(118, 122, 221, .1);
        box-shadow: 0 20px 30px rgba(118, 122, 221, .1)
    }
}

.sub-News .news-List .news-Item .item-Deco {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sub-News .news-List .news-Item .item-Deco span::after,
.sub-News .news-List .news-Item .item-Deco span::before,
.sub-News .news-List .news-Item .item-Deco::after,
.sub-News .news-List .news-Item .item-Deco::before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 50%
}

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

    .sub-News .news-List .news-Item .item-Deco span::after,
    .sub-News .news-List .news-Item .item-Deco span::before,
    .sub-News .news-List .news-Item .item-Deco::after,
    .sub-News .news-List .news-Item .item-Deco::before {
        width: 6px;
        height: 6px
    }
}

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

    .sub-News .news-List .news-Item .item-Deco span::after,
    .sub-News .news-List .news-Item .item-Deco span::before,
    .sub-News .news-List .news-Item .item-Deco::after,
    .sub-News .news-List .news-Item .item-Deco::before {
        width: 1.3020833333vw;
        height: 1.3020833333vw
    }
}

.sub-News .news-List .news-Item .item-Deco::before {
    top: 0;
    left: 0
}

.sub-News .news-List .news-Item .item-Deco::after {
    top: 0;
    right: 0
}

.sub-News .news-List .news-Item .item-Deco span::before {
    bottom: 0;
    left: 0
}

.sub-News .news-List .news-Item .item-Deco span::after {
    bottom: 0;
    right: 0
}

.sub-News .news-List .news-Item .item-Inner {
    background: rgba(255, 255, 255, .8);
    height: 100%
}

@media print,
screen and (min-width:1025px) {
    .sub-News .news-List .news-Item .item-Inner {
        -webkit-mask: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40px, #fff 40px, #fff calc(100% - 40px), rgba(255, 255, 255, 0) calc(100% - 40px)), url(../../wordpress/wp-content/themes/dcre_v1/assets/images/pc/mask_list_top.png) no-repeat top center/100% auto, url(../../wordpress/wp-content/themes/dcre_v1/assets/images/pc/mask_list_bottom.png) no-repeat bottom center/100% auto;
        mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40px, #fff 40px, #fff calc(100% - 40px), rgba(255, 255, 255, 0) calc(100% - 40px)), url(../../wordpress/wp-content/themes/dcre_v1/assets/images/pc/mask_list_top.png) no-repeat top center/100% auto, url(../../wordpress/wp-content/themes/dcre_v1/assets/images/pc/mask_list_bottom.png) no-repeat bottom center/100% auto;
        padding: 20px 20px 40px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-News .news-List .news-Item .item-Inner {
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(2.6041666667vw, rgba(255, 255, 255, 0)), color-stop(2.6041666667vw, #fff), color-stop(#fff), to(rgba(255, 255, 255, 0))), url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_top.png) no-repeat top center/100% auto, url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_bottom.png) no-repeat bottom center/100% auto;
        -webkit-mask: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 2.6041666667vw, #fff 2.6041666667vw, #fff calc(100% - 2.6041666667vw), rgba(255, 255, 255, 0) calc(100% - 2.6041666667vw)), url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_top.png) no-repeat top center/100% auto, url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_bottom.png) no-repeat bottom center/100% auto;
        mask: -webkit-gradient(linear, left top, left bottom, color-stop(2.6041666667vw, rgba(255, 255, 255, 0)), color-stop(2.6041666667vw, #fff), color-stop(#fff), to(rgba(255, 255, 255, 0))), url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_top.png) no-repeat top center/100% auto, url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_bottom.png) no-repeat bottom center/100% auto;
        mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 2.6041666667vw, #fff 2.6041666667vw, #fff calc(100% - 2.6041666667vw), rgba(255, 255, 255, 0) calc(100% - 2.6041666667vw)), url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_top.png) no-repeat top center/100% auto, url(../../wordpress/wp-content/themes/dcre_v1/assets/images/sp/news/mask_list_bottom.png) no-repeat bottom center/100% auto;
        padding: 4.4270833333vw 2.8645833333vw 7.5520833333vw
    }
}

.sub-News .news-List .news-Item .item-Inner .item-Thumbnail {
    aspect-ratio: 340/198;
    overflow: hidden
}

@media print,
screen and (min-width:1025px) {
    .sub-News .news-List .news-Item .item-Inner .item-Thumbnail {
        border-radius: 8px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-News .news-List .news-Item .item-Inner .item-Thumbnail {
        border-radius: 1.8229166667vw
    }
}

.sub-News .news-List .news-Item .item-Inner .item-Thumbnail img {
    -o-object-fit: cover;
    object-fit: cover
}

@media print,
screen and (min-width:1025px) {
    .sub-News .news-List .news-Item .item-Inner .item-Body {
        margin: 20px 0 0;
        padding: 4px
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-News .news-List .news-Item .item-Inner .item-Body {
        margin: 4.5572916667vw 0 0;
        padding: .390625vw
    }
}

.sub-News .news-List .news-Item .item-Inner .item-Body .item-Date {
    color: #8bbdf9;
    font-family: Philosopher, serif;
    line-height: 1;
    letter-spacing: .04em
}

@media print,
screen and (min-width:1025px) {
    .sub-News .news-List .news-Item .item-Inner .item-Body .item-Date {
        font-size: 2rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-News .news-List .news-Item .item-Inner .item-Body .item-Date {
        font-size: 2.8rem
    }
}

.sub-News .news-List .news-Item .item-Inner .item-Body .item-Title {
    line-height: 1.8;
    letter-spacing: .06em;
    color: #53608c;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2
}

@media print,
screen and (min-width:1025px) {
    .sub-News .news-List .news-Item .item-Inner .item-Body .item-Title {
        margin: 8px 0 0;
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .sub-News .news-List .news-Item .item-Inner .item-Body .item-Title {
        margin: 1.8229166667vw 0 0;
        font-size: 2.6rem
    }
}

@media (any-hover:hover) {
    .sub-News .news-List .news-Item .item-Thumbnail img {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .sub-News .news-List .news-Item:hover .item-Thumbnail img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

/*downloadpage用*/

.patch-navigation {
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 0 0 60pt 0;
    position: relative;
    z-index: 100;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

@media (max-width: 1024px) {
    .patch-navigation {
        margin-bottom: 30pt;
    }
}


.patch-item {
    display: inline-block;
    margin: 5px 10px;
}

.patch-item:last-child {
    margin-right: 0;
}

.patch-button {
    text-decoration: none;
    padding: 15px 20px;
    border-radius: 8px;
    display: block;
    font-size: 2rem;
    transition: all 0.2s ease;
    color: white;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    background: linear-gradient(135deg,
            rgba(150, 190, 255, 0.6),
            rgba(220, 150, 255, 0.6)
        );
}

.patch-button:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.download-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    text-decoration: none !important;
    margin-top: 40px;
    background: #ff6464;
    border: 3px solid #ff9999;
    border-radius: 0;
}

@media print,
screen and (min-width:1025px) {
    .button-text  {
        font-size: 1.8rem
    }
}

@media print,
screen and (max-width:1024px) {
    .button-text  {
        font-size: 2.6rem
    }
}

.button-text {
    color: #fff;
    font-weight: bold;
    line-height: normal;
    text-decoration: none !important;
}

.button-wrapper {
    margin: 20px 0;
}

.space {
    margin-top: 200px !important;
}

@media (max-width: 1024px) {
    .space {
        margin-top: 100px !important;
    }
}