@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

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

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html {
    font-size: 62.5%
}

body {
    margin: 0 auto;
    font-family: Noto Sans Japanese, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "ＭＳ ゴシック", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    letter-spacing: .1em;
    color: #060d13
}

@media print,
screen and (min-width: 768px) {
    body {
        min-width: 1200px;
        overflow-x: scroll
    }
}

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

::selection {
    background: #e5004f;
    color: #fff
}

::-moz-selection {
    background: #e5004f;
    color: #fff
}

a {
    color: #060d13;
    text-decoration: none
}

.barlow-r {
    font-family: Barlow, sans-serif;
    font-weight: 400
}

.barlow-b {
    font-family: Barlow, sans-serif;
    font-weight: 700
}

.pc_b {
    display: block !important
}

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

.pc_i {
    display: inline !important
}

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

.pc_ib {
    display: inline-block !important
}

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

.sp_b {
    display: none !important
}

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

.sp_i {
    display: none !important
}

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

.sp_ib {
    display: none !important
}

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

img {
    height: auto
}

@media print,
screen and (max-width: 767px) {
    img {
        width: 100%
    }
}

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

.center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.center_x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.center_y {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.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
}

@media print,
screen and (min-width: 768px) {
    .hover {
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -webkit-transition: .2s opacity;
        transition: .2s opacity
    }

    .hover:hover {
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        cursor: pointer
    }
}

.pc_b {
    display: block !important
}

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

.pc_i {
    display: inline !important
}

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

.pc_ib {
    display: inline-block !important
}

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

.sp_b {
    display: none !important
}

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

.sp_i {
    display: none !important
}

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

.sp_ib {
    display: none !important
}

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

@-webkit-keyframes lineAnimetion {
    0% {
        height: 0;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    5% {
        height: 8.22917vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    20% {
        height: 8.22917vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    80% {
        height: 8.22917vw;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }

    100% {
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        height: 0
    }
}

@keyframes lineAnimetion {
    0% {
        height: 0;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    5% {
        height: 8.22917vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    20% {
        height: 8.22917vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    80% {
        height: 8.22917vw;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }

    100% {
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        height: 0
    }
}

@-webkit-keyframes lineAnimetion2 {
    0% {
        height: 0;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    5% {
        height: 26.04167vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    20% {
        height: 26.04167vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    80% {
        height: 26.04167vw;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }

    100% {
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        height: 0
    }
}

@keyframes lineAnimetion2 {
    0% {
        height: 0;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    5% {
        height: 26.04167vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    20% {
        height: 26.04167vw;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    80% {
        height: 26.04167vw;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }

    100% {
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        height: 0
    }
}

.st-Container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.st-Container:before {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../../images/common/bg.png) left top/1100px auto repeat;
    top: 0;
    left: 0;
    z-index: 0
}

@media print,
screen and (max-width: 767px) {
    .st-Container:before {
        background: url(../../images/common/bg2.png) left top/550px auto repeat
    }
}

.st-Container_Box {
    width: 100%;
    overflow: hidden;
    position: relative
}

.st-Container_Box:after {
    content: "";
    display: block;
    position: absolute;
    width: 1097px;
    height: 225px;
    background: url(../../images/common/bg_txt.png) left top/100% auto repeat;
    top: 23px;
    left: 0;
    z-index: 1
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Box:after {
        width: 130.20833vw;
        height: 26.82292vw;
        top: 10px
    }
}

.st-Container_Box:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 57.29167vw;
    background: -webkit-linear-gradient(top, white 0, white 93%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(93%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, white 0, white 93%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    left: 0;
    z-index: 1
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Box:before {
        height: 182.29167vw
    }
}

.st-Container_Box .head-Line {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%
}

@media print,
screen and (min-width: 768px) {
    .st-Container_Box .head-Line {
        height: 8px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Box .head-Line {
        height: 4px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.st-Container_Box .head-Line_Item {
    display: block;
    height: 100%
}

@media print,
screen and (min-width: 768px) {
    .st-Container_Box .head-Line_Item {
        width: 130px;
        margin: 0 5px 0 0
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Box .head-Line_Item {
        width: 19.53125vw
    }
}

.st-Container_Box .head-Line_Item:nth-of-type(1) {
    background: #f52
}

.st-Container_Box .head-Line_Item:nth-of-type(2) {
    background: #07d
}

.st-Container_Box .head-Line_Item:nth-of-type(3) {
    background: #f5b
}

.st-Container_Box .head-Line_Item:nth-of-type(4) {
    background: #fc1
}

.st-Container_Box .head-Line_Item:nth-of-type(5) {
    background: #a6d
}

.st-Container_Bg {
    position: fixed;
    width: 100%;
    height: 120vh;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: top .1s;
    transition: top .1s
}

.st-Container_Bg .item {
    display: block;
    width: 8.85417vw;
    height: 8.22917vw;
    position: absolute;
    overflow: hidden;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media print,
screen and (min-width: 768px) {
    .st-Container_Bg .item {
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -webkit-animation-name: lineAnimetion;
        animation-name: lineAnimetion
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Bg .item {
        width: 26.04167vw;
        height: 24.08854vw
    }
}

.st-Container_Bg .item .line {
    position: absolute;
    top: 0;
    left: 0
}

.st-Container_Bg .item:nth-child(1) {
    top: 70%;
    right: 20%;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Bg .item:nth-child(1) {
        top: 95%
    }
}

.st-Container_Bg .item:nth-child(2) {
    top: 0;
    left: 10%;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Bg .item:nth-child(2) {
        left: 0;
        display: none
    }
}

.st-Container_Bg .item:nth-child(3) {
    top: 10%;
    right: 0;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Bg .item:nth-child(3) {
        right: -3%
    }
}

.st-Container_Bg .item:nth-child(4) {
    top: 25%;
    left: 35%;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Bg .item:nth-child(4) {
        left: 25%;
        top: 30%
    }
}

.st-Container_Bg .item:nth-child(5) {
    top: 55%;
    left: 20%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Bg .item:nth-child(5) {
        top: 70%;
        left: -2%
    }
}

.st-Container_Bg .item:nth-child(6) {
    top: 35%;
    right: 30%;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@media print,
screen and (max-width: 767px) {
    .st-Container_Bg .item:nth-child(6) {
        display: none
    }
}

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

@media print,
screen and (min-width: 768px) {
    .st-Footer {
        padding: 0 0 80px
    }
}

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

.st-Footer_Copy {
    padding: 300px 0 0;
    width: 367px;
    margin: 0 auto 190px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.st-Footer_Copy img {
    width: 100%
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Copy {
        padding: 48.17708vw 0 0;
        width: 73.56771vw;
        height: 24.08854vw
    }
}

.st-Footer_Copy.hidden {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.st-Footer_Copy_Txt {
    position: relative;
    line-height: 0
}

.st-Footer_Copy_Txt:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 100%;
    background: #e5004f;
    top: 0;
    right: 0;
    -webkit-transition: width .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.st-Footer_Copy_Txt.hidden:after {
    width: 100%
}

.st-Footer_Copy_Txt-0 {
    width: 367px;
    height: 39px;
    margin: 0 auto 16px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Copy_Txt-0 {
        margin: 0 auto 2.99479vw;
        width: 73.56771vw;
        height: 7.94271vw
    }
}

.st-Footer_Copy_Txt-1 {
    width: 140px;
    height: 10px;
    margin: 0 auto 18px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Copy_Txt-1 {
        margin: 0 auto 3.25521vw;
        width: 25.52083vw;
        height: 1.82292vw
    }
}

.st-Footer_Copy_Star {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.st-Footer_Copy_Star span {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    display: block;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition: opacity 0.4s, -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.4s, -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .4s;
    transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s, -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Copy_Star span {
        width: 1.82292vw;
        height: 1.82292vw;
        margin: 0 1.04167vw
    }
}

.st-Footer_Copy_Star span:nth-of-type(1) {
    fill: #f52
}

.st-Footer_Copy_Star span:nth-of-type(2) {
    fill: #07d;
    -webkit-transition-delay: .07s;
    transition-delay: .07s
}

.st-Footer_Copy_Star span:nth-of-type(3) {
    fill: #f5b;
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}

.st-Footer_Copy_Star span:nth-of-type(4) {
    fill: #fc1;
    -webkit-transition-delay: .21s;
    transition-delay: .21s
}

.st-Footer_Copy_Star span:nth-of-type(5) {
    fill: #a6d;
    -webkit-transition-delay: .28s;
    transition-delay: .28s
}

.st-Footer_Copy_Star.hidden span {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg)
}

.st-Footer_Sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 110px
}

.st-Footer_Sns img {
    width: 100%
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Sns {
        margin: 0 0 15.625vw
    }
}

.st-Footer_Sns .ttl {
    width: 102px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Sns .ttl {
        width: 20.05208vw;
        height: auto
    }
}

.st-Footer_Sns_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 45px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Sns_List {
        margin: 0 0 0 9.50521vw
    }
}

.st-Footer_Sns_List li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.st-Footer_Sns_List li:last-child .Item-Anchor {
    margin: 0
}

.st-Footer_Sns .Item-Anchor {
    display: block;
    width: 27px;
    margin: 0 27px 0 0
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Sns .Item-Anchor {
        width: 6.38021vw;
        margin: 0 6.51042vw 0 0
    }
}

.st-Footer_Sns .Item-Anchor.line {
    width: 26px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Sns .Item-Anchor.line {
        width: 6.11979vw
    }
}

.st-Footer_Sns .Item-Anchor.facebook {
    width: 25px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Sns .Item-Anchor.facebook {
        width: 5.85938vw
    }
}

.st-Footer_Link {
    width: 640px;
    margin: 0 auto 60px;
    font-size: 14px;
    font-weight: 700;
    line-height: 0;
    letter-spacing: .1em;
    -webkit-font-feature-settings: palt;
    font-feature-settings: palt
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Link {
        width: 100%;
        margin: 0 auto 14.32292vw;
        line-height: 1
    }
}

@media print,
screen and (min-width: 768px) {
    .st-Footer_Link_Item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Link_Item {
        text-align: center
    }
}

.st-Footer_Link_Item+.st-Footer_Link_Item {
    margin: 38px 0 0
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Link_Item+.st-Footer_Link_Item {
        margin: 10.41667vw 0 0
    }
}

.st-Footer_Link_Item dt {
    width: 308px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Link_Item dt {
        width: 100%;
        font-size: 2.86458vw;
        margin: 0 0 3.38542vw
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Link_Item dd {
        font-size: 3.125vw
    }
}

.st-Footer_Link_Item dd a {
    -webkit-transition: background .3s;
    transition: background .3s;
    position: relative;
    padding: 0 20px 0 0
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Link_Item dd a {
        padding: 0 3.90625vw 0 0
    }
}

.st-Footer_Link_Item dd a:after {
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../../images/common/icon_blank.png) left top/100% auto no-repeat;
    right: 0;
    top: 3px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Link_Item dd a:after {
        width: 3.125vw;
        height: 3.125vw;
        top: .78125vw
    }
}

@media print,
screen and (min-width: 768px) {
    .st-Footer_Link_Item dd a:hover {
        background: #fadde3
    }
}

.st-Footer_Box_Company {
    width: 640px;
    margin: 0 auto 40px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company {
        width: 100%;
        margin: 0 auto 3.90625vw;
        padding: 0 7.8125vw
    }
}

.st-Footer_Box_Company_List {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List_Item {
        margin: 0 0 6.51042vw
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List_Item:nth-child(4) {
        padding: 0 0 0 5.98958vw
    }

    .st-Footer_Box_Company_List_Item:nth-child(5) {
        padding: 0 12.63021vw 0 0
    }
}

.st-Footer_Box_Company_List_Item .Item-Anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media print,
screen and (min-width: 768px) {
    .st-Footer_Box_Company_List_Item .Item-Anchor {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform 0.3s, -webkit-transform .3s;
        transition: transform 0.3s, -webkit-transform .3s
    }

    .st-Footer_Box_Company_List_Item .Item-Anchor:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.st-Footer_Box_Company_List_Item .Item-Anchor_Img {
    width: auto
}

.st-Footer_Box_Company_List_Item .Item-Anchor_Img_bushiroad {
    width: 63px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List_Item .Item-Anchor_Img_bushiroad {
        width: 16.01562vw
    }
}

.st-Footer_Box_Company_List_Item .Item-Anchor_Img_tokyomx {
    width: 112px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List_Item .Item-Anchor_Img_tokyomx {
        width: 27.60417vw
    }
}

.st-Footer_Box_Company_List_Item .Item-Anchor_Img_goodsmilecompany {
    width: 96px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List_Item .Item-Anchor_Img_goodsmilecompany {
        width: 23.95833vw
    }
}

.st-Footer_Box_Company_List_Item .Item-Anchor_Img_ultrasuperpictures {
    width: 109px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List_Item .Item-Anchor_Img_ultrasuperpictures {
        width: 27.21354vw
    }
}

.st-Footer_Box_Company_List_Item .Item-Anchor_Img_horipro {
    width: 121px
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_Box_Company_List_Item .Item-Anchor_Img_horipro {
        width: 30.46875vw
    }
}


.st-Footer_privacy {
    font-size: 11px;
    text-align: center;
    letter-spacing: .05em;
    line-height: 1.6
}

.st-Footer_privacy a {
    text-decoration: underline;
    color: #9b9b9b;
    display: block
}

.st-Footer_privacy a:hover {
    opacity: 0.7
}

@media print,
screen and (max-width: 767px) {
    .st-Footer_privacy {
        font-size: 2.60417vw
    }
}

.st-Footer_Att {
    font-size: 11px;
    color: #9b9b9b;
    text-align: center;
    letter-spacing: .05em;
    line-height: 1.6
}


@media print,
screen and (max-width: 767px) {
    .st-Footer_Att {
        font-size: 2.60417vw
    }

    .st-Footer_Att span {
        margin: 1.30208vw 0 0
    }
}

.st-Top {
    position: fixed;
    z-index: 99;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 3.95833vw;
    bottom: 2.08333vw;
    right: 2.08333vw
}

.st-Top-Hidden {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    pointer-events: none
}

.st-Top img {
    width: 100%
}

@media print,
screen and (max-width: 767px) {
    .st-Top {
        width: 15.625vw;
        bottom: 3.90625vw;
        right: 3.90625vw
    }

    .st-Top-Hidden {
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        pointer-events: none
    }
}

.st-Copy {
    color: #9b9b9b
}

@media print,
screen and (min-width: 768px) {
    .st-Copy {
        font-size: 10px;
        display: inline-block;
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        position: fixed;
        top: 50%;
        left: 22px;
        margin: -70px 0 0;
        line-height: 0;
        z-index: 100
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Copy {
        font-size: 2.60417vw;
        text-align: center;
        margin: 3.25521vw 0 18.22917vw
    }
}

.st-Header {
    position: fixed;
    z-index: 200;
    width: 100%
}

@media print,
screen and (min-width: 768px) {
    .st-Header {
        min-width: 1024px;
        height: 140px;
        padding: 10px 50px 0;
        -webkit-transition: height 0.2s, background 0.2s, padding .2s;
        transition: height 0.2s, background 0.2s, padding .2s
    }

    .st-Header-Shorten {
        height: 70px;
        padding: 5px 50px 0;
        background: #fff
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Bg {
        height: 0;
        bottom: 0;
        left: 0;
        z-index: 300;
        position: fixed;
        background: url(../../images/sp/common/nav_bg.png) right 15.6vw/25.6vw auto no-repeat, #e5004f;
        overflow: hidden;
        width: 100%;
        -webkit-transition: height .4s cubic-bezier(0.86, 0, 0.07, 1);
        transition: height .4s cubic-bezier(0.86, 0, 0.07, 1)
    }

    .st-Header_Bg_Logo {
        position: absolute;
        width: 36.06771vw;
        top: 10.41667vw;
        left: 9.89583vw
    }

    .st-Header_Bg.opend {
        bottom: auto;
        top: 0;
        height: 100%
    }
}

.st-Header_Nav {
    width: 100%;
    height: 100%
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav {
        z-index: 300;
        position: fixed;
        top: 0;
        right: 0;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        width: 0;
        -webkit-transform: translateY(-2em);
        transform: translateY(-2em);
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }

    .st-Header_Nav.opend {
        -webkit-transition: opacity .2s 0.2s, -webkit-transform .2s .2s;
        transition: opacity .2s 0.2s, -webkit-transform .2s .2s;
        transition: transform .2s 0.2s, opacity .2s .2s;
        transition: transform .2s 0.2s, opacity .2s 0.2s, -webkit-transform .2s .2s;
        width: 100%;
        display: block;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }
}

.st-Header_Nav_List {
    width: 100%;
    letter-spacing: .12em
}

@media print,
screen and (min-width: 768px) {
    .st-Header_Nav_List {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: 17px
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav_List {
        padding: 37.76042vw 10.41667vw 10.41667vw;
        font-size: 4.42708vw
    }
}

@media print,
screen and (min-width: 768px) {
    .st-Header_Nav_Item {
        height: 100%
    }

    .st-Header_Nav_Item.current a {
        color: #e5004f
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav_Item.current a {
        color: #e5004f;
        background: #fff
    }
}

.st-Header_Nav_Item a {
    height: 100%
}

@media print,
screen and (min-width: 768px) {
    .st-Header_Nav_Item a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: color 0.2s, -webkit-transform .2s;
        transition: color 0.2s, -webkit-transform .2s;
        transition: color 0.2s, transform .2s;
        transition: color 0.2s, transform 0.2s, -webkit-transform .2s
    }

    .st-Header_Nav_Item a:hover {
        color: #e5004f;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav_Item a {
        color: #fff;
        padding: 0 0 .05em .1em
    }
}

@media print,
screen and (min-width: 768px) {
    .st-Header_Nav_Item:not(:last-child) {
        margin: 0 45px 0 0;
        position: relative
    }

    .st-Header_Nav_Item:not(:last-child):after {
        content: "";
        display: block;
        height: 1px;
        width: 12px;
        background: #aaa;
        position: absolute;
        top: 50%;
        right: -28px
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav_Item:not(:last-child) {
        margin: 0 0 7.8125vw
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav_Item.twitter a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateX(-0.3em);
        transform: translateX(-0.3em)
    }
}

.st-Header_Nav_Item.twitter .twitter-Icon {
    display: block
}

@media print,
screen and (min-width: 768px) {
    .st-Header_Nav_Item.twitter .twitter-Icon {
        width: 30px;
        height: 30px;
        fill: #000;
        -webkit-transition: fill 0.2s, -webkit-transform .2s;
        transition: fill 0.2s, -webkit-transform .2s;
        transition: fill 0.2s, transform .2s;
        transition: fill 0.2s, transform 0.2s, -webkit-transform .2s
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav_Item.twitter .twitter-Icon {
        width: 9.11458vw;
        height: 9.11458vw;
        fill: #fff
    }
}

@media print,
screen and (max-width: 767px) {
    .st-Header_Nav_Item.twitter .twitter-Id {
        font-size: 2.34375vw;
        margin: 0 0 0 .78125vw;
        letter-spacing: .05em
    }
}

@media print,
screen and (min-width: 768px) {
    .st-Header_Nav_Item.twitter:hover .twitter-Icon {
        fill: #1da1f2;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.st-Menu {
    z-index: 320;
    position: fixed;
    width: 25.26042vw;
    height: 10.9375vw;
    top: 4.16667vw;
    right: 0;
    -webkit-transition: background .3s;
    transition: background .3s
}

.st-Menu:before {
    display: block;
    position: absolute;
    font-size: 3.125vw;
    content: "MENU";
    color: #e5004f;
    top: 4.29688vw;
    left: 3.90625vw;
    letter-spacing: .05em
}

.st-Menu .line {
    display: block;
    width: 5.72917vw;
    height: 2.21354vw;
    top: 4.42708vw;
    right: 3.90625vw;
    position: absolute
}

.st-Menu .line:before,
.st-Menu .line:after {
    content: "";
    display: block;
    position: absolute;
    height: .52083vw;
    background: #e5004f;
    right: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform 0.3s, -webkit-transform .3s;
    transition: transform 0.3s, -webkit-transform .3s
}

.st-Menu .line:before {
    width: 100%;
    top: 0
}

.st-Menu .line:after {
    width: 4.16667vw;
    bottom: 0
}

.st-Menu.opend:before {
    content: "CLOSE";
    color: #fff
}

.st-Menu.opend .line:before,
.st-Menu.opend .line:after {
    background: #fff;
    right: 0
}

.st-Menu.opend .line:before {
    width: 100%;
    top: .65104vw;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: top bottom;
    transform-origin: top bottom
}

.st-Menu.opend .line:after {
    width: 100%;
    bottom: -.52083vw;
    right: .39062vw;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.st-Header-Shorten .st-Menu {
    background: #fff;
    -webkit-box-shadow: 0 0 11px 0 rgba(6, 13, 19, 0.06);
    box-shadow: 0 0 11px 0 rgba(6, 13, 19, 0.06)
}

.st-Header-Shorten .st-Menu.opend {
    -webkit-transition: background 0;
    transition: background 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.st-Container_Inner_Sub {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    pointer-events: none;
    -webkit-transform: translateY(2em);
    transform: translateY(2em)
}

.st-Container_Inner_Sub.show {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    pointer-events: inherit;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s, -webkit-transform .3s;
    transition: opacity 0.3s, -webkit-transform .3s;
    transition: opacity 0.3s, transform .3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform .3s
}

@media print,
screen and (min-width: 768px) {
    .sw-Wrapper {
        width: 1220px;
        padding: 0 50px;
        margin: 0 auto
    }
}

.sw-Ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width: 768px) {
    .sw-Ttl {
        padding: 0 0 24px
    }
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl {
        padding: 0 0 4.94792vw
    }
}

.sw-Ttl_Txt {
    font-size: 32px;
    letter-spacing: .16em
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl_Txt {
        font-size: 5.20833vw
    }
}

.sw-Ttl_Txt.ja {
    font-size: 28px
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl_Txt.ja {
        font-size: 4.16667vw
    }
}

.sw-Ttl_Txt .en {
    font-size: 32px
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl_Txt .en {
        font-size: 5.20833vw
    }
}

.sw-Ttl_Txt .small {
    font-size: 12px;
    letter-spacing: .1em;
    margin: 0 0 0 12px
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl_Txt .small {
        font-size: vwSP(18);
        margin: 0 0 0 vwSP(12);
        letter-spacing: .05em
    }
}

.sw-Ttl_Link {
    font-size: 18px;
    color: #e5004f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl_Link {
        font-size: 3.64583vw
    }
}

.sw-Ttl_Link .arw {
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 0 0 14px
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl_Link .arw {
        width: 3.51562vw;
        height: 3.125vw;
        margin: 0 0 0 2.60417vw
    }
}

.sw-Ttl_Link .arw .icon-Arw {
    -webkit-transition: fill 0.2s, -webkit-transform .2s;
    transition: fill 0.2s, -webkit-transform .2s;
    transition: fill 0.2s, transform .2s;
    transition: fill 0.2s, transform 0.2s, -webkit-transform .2s;
    fill: #060d13;
    -webkit-transform: translateX(0) translateY(-2px);
    transform: translateX(0) translateY(-2px)
}

@media print,
screen and (max-width: 767px) {
    .sw-Ttl_Link .arw .icon-Arw {
        -webkit-transform: translateX(0) translateY(-0.26042vw);
        transform: translateX(0) translateY(-0.26042vw)
    }
}

@media print,
screen and (min-width: 768px) {
    .sw-Ttl_Link:hover .icon-Arw {
        fill: #e5004f;
        -webkit-transform: translateX(3px) translateY(-2px);
        transform: translateX(3px) translateY(-2px)
    }
}

.sw-Btn {
    background: #060d13;
    width: 290px;
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

@media print,
screen and (max-width: 767px) {
    .sw-Btn {
        width: 52.08333vw;
        height: 9.11458vw;
        font-size: 3.125vw
    }
}

.sw-Btn .arw {
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 14px 0 0;
    position: absolute;
    right: 27px;
    top: 15px
}

@media print,
screen and (max-width: 767px) {
    .sw-Btn .arw {
        width: 2.86458vw;
        height: 2.47396vw;
        top: 3.38542vw;
        right: 3.90625vw;
        margin: 0
    }
}

.sw-Btn .arw .icon-Arw {
    -webkit-transition: fill 0.2s, -webkit-transform .2s;
    transition: fill 0.2s, -webkit-transform .2s;
    transition: fill 0.2s, transform .2s;
    transition: fill 0.2s, transform 0.2s, -webkit-transform .2s;
    fill: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sw-Btn.back .arw {
    left: 27px;
    right: auto;
    margin: 0 0 0 14px
}

@media print,
screen and (max-width: 767px) {
    .sw-Btn.back .arw {
        left: 3.90625vw
    }
}

.sw-Btn.back .arw .icon-Arw {
    -webkit-transform: translateX(0) rotateY(180deg);
    transform: translateX(0) rotateY(180deg)
}

@media print,
screen and (min-width: 768px) {
    .sw-Btn:hover .icon-Arw {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    .sw-Btn.back:hover .icon-Arw {
        -webkit-transform: translateX(-3px) rotateY(180deg);
        transform: translateX(-3px) rotateY(180deg)
    }
}

.sw-Box {
    border-top: 2px solid #060d13;
    border-bottom: 2px solid #060d13;
    background: rgba(255, 255, 255, 0.6)
}

#movie-Stage {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300
}

#movie-Stage #movie-Iframe {
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 89;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width: 767px) {
    #movie-Stage #movie-Iframe iframe {
        width: 100%;
        height: 56.25vw
    }
}

#movie-Stage #movie-Close {
    position: fixed;
    z-index: 89;
    width: 58px;
    height: 58px;
    top: 1.77083vw;
    right: 2.08333vw;
    -webkit-transition: .2s;
    transition: .2s
}

@media print,
screen and (max-width: 767px) {
    #movie-Stage #movie-Close {
        width: 9.11458vw;
        height: 9.11458vw;
        position: fixed;
        top: 3.90625vw;
        right: 3.90625vw
    }
}

#movie-Stage #movie-Close span {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    background: #e5004f
}

@media print,
screen and (max-width: 767px) {
    #movie-Stage #movie-Close span {
        position: absolute;
        display: block;
        width: 10.41667vw;
        height: 2px
    }
}

#movie-Stage #movie-Close span:nth-of-type(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    top: 30px;
    left: -21px
}

#movie-Stage #movie-Close span:nth-of-type(2) {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    top: 30px;
    right: 0
}

@media print,
screen and (max-width: 767px) {
    #movie-Stage #movie-Close span:nth-of-type(1) {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        top: 5.07812vw;
        left: -1.30208vw
    }

    #movie-Stage #movie-Close span:nth-of-type(2) {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
        top: 5.07812vw;
        right: 0
    }
}

#movie-Stage #movie-Close:hover {
    cursor: pointer;
    opacity: .7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70)
}

@media print,
screen and (min-width: 768px) {
    .index-News_List {
        height: 100%
    }
}

@media print,
screen and (min-width: 768px) {
    .index-News_List_Item {
        width: 100%;
        height: calc(100% / 3)
    }
}

.index-News_List_Item:not(:last-child) {
    border-bottom: 1px solid #e8e9ea
}

.index-News_List_Item:first-child {
    border-bottom: 1px solid #e8e9ea
}

.index-News_List_Item a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media print,
screen and (min-width: 768px) {
    .index-News_List_Item a {
        padding: 0 10px;
        -webkit-transition: background .1s;
        transition: background .1s
    }

    .index-News_List_Item a:hover {
        background: rgba(250, 221, 227, 0.3)
    }
}

@media print,
screen and (max-width: 767px) {
    .index-News_List_Item a {
        padding: 5.20833vw 0
    }
}

.index-News_List_Item .date {
    width: 100%;
    color: #e5004f;
    font-size: 18px;
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    position: relative
}

@media print,
screen and (max-width: 767px) {
    .index-News_List_Item .date {
        font-size: 3.90625vw;
        padding: 0 0 0 3.90625vw;
        margin: 0 0 2.08333vw
    }
}

.index-News_List_Item .date .new {
    display: inline-block;
    color: #fff;
    background: #e5004f;
    font-size: 12px;
    border-radius: 2px;
    padding: 2px 10px 4px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    margin: 0 0 0 10px
}

@media print,
screen and (max-width: 767px) {
    .index-News_List_Item .date .new {
        font-size: 3.125vw;
        padding: .65104vw 2.60417vw .78125vw;
        -webkit-transform: translateY(-0.52083vw);
        transform: translateY(-0.52083vw);
        margin: 0 0 0 2.60417vw
    }
}

.index-News_List_Item .date:after {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    position: absolute;
    background: #e5004f;
    top: 50%;
    left: 0
}

@media print,
screen and (max-width: 767px) {
    .index-News_List_Item .date:after {
        width: 2.60417vw
    }
}

.index-News_List_Item .ttl {
    font-size: 16px;
    line-height: 1.8;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media print,
screen and (max-width: 767px) {
    .index-News_List_Item .ttl {
        font-size: 3.125vw
    }
}

.wp-pagenavi {
    margin: 30px auto 0;
    height: 30px;
    position: relative;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    font-family: Barlow, sans-serif;
    font-weight: 700
}

@media print,
screen and (max-width: 767px) {
    .wp-pagenavi {
        margin: 5.20833vw auto 0;
        height: 6.25vw;
        font-size: 3.90625vw
    }
}

.wp-pagenavi span,
.wp-pagenavi a {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 30px;
    color: #e5004f
}

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

    .wp-pagenavi span,
    .wp-pagenavi a {
        width: 8.33333vw;
        height: 6.25vw
    }
}

.wp-pagenavi span.current,
.wp-pagenavi a.current {
    color: #fff;
    background: #060d13
}

@media print,
screen and (min-width: 768px) {
    .wp-pagenavi a.page {
        -webkit-transition: .2s;
        transition: .2s
    }

    .wp-pagenavi a.page:hover {
        color: #fff;
        background: #e5004f
    }
}

.wp-pagenavi .arw {
    display: inline-block;
    width: 17px;
    height: 15px;
    padding: 0
}

@media print,
screen and (max-width: 767px) {
    .wp-pagenavi .arw {
        width: 3.51562vw;
        height: 3.125vw
    }
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform 0.2s, -webkit-transform .2s;
    transition: transform 0.2s, -webkit-transform .2s
}

.wp-pagenavi .previouspostslink .arw,
.wp-pagenavi .nextpostslink .arw {
    -webkit-transition: fill .2s;
    transition: fill .2s;
    fill: #060d13
}

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

    .wp-pagenavi .previouspostslink:hover .arw,
    .wp-pagenavi .nextpostslink:hover .arw {
        fill: #e5004f
    }
}

.wp-pagenavi .previouspostslink {
    left: 0
}

.wp-pagenavi .previouspostslink .arw {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media print,
screen and (min-width: 768px) {
    .wp-pagenavi .previouspostslink:hover {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
}

.wp-pagenavi .nextpostslink {
    right: 0
}

@media print,
screen and (min-width: 768px) {
    .wp-pagenavi .nextpostslink:hover {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}

.sw-Pagenavi {
    margin: 40px 0 0;
    height: 30px;
    width: 100%;
    position: relative;
    font-size: 18px
}

@media print,
screen and (max-width: 767px) {
    .sw-Pagenavi {
        margin: 5.20833vw auto 0;
        height: 6.25vw;
        font-size: 3.64583vw
    }
}

.sw-Pagenavi a {
    -webkit-transition: color .2s;
    transition: color .2s
}

@media print,
screen and (min-width: 768px) {
    .sw-Pagenavi a:hover {
        color: #e5004f
    }
}

.sw-Pagenavi .prev,
.sw-Pagenavi .archives,
.sw-Pagenavi .next {
    display: inline-block;
    position: absolute;
    top: 0
}

.sw-Pagenavi .prev {
    left: 0
}

.sw-Pagenavi .archives {
    width: 130px;
    text-align: center;
    left: calc(50% - 75px)
}

@media print,
screen and (max-width: 767px) {
    .sw-Pagenavi .archives {
        width: 32vw;
        left: calc(50% - 16vw)
    }
}

.sw-Pagenavi .next {
    right: 0
}

.sw-Pagenavi .arw {
    display: inline-block;
    width: 17px;
    height: 15px;
    -webkit-transition: fill 0.2s, -webkit-transform .2s;
    transition: fill 0.2s, -webkit-transform .2s;
    transition: fill 0.2s, transform .2s;
    transition: fill 0.2s, transform 0.2s, -webkit-transform .2s;
    fill: #060d13
}

@media print,
screen and (max-width: 767px) {
    .sw-Pagenavi .arw {
        width: 3.51562vw;
        height: 3.125vw
    }
}

.sw-Pagenavi .prev .arw {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media print,
screen and (min-width: 768px) {
    .sw-Pagenavi .prev .arw {
        margin: 0 16px 0 0
    }
}

@media print,
screen and (min-width: 768px) {
    .sw-Pagenavi .prev:hover .arw {
        fill: #e5004f;
        -webkit-transform: rotateY(180deg) translateX(3px);
        transform: rotateY(180deg) translateX(3px)
    }
}

@media print,
screen and (max-width: 767px) {
    .sw-Pagenavi .prev a {
        padding: 0 0 0 2.60417vw
    }
}

@media print,
screen and (min-width: 768px) {
    .sw-Pagenavi .next .arw {
        margin: 0 0 0 16px
    }
}

@media print,
screen and (min-width: 768px) {
    .sw-Pagenavi .next:hover .arw {
        fill: #e5004f;
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@media print,
screen and (max-width: 767px) {
    .sw-Pagenavi .next a {
        padding: 0 2.60417vw 0 0
    }
}

.sw-Share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media print,
screen and (min-width: 768px) {
    .sw-Share {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 40px 0
    }
}

@media print,
screen and (max-width: 767px) {
    .sw-Share {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 13.02083vw 0 7.8125vw
    }
}

.sw-Share img {
    width: 100%
}

.sw-Share .ttl {
    width: 102px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width: 767px) {
    .sw-Share .ttl {
        width: 20.05208vw;
        height: auto
    }
}

.sw-Share_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 45px
}

@media print,
screen and (max-width: 767px) {
    .sw-Share_List {
        margin: 0 0 0 9.50521vw
    }
}

.sw-Share_List li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sw-Share_List li:last-child .Item-Anchor {
    margin: 0
}

.sw-Share .Item-Anchor {
    display: block;
    width: 27px;
    margin: 0 27px 0 0
}

@media print,
screen and (max-width: 767px) {
    .sw-Share .Item-Anchor {
        width: 6.38021vw;
        margin: 0 6.51042vw 0 0
    }
}

.sw-Share .Item-Anchor.line {
    width: 26px
}

@media print,
screen and (max-width: 767px) {
    .sw-Share .Item-Anchor.line {
        width: 6.11979vw
    }
}

.sw-Share .Item-Anchor.facebook {
    width: 25px
}

@media print,
screen and (max-width: 767px) {
    .sw-Share .Item-Anchor.facebook {
        width: 5.85938vw
    }
}

.sw-Ttl .sw-Ttl_Txt {
    position: relative
}

.sw-Ttl .sw-Ttl_Txt:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #e5004f;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: width .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.sw-Ttl.show .sw-Ttl_Txt {
    position: relative
}

.sw-Ttl.show .sw-Ttl_Txt:after {
    width: 0
}

.st-Container_Box .head-Line {
    position: fixed;
    z-index: 210
}

.st-Loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 300;
    background: #e5004f;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: height .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height .4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.st-Loader.hidden {
    height: 0
}

.st-Loader img {
    width: 100%
}

.st-Loader_Box {
    width: 367px;
    height: 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media print,
screen and (max-width: 767px) {
    .st-Loader_Box {
        width: 73.56771vw;
        height: 24.08854vw
    }
}

.st-Loader_Box.hidden {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.st-Loader_Box_Txt {
    position: relative;
    line-height: 0
}

.st-Loader_Box_Txt:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 100%;
    background: #e5004f;
    top: 0;
    right: 0;
    -webkit-transition: width .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.st-Loader_Box_Txt.hidden:after {
    width: 100%
}

.st-Loader_Box_Txt-0 {
    width: 367px;
    height: 39px;
    margin: 0 auto 16px
}

@media print,
screen and (max-width: 767px) {
    .st-Loader_Box_Txt-0 {
        margin: 0 auto 2.99479vw;
        width: 73.56771vw;
        height: 7.94271vw
    }
}

.st-Loader_Box_Txt-1 {
    width: 140px;
    height: 10px;
    margin: 0 auto 18px
}

@media print,
screen and (max-width: 767px) {
    .st-Loader_Box_Txt-1 {
        margin: 0 auto 3.25521vw;
        width: 25.52083vw;
        height: 1.82292vw
    }
}

.st-Loader_Box_Star {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.st-Loader_Box_Star span {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    display: block;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition: opacity 0.4s, -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.4s, -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .4s;
    transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s, -webkit-transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media print,
screen and (max-width: 767px) {
    .st-Loader_Box_Star span {
        width: 1.82292vw;
        height: 1.82292vw;
        margin: 0 1.04167vw
    }
}

.st-Loader_Box_Star span:nth-of-type(1) {
    fill: #f52
}

.st-Loader_Box_Star span:nth-of-type(2) {
    fill: #07d;
    -webkit-transition-delay: .07s;
    transition-delay: .07s
}

.st-Loader_Box_Star span:nth-of-type(3) {
    fill: #f5b;
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}

.st-Loader_Box_Star span:nth-of-type(4) {
    fill: #fc1;
    -webkit-transition-delay: .21s;
    transition-delay: .21s
}

.st-Loader_Box_Star span:nth-of-type(5) {
    fill: #a6d;
    -webkit-transition-delay: .28s;
    transition-delay: .28s
}

.st-Loader_Box_Star.hidden span {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg)
}

.index-Keyvisual {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media print,
screen and (min-width: 768px) {
    .index-Keyvisual {
        padding: 140px 50px 120px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        padding: 15.625vw 3.90625vw 18.22917vw
    }
}

@media print,
screen and (min-width: 768px) {
    .index-Keyvisual_Logo {
        width: 26.4%;
        padding: 0 1.6% 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Logo {
        padding: 7.8125vw 0 0;
        width: 100%
    }
}

.index-Keyvisual_Logo img {
    width: 100%
}

.index-Keyvisual_Logo .logo {
    width: 94%;
    display: inline-block;
    margin: 0 0 2.60417vw
}

@media print,
screen and (max-width: 1199px) {
    .index-Keyvisual_Logo .logo {
        margin: 0 0 31.25px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Logo .logo {
        width: 70.3125vw;
        margin: 0 auto 6.51042vw;
        display: block
    }
}

.index-Keyvisual_Logo .onair {
    width: 94%
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Logo .onair {
        width: 70.3125vw;
        margin: 0 auto
    }
}

.index-Keyvisual_Img {
    background: #010028;
    padding: .52083vw;
    display: -ms-grid;
    display: grid;
    gap: .36458vw;
    grid-gap: .36458vw;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "kasumi_0 arisa_0 arisa_0 rimi_0" "kasumi_0 tae arisa_1 rimi_1" "kasumi_1 tae saya saya";
    line-height: 0
}

@media print,
screen and (min-width: 768px) {
    .index-Keyvisual_Img {
        width: 73.6%;
        height: 39.58333vw
    }
}

@media print,
screen and (max-width: 1199px) {
    .index-Keyvisual_Img {
        height: 475px
    }
}

@media print,
screen and (max-width: 1199px) {
    .index-Keyvisual_Img {
        padding: 6.25px;
        gap: 4.375px;
        grid-gap: 4.375px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img {
        padding: .78125vw
    }
}

.index-Keyvisual_Img_Item {
    overflow: hidden;
    position: relative
}

.index-Keyvisual_Img_Item:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.index-Keyvisual_Img_Item:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: width .5s cubic-bezier(0.645, 0.045, 0.355, 1), height .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width .5s cubic-bezier(0.645, 0.045, 0.355, 1), height .5s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.index-Keyvisual_Img_Item.horizontal:after {
    width: 0;
    height: 100%
}

.index-Keyvisual_Img_Item.vertical:after {
    height: 0;
    width: 100%
}

.index-Keyvisual_Img_Item.show.horizontal:after {
    width: 100%
}

.index-Keyvisual_Img_Item.show.vertical:after {
    height: 100%
}

.index-Keyvisual_Img_Item.hidden:before {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

.index-Keyvisual_Img_Item.hidden.horizontal:after {
    width: 0
}

.index-Keyvisual_Img_Item.hidden.vertical:after {
    height: 0
}

.index-Keyvisual_Img .img-Box {
    position: absolute;
    -webkit-transition: top .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), bottom .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), left .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), right .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: top .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), bottom .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), left .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), right .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translatez(0);
    transform: translatez(0)
}

.index-Keyvisual_Img .img-Box img {
    -webkit-transform: translatez(0);
    transform: translatez(0)
}

.index-Keyvisual_Img .img-Box.show {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

.index-Keyvisual_Img .img-Box.vertical {
    width: 100%
}

.index-Keyvisual_Img .img-Box.vertical img {
    width: 100%
}

.index-Keyvisual_Img .img-Box.horizontal {
    height: 100%
}

.index-Keyvisual_Img .img-Box.horizontal img {
    height: 100%;
    width: auto
}

.index-Keyvisual_Img .kasumi_0 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: kasumi_0
}

.index-Keyvisual_Img .kasumi_0:before {
    background: -webkit-linear-gradient(top, #e61a21 0, #e61a21 40%, #4e0200 80%, #560200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e61a21), color-stop(40%, #e61a21), color-stop(80%, #4e0200), to(#560200));
    background: linear-gradient(to bottom, #e61a21 0, #e61a21 40%, #4e0200 80%, #560200 100%)
}

.index-Keyvisual_Img .kasumi_0:after {
    background: #f52;
    bottom: 0;
    left: 0
}

.index-Keyvisual_Img .kasumi_0.hidden:after {
    bottom: auto;
    top: 0
}

.index-Keyvisual_Img .kasumi_0 .img-Box {
    left: 0;
    bottom: -2.08333vw
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .kasumi_0 .img-Box {
        bottom: -3.38542vw
    }
}

.index-Keyvisual_Img .kasumi_0 .img-Box.show {
    bottom: 0
}

.index-Keyvisual_Img .kasumi_1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: kasumi_1
}

.index-Keyvisual_Img .kasumi_1:before {
    background: -webkit-linear-gradient(top, #a2120e 0, #660600 20%, #000 30%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a2120e), color-stop(20%, #660600), color-stop(30%, #000), to(#000));
    background: linear-gradient(to bottom, #a2120e 0, #660600 20%, #000 30%, #000 100%)
}

.index-Keyvisual_Img .kasumi_1:after {
    background: #f52;
    top: 0;
    left: 0
}

.index-Keyvisual_Img .kasumi_1.hidden:after {
    left: auto;
    right: 0
}

.index-Keyvisual_Img .kasumi_1 .img-Box {
    top: 0;
    left: -2.08333vw
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .kasumi_1 .img-Box {
        left: -3.38542vw
    }
}

.index-Keyvisual_Img .kasumi_1 .img-Box.show {
    left: 0
}

.index-Keyvisual_Img .arisa_0 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: arisa_0
}

.index-Keyvisual_Img .arisa_0:before {
    background: -webkit-linear-gradient(top, #7774b4 0, #7774b4 20%, #403c66 80%, #1e1337 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7774b4), color-stop(20%, #7774b4), color-stop(80%, #403c66), to(#1e1337));
    background: linear-gradient(to bottom, #7774b4 0, #7774b4 20%, #403c66 80%, #1e1337 100%)
}

.index-Keyvisual_Img .arisa_0:after {
    background: #a6d;
    top: 0;
    left: 0
}

.index-Keyvisual_Img .arisa_0.hidden:after {
    left: auto;
    right: 0
}

.index-Keyvisual_Img .arisa_0 .img-Box {
    top: 0;
    left: -2.08333vw
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .arisa_0 .img-Box {
        left: -3.38542vw
    }
}

.index-Keyvisual_Img .arisa_0 .img-Box.show {
    left: 0
}

.index-Keyvisual_Img .arisa_1 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: arisa_1
}

.index-Keyvisual_Img .arisa_1:before {
    background: -webkit-linear-gradient(top, #7774b5 0, #7774b5 40%, #282044 80%, #07050b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7774b5), color-stop(40%, #7774b5), color-stop(80%, #282044), to(#07050b));
    background: linear-gradient(to bottom, #7774b5 0, #7774b5 40%, #282044 80%, #07050b 100%)
}

.index-Keyvisual_Img .arisa_1:after {
    background: #a6d;
    bottom: 0;
    left: 0
}

.index-Keyvisual_Img .arisa_1.hidden:after {
    bottom: auto;
    top: 0
}

.index-Keyvisual_Img .arisa_1 .img-Box {
    left: 0;
    bottom: -2.08333vw
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .arisa_1 .img-Box {
        bottom: -3.38542vw
    }
}

.index-Keyvisual_Img .arisa_1 .img-Box.show {
    bottom: 0
}

.index-Keyvisual_Img .tae {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: tae
}

.index-Keyvisual_Img .tae:before {
    background: -webkit-linear-gradient(top, #0666b2 0, #0666b2 30%, #034884 50%, #002c5c 70%, #000105 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0666b2), color-stop(30%, #0666b2), color-stop(50%, #034884), color-stop(70%, #002c5c), to(#000105));
    background: linear-gradient(to bottom, #0666b2 0, #0666b2 30%, #034884 50%, #002c5c 70%, #000105 100%)
}

.index-Keyvisual_Img .tae:after {
    background: #07d;
    top: 0;
    left: 0
}

.index-Keyvisual_Img .tae.hidden:after {
    top: auto;
    bottom: 0
}

.index-Keyvisual_Img .tae .img-Box {
    left: 0;
    top: -2.08333vw
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .tae .img-Box {
        top: -3.38542vw
    }
}

.index-Keyvisual_Img .tae .img-Box.show {
    top: 0
}

.index-Keyvisual_Img .saya {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: saya
}

.index-Keyvisual_Img .saya:before {
    background: -webkit-linear-gradient(top, #f6ab00 0, #f6ab00 10%, #8b5f00 80%, #422802 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6ab00), color-stop(10%, #f6ab00), color-stop(80%, #8b5f00), to(#422802));
    background: linear-gradient(to bottom, #f6ab00 0, #f6ab00 10%, #8b5f00 80%, #422802 100%)
}

.index-Keyvisual_Img .saya:after {
    background: #fc1;
    top: 0;
    right: 0
}

.index-Keyvisual_Img .saya.hidden:after {
    right: auto;
    left: 0
}

.index-Keyvisual_Img .saya .img-Box {
    top: 0;
    right: -2.08333vw;
    position: relative
}

.index-Keyvisual_Img .saya .img-Box img {
    position: absolute;
    right: 0;
    top: 0
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .saya .img-Box {
        right: -3.38542vw
    }
}

.index-Keyvisual_Img .saya .img-Box.show {
    right: 0
}

.index-Keyvisual_Img .rimi_0 {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: rimi_0
}

.index-Keyvisual_Img .rimi_0:before {
    background: -webkit-linear-gradient(top, #ea6da5 0, #ea6da5 20%, #652142 80%, #2f061b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea6da5), color-stop(20%, #ea6da5), color-stop(80%, #652142), to(#2f061b));
    background: linear-gradient(to bottom, #ea6da5 0, #ea6da5 20%, #652142 80%, #2f061b 100%)
}

.index-Keyvisual_Img .rimi_0:after {
    background: #f5b;
    top: 0;
    right: 0
}

.index-Keyvisual_Img .rimi_0.hidden:after {
    right: auto;
    left: 0
}

.index-Keyvisual_Img .rimi_0 .img-Box {
    top: 0;
    right: -2.08333vw;
    position: relative
}

.index-Keyvisual_Img .rimi_0 .img-Box img {
    position: absolute;
    right: 0;
    top: 0
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .rimi_0 .img-Box {
        right: -3.38542vw
    }
}

.index-Keyvisual_Img .rimi_0 .img-Box.show {
    right: 0
}

.index-Keyvisual_Img .rimi_1 {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: rimi_1
}

.index-Keyvisual_Img .rimi_1:before {
    background: -webkit-linear-gradient(top, #ea6da5 0, #ea6da5 20%, #652142 80%, #2f061b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea6da5), color-stop(20%, #ea6da5), color-stop(80%, #652142), to(#2f061b));
    background: linear-gradient(to bottom, #ea6da5 0, #ea6da5 20%, #652142 80%, #2f061b 100%)
}

.index-Keyvisual_Img .rimi_1:after {
    background: #f5b;
    top: 0;
    left: 0
}

.index-Keyvisual_Img .rimi_1.hidden:after {
    top: auto;
    bottom: 0
}

.index-Keyvisual_Img .rimi_1 .img-Box {
    left: 0;
    top: -2.08333vw
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img .rimi_1 .img-Box {
        top: -3.38542vw
    }
}

.index-Keyvisual_Img .rimi_1 .img-Box.show {
    top: 0
}

@media print,
screen and (max-width: 767px) {
    .index-Keyvisual_Img {
        width: 100%;
        height: 92.83854vw;
        gap: .65104vw;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "kasumi_1 kasumi_0 rimi_0" "tae kasumi_0 rimi_1" "tae arisa_0 arisa_0" "saya saya arisa_1"
    }

    .index-Keyvisual_Img .kasumi_1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: kasumi_1
    }

    .index-Keyvisual_Img .kasumi_0 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        grid-area: kasumi_0
    }

    .index-Keyvisual_Img .rimi_0 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: rimi_0
    }

    .index-Keyvisual_Img .rimi_1 {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
        grid-area: rimi_1
    }

    .index-Keyvisual_Img .tae {
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        grid-area: tae
    }

    .index-Keyvisual_Img .arisa_0 {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-area: arisa_0
    }

    .index-Keyvisual_Img .arisa_1 {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
        grid-area: arisa_1
    }

    .index-Keyvisual_Img .saya {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: saya
    }
}

.index-Bnr {
    margin: 0 auto 120px;
    padding: 0 50px;
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width: 767px) {
    .index-Bnr {
        margin: 0 0 15.625vw;
        padding: 0 7.03125vw
    }
}

.index-Bnr_Item {
    width: 728px;
    display: block;
    margin: 0 auto
}

@media print,
screen and (max-width: 767px) {
    .index-Bnr_Item {
        width: 100%
    }
}

.index-Bnr_Item img {
    width: 100%
}

@media print,
screen and (min-width: 768px) {
    .index-Bnr_0 {
        margin: 0 auto 160px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .index-Bnr_0 .index-Bnr_Item {
        max-width: 480px;
        display: block;
        margin: 0 12px;
        min-width: 348px
    }

    .index-Bnr_0 .index-Bnr_Item a {
        display: block
    }

    .index-Bnr_0 .index-Bnr_Item:nth-child(n + 3) {
        margin: 24px 12px 0
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Bnr_0 .index-Bnr_Item+.index-Bnr_Item {
        margin: 2.60417vw 0 0
    }
}

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

@media print,
screen and (min-width: 768px) {
    .index-News_Wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,
screen and (max-width: 767px) {
    .index-News_Wrapper {
        padding: 0 3.90625vw
    }
}

@media print,
screen and (min-width: 768px) {
    .index-News {
        width: 630px;
        background: url(../../images/common/index/ttl_news.png) right 68px/80px auto no-repeat
    }

    .index-News .sw-Box {
        height: 470px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-News {
        padding: 0 3.125vw;
        margin: 0 0 20.83333vw;
        background: url(../../images/common/index/ttl_news.png) right 13vw/13vw auto no-repeat
    }
}

@media print,
screen and (min-width: 768px) {
    .index-Twitter {
        width: 430px;
        background: url(../../images/common/index/ttl_twitter.png) right 68px/78px auto no-repeat
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Twitter {
        padding: 0 3.125vw;
        background: url(../../images/common/index/ttl_twitter.png) right 13vw/13vw auto no-repeat
    }
}

@media print,
screen and (min-width: 768px) {
    .index-Twitter .sw-Box {
        height: 470px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Twitter .sw-Box {
        height: 83.33333vw
    }
}

.index-Twitter .twitter-timeline {
    max-height: 100%
}

.index-Twitter iframe {
    width: 1200px !important
}

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

@media print,
screen and (min-width: 768px) {
    .index-Movie {
        margin: 160px auto 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Movie {
        margin: 23.4375vw 3.90625vw 0;
        padding: 4.29688vw 0 0;
        background: url(../../images/common/index/ttl_movie.png) right top/13vw auto no-repeat;
        min-height: 62.5vw
    }
}

.index-Movie_Thumb {
    left: 0;
    background: #000;
    line-height: 0;
    overflow: hidden;
    position: relative
}

@media print,
screen and (min-width: 768px) {
    .index-Movie_Thumb {
        width: 1000px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Movie_Thumb {
        width: 89.0625vw
    }
}

.index-Movie_Thumb img {
    position: absolute;
    width: 100%;
    opacity: .7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s, -webkit-transform 1s;
    transition: opacity 0.2s, -webkit-transform 1s;
    transition: opacity 0.2s, transform 1s;
    transition: opacity 0.2s, transform 1s, -webkit-transform 1s;
    top: 0;
    bottom: 0;
    margin: auto
}

.index-Movie_Thumb a {
    display: block;
    position: relative
}

.index-Movie_Thumb a:after {
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 104px;
    background: url(../../images/common/index/icon_play.png) left top/100% auto no-repeat;
    left: 25px;
    bottom: 25px
}

@media print,
screen and (max-width: 767px) {
    .index-Movie_Thumb a:after {
        width: 11.32812vw;
        height: 14.45312vw;
        left: 2.34375vw;
        bottom: 2.34375vw
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Movie_Thumb a:before {
        content: "";
        display: block;
        position: absolute;
        width: 13.02083vw;
        height: 50.78125vw;
        background: url(../../images/common/index/ttl_movie_w.png) right top/13vw auto no-repeat;
        top: -4.29688vw;
        right: -3.125vw
    }
}

.index-Movie_Thumb a .thumb {
    position: relative
}

.index-Movie_Thumb a .thumb:before {
    content: "";
    display: block
}

@media print,
screen and (min-width: 768px) {
    .index-Movie_Thumb a .thumb:before {
        padding-top: 42.5%
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Movie_Thumb a .thumb:before {
        padding-top: 56.25%
    }
}

@media print,
screen and (min-width: 768px) {
    .index-Movie_Thumb a:hover img {
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
}

.index-Movie_Ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media print,
screen and (min-width: 768px) {
    .index-Movie_Ttl {
        background: url(../../images/common/index/ttl_movie.png) right top/80px auto no-repeat;
        width: 90px;
        padding: 0 0 3px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Movie_Ttl {
        position: absolute;
        width: 22.13542vw;
        height: 62.5vw;
        top: 0;
        right: 3.125vw;
        z-index: 100
    }
}

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

@media print,
screen and (min-width: 768px) {
    .index-Character {
        margin: 180px 0 0;
        padding: 0 50px
    }
}

@media print,
screen and (max-width: 767px) {
    .index-Character {
        margin: 23.4375vw 0 0;
        padding: 0 3.90625vw
    }
}

.index-Character_Ttl {
    width: 614px;
    margin: 0 auto
}

@media print,
screen and (max-width: 767px) {
    .index-Character_Ttl {
        width: 100%
    }
}

.index-Character_Ttl img {
    width: 100%
}

.index-Character_List {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-Character_List_Item {
    background: #ff8864;
    width: calc(100% / 10 - 4px);
    margin: 0 0 4px;
    position: relative;
    overflow: hidden
}

@media print,
screen and (max-width: 767px) {
    .index-Character_List_Item {
        width: calc(100% / 5 - 2px);
        margin: 0 0 2px
    }
}

.index-Character_List_Item a {
    display: block;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.index-Character_List_Item a:before {
    content: "";
    display: block;
    padding-top: 100%
}

.index-Character_List_Item .img {
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.index-Character_List_Item .img-color {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

@media print,
screen and (min-width: 768px) {
    .index-Character_List_Item:hover .img {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    .index-Character_List_Item:hover .img-color {
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    .index-Character_List_Item:hover .img-screen {
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }
}

.index-Character_List_Item img {
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.index-Character .sw-Btn {
    margin: 40px auto 0;
    font-size: 16px
}

@media print,
screen and (max-width: 767px) {
    .index-Character .sw-Btn {
        margin: 7.8125vw auto 0;
        font-size: 3.125vw
    }
}

.index-Character_List_Item:nth-child(1) {
    background: rgba(255, 85, 34, 0.7)
}

.index-Character_List_Item:nth-child(2) {
    background: rgba(0, 119, 221, 0.7)
}

.index-Character_List_Item:nth-child(3) {
    background: rgba(255, 85, 187, 0.7)
}

.index-Character_List_Item:nth-child(4) {
    background: rgba(255, 204, 17, 0.7)
}

.index-Character_List_Item:nth-child(5) {
    background: rgba(170, 102, 221, 0.7)
}

.index-Character_List_Item:nth-child(6) {
    background: rgba(238, 0, 34, 0.7)
}

.index-Character_List_Item:nth-child(7) {
    background: rgba(0, 204, 170, 0.7)
}

.index-Character_List_Item:nth-child(8) {
    background: rgba(255, 153, 153, 0.7)
}

.index-Character_List_Item:nth-child(9) {
    background: rgba(187, 0, 51, 0.7)
}

.index-Character_List_Item:nth-child(10) {
    background: rgba(255, 238, 136, 0.7)
}

.index-Character_List_Item:nth-child(11) {
    background: rgba(255, 136, 187, 0.7)
}

.index-Character_List_Item:nth-child(12) {
    background: rgba(85, 221, 238, 0.7)
}

.index-Character_List_Item:nth-child(13) {
    background: rgba(255, 238, 170, 0.7)
}

.index-Character_List_Item:nth-child(14) {
    background: rgba(153, 221, 136, 0.7)
}

.index-Character_List_Item:nth-child(15) {
    background: rgba(221, 187, 255, 0.7)
}

.index-Character_List_Item:nth-child(16) {
    background: rgba(136, 17, 136, 0.7)
}

.index-Character_List_Item:nth-child(17) {
    background: rgba(0, 170, 187, 0.7)
}

.index-Character_List_Item:nth-child(18) {
    background: rgba(221, 34, 0, 0.7)
}

.index-Character_List_Item:nth-child(19) {
    background: rgba(221, 0, 136, 0.7)
}

.index-Character_List_Item:nth-child(20) {
    background: rgba(187, 187, 187, 0.7)
}

.index-Character_List_Item:nth-child(21) {
    background: rgba(255, 238, 34, 0.7)
}

.index-Character_List_Item:nth-child(22) {
    background: rgba(170, 51, 204, 0.7)
}

.index-Character_List_Item:nth-child(23) {
    background: rgba(255, 153, 34, 0.7)
}

.index-Character_List_Item:nth-child(24) {
    background: rgba(68, 221, 255, 0.7)
}

.index-Character_List_Item:nth-child(25) {
    background: rgba(221, 51, 204, 0.7)
}

.index-Character_List_Item:nth-child(26) {
    background: rgba(204, 9, 15, 0.7)
}

.index-Character_List_Item:nth-child(27) {
    background: rgba(187, 255, 100, 0.7)
}

.index-Character_List_Item:nth-child(28) {
    background: rgba(227, 186, 58, 0.7)
}

.index-Character_List_Item:nth-child(29) {
    background: rgba(255, 153, 190, 0.7)
}

.index-Character_List_Item:nth-child(30) {
    background: rgba(63, 184, 255, 0.7)
}

.sw-Ttl .sw-Ttl_Txt:after {
    -webkit-transition: width .5s .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width .5s .2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.index-Anime {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
    -webkit-transition: opacity 0.5s, -webkit-transform .5s;
    transition: opacity 0.5s, -webkit-transform .5s;
    transition: opacity 0.5s, transform .5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform .5s
}

.index-Anime-Delay {
    -webkit-transition: opacity .5s 0.2s, -webkit-transform .5s .2s;
    transition: opacity .5s 0.2s, -webkit-transform .5s .2s;
    transition: opacity .5s 0.2s, transform .5s .2s;
    transition: opacity .5s 0.2s, transform .5s 0.2s, -webkit-transform .5s .2s
}

.index-Anime.show {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}