@charset "UTF-8";

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
:before,
:after {
    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
}

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

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

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    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
}

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

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    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
}

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

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

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-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: none
}

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 sound {
    0% {
        height: 1px
    }

    100% {
        height: 100%
    }
}

@keyframes sound {
    0% {
        height: 1px
    }

    100% {
        height: 100%
    }
}

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

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

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

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

@-webkit-keyframes circleLoading {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

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

@keyframes circleLoading {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

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

html {
    font-size: 62.5%
}

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

body {
    min-width: 1200px;
    font-family: Noto Sans 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;
    background: #f6fbfb
}

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

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

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

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

img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

.pc_b {
    display: block !important
}

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

.pc_i {
    display: inline !important
}

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

.pc_ib {
    display: inline-block !important
}

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

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

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

.sp_b {
    display: none !important
}

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

.sp_i {
    display: none !important
}

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

.sp_ib {
    display: none !important
}

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

.sp_f {
    display: none !important
}

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

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

.st-Main {
    display: block
}

.ft-nsj {
    font-family: Noto Sans JP, sans-serif
}

.ft-roboto {
    font-family: Roboto, sans-serif
}

.ft-asp {
    font-family: address-sans-pro, sans-serif
}

.subpage-Heading {
    padding-top: 68px;
    background: #f6fbfb;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .subpage-Heading {
        padding-top: 9.5052083333vw
    }
}

.subpage-Heading:before {
    content: "";
    width: 100%;
    height: 89px;
    position: absolute;
    top: 0;
    left: 0;
    background: #e8f1f2
}

@media print,
screen and (max-width:1024px) {
    .subpage-Heading:before {
        height: 13.0208333333vw
    }
}

.subpage-Heading h1,
.subpage-Heading p {
    margin-bottom: -7px;
    font-family: address-sans-pro, sans-serif;
    font-size: 4rem;
    color: #333;
    letter-spacing: .1em;
    text-align: center;
    position: relative;
    z-index: 8
}

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

    .subpage-Heading h1,
    .subpage-Heading p {
        margin-bottom: -.6510416667vw;
        font-size: 5.2rem
    }
}

.subpage-Heading h1 span,
.subpage-Heading p span {
    margin-top: 5px;
    font-size: 1rem;
    color: #b3c9cc;
    line-height: 1.5;
    letter-spacing: .1em;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    display: block;
    text-align: center
}

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

    .subpage-Heading h1 span,
    .subpage-Heading p span {
        margin-top: 1.8229166667vw;
        font-size: 1.2rem;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.subpage-Body {
    margin-top: 80px;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .subpage-Body {
        margin-top: 10.4166666667vw
    }
}

.subpage-Subheading h2 {
    font-family: address-sans-pro, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #111;
    letter-spacing: .1em;
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .subpage-Subheading h2 {
        font-size: 4.2rem
    }
}

.subpage-Subheading h2:after {
    content: "";
    width: 1px;
    height: 40px;
    margin: 15px auto 0;
    display: block;
    background: #5d878f;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
screen and (max-width:1024px) {
    .subpage-Subheading h2:after {
        height: 7.8125vw;
        margin: 3.90625vw auto 0
    }
}

.subpage-Subheading.large h2 {
    font-size: 2.8rem
}

@media print,
screen and (max-width:1024px) {
    .subpage-Subheading.large h2 {
        font-size: 4.2rem
    }
}

.sw-BackToTop {
    position: fixed;
    bottom: 50px;
    right: 55px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 10
}

@media print,
screen and (max-width:1024px) {
    .sw-BackToTop {
        bottom: 7.1614583333vw;
        right: 2.6041666667vw
    }
}

.sw-BackToTop a {
    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-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.sw-BackToTop a span {
    width: 1px;
    height: 100px;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .sw-BackToTop a span {
        height: 13.0208333333vw
    }
}

.sw-BackToTop a span:before,
.sw-BackToTop a span:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #aecaca
}

.sw-BackToTop a p {
    margin-top: 20px;
    font-family: address-sans-pro, sans-serif;
    font-size: 1.6rem;
    color: #699;
    letter-spacing: .12em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

@media print,
screen and (max-width:1024px) {
    .sw-BackToTop a p {
        margin-top: 3.515625vw;
        font-size: 2.4rem
    }
}

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

    .sw-BackToTop a:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }
}

.sw-Btn .sw-Btn_Shape {
    width: 320px;
    height: 72px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 500;
    font-size: 2rem;
    color: #fff;
    letter-spacing: .1em;
    border-radius: 4px;
    position: relative;
    background: #668286
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .sw-Btn_Shape {
        width: 73.9583333333vw;
        height: 15.625vw;
        font-size: 3rem;
        border-radius: 1.0416666667vw
    }
}

.sw-Btn .sw-Btn_Shape .sw-Btn_external {
    position: relative
}

.sw-Btn .sw-Btn_Shape .sw-Btn_external:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    right: -15px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="%23fff" d="M9,7L9,7L7,7v3H6v0H1v0H0v0h0V9h0V4h0V3h3V1h0V0h7v0h0v7L9,7L9,7z M1,4v5h5V7H4v0H3v0h0V6h0V4H1z M6,6V4H4v2H6zM9,1H4v2h3v0h0v3h2V1z"/></svg>') 0 0/contain no-repeat
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .sw-Btn_Shape .sw-Btn_external:after {
        width: 1.8229166667vw;
        height: 1.8229166667vw;
        top: -1.3020833333vw;
        right: -2.6041666667vw
    }
}

.sw-Btn .sw-Btn_Shape .ft-asp {
    font-weight: 600
}

.sw-Btn .sw-Btn_Shape .sw-Btn_Line {
    width: 30px;
    height: 1px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

@media print,
screen and (max-width:1024px) {
    .sw-Btn .sw-Btn_Shape .sw-Btn_Line {
        width: 9.1145833333vw
    }
}

.sw-Btn .sw-Btn_Shape .sw-Btn_Line:before,
.sw-Btn .sw-Btn_Shape .sw-Btn_Line:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff
}

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

    .sw-Btn .sw-Btn_Shape:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }
}

.sw-Btn.grd-grayishblue .sw-Btn_Shape {
    background: -webkit-linear-gradient(315deg, #668286 0, #668286 50%, #728c8f 50%, #728c8f 100%);
    background: linear-gradient(135deg, #668286 0, #668286 50%, #728c8f 50%, #728c8f 100%)
}

.sw-Btn.grd-ocher .sw-Btn_Shape {
    background: -webkit-linear-gradient(315deg, #c6a555 0, #c6a555 50%, #caac62 50%, #caac62 100%);
    background: linear-gradient(135deg, #c6a555 0, #c6a555 50%, #caac62 50%, #caac62 100%)
}

.sw-News_Archive {
    width: 1200px;
    margin: 0 auto
}

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

.sw-News_Archive ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -20px -20px
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul {
        margin: 0 0 -3.90625vw -2.6041666667vw
    }
}

.sw-News_Archive ul li {
    width: 285px;
    margin: 0 0 20px 20px
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li {
        width: 44.7916666667vw;
        margin: 0 0 3.90625vw 2.6041666667vw
    }
}

.sw-News_Archive ul li a {
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: 10px 10px 14px rgba(192, 211, 214, .12)
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a {
        border-radius: .5208333333vw;
        box-shadow: 1.3020833333vw 1.3020833333vw 1.8229166667vw rgba(192, 211, 214, .12)
    }
}

.sw-News_Archive ul li a .thumbnail {
    height: 160.3125px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #333
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a .thumbnail {
        height: 25.1953125vw
    }
}

.sw-News_Archive ul li a .text {
    height: calc(100% - 285*9/16*1px);
    padding: 17.5px 20px 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a .text {
        height: calc(100% - 25.1953125vw);
        padding: 3.5807291667vw 2.6041666667vw 4.5572916667vw
    }
}

.sw-News_Archive ul li a .text .date {
    font-family: address-sans-pro, sans-serif;
    font-size: 1.8rem;
    color: #333;
    letter-spacing: .1em;
    position: relative;
    display: inline-block
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a .text .date {
        font-size: 2.6rem
    }
}

.sw-News_Archive ul li a .text .date .new {
    margin-left: 15px;
    font-weight: 700;
    font-size: 1.8rem;
    color: #e8a400
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a .text .date .new {
        margin-left: 1.953125vw;
        font-size: 2.6rem
    }
}

.sw-News_Archive ul li a .text .title {
    margin: 7.5px 0 10px
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a .text .title {
        margin: 1.953125vw 0 1.5625vw
    }
}

.sw-News_Archive ul li a .text .title p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333;
    letter-spacing: .1em
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a .text .title p {
        font-size: 2.4rem;
        line-height: 1.6666666667
    }
}

.sw-News_Archive ul li a .text .category {
    margin-top: auto;
    font-family: address-sans-pro, sans-serif;
    font-size: 1.6rem;
    letter-spacing: .1em;
    color: #5d878f
}

@media print,
screen and (max-width:1024px) {
    .sw-News_Archive ul li a .text .category {
        font-size: 2.4rem
    }
}

@media(any-hover:hover) {
    .sw-News_Archive ul li a .thumbnail img {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .sw-News_Archive ul li a .title p {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .sw-News_Archive ul li a:hover .thumbnail img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .sw-News_Archive ul li a:hover .title p {
        color: #e8a400
    }
}

.sw-Pagenavi {
    margin-top: 80px;
    text-align: center
}

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

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

.sw-Pagenavi ul li a {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: .12em;
    color: #668286
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenavi ul li a {
        font-size: 3rem
    }
}

@media print,
screen and (min-width:1025px) {
    .sw-Pagenavi ul li a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .sw-Pagenavi ul li a:hover {
        color: #e8a400
    }
}

.sw-Pagenavi ul li.prev,
.sw-Pagenavi ul li.next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sw-Pagenavi ul li.prev:after,
.sw-Pagenavi ul li.next:after {
    content: "";
    width: 50px;
    height: 1px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #668286;
    pointer-events: none
}

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

    .sw-Pagenavi ul li.prev:after,
    .sw-Pagenavi ul li.next:after {
        width: 6.5104166667vw
    }
}

.sw-Pagenavi ul li.prev {
    left: -165px
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenavi ul li.prev {
        left: -26.0416666667vw
    }
}

.sw-Pagenavi ul li.prev:after {
    right: -70px
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenavi ul li.prev:after {
        right: -9.1145833333vw
    }
}

.sw-Pagenavi ul li.next {
    right: -165px
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenavi ul li.next {
        right: -26.0416666667vw
    }
}

.sw-Pagenavi ul li.next:after {
    left: -70px
}

@media print,
screen and (max-width:1024px) {
    .sw-Pagenavi ul li.next:after {
        left: -9.1145833333vw
    }
}

.sw-WpPagenavi {
    margin-top: 80px;
    text-align: center
}

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

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

.wp-pagenavi a,
.wp-pagenavi span {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    margin: 0 20px;
    font-size: 2rem;
    color: #668286;
    border: none;
    position: relative
}

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

    .wp-pagenavi a,
    .wp-pagenavi span {
        margin: 0 4.5572916667vw;
        font-size: 3.6rem
    }
}

.wp-pagenavi a.page:after,
.wp-pagenavi span.page:after {
    content: "";
    width: 0;
    max-width: 266%;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    background: #e8a400
}

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

    .wp-pagenavi a.page:after,
    .wp-pagenavi span.page:after {
        bottom: 0
    }
}

@media(any-hover:hover) {

    .wp-pagenavi a.page,
    .wp-pagenavi span.page {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .wp-pagenavi a.page:hover,
    .wp-pagenavi span.page:hover {
        color: #e8a400
    }
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
    font-weight: 600;
    color: #e8a400
}

.wp-pagenavi a.current:after,
.wp-pagenavi span.current:after {
    content: "";
    width: 266%;
    max-width: 266%;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e8a400
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.previouspostslink,
.wp-pagenavi span.nextpostslink {
    font-size: 1.8rem;
    letter-spacing: .12em;
    text-decoration: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi a.nextpostslink,
    .wp-pagenavi span.previouspostslink,
    .wp-pagenavi span.nextpostslink {
        font-size: 3rem
    }
}

.wp-pagenavi a.previouspostslink:after,
.wp-pagenavi a.nextpostslink:after,
.wp-pagenavi span.previouspostslink:after,
.wp-pagenavi span.nextpostslink:after {
    content: "";
    width: 50px;
    height: 1px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #668286;
    pointer-events: none
}

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

    .wp-pagenavi a.previouspostslink:after,
    .wp-pagenavi a.nextpostslink:after,
    .wp-pagenavi span.previouspostslink:after,
    .wp-pagenavi span.nextpostslink:after {
        width: 6.5104166667vw
    }
}

@media(any-hover:hover) {

    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi a.nextpostslink,
    .wp-pagenavi span.previouspostslink,
    .wp-pagenavi span.nextpostslink {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .wp-pagenavi a.previouspostslink:hover,
    .wp-pagenavi a.nextpostslink:hover,
    .wp-pagenavi span.previouspostslink:hover,
    .wp-pagenavi span.nextpostslink:hover {
        color: #e8a400
    }
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.previouspostslink {
    left: -165px
}

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

    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi span.previouspostslink {
        left: -26.0416666667vw
    }
}

.wp-pagenavi a.previouspostslink:after,
.wp-pagenavi span.previouspostslink:after {
    right: -70px
}

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

    .wp-pagenavi a.previouspostslink:after,
    .wp-pagenavi span.previouspostslink:after {
        right: -9.1145833333vw
    }
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.nextpostslink {
    right: -165px
}

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

    .wp-pagenavi a.nextpostslink,
    .wp-pagenavi span.nextpostslink {
        right: -26.0416666667vw
    }
}

.wp-pagenavi a.nextpostslink:after,
.wp-pagenavi span.nextpostslink:after {
    left: -70px
}

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

    .wp-pagenavi a.nextpostslink:after,
    .wp-pagenavi span.nextpostslink:after {
        left: -9.1145833333vw
    }
}

.st-Header .header-Logo {
    width: 194px;
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 98
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Logo {
        width: 22.1354166667vw;
        top: 4.9479166667vw;
        left: 2.734375vw
    }
}

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

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

    .st-Header .header-Logo a:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }
}

.st-Header .header-Hamburger {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 40px;
    right: 40px;
    border-radius: 50%;
    background: #000;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

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

.st-Header .header-Hamburger:before,
.st-Header .header-Hamburger:after {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.st-Header .header-Hamburger:before {
    background: url(/wp-content/themes/dctm-pj/assets/images/common/header/bg_hamburger.png) 0 0/contain no-repeat
}

.st-Header .header-Hamburger:after {
    background: url(/wp-content/themes/dctm-pj/assets/images/common/header/icon_hamburger.png) 50% 50%/32.8571428571% no-repeat
}

.st-Header .header-Hamburger.is-opened {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.st-Header .header-Hamburger.is-opened:after {
    background: url(/wp-content/themes/dctm-pj/assets/images/common/header/icon_close.png) 50% 50%/21.4285714286% no-repeat
}

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

    .st-Header .header-Hamburger:hover:before {
        -webkit-transform: scale(.9) rotate(-90deg);
        transform: scale(.9) rotate(-90deg)
    }
}

.st-Header .header-Nav {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(/wp-content/themes/dctm-pj/assets/images/pc/header/bg_rubble.png) calc(50% + 20px) calc(50% - 20px)/1680px no-repeat #dce9ea;
    z-index: 99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    border: 50px solid #fff;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav {
        border-width: 3.90625vw;
        background: #dce9ea
    }
}

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

.st-Header .header-Nav.is-opened {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible
}

.st-Header .header-Nav:before,
.st-Header .header-Nav:after {
    content: "";
    width: 0;
    height: 0;
    position: fixed;
    border-style: solid;
    z-index: 1
}

.st-Header .header-Nav:before {
    bottom: 50px;
    left: 50px;
    border-width: 140px 0 0 140px;
    border-color: transparent transparent transparent #fff
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav:before {
        bottom: calc(3.90625vw - 2px);
        left: calc(3.90625vw - 2px);
        border-width: 18.2291666667vw 0 0 18.2291666667vw
    }
}

.st-Header .header-Nav:after {
    top: 50px;
    right: 50px;
    border-width: 0 140px 140px 0;
    border-color: transparent #fff transparent transparent
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav:after {
        top: calc(3.90625vw - 2px);
        right: calc(3.90625vw - 2px);
        border-width: 0 18.2291666667vw 18.2291666667vw 0
    }
}

.st-Header .header-Nav .header-Nav_Content {
    max-width: 960px;
    margin: 0 auto;
    padding: 7.2916666667vw 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Content {
        width: 79.1666666667vw;
        padding: 11.71875vw 0;
        display: block
    }
}

.st-Header .header-Nav .header-Nav_Logo {
    width: 336px;
    margin: 0 auto
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Logo {
        width: 43.75vw
    }
}

.st-Header .header-Nav .header-Nav_Logo a {
    display: block
}

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

    .st-Header .header-Nav .header-Nav_Logo a:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }
}

.st-Header .header-Nav .header-Nav_Global {
    width: 100%;
    margin: 90px 0 80px
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Global {
        margin: 10.4166666667vw 0 11.0677083333vw
    }
}

.st-Header .header-Nav .header-Nav_Global nav ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (23.9583333333%)[4];
    grid-template-columns: repeat(4, 23.9583333333%);
    -webkit-column-gap: 1.3541666667%;
    -moz-column-gap: 1.3541666667%;
    column-gap: 1.3541666667%;
    row-gap: 0
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Global nav ul {
        -ms-grid-columns: (37.7604166667vw)[2];
        grid-template-columns: repeat(2, 37.7604166667vw);
        -webkit-column-gap: 3.6458333333vw;
        -moz-column-gap: 3.6458333333vw;
        column-gap: 3.6458333333vw
    }
}

.st-Header .header-Nav .header-Nav_Global nav ul li {
    border-top: 1px solid #bed6da
}

.st-Header .header-Nav .header-Nav_Global nav ul li a {
    padding: 31px 0 27px;
    display: block;
    font-family: address-sans-pro, sans-serif;
    font-size: 2.2rem;
    color: #333;
    letter-spacing: .1em;
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Global nav ul li a {
        padding: 4.5572916667vw 0 4.1666666667vw;
        font-size: 2.8rem
    }
}

@media(any-hover:hover) {
    .st-Header .header-Nav .header-Nav_Global nav ul li a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .st-Header .header-Nav .header-Nav_Global nav ul li a:hover {
        color: #e8a400
    }
}

.st-Header .header-Nav .header-Nav_Global nav ul li a.current {
    color: #e8a400
}

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

    .st-Header .header-Nav .header-Nav_Global nav ul li:nth-last-child(4),
    .st-Header .header-Nav .header-Nav_Global nav ul li:nth-last-child(3),
    .st-Header .header-Nav .header-Nav_Global nav ul li:nth-last-child(2),
    .st-Header .header-Nav .header-Nav_Global nav ul li:last-child {
        border-bottom: 1px solid #bed6da
    }
}

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

    .st-Header .header-Nav .header-Nav_Global nav ul li:nth-last-child(2),
    .st-Header .header-Nav .header-Nav_Global nav ul li:last-child {
        border-bottom: 1px solid #bed6da
    }
}

.st-Header .header-Nav .header-Nav_Sns {
    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-Header .header-Nav .header-Nav_Sns {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.st-Header .header-Nav .header-Nav_Sns>p {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    color: #87a1a5;
    letter-spacing: .1em;
    line-height: 1
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Sns>p {
        font-size: 3rem
    }
}

.st-Header .header-Nav .header-Nav_Sns>ul {
    margin: -3px 0 0 37px;
    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-Header .header-Nav .header-Nav_Sns>ul {
        margin: 0 0 0 9.765625vw
    }
}

.st-Header .header-Nav .header-Nav_Sns>ul li a {
    display: block
}

@media(any-hover:hover) {
    .st-Header .header-Nav .header-Nav_Sns>ul li a {
        -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-Nav .header-Nav_Sns>ul li a:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.st-Header .header-Nav .header-Nav_Sns>ul li a.twitter {
    width: 22px;
    height: 19px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 35"><path fill="%23333" d="M40,4.1c-1.5,.7-3.1,1.2-4.7,1.4c1.7-1.2,3-2.9,3.6-4.9c-1.6,1-3.4,1.7-5.2,2.1C32.2,1,30,0,27.7,0c-4.5,0-8.2,4-8.2,8.8c0,.7,.1,1.3,.2,2C13,10.4,6.8,7,2.8,1.6C2.1,3,1.7,4.5,1.7,6.1c0,2.9,1.3,5.6,3.7,7.4C4,13.4,2.7,13,1.6,12.3v0.1c-0.1,4.1,2.6,7.7,6.6,8.7c-0.7,.2-1.4,.3-2.2,.3c-0.5,0-1-0.1-1.5-0.2c0.9,3.5,4,6,7.7,6.1C9.3,29.8,5.7,31.1,2,31.2c-0.7,0-1.3,0-2-0.1c3.7,2.6,8.1,4,12.6,4c15.1,0,23.3-13.5,23.3-25.1c0-0.4,0-0.8,0-1.1C37.5,7.5,38.9,5.9,40,4.1z"/></svg>') 0 0/contain no-repeat
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Sns>ul li a.twitter {
        width: 4.296875vw;
        height: 3.7760416667vw
    }
}

.st-Header .header-Nav .header-Nav_Sns>ul li a.youtube {
    width: 25px;
    height: 17px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16.8"><path fill="%23333" d="M23.5,2.6c-0.3-1-1.1-1.9-2.1-2.1C19.5,0,12,0,12,0S4.5,0,2.6,.5c-1,.3-1.8,1.1-2.1,2.1c-0.7,3.8-0.7,7.7,0,11.6c0.3,1,1.1,1.9,2.1,2.1c1.9,.5,9.4,.5,9.4,.5s7.5,0,9.4-0.5c1-0.3,1.9-1.1,2.1-2.1C24.1,10.4,24.1,6.5,23.5,2.6z M9.6,12V4.8l6.2,3.6L9.6,12z"/></svg>') 0 0/contain no-repeat
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Sns>ul li a.youtube {
        width: 4.9479166667vw;
        height: 3.515625vw
    }
}

.st-Header .header-Nav .header-Nav_Sns>ul li+li {
    margin-left: 30px
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Sns>ul li+li {
        margin-left: 7.6822916667vw
    }
}

.st-Header .header-Nav .header-Nav_Lang {
    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-Header .header-Nav .header-Nav_Lang {
        margin-top: 10.4166666667vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.st-Header .header-Nav .header-Nav_Lang>p {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    color: #87a1a5;
    letter-spacing: .1em;
    line-height: 1
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Lang>p {
        font-size: 3rem
    }
}

.st-Header .header-Nav .header-Nav_Lang>ul {
    margin-left: 37px;
    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-Header .header-Nav .header-Nav_Lang>ul {
        margin-left: 9.765625vw
    }
}

.st-Header .header-Nav .header-Nav_Lang>ul li a {
    font-family: address-sans-pro, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #333;
    letter-spacing: .1em;
    line-height: 1
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Lang>ul li a {
        font-size: 3rem
    }
}

.st-Header .header-Nav .header-Nav_Lang>ul li a.current {
    color: #87a1a5;
    pointer-events: none
}

@media(any-hover:hover) {
    .st-Header .header-Nav .header-Nav_Lang>ul li a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .st-Header .header-Nav .header-Nav_Lang>ul li a:hover {
        color: #e8a400
    }
}

.st-Header .header-Nav .header-Nav_Lang>ul li+li:before {
    content: "/";
    margin: 0 15px;
    font-family: address-sans-pro, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #87a1a5;
    letter-spacing: .1em;
    line-height: 1
}

@media print,
screen and (max-width:1024px) {
    .st-Header .header-Nav .header-Nav_Lang>ul li+li:before {
        margin: 0 5.859375vw;
        font-size: 3rem
    }
}

.st-Footer {
    position: relative;
    z-index: 10;
    background: #e8f1f2
}

.st-Footer .st-Footer_Top {
    padding: 28px 0 27px;
    background: #dce9ea
}

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

.st-Footer .st-Footer_Bottom {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .st-Footer_Bottom {
        width: 100%;
        display: block;
        padding: 10.4166666667vw 0
    }
}

.st-Footer .st-Footer_Column {
    width: 50%
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .st-Footer_Column {
        width: 100%
    }
}

.st-Footer .st-Footer_Column.left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .st-Footer_Column.left {
        width: 100%;
        display: block
    }
}

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

.st-Footer .footer-Nav nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Nav nav ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (37.7604166667vw)[2];
        grid-template-columns: repeat(2, 37.7604166667vw);
        -webkit-column-gap: 3.6458333333vw;
        -moz-column-gap: 3.6458333333vw;
        column-gap: 3.6458333333vw;
        row-gap: 0
    }
}

.st-Footer .footer-Nav nav ul li {
    margin: 0 20px
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Nav nav ul li {
        margin: 0;
        border-top: 1px solid #bed6da
    }
}

.st-Footer .footer-Nav nav ul li a {
    font-family: address-sans-pro, sans-serif;
    font-size: 1.6rem;
    color: #333;
    letter-spacing: .1em
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Nav nav ul li a {
        padding: 4.5572916667vw 0 4.1666666667vw;
        display: block;
        font-size: 2.8rem;
        text-align: center
    }
}

@media(any-hover:hover) {
    .st-Footer .footer-Nav nav ul li a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .st-Footer .footer-Nav nav ul li a:hover {
        color: #e8a400
    }
}

.st-Footer .footer-Nav nav ul li a.current {
    color: #e8a400
}

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

    .st-Footer .footer-Nav nav ul li:nth-last-child(2),
    .st-Footer .footer-Nav nav ul li:last-child {
        border-bottom: 1px solid #bed6da
    }
}

.st-Footer .footer-Logo {
    width: 161px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

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

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

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

    .st-Footer .footer-Logo a:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }
}

.st-Footer .footer-Link {
    margin-left: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.st-Footer .footer-Link .sns,
.st-Footer .footer-Link .project {
    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-Link .sns,
    .st-Footer .footer-Link .project {
        width: 79.1666666667vw !important;
        margin: 0 auto !important;
        padding: 4.5572916667vw 0 4.1666666667vw;
        border-top: 1px solid #dce9ea;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.st-Footer .footer-Link .sns>p,
.st-Footer .footer-Link .project>p {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    color: #87a1a5;
    letter-spacing: .1em;
    line-height: 1
}

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

    .st-Footer .footer-Link .sns>p,
    .st-Footer .footer-Link .project>p {
        font-size: 3rem
    }
}

.st-Footer .footer-Link .sns>ul,
.st-Footer .footer-Link .project>ul {
    margin-left: 20px;
    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-Link .sns>ul,
    .st-Footer .footer-Link .project>ul {
        margin-left: 9.765625vw
    }
}

.st-Footer .footer-Link .sns {
    width: 100%;
    margin-bottom: 20px
}

.st-Footer .footer-Link .sns>ul {
    margin-top: -3px
}

.st-Footer .footer-Link .sns>ul li a {
    display: block
}

@media(any-hover:hover) {
    .st-Footer .footer-Link .sns>ul li a {
        -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-Link .sns>ul li a:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.st-Footer .footer-Link .sns>ul li a.twitter {
    width: 16px;
    height: 13px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 35"><path fill="%23333" d="M40,4.1c-1.5,.7-3.1,1.2-4.7,1.4c1.7-1.2,3-2.9,3.6-4.9c-1.6,1-3.4,1.7-5.2,2.1C32.2,1,30,0,27.7,0c-4.5,0-8.2,4-8.2,8.8c0,.7,.1,1.3,.2,2C13,10.4,6.8,7,2.8,1.6C2.1,3,1.7,4.5,1.7,6.1c0,2.9,1.3,5.6,3.7,7.4C4,13.4,2.7,13,1.6,12.3v0.1c-0.1,4.1,2.6,7.7,6.6,8.7c-0.7,.2-1.4,.3-2.2,.3c-0.5,0-1-0.1-1.5-0.2c0.9,3.5,4,6,7.7,6.1C9.3,29.8,5.7,31.1,2,31.2c-0.7,0-1.3,0-2-0.1c3.7,2.6,8.1,4,12.6,4c15.1,0,23.3-13.5,23.3-25.1c0-0.4,0-0.8,0-1.1C37.5,7.5,38.9,5.9,40,4.1z"/></svg>') 0 0/contain no-repeat
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .sns>ul li a.twitter {
        width: 4.296875vw;
        height: 3.7760416667vw
    }
}

.st-Footer .footer-Link .sns>ul li a.youtube {
    width: 18px;
    height: 13px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16.8"><path fill="%23333" d="M23.5,2.6c-0.3-1-1.1-1.9-2.1-2.1C19.5,0,12,0,12,0S4.5,0,2.6,.5c-1,.3-1.8,1.1-2.1,2.1c-0.7,3.8-0.7,7.7,0,11.6c0.3,1,1.1,1.9,2.1,2.1c1.9,.5,9.4,.5,9.4,.5s7.5,0,9.4-0.5c1-0.3,1.9-1.1,2.1-2.1C24.1,10.4,24.1,6.5,23.5,2.6z M9.6,12V4.8l6.2,3.6L9.6,12z"/></svg>') 0 0/contain no-repeat
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .sns>ul li a.youtube {
        width: 4.9479166667vw;
        height: 3.515625vw
    }
}

.st-Footer .footer-Link .sns>ul li+li {
    margin-left: 20px
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .sns>ul li+li {
        margin-left: 7.6822916667vw
    }
}

.st-Footer .footer-Link .project>ul li a {
    font-family: address-sans-pro, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #333;
    letter-spacing: .1em;
    line-height: 1
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .project>ul li a {
        font-size: 3rem
    }
}

@media(any-hover:hover) {
    .st-Footer .footer-Link .project>ul li a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .st-Footer .footer-Link .project>ul li a:hover {
        color: #e8a400
    }
}

.st-Footer .footer-Link .project>ul li a.current {
    color: #87a1a5;
    pointer-events: none
}

.st-Footer .footer-Link .project>ul li+li:before {
    content: "/";
    margin: 0 2px;
    font-family: address-sans-pro, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #87a1a5;
    letter-spacing: .1em;
    line-height: 1
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .project>ul li+li:before {
        margin: 0 5.859375vw;
        font-size: 3rem
    }
}

.st-Footer .footer-Link .project.game {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #9ab4b8
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .game {
        width: 79.1666666667vw !important;
        margin: 0 auto !important;
        padding: 4.5572916667vw 0 4.1666666667vw;
        border-top: 1px solid #dce9ea;
        border-bottom: 1px solid #dce9ea;
        border-left: none;
        text-align: center
    }
}

.st-Footer .footer-Link .game p a {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    color: #333;
    letter-spacing: .1em;
    line-height: 1
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .game p a {
        font-size: 3rem
    }
}

.st-Footer .footer-Link .game p a:after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="%23333" d="M9,7L9,7L7,7v3H6v0H1v0H0v0h0V9h0V4h0V3h3V1h0V0h7v0h0v7L9,7L9,7z M1,4v5h5V7H4v0H3v0h0V6h0V4H1z M6,6V4H4v2H6zM9,1H4v2h3v0h0v3h2V1z"/></svg>') 0 0/contain no-repeat
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .game p a:after {
        width: 2.34375vw;
        height: 2.34375vw;
        margin-left: 1.6927083333vw
    }
}

@media(any-hover:hover) {
    .st-Footer .footer-Link .game p a:hover {
        color: #e8a400
    }

    .st-Footer .footer-Link .game p a:hover:after {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="%23e8a400" d="M9,7L9,7L7,7v3H6v0H1v0H0v0h0V9h0V4h0V3h3V1h0V0h7v0h0v7L9,7L9,7z M1,4v5h5V7H4v0H3v0h0V6h0V4H1z M6,6V4H4v2H6zM9,1H4v2h3v0h0v3h2V1z"/></svg>') 0 0/contain no-repeat
    }
}

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

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

.st-Footer .footer-Share p {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    color: #87a1a5;
    letter-spacing: .1em
}

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

.st-Footer .footer-Share ul {
    margin-left: 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Share ul {
        margin-left: 7.1614583333vw
    }
}

.st-Footer .footer-Share ul li {
    width: 34.5px
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Share ul li {
        width: 9.2447916667vw
    }
}

.st-Footer .footer-Share ul li a {
    display: block
}

@media(any-hover:hover) {
    .st-Footer .footer-Share ul li a {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .st-Footer .footer-Share ul li a:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.st-Footer .footer-Share ul li+li {
    margin-left: 14px
}

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

.st-Footer .footer-Copyright {
    margin-top: 24px;
    font-size: 1rem;
    color: #333;
    letter-spacing: .08em;
    text-align: right
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Copyright {
        margin-top: 10.4166666667vw;
        font-size: 1.8rem;
        text-align: center
    }
}

.story-Index {
    padding-bottom: 110px;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .story-Index {
        padding-bottom: 19.53125vw
    }
}

.story-Index:before,
.story-Index:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    background: #f6fbfb
}

.story-Index:before {
    height: 80px;
    top: -80px
}

@media print,
screen and (max-width:1024px) {
    .story-Index:before {
        height: 10.546875vw;
        top: -10.4166666667vw
    }
}

.story-Index:after {
    height: 110px;
    bottom: 0
}

@media print,
screen and (max-width:1024px) {
    .story-Index:after {
        height: 19.6614583333vw
    }
}

.story-Index .episode-Nav {
    background: #f6fbfb;
    position: relative;
    z-index: 2
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Nav {
        padding-bottom: 14.3229166667vw
    }
}

.story-Index .episode-Nav nav {
    width: 960px;
    margin: 0 auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem)
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Nav nav {
        width: 92.1875vw
    }
}

.story-Index .episode-Nav nav ul {
    margin: -5px 0 0 -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Nav nav ul {
        margin: -1.3020833333vw 0 0 -1.3020833333vw;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.story-Index .episode-Nav nav ul li {
    margin: 5px 0 0 5px
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Nav nav ul li {
        margin: 1.3020833333vw 0 0 1.3020833333vw
    }
}

.story-Index .episode-Nav nav ul li a {
    min-width: 60px;
    padding: 11.5px 15px 10.5px;
    font-family: address-sans-pro, sans-serif;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: .1em;
    text-align: center;
    background: #5d878f;
    display: block
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Nav nav ul li a {
        min-width: 17.3177083333vw;
        padding: 2.9296875vw 1.953125vw 2.4088541667vw;
        font-size: 2.6rem
    }
}

@media(any-hover:hover) {
    .story-Index .episode-Nav nav ul li a {
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }

    .story-Index .episode-Nav nav ul li a:hover {
        background-color: #e8a400
    }
}

.story-Index .episode-Nav+.introduction-Index {
    margin-top: 0
}

.story-Index .introduction-Index {
    height: 908px;
    background-image: url(/wp-content/themes/dctm-pj/assets/images/pc/story/bg_introduction_deco.png), url(/wp-content/themes/dctm-pj/assets/images/pc/story/bg_introduction_mask.png);
    background-position: calc(50% + 63px) 70px, 50% 50%;
    background-size: 2299px, 1920px;
    background-repeat: no-repeat, repeat-x
}

@media print,
screen and (max-width:1024px) {
    .story-Index .introduction-Index {
        height: auto;
        margin-bottom: -1px;
        background-image: url(/wp-content/themes/dctm-pj/assets/images/sp/story/bg_introduction_deco_top.png), url(/wp-content/themes/dctm-pj/assets/images/sp/story/bg_introduction_deco_bottom.png), url(/wp-content/themes/dctm-pj/assets/images/sp/story/bg_introduction_top.png), url(/wp-content/themes/dctm-pj/assets/images/sp/story/bg_introduction_bottom.png);
        background-position: 0 0, 0 100%, 0 0, 0 100%;
        background-size: 100%;
        background-repeat: no-repeat
    }
}

.story-Index .introduction-Index:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(/wp-content/themes/dctm-pj/assets/images/common/story/bg_introduction.jpg) 50% 50%/cover no-repeat;
    z-index: -1
}

.story-Index .introduction-Index .introduction-Content {
    height: 100%;
    padding-top: 245px;
    position: relative;
    z-index: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem)
}

@media print,
screen and (max-width:1024px) {
    .story-Index .introduction-Index .introduction-Content {
        padding: 32.8125vw 0 33.59375vw
    }
}

.story-Index .introduction-Index .introduction-Heading {
    font-family: address-sans-pro, sans-serif;
    font-weight: 400;
    font-size: 3rem;
    color: #fff;
    letter-spacing: .1em;
    text-align: center;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .story-Index .introduction-Index .introduction-Heading {
        font-size: 4.2rem
    }
}

.story-Index .introduction-Index .introduction-Heading:after {
    content: "";
    width: 1px;
    height: 40px;
    margin: 14px auto 0;
    display: block;
    background: #5d878f
}

@media print,
screen and (max-width:1024px) {
    .story-Index .introduction-Index .introduction-Heading:after {
        width: .1302083333vw;
        height: 7.8125vw;
        margin: 2.6041666667vw auto 0
    }
}

.story-Index .introduction-Index .introduction-Body {
    margin-top: 40px;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .story-Index .introduction-Index .introduction-Body {
        margin-top: 3.90625vw
    }
}

.story-Index .introduction-Index .introduction-Body p {
    font-size: 1.6rem;
    line-height: 2;
    font-weight: 500;
    color: #fff;
    letter-spacing: .1em;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .7);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (max-width:1024px) {
    .story-Index .introduction-Index .introduction-Body p {
        font-size: 2.4rem;
        line-height: 2.7083333333
    }
}

.story-Index .introduction-Index .introduction-Body p+p {
    margin: 2em 0 0
}

@media print,
screen and (max-width:1024px) {
    .story-Index .introduction-Index .introduction-Body p+p {
        margin: 1.3541666667em 0 0
    }
}

.story-Index .episode-Index {
    padding-top: 30px;
    background: #f6fbfb
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index {
        padding-top: 18.2291666667vw
    }
}

.story-Index .episode-Index .episode-Heading {
    margin-bottom: 40px
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Heading {
        margin-bottom: 6.5104166667vw
    }
}

.story-Index .episode-Index .episode-Body .list {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem)
}

.story-Index .episode-Index .episode-Body .list .item {
    width: 960px;
    margin: 0 auto;
    overflow: hidden
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item {
        width: 100%
    }
}

.story-Index .episode-Index .episode-Body .list .item .heading {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .heading {
        margin-bottom: 7.8125vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .heading .number {
    min-width: 80px;
    font-family: address-sans-pro, sans-serif;
    font-size: 2.4rem;
    color: #fff;
    letter-spacing: .1em;
    background: #000;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .heading .number {
        min-width: 16.9270833333vw;
        font-size: 3.2rem
    }
}

.story-Index .episode-Index .episode-Body .list .item .heading .title {
    width: 100%
}

.story-Index .episode-Index .episode-Body .list .item .heading .title h3 {
    padding: 8px 15px 10px;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.6;
    color: #fff;
    letter-spacing: .12em;
    background: -webkit-linear-gradient(297deg, #70979e 0, #70979e 350px, #8babb1 350px, #8babb1 100%);
    background: linear-gradient(153deg, #70979e 0, #70979e 350px, #8babb1 350px, #8babb1 100%);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .heading .title h3 {
        padding: 2.6041666667vw 3.90625vw 2.8645833333vw;
        font-size: 3rem;
        line-height: 1.4666666667;
        background: -webkit-linear-gradient(297deg, #70979e 0, #70979e 29.9479166667vw, #8babb1 29.9479166667vw, #8babb1 100%);
        background: linear-gradient(153deg, #70979e 0, #70979e 29.9479166667vw, #8babb1 29.9479166667vw, #8babb1 100%)
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper {
    margin-bottom: 62px;
    position: relative
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper {
        margin-bottom: 11.71875vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-container {
    width: 470px;
    margin: 0 auto;
    overflow: visible
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-container {
        width: 81.7708333333vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-container .swiper-wrapper .swiper-slide {
    width: 470px;
    background: #8babb1
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-container .swiper-wrapper .swiper-slide {
        width: 81.7708333333vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-container .swiper-wrapper .swiper-slide img {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev,
.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next {
    width: 30px;
    height: 30px;
    margin: auto 0;
    top: 0;
    bottom: 0;
    outline: none;
    background: #000;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden
}

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

    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev,
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next {
        width: 6.7708333333vw;
        height: 6.7708333333vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev:before,
.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path fill="%23fff" d="M1.9,16L0,14.1L6.2,8L0,1.9L1.9,0L10,8L1.9,16z"/></svg>') 55% 50%/9px no-repeat
}

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

    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev:before,
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next:before {
        background-size: 1.8229166667vw
    }
}

@media(any-hover:hover) {

    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev,
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next {
        -webkit-transition: .3s;
        transition: .3s
    }

    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev:hover,
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next:hover {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev {
    left: 230px;
    -webkit-transform: rotate(-45deg) scale(-1, -1);
    transform: rotate(-45deg) scale(-1, -1)
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-prev {
        left: 5.7291666667vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next {
    right: 230px
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-button .swiper-button-next {
        right: 5.7291666667vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-pagination {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -32px;
    text-align: center
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-pagination {
        bottom: -5.7291666667vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 36px;
    height: 2px;
    margin: 0 3px;
    background: #c5c9c9;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    outline: none;
    position: relative;
    border-radius: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 4.6875vw;
        height: .5208333333vw;
        margin: 0 .390625vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #245963
}

@media(any-hover:hover) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-pagination .swiper-pagination-bullet {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .story-Index .episode-Index .episode-Body .list .item .images .swiper .swiper-pagination .swiper-pagination-bullet:hover {
        background: #245963
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper.disabled {
    margin-bottom: 40px
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .images .swiper.disabled {
        margin-bottom: 6.5104166667vw
    }
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper.disabled .swiper-container .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper.disabled .swiper-container .swiper-wrapper .swiper-slide img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper.disabled .swiper-button {
    display: none
}

.story-Index .episode-Index .episode-Body .list .item .images .swiper.disabled .swiper-pagination {
    display: none
}

.story-Index .episode-Index .episode-Body .list .item .text {
    font-size: 1.6rem;
    line-height: 1.875;
    color: #333;
    letter-spacing: .1em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item .text {
        width: 81.7708333333vw;
        margin: 0 auto;
        font-size: 2.4rem;
        line-height: 1.6666666667
    }
}

.story-Index .episode-Index .episode-Body .list .item+.item {
    margin-top: 70px
}

@media print,
screen and (max-width:1024px) {
    .story-Index .episode-Index .episode-Body .list .item+.item {
        margin-top: 11.71875vw
    }
}

.st-Footer .footer-Link .project.policy {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #9ab4b8
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .policy {
        width: 79.1666666667vw !important;
        margin: 0 auto !important;
        padding: 4.5572916667vw 0 4.1666666667vw;
        border-top: 1px solid #dce9ea;
        border-bottom: 1px solid #dce9ea;
        border-left: none;
        text-align: center
    }
}

.st-Footer .footer-Link .policy p a {
    font-family: address-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    color: #333;
    letter-spacing: .1em;
    line-height: 1;
    margin-right:20px;
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .policy p a {
        font-size: 3rem
    }
}

.st-Footer .footer-Link .policy p a:after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="%23333" d="M9,7L9,7L7,7v3H6v0H1v0H0v0h0V9h0V4h0V3h3V1h0V0h7v0h0v7L9,7L9,7z M1,4v5h5V7H4v0H3v0h0V6h0V4H1z M6,6V4H4v2H6zM9,1H4v2h3v0h0v3h2V1z"/></svg>') 0 0/contain no-repeat
}

@media print,
screen and (max-width:1024px) {
    .st-Footer .footer-Link .policy p a:after {
        width: 2.34375vw;
        height: 2.34375vw;
        margin-left: 1.6927083333vw
    }
}

@media(any-hover:hover) {
    .st-Footer .footer-Link .policy p a:hover {
        color: #e8a400
    }

    .st-Footer .footer-Link .policy p a:hover:after {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="%23e8a400" d="M9,7L9,7L7,7v3H6v0H1v0H0v0h0V9h0V4h0V3h3V1h0V0h7v0h0v7L9,7L9,7z M1,4v5h5V7H4v0H3v0h0V6h0V4H1z M6,6V4H4v2H6zM9,1H4v2h3v0h0v3h2V1z"/></svg>') 0 0/contain no-repeat
    }
}