@import"https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css";
@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;600;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Murecho:wght@100..900&display=swap";
@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 {
    display: block;
    cursor: pointer;
    font-family: YakuHanJPs, IBM Plex Sans JP, Helvetica Neue, YakuHanJP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
}

*[data-txtgradient=orange] {
    width: -webkit-fit-content;
    width: fit-content;
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

*[data-txtgradient=blue] {
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

*[data-font=clash-display] {
    font-family: ClashDisplay-Variable;
    font-style: normal;
    font-display: swap
}

*[data-font=murecho] {
    font-family: Murecho, serif;
    font-optical-sizing: auto;
    font-style: normal
}

*[data-font=inter] {
    font-family: Inter, serif;
    font-optical-sizing: auto;
    font-style: normal
}

*[data-fontweight=regular] {
    font-weight: 400
}

*[data-fontweight=medium] {
    font-weight: 500
}

*[data-fontweight=semibold] {
    font-weight: 600
}

*[data-fontweight=bold] {
    font-weight: 700
}

*[data-fontweight=extrabold] {
    font-weight: 800
}

*[data-fontweight=black] {
    font-weight: 900
}

@-webkit-keyframes speakerVolumeOn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40%,
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

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

@keyframes speakerVolumeOn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    40%,
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

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

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

    25%,
    40% {
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%)
    }

    60%,
    80% {
        -webkit-transform: translateX(2%);
        transform: translateX(2%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    25%,
    40% {
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%)
    }

    60%,
    80% {
        -webkit-transform: translateX(2%);
        transform: translateX(2%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes autoScrollTranslateX {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes autoScrollTranslateX {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

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

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    color: #000
}

.md-layout {
    margin: 0
}

.md-logo {
    display: block;
    line-height: 1
}

.md-logo[data-type=langaku-horison] img {
    aspect-ratio: 338/84
}

.md-logo img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: cover
}

.md-ttl__section {
    text-align: center
}

.md-ttl__section>* {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    line-height: 1;
    margin-inline: auto
}

.md-ttl__section>small {
    letter-spacing: .4em;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:1200px) {
    .md-ttl__section>small {
        font-size: 1.5vw !important
    }
}

@media screen and (max-width:768px) {
    .md-ttl__section>small {
        font-size: 2.272727272727272vw !important
    }
}

.md-ttl__section>em {
    line-height: 1.4;
    margin-top: 12px;
    font-size: 54px;
    font-size: 5.4rem
}

@media screen and (max-width:1200px) {
    .md-ttl__section>em {
        margin-top: 1vw
    }
}

@media screen and (max-width:768px) {
    .md-ttl__section>em {
        margin-top: 3.409090909090909vw
    }
}

@media screen and (max-width:1200px) {
    .md-ttl__section>em {
        font-size: 4.5vw !important
    }
}

@media screen and (max-width:768px) {
    .md-ttl__section>em {
        font-size: 5.909090909090909vw !important
    }
}

.md-btn__links {
    background: #3c3c40;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    color: #fff;
    position: relative;
    aspect-ratio: 292/76;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width:1200px) {
    .md-btn__links {
        font-size: 1.333333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .md-btn__links {
        font-size: 4.090909090909091vw !important
    }
}

@media screen and (max-width:768px) {
    .md-btn__links {
        border-radius: 2.272727272727272vw
    }
}

.md-btn__links:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: solid 1px #fff;
    z-index: 2
}

@media screen and (max-width:768px) {
    .md-btn__links:before {
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        border-radius: 2.272727272727272vw
    }
}

.md-links {
    margin: 0
}

.md-table {
    margin: 0
}

@media print,
screen and (min-width:769px) {
    .md-addlink {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .md-addlink {
        width: 85.45454545454545%;
        margin-inline: auto
    }
}

.md-addlink[data-color=orange] .md-addlink__container {
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%)
}

.md-addlink[data-color=orange] .md-addlink__container .l>nav .linkbtn .md-btn__links {
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%)
}

.md-addlink[data-color=blue] .md-addlink__container {
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%)
}

.md-addlink[data-color=blue] .md-addlink__container .l>nav .linkbtn .md-btn__links {
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%)
}

.md-addlink__container {
    position: relative;
    border-radius: 15px;
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container {
        width: 93.75%;
        max-width: 1200px
    }
}

@media screen and (max-width:1200px) {
    .md-addlink__container {
        border-radius: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container {
        border-radius: 3.409090909090909vw
    }
}

.md-addlink__container:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container:before {
        width: calc(100% - 30px);
        height: calc(100% - 30px)
    }
}

@media screen and (max-width:1200px) {
    .md-addlink__container:before {
        border-radius: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container:before {
        width: calc(100% - 4.2vw);
        height: calc(100% - 4.2vw);
        border-radius: 2.272727272727272vw
    }
}

.md-addlink__container .l {
    margin-inline: auto;
    padding-top: 52px;
    padding-bottom: 52px
}

@media screen and (max-width:1200px) {
    .md-addlink__container .l {
        padding-top: 4.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container .l {
        padding-top: 8.181818181818182vw
    }
}

@media screen and (max-width:1200px) {
    .md-addlink__container .l {
        padding-bottom: 4.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container .l {
        padding-bottom: 8.181818181818182vw
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 89.74358974358975%
    }
}

.md-addlink__container .l>header,
.md-addlink__container .l>nav {
    position: relative;
    z-index: 2
}

.md-addlink__container .l>header {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 60.952380952380956%
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>header .logo {
        width: 51.87500000000001%
    }
}

.md-addlink__container .l>header .logo picture {
    display: block
}

.md-addlink__container .l>header .message {
    font-size: 22px;
    font-size: 2.2rem;
    padding-bottom: 10px
}

@media screen and (max-width:1200px) {
    .md-addlink__container .l>header .message {
        font-size: 1.833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container .l>header .message {
        font-size: 5.454545454545454vw !important
    }
}

@media screen and (max-width:1200px) {
    .md-addlink__container .l>header .message {
        padding-bottom: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container .l>header .message {
        padding-bottom: 3.409090909090909vw
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>header .message {
        line-height: 1.6
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container .l>header .message {
        text-align: center;
        line-height: 1.4
    }
}

.md-addlink__container .l>header .message small {
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width:1200px) {
    .md-addlink__container .l>header .message small {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container .l>header .message small {
        font-size: 4.318181818181818vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>header:after {
        content: "";
        position: absolute;
        top: 50%;
        right: -25px;
        display: block;
        width: 1px;
        height: 100%;
        background: rgba(60, 60, 64, .1);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width:1200px) {
    .md-addlink__container .l>header:after {
        right: -1.9vw
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>nav {
        width: 33.904761904761905%
    }
}

@media screen and (max-width:768px) {
    .md-addlink__container .l>nav {
        width: 77.6595744680851%;
        margin-inline: auto
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>nav .bnr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>nav .bnr .appbnr--link[data-type=appstore] {
        width: 43.258426966292134%
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>nav .bnr .appbnr--link[data-type=googleplay] {
        width: 53.37078651685393%
    }
}

@media print,
screen and (min-width:769px) {
    .md-addlink__container .l>nav .bnr .appbnr--link:not(:last-child) {
        margin-right: 4.49438202247191%
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .md-addlink {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .md-addlink {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .md-addlink {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .md-addlink {
        padding-right: 0
    }
}

.md-movie {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    outline: none;
    position: relative
}

@media print,
screen and (min-width:769px) {
    .md-movie[data-size=l] .icon {
        width: 20.253164556962027%
    }
}

@media screen and (max-width:768px) {
    .md-movie[data-size=l] .icon {
        width: 20.54794520547945%
    }
}

@media print,
screen and (min-width:769px) {
    .md-movie[data-size=s] .icon {
        width: 20.80536912751678%
    }
}

@media screen and (max-width:768px) {
    .md-movie[data-size=s] .icon {
        width: 18.181818181818183%
    }
}

.md-movie .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    background: url(../images/_common/icon/icon_play.svg) center center no-repeat;
    background-size: 100% auto;
    aspect-ratio: 1/1
}

@media(hover:hover) {
    .md-movie:hover>picture img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.md-movie>picture {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border: solid 1px #3c3c40;
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .md-movie>picture {
        border-radius: 6px
    }
}

@media screen and (max-width:1200px) {
    .md-movie>picture {
        border-radius: .5vw
    }
}

@media screen and (max-width:768px) {
    .md-movie>picture {
        border-radius: 1.363636363636364vw
    }
}

.md-movie>picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: cover;
    aspect-ratio: 16/9
}

@media(hover:hover) {
    .md-movie>picture img {
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.md-list {
    margin: 0
}

a {
    color: #d8d8d8;
    outline: none !important;
    text-decoration: none
}

html {
    font-size: 62.5%
}

body {
    font-family: YakuHanJPs, IBM Plex Sans JP, Helvetica Neue, YakuHanJP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 400;
    background: #f4f4f6 url(../images/_common/bg/bg_wrap_gray.png) left top repeat;
    background-size: 24px auto;
    color: #3c3c40;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

body[data-navopen=true] {
    pointer-events: none;
    overflow: hidden;
    min-height: 100%;
    height: 100%
}

::selection {
    background: #f8f8f8
}

@media screen and (max-width:768px) {
    .is-pc {
        display: none !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-sp {
        display: none !important
    }
}

img {
    max-width: 100%
}

svg {
    width: 100% !important;
    height: auto !important
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #e1e1e1;
    line-height: 1;
    box-sizing: border-box;
    z-index: 5;
    padding-top: 16px;
    padding-bottom: 15px
}

@media screen and (max-width:1200px) {
    .l-header {
        padding-top: 1.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .l-header {
        padding-top: 3.636363636363636vw
    }
}

@media screen and (max-width:1200px) {
    .l-header {
        padding-bottom: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .l-header {
        padding-bottom: 4.090909090909091vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-header {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .l-header {
        padding-left: 3.636363636363636%;
        padding-right: 4.090909090909091%
    }
}

.l-header__inner {
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-inline: auto
}

.l-header__inner .ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .ttl {
        width: 33.7037037037037%;
        max-width: 364px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .ttl {
        width: 64.85148514851485%
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .ttl--logo {
        width: 52.197802197802204%
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .ttl--logo {
        width: 55.14705882352941%
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .ttl--sub {
        width: 42.582417582417584%
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .ttl--sub {
        width: 40.44117647058824%
    }
}

.l-header__inner .ttl--sub picture {
    display: block
}

.l-header__inner .ttl--sub picture img {
    width: 100%;
    vertical-align: bottom
}

.l-header__inner .applinks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .applinks {
        width: 27.77777777777778%;
        max-width: 300px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .applinks {
        width: 30.693069306930692%
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .applinks .appbnr--link {
        margin-left: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .applinks .appbnr--link[data-type=appstore] {
        width: 43.333333333333336%
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .applinks .appbnr--link[data-type=appstore] {
        width: 80.64516129032258%
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .applinks .appbnr--link[data-type=googleplay] {
        width: 53.333333333333336%
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .applinks .appbnr--link[data-type=googleplay] {
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .applinks .appbnr--link:not(:last-child) {
        margin-right: 3.333333333333333%
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-header {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-header {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-header {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-header {
        padding-right: 0
    }
}

.l-footer {
    background: #00a0e9;
    box-sizing: border-box;
    width: 100%;
    margin-top: 96px;
    padding-top: 36px;
    padding-bottom: 42px
}

@media screen and (max-width:1200px) {
    .l-footer {
        margin-top: 8vw
    }
}

@media screen and (max-width:768px) {
    .l-footer {
        margin-top: 16.363636363636363vw
    }
}

@media screen and (max-width:1200px) {
    .l-footer {
        padding-top: 3vw
    }
}

@media screen and (max-width:768px) {
    .l-footer {
        padding-top: 9.545454545454545vw
    }
}

@media screen and (max-width:1200px) {
    .l-footer {
        padding-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .l-footer {
        padding-bottom: 21.818181818181817vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .l-footer {
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

.l-footer__inner {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner {
        max-width: 1200px
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--info {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info {
        margin-top: 13.636363636363637vw
    }
}

.l-footer__inner .foot--info__header {
    margin-bottom: 36px
}

@media screen and (max-width:1200px) {
    .l-footer__inner .foot--info__header {
        margin-bottom: 3vw
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__header {
        margin-bottom: 12.272727272727272vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--info__header {
        width: 100%
    }
}

.l-footer__inner .foot--info__header a {
    display: block
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--info__header a {
        width: 6.833333333333333%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__header a {
        margin-inline: auto;
        width: 18.636363636363637vw
    }
}

@media(hover:hover) {
    .l-footer__inner .foot--info__header a:hover picture img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(0);
        filter: brightness(0)
    }
}

.l-footer__inner .foot--info__nav {
    margin-bottom: 0
}

@media screen and (max-width:1200px) {
    .l-footer__inner .foot--info__nav {
        margin-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__nav {
        margin-bottom: 15vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--info__nav {
        width: 45.83333333333333%
    }
}

.l-footer__inner .foot--info__nav .share {
    margin-bottom: 36px
}

@media screen and (max-width:1200px) {
    .l-footer__inner .foot--info__nav .share {
        margin-bottom: 3vw
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__nav .share {
        margin-bottom: 12.272727272727272vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--info__copyright {
        text-align: right;
        width: 54.166666666666664%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__copyright {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.l-footer__inner .foot--info__copyright small {
    color: #fff;
    letter-spacing: .05em;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width:1200px) {
    .l-footer__inner .foot--info__copyright small {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__copyright small {
        font-size: 2.272727272727272vw !important
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__copyright small {
        display: block
    }
}

.l-footer__inner .foot--info__copyright small:not(:last-child) {
    margin-right: 24px
}

@media screen and (max-width:1200px) {
    .l-footer__inner .foot--info__copyright small:not(:last-child) {
        margin-right: 2vw
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--info__copyright small:not(:last-child) {
        margin-right: 0
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--xtl {
        -ms-flex-order: 2;
        order: 2;
        width: 29.666666666666668%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--xtl {
        width: 85.45454545454545%;
        margin-inline: auto
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-footer {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-footer {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-footer {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-footer {
        padding-right: 0
    }
}

.l-message {
    overflow: hidden;
    margin-top: 96px
}

@media screen and (max-width:1200px) {
    .l-message {
        margin-top: 8vw
    }
}

@media screen and (max-width:768px) {
    .l-message {
        margin-top: 12.727272727272727vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-message {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .l-message {
        margin-bottom: 5.454545454545454vw;
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

.l-message__inner {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .l-message__inner {
        max-width: 1120px
    }
}

@media screen and (max-width:1200px) {
    .l-message__inner {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .l-message__inner {
        width: 100%
    }
}

.l-message__inner .message {
    position: relative;
    padding-top: 128px;
    padding-bottom: 140px
}

@media screen and (max-width:1200px) {
    .l-message__inner .message {
        padding-top: 10.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message {
        padding-top: 14.545454545454545vw
    }
}

@media screen and (max-width:1200px) {
    .l-message__inner .message {
        padding-bottom: 11.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message {
        padding-bottom: 14.545454545454545vw
    }
}

.l-message__inner .message:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../images/_common/logo/logo_icon.svg) center center no-repeat;
    background-size: 100% auto;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message:before {
        width: 57.32142857142857%
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message:before {
        width: 120.9090909090909vw
    }
}

.l-message__inner .message--header,
.l-message__inner .message--char,
.l-message__inner .message--applinks {
    position: relative;
    z-index: 2
}

.l-message__inner .message--header {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--header {
        width: 62.857142857142854%
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--header {
        margin-bottom: 5.454545454545454vw
    }
}

.l-message__inner .message--header h6 picture {
    display: block
}

.l-message__inner .message--header h6 picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 704/122
}

.l-message__inner .message--char {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--char {
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 74.46428571428572%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 96.80851063829788%;
        margin-inline: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--char>li {
        width: 23.741007194244602%
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char>li {
        width: 46.7032967032967%
    }
}

.l-message__inner .message--char>li[data-char=ran] dl dt {
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%)
}

.l-message__inner .message--char>li[data-char=ran] dl dd {
    width: -webkit-fit-content;
    width: fit-content;
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.l-message__inner .message--char>li[data-char=manabu] dl dt {
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%)
}

.l-message__inner .message--char>li[data-char=manabu] dl dd {
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.l-message__inner .message--char>li picture {
    display: block;
    margin-bottom: 15px
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--char>li picture {
        margin-bottom: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char>li picture {
        margin-bottom: 2.727272727272727vw
    }
}

.l-message__inner .message--char>li picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 176/298
}

.l-message__inner .message--char>li dl dt {
    border-radius: 100vw;
    color: #fff;
    line-height: 1;
    text-align: center;
    margin-bottom: 12px;
    padding-top: 6px;
    padding-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--char>li dl dt {
        margin-bottom: 1vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char>li dl dt {
        margin-bottom: 1.363636363636364vw
    }
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--char>li dl dt {
        padding-top: .5vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char>li dl dt {
        padding-top: 1.363636363636364vw
    }
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--char>li dl dt {
        padding-bottom: .416666666666667vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char>li dl dt {
        padding-bottom: 1.590909090909091vw
    }
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--char>li dl dt {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char>li dl dt {
        font-size: 2.272727272727272vw !important
    }
}

.l-message__inner .message--char>li dl dd {
    line-height: 1.2;
    text-align: center;
    margin-inline: auto;
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--char>li dl dd {
        font-size: 2vw !important
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--char>li dl dd {
        font-size: 4.090909090909091vw !important
    }
}

.l-message__inner .message--applinks {
    margin-top: 42px
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--applinks {
        margin-top: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--applinks {
        margin-top: 5.454545454545454vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--applinks {
        width: 47.67857142857143%;
        margin-inline: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--applinks>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--applinks>ul>li {
        width: 46.06741573033708%
    }
}

.l-message__inner .message--applinks>ul>li .code2d picture,
.l-message__inner .message--applinks>ul>li .bnr picture {
    display: block
}

.l-message__inner .message--applinks>ul>li .code2d picture img,
.l-message__inner .message--applinks>ul>li .bnr picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.l-message__inner .message--applinks>ul>li .code2d {
    display: block
}

.l-message__inner .message--applinks>ul>li .code2d picture {
    display: block;
    background: #fff;
    overflow: hidden
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--applinks>ul>li .code2d picture {
        border-radius: 6px
    }
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--applinks>ul>li .code2d picture {
        border-radius: .5vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--applinks>ul>li .code2d picture {
        border-radius: 1.363636363636364vw
    }
}

.l-message__inner .message--applinks>ul>li .code2d picture img {
    aspect-ratio: 1/1
}

.l-message__inner .message--applinks>ul>li .bnr {
    display: block;
    margin-inline: auto;
    margin-top: 13px;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .l-message__inner .message--applinks>ul>li .bnr {
        margin-top: 1.083333333333333vw
    }
}

@media screen and (max-width:768px) {
    .l-message__inner .message--applinks>ul>li .bnr {
        margin-top: 0
    }
}

@media(hover:hover) {
    .l-message__inner .message--applinks>ul>li .bnr:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media(hover:none) {
    .l-message__inner .message--applinks>ul>li .bnr:active {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--applinks>ul>li .bnr[data-type=appstore] {
        width: 52.84552845528455%
    }
}

@media print,
screen and (min-width:769px) {
    .l-message__inner .message--applinks>ul>li .bnr[data-type=googleplay] {
        width: 65.04065040650406%
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-message {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-message {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-message {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-message {
        padding-right: 0
    }
}

#Wrap {
    overflow: hidden
}

.appbnr--link {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media(hover:hover) {
    .appbnr--link:hover {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

@media(hover:none) {
    .appbnr--link:active {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

.appbnr--link[data-type=appstore] picture img {
    aspect-ratio: 130/48
}

.appbnr--link[data-type=googleplay] picture img {
    aspect-ratio: 160/48
}

.appbnr--link picture {
    display: block
}

.appbnr--link picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: contain
}

.nav-share {
    line-height: 1
}

@media print,
screen and (min-width:769px) {
    .nav-share {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width:768px) {
    .nav-share {
        text-align: center
    }
}

.nav-share__ttl {
    letter-spacing: .2em;
    color: #fff;
    margin-right: 24px;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width:1200px) {
    .nav-share__ttl {
        margin-right: 2vw
    }
}

@media screen and (max-width:768px) {
    .nav-share__ttl {
        margin-right: 0
    }
}

@media screen and (max-width:1200px) {
    .nav-share__ttl {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .nav-share__ttl {
        font-size: 2.727272727272727vw !important
    }
}

@media screen and (max-width:768px) {
    .nav-share__ttl {
        line-height: 1;
        margin-bottom: 4.090909090909091vw
    }
}

.nav-share__links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .nav-share__links {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.nav-share__links>a {
    display: block;
    width: 30px;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .nav-share__links>a {
        width: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .nav-share__links>a {
        width: 8.181818181818182vw
    }
}

.nav-share__links>a:not(:last-child) {
    margin-right: 18px
}

@media screen and (max-width:1200px) {
    .nav-share__links>a:not(:last-child) {
        margin-right: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .nav-share__links>a:not(:last-child) {
        margin-right: 5.454545454545454vw
    }
}

@media(hover:hover) {
    .nav-share__links>a:hover {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

@media(hover:none) {
    .nav-share__links>a:active {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

.nav-share__links>a picture {
    display: block
}

.nav-share__links>a picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 1/1
}

.nav-sublinks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .nav-sublinks {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.nav-sublinks>a {
    display: block;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .nav-sublinks>a {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .nav-sublinks>a {
        font-size: 2.727272727272727vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .nav-sublinks>a {
        width: -webkit-fit-content;
        width: fit-content
    }
}

@media screen and (max-width:768px) {
    .nav-sublinks>a {
        text-align: center;
        width: 48.40425531914894%;
        border-bottom: solid 1px rgba(219, 222, 231, .1);
        padding-bottom: 2.727272727272727vw
    }
}

@media(hover:hover) {
    .nav-sublinks>a:hover {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

@media(hover:none) {
    .nav-sublinks>a:active {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

.nav-sublinks>a:not(:last-child) {
    margin-right: 24px
}

@media screen and (max-width:1200px) {
    .nav-sublinks>a:not(:last-child) {
        margin-right: 2vw
    }
}

@media screen and (max-width:768px) {
    .nav-sublinks>a:not(:last-child) {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .nav-sublinks>a:nth-child(n+3) {
        margin-top: 3.409090909090909vw
    }
}

.l-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.l-modal::-webkit-scrollbar {
    display: none
}

@media print,
screen and (min-width:769px) {
    .l-modal {
        overflow: scroll visible;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.l-modal[data-status=hidden] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none
}

.l-modal[data-status=show] {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: auto;
    overflow: auto;
    transition-duration: .6s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.l-modal[data-status=show] .l-modal__inner .contents .movie,
.l-modal[data-status=show] .l-modal__inner .contents .lineup {
    pointer-events: auto
}

.l-modal[data-type=movie] .l-modal__inner .contents {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.l-modal__inner {
    position: relative;
    width: 100%;
    height: 100%
}

.l-modal__inner .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 1;
    cursor: pointer;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.l-modal__inner .closebtn {
    position: fixed;
    top: 60px;
    right: 2.645502645502646%;
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    z-index: 3;
    width: 50px;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .l-modal__inner .closebtn {
        width: 4.166666666666666vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .closebtn {
        width: 11.363636363636363vw
    }
}

@media screen and (max-width:1200px) {
    .l-modal__inner .closebtn {
        top: 5vw;
        right: 3.333333333333333%
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .closebtn {
        top: 4.545454545454545vw;
        right: 4.545454545454546%
    }
}

@media(hover:hover) {
    .l-modal__inner .closebtn:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media(hover:none) {
    .l-modal__inner .closebtn:active {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.l-modal__inner .closebtn picture {
    display: block
}

.l-modal__inner .closebtn picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 1/1
}

.l-modal__inner .contents {
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    pointer-events: none;
    padding-top: 54px;
    padding-bottom: 54px
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents {
        padding-top: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents {
        padding-top: 9.545454545454545vw
    }
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents {
        padding-bottom: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents {
        padding-bottom: 9.545454545454545vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents {
        padding-left: 40px;
        padding-right: 40px
    }
}

.l-modal__inner .contents .movie {
    background: #eee
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .movie {
        width: 71.42857142857143%;
        max-width: 86%
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .movie {
        width: 100%
    }
}

.l-modal__inner .contents .movie--playerwrap iframe {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 16/9
}

.l-modal__inner .contents .lineup {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border-radius: 20px;
    margin-inline: auto;
    padding-top: 84px;
    padding-bottom: 120px;
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%)
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup {
        padding-top: 7vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup {
        padding-top: 15.909090909090908vw
    }
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup {
        padding-bottom: 10vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup {
        padding-bottom: 15.909090909090908vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .lineup {
        width: 90%;
        max-width: 1200px
    }
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup {
        width: 86%;
        border-radius: 1.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup {
        width: 100%;
        border-radius: 0;
        box-sizing: border-box;
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

.l-modal__inner .contents .lineup:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: #fff;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup:before {
        border-radius: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup:before {
        width: 100%;
        height: calc(100% - 4.6vw);
        border-radius: 0
    }
}

.l-modal__inner .contents .lineup>header,
.l-modal__inner .contents .lineup>ul {
    position: relative;
    z-index: 2;
    margin-inline: auto
}

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

    .l-modal__inner .contents .lineup>header,
    .l-modal__inner .contents .lineup>ul {
        width: 90%
    }
}

.l-modal__inner .contents .lineup>header {
    line-height: 1.2;
    border-bottom: solid 1px rgba(231, 230, 219, .5);
    margin-bottom: 30px;
    padding-bottom: 35px
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>header {
        margin-bottom: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>header {
        margin-bottom: 4.545454545454545vw
    }
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>header {
        padding-bottom: 2.916666666666667vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>header {
        padding-bottom: 4.090909090909091vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .lineup>header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>header {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.l-modal__inner .contents .lineup>header>h4 {
    font-size: 36px;
    font-size: 3.6rem
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>header>h4 {
        font-size: 3vw !important
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>header>h4 {
        font-size: 5.454545454545454vw !important
    }
}

.l-modal__inner .contents .lineup>header>h5 {
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>header>h5 {
        font-size: 1.5vw !important
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>header>h5 {
        font-size: 2.727272727272727vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .lineup>header>h5 {
        margin-left: 1.2em
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>header>h5 {
        margin-top: 2.727272727272727vw
    }
}

.l-modal__inner .contents .lineup>header>h5 small {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>header>h5 small {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>header>h5 small {
        font-size: 2.272727272727272vw !important
    }
}

.l-modal__inner .contents .lineup>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .lineup>ul>li {
        margin-right: 4.074074074074074%;
        width: 21.944444444444443%
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul>li {
        width: 48.93617021276596%
    }
}

.l-modal__inner .contents .lineup>ul>li:nth-child(n+5) {
    margin-top: 22px
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>ul>li:nth-child(n+5) {
        margin-top: 1.833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul>li:nth-child(n+5) {
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul>li:nth-child(n+3) {
        margin-top: 4.090909090909091vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .lineup>ul>li:nth-child(4n) {
        margin-right: 0 !important
    }
}

.l-modal__inner .contents .lineup>ul>li .l {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .lineup>ul>li .l .cover {
        width: 34.59915611814346%
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul>li .l .cover {
        width: 35.32608695652174%
    }
}

.l-modal__inner .contents .lineup>ul>li .l .cover picture {
    display: block
}

.l-modal__inner .contents .lineup>ul>li .l .cover picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-position: center center;
    object-fit: contain;
    margin-inline: auto;
    aspect-ratio: 82/122
}

.l-modal__inner .contents .lineup>ul>li .l .label {
    line-height: 1.25
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .contents .lineup>ul>li .l .label {
        width: 59.07172995780591%
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul>li .l .label {
        width: 59.78260869565217%
    }
}

.l-modal__inner .contents .lineup>ul>li .l .label .title {
    margin-bottom: .35em;
    font-size: 13px;
    font-size: 1.3rem
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>ul>li .l .label .title {
        font-size: 1.083333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul>li .l .label .title {
        font-size: 2.727272727272727vw !important
    }
}

.l-modal__inner .contents .lineup>ul>li .l .label .author {
    font-size: 10px;
    font-size: 1rem
}

@media screen and (max-width:1200px) {
    .l-modal__inner .contents .lineup>ul>li .l .label .author {
        font-size: .833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .l-modal__inner .contents .lineup>ul>li .l .label .author {
        font-size: 2.045454545454545vw !important
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-modal__inner .contents {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-modal__inner .contents {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-modal__inner .contents {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-modal__inner .contents {
        padding-right: 0
    }
}

.l-fv {
    margin-bottom: 80px;
    padding-top: 72px
}

@media screen and (max-width:1200px) {
    .l-fv {
        margin-bottom: 6.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .l-fv {
        margin-bottom: 0
    }
}

@media screen and (max-width:1200px) {
    .l-fv {
        padding-top: 6vw
    }
}

@media screen and (max-width:768px) {
    .l-fv {
        padding-top: 9.545454545454545vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv {
        padding-left: 40px;
        padding-right: 40px
    }
}

.l-fv__inner {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner {
        width: 93.75%;
        max-width: 1600px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.l-fv__inner .v {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .v {
        -ms-flex-order: 2;
        order: 2;
        width: 48.333333333333336%
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .v {
        width: 90.9090909090909%;
        z-index: 1;
        margin-inline: auto
    }
}

.l-fv__inner .v--container {
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .v--container {
        aspect-ratio: 580/611
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .v--container {
        aspect-ratio: 400/364
    }
}

.l-fv__inner .v--container .device {
    height: auto
}

.l-fv__inner .v--container .device[data-type=smartphone] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    background: #eee;
    box-sizing: border-box;
    border: solid 6px #141415;
    z-index: 2;
    overflow: hidden;
    aspect-ratio: 216/452
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .v--container .device[data-type=smartphone] {
        width: 37.24137931034483%;
        border-radius: 30px
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .v--container .device[data-type=smartphone] {
        border-width: .5vw;
        border-radius: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .v--container .device[data-type=smartphone] {
        width: 37%;
        border-width: 1.363636363636364vw;
        border-radius: 4.545454545454545vw
    }
}

.l-fv__inner .v--container .device[data-type=smartphone] picture {
    display: block
}

.l-fv__inner .v--container .device[data-type=smartphone] picture img {
    width: 100%;
    vertical-align: bottom
}

.l-fv__inner .v--container .device[data-type=tablet] {
    margin-left: auto;
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
    border: solid 10px #141415;
    object-fit: contain;
    aspect-ratio: 422/528
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .v--container .device[data-type=tablet] {
        border-radius: 30px;
        width: 72.41379310344827%
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .v--container .device[data-type=tablet] {
        border-width: .833333333333333vw;
        border-radius: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .v--container .device[data-type=tablet] {
        width: 72.5%;
        border-width: 1.363636363636364vw;
        border-radius: 4.545454545454545vw
    }
}

.l-fv__inner .v--container .device--inner {
    position: relative;
    width: 100%;
    height: 100%
}

.l-fv__inner .v--container .device--inner video {
    display: block;
    width: auto;
    height: 100%;
    vertical-align: bottom;
    margin-inline: auto;
    object-fit: contain;
    aspect-ratio: 760/1200
}

.l-fv__inner .v:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    pointer-events: none;
    background: url(../images/_common/logo/logo_icon.svg) center center no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .v:before {
        width: 124.82758620689656%
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .v:before {
        width: 112.5%
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt {
        -ms-flex-order: 1;
        order: 1;
        padding-top: 96px;
        width: 51.66666666666667%
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt {
        padding-top: 8vw;
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt {
        position: relative;
        z-index: 2;
        padding-top: 9.545454545454545vw;
    }
}

.l-fv__inner .txt--catch {
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 42px
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--catch {
        margin-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--catch {
        margin-bottom: 5.454545454545454vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--catch {
        width: 91.61290322580645%;
        gap: 6px 0
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--catch {
        gap: .5vw 0
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--catch {
        width: 100%;
        gap: .454545454545455vw 0;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.l-fv__inner .txt--catch em,
.l-fv__inner .txt--catch span {
    display: block;
    font-weight: 900
}

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

    .l-fv__inner .txt--catch em,
    .l-fv__inner .txt--catch span {
        text-align: center
    }
}

.l-fv__inner .txt--catch em {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--catch em {
        font-size: clamp(3rem, 4.5vw, 8.4rem)
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--catch em {
        font-size: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--catch em {
        margin-inline: auto;
        font-size: 10.909090909090908vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--catch span {
        font-size: clamp(3rem, 2.916666666666667vw, 5.45rem)
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--catch span {
        font-size: 2.916666666666667vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--catch span {
        font-size: 7.045454545454545vw
    }
}

.l-fv__inner .txt--links {
    position: relative;
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
    padding-top: 28px;
    padding-bottom: 30px
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--links {
        padding-top: 2.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--links {
        padding-top: 8.181818181818182vw
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--links {
        padding-bottom: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--links {
        padding-bottom: 8.181818181818182vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--links {
        width: 70%;
        border-radius: 10px
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--links {
        border-radius: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--links {
        margin-inline: auto;
        width: 85.45454545454545%;
        border-radius: 2.272727272727272vw
    }
}

.l-fv__inner .txt--links>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2
}

.l-fv__inner .txt--links>a[data-status=hidden] {
    display: none
}

.l-fv__inner .txt--links:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: border-box;
    border: solid 1px #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--links:before {
        width: calc(100% - 12px);
        height: calc(100% - 12px);
        border-radius: 10px
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--links:before {
        border-radius: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--links:before {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border-radius: 2.272727272727272vw
    }
}

.l-fv__inner .txt--links__header h2 {
    color: #fff;
    text-align: center;
    line-height: 1;
    letter-spacing: .05em;
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--links__header h2 {
        font-size: 2vw !important
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--links__header h2 {
        font-size: 5.454545454545454vw !important
    }
}

.l-fv__inner .txt--links__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-inline: auto;
    margin-top: 15px
}

@media screen and (max-width:1200px) {
    .l-fv__inner .txt--links__nav {
        margin-top: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--links__nav {
        margin-top: 0
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--links__nav {
        width: 69.12442396313364%
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .txt--links__nav[data-type=ios-or-android] {
        display: none
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--links__nav .appbnr--link[data-type=appstore] {
        width: 43.333333333333336%
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .txt--links__nav .appbnr--link[data-type=googleplay] {
        width: 53.333333333333336%
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-fv {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-fv {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .l-fv {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .l-fv {
        padding-right: 0
    }
}

.common-settings#About {
    overflow: hidden;
    padding-top: 54px;
    padding-bottom: 120px
}

@media screen and (max-width:1200px) {
    .common-settings#About {
        padding-top: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About {
        padding-top: 10.909090909090908vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#About {
        padding-bottom: 10vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About {
        padding-bottom: 16.363636363636363vw
    }
}

.common-settings#About .inner-section .about--header {
    margin-bottom: 42px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--header {
        margin-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--header {
        margin-bottom: 5.454545454545454vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--header {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#About .inner-section .about--header__container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--header__container {
        max-width: 1080px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--header__container {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--header__container {
        width: 100%
    }
}

.common-settings#About .inner-section .about--header__container>h3 {
    margin-bottom: 30px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--header__container>h3 {
        margin-bottom: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--header__container>h3 {
        margin-bottom: 5.454545454545454vw
    }
}

.common-settings#About .inner-section .about--header__container>h4 {
    line-height: 1.4;
    text-align: center;
    letter-spacing: .05em;
    font-weight: 500;
    font-size: 52px;
    font-size: 5.2rem
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--header__container>h4 {
        font-size: 4.333333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--header__container>h4 {
        font-size: 5.454545454545454vw !important
    }
}

.common-settings#About .inner-section .about--header__container>h4>span {
    background: linear-gradient(transparent 70%, #fff 70%)
}

.common-settings#About .inner-section .about--header__container>h4>em {
    font-weight: 700
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--header__container .charimg {
        position: absolute;
        top: 50%;
        width: 12.037037037037036%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--header__container .charimg[data-char=ran] {
        left: -8px
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--header__container .charimg[data-char=manabu] {
        right: -8px
    }
}

.common-settings#About .inner-section .about--header__container .charimg picture {
    display: block
}

.common-settings#About .inner-section .about--header__container .charimg picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 130/220
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#About .inner-section .about--header {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#About .inner-section .about--header {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#About .inner-section .about--header {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#About .inner-section .about--header {
        padding-right: 0
    }
}

.common-settings#About .inner-section .about--main {
    margin-bottom: 84px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main {
        margin-bottom: 7vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main {
        margin-bottom: 12.272727272727272vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#About .inner-section .about--main__container {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__container {
        max-width: 1080px;
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__container {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__container {
        width: 100%
    }
}

.common-settings#About .inner-section .about--main__pages {
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__pages {
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }
}

.common-settings#About .inner-section .about--main__pages--slider {
    position: relative;
    z-index: 1;
    margin-bottom: 0
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__pages--slider {
        width: 89.81481481481481%
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider {
        margin-inline: auto;
        width: 79.54545454545455%
    }
}

.common-settings#About .inner-section .about--main__pages--slider div {
    margin-bottom: 0 !important;
    vertical-align: bottom !important
}

.common-settings#About .inner-section .about--main__pages--slider .slick-arrow {
    margin: 0;
    padding: 0;
    height: auto;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    z-index: 5;
    overflow: hidden;
    border-radius: 100%;
    aspect-ratio: 1/1;
    width: 50px;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow {
        width: 4.166666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow {
        width: 9.545454545454545vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow {
        top: auto;
        right: -36px;
        left: auto;
        bottom: 30px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow {
        right: -3vw;
        bottom: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow {
        bottom: auto
    }
}

@media(hover:hover) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media(hover:none) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow:active {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.common-settings#About .inner-section .about--main__pages--slider .slick-arrow:before {
    display: none
}

.common-settings#About .inner-section .about--main__pages--slider .slick-arrow.slick-prev {
    background: url(../images/_common/btn/btn_prev_orange.svg) center center no-repeat;
    background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow.slick-prev {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow.slick-prev {
        left: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%)
    }
}

.common-settings#About .inner-section .about--main__pages--slider .slick-arrow.slick-next {
    background: url(../images/_common/btn/btn_next_orange.svg) center center no-repeat;
    background-size: 100% auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow.slick-next {
        -webkit-transform: translate(120%, 0);
        transform: translate(120%, 0)
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider .slick-arrow.slick-next {
        right: 0;
        -webkit-transform: translate(30%, -50%);
        transform: translate(30%, -50%)
    }
}

.common-settings#About .inner-section .about--main__pages--slider .slick-slide.slick-current .page--img picture img,
.common-settings#About .inner-section .about--main__pages--slider .slick-slide.slick-active .page--img picture img,
.common-settings#About .inner-section .about--main__pages--slider .slick-slide.is-active-next .page--img picture img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.common-settings#About .inner-section .about--main__pages--slider .slick-slide.slick-current .page--img .copyright,
.common-settings#About .inner-section .about--main__pages--slider .slick-slide.slick-active .page--img .copyright,
.common-settings#About .inner-section .about--main__pages--slider .slick-slide.is-active-next .page--img .copyright {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}

.common-settings#About .inner-section .about--main__pages--slider .page--img {
    padding-right: 40px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__pages--slider .page--img {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider .page--img {
        padding-right: 0
    }
}

.common-settings#About .inner-section .about--main__pages--slider .page--img picture {
    display: block;
    border: solid 10px #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__pages--slider .page--img picture {
        border-width: .833333333333333vw;
        border-radius: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider .page--img picture {
        width: 89.71428571428571%;
        border-radius: 2.272727272727272vw;
        border-width: 2.272727272727272vw;
        margin-inline: auto
    }
}

.common-settings#About .inner-section .about--main__pages--slider .page--img picture img {
    width: 100%;
    height: auto;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    will-change: filter;
    vertical-align: bottom;
    aspect-ratio: 445/668;
    transition-duration: .5s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#About .inner-section .about--main__pages--slider .page--img .copyright {
    margin-top: 1.2em;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    display: block;
    letter-spacing: .08em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    font-size: 10px;
    font-size: 1rem;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__pages--slider .page--img .copyright {
        font-size: .833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__pages--slider .page--img .copyright {
        font-size: 2.272727272727272vw !important
    }
}

.common-settings#About .inner-section .about--main__txt {
    position: relative;
    z-index: 2;
    padding-top: 72px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__txt {
        padding-top: 6vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__txt {
        padding-top: 8.181818181818182vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--main__txt {
        -ms-flex-order: 1;
        order: 1;
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__txt {
        text-align: center
    }
}

.common-settings#About .inner-section .about--main__txt>header {
    margin-bottom: 20px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__txt>header {
        margin-bottom: 1.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__txt>header {
        margin-bottom: 3.409090909090909vw
    }
}

.common-settings#About .inner-section .about--main__txt>header>h5 {
    letter-spacing: .05em;
    font-size: 36px;
    font-size: 3.6rem
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__txt>header>h5 {
        font-size: 3vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__txt>header>h5 {
        font-size: 5.454545454545454vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__txt>header>h5 {
        margin-inline: auto
    }
}

.common-settings#About .inner-section .about--main__txt>article>p {
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--main__txt>article>p {
        font-size: 1.666666666666667vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--main__txt>article>p {
        font-size: 3.409090909090909vw !important
    }
}

.common-settings#About .inner-section .about--main__txt>article>p:not(:last-child) {
    margin-bottom: 1.2em
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#About .inner-section .about--main {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#About .inner-section .about--main {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#About .inner-section .about--main {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#About .inner-section .about--main {
        padding-right: 0
    }
}

.common-settings#About .inner-section .about--sample {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--sample {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#About .inner-section .about--sample:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #e7e6db;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    pointer-events: none;
    z-index: 1;
    height: 250px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--sample:before {
        height: 20.833333333333332vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--sample:before {
        height: 56.81818181818181vw
    }
}

.common-settings#About .inner-section .about--sample__container {
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--sample__container {
        max-width: 1080px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--sample__container {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--sample__container {
        width: 100%
    }
}

.common-settings#About .inner-section .about--sample__container--slider {
    position: relative;
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--sample__container--slider {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 84.44444444444444%
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--sample__container--slider {
        width: 58.18181818181818%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#About .inner-section .about--sample__container--slider .slide {
        width: 28.947368421052634%
    }
}

.common-settings#About .inner-section .about--sample__container--slider .slide picture {
    display: block
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--sample__container--slider .slide picture {
        width: 87.5%;
        margin-inline: auto
    }
}

.common-settings#About .inner-section .about--sample__container--slider .slide picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px
}

@media screen and (max-width:1200px) {
    .common-settings#About .inner-section .about--sample__container--slider .slide picture img {
        border-radius: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#About .inner-section .about--sample__container--slider .slide picture img {
        border-radius: 2.272727272727272vw
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#About .inner-section .about--sample {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#About .inner-section .about--sample {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#About .inner-section .about--sample {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#About .inner-section .about--sample {
        padding-right: 0
    }
}

.common-settings#Feature {
    padding-top: 108px;
    padding-bottom: 72px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature {
        padding-top: 9vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature {
        padding-top: 16.363636363636363vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature {
        padding-bottom: 6vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature {
        padding-bottom: 13.636363636363637vw
    }
}

.common-settings#Feature .inner-section .feature--header {
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--header {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--header {
        margin-bottom: 5.454545454545454vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--header {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Feature .inner-section .feature--header .md-ttl__section {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section {
        max-width: 1080px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section {
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section .charimg {
        position: absolute;
        top: 50%;
        width: 17.40740740740741%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section .charimg[data-char=ran] {
        left: 1.851851851851852%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section .charimg[data-char=manabu] {
        right: 3.703703703703703%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section .charimg picture {
        display: block
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--header .md-ttl__section .charimg picture img {
        display: block;
        width: 100%;
        height: auto;
        vertical-align: bottom;
        object-fit: cover;
        aspect-ratio: 188/246
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--header {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--header {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--header {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--header {
        padding-right: 0
    }
}

.common-settings#Feature .inner-section .feature--contents {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Feature .inner-section .feature--contents:before {
    height: 420px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents:before {
        height: 35vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents:before {
        height: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents:before {
        content: "";
        position: absolute;
        top: 46px;
        left: 0;
        background: #fff;
        display: block;
        width: 100%;
        z-index: 1
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents:before {
        top: 3.833333333333333vw
    }
}

.common-settings#Feature .inner-section .feature--contents__container {
    position: relative
}

.common-settings#Feature .inner-section .feature--contents__nav {
    position: absolute;
    pointer-events: none;
    z-index: 3;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__nav {
        max-width: 1080px;
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__nav {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__nav {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__nav {
        top: 0;
        left: 0;
        width: 100%
    }
}

.common-settings#Feature .inner-section .feature--contents__nav--container {
    position: relative;
    width: 100%;
    height: 100%
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__nav--container .l {
        position: absolute;
        top: 242px;
        right: 1.851851851851852%;
        width: 4.62962962962963%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__nav--container .l {
        top: 20.166666666666664vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__nav--container .l .pager {
        margin-inline: auto;
        width: 12%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__nav--container .l .pager {
        position: absolute;
        top: 9.545454545454545vw;
        left: 11.59090909090909%;
        width: 1.363636363636364%
    }
}

.common-settings#Feature .inner-section .feature--contents__nav--container .l .pager--btn {
    margin: 0 auto;
    padding: 0;
    border-style: none;
    display: block;
    cursor: pointer;
    border-radius: 10px;
    background: #dbdee7;
    pointer-events: auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    aspect-ratio: 6/42
}

.common-settings#Feature .inner-section .feature--contents__nav--container .l .pager--btn:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__nav--container .l .pager--btn:not(:last-child) {
        margin-bottom: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__nav--container .l .pager--btn:not(:last-child) {
        margin-bottom: 2.727272727272727vw
    }
}

.common-settings#Feature .inner-section .feature--contents__nav--container .l .pager--btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Feature .inner-section .feature--contents__nav--container .l .pager--btn[data-status=current]:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media(hover:hover) {
    .common-settings#Feature .inner-section .feature--contents__nav--container .l .pager--btn:hover:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.common-settings#Feature .inner-section .feature--contents__detail {
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail {
        max-width: 1080px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail {
        width: 100%
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow {
    top: 0;
    left: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    height: auto;
    border-radius: 100%;
    overflow: hidden;
    pointer-events: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 4;
    aspect-ratio: 1/1;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 50px;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow {
        width: 4.166666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow {
        width: 9.545454545454545vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow {
        top: 96px;
        right: 1.851851851851852%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow {
        top: 8vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow {
        top: 9.545454545454545vw;
        right: 7.272727272727272%
    }
}

@media(hover:hover) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media(hover:none) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow:active {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow:not(:last-child) {
    margin-bottom: 18px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow:not(:last-child) {
        margin-bottom: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow:not(:last-child) {
        margin-bottom: 3.409090909090909vw
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow.slick-prev {
    background: url(../images/_common/btn/btn_prev_orange.svg) center center no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(0, 0) rotate(90deg);
    transform: translate(0, 0) rotate(90deg)
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow.slick-next {
    background: url(../images/_common/btn/btn_next_orange.svg) center center no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(0, 130%) rotate(90deg);
    transform: translate(0, 130%) rotate(90deg)
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .slick-arrow:before {
    display: none
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie {
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie {
        width: 61.36363636363637%;
        margin-inline: auto
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--label {
        position: absolute;
        top: 66.81818181818181vw;
        left: -12vw;
        line-height: 1;
        font-size: 2.272727272727272vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--label>.num {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        font-weight: 600;
        border-radius: .681818181818182vw;
        color: #fff;
        box-sizing: border-box;
        aspect-ratio: 36/28;
        margin-inline: auto;
        padding-top: .454545454545455vw;
        margin-bottom: 1.818181818181818vw;
        width: 8.181818181818182vw;
        font-size: 4.090909090909091vw !important;
        font-family: ClashDisplay-Variable;
        font-style: normal;
        font-display: swap;
        background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%)
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--label>.catch {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        color: #ff3c3c;
        font-weight: 700;
        line-height: 1.6;
        font-size: 2.954545454545455vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--label>.catch span {
        background: #fff;
        padding-top: .25em;
        padding-bottom: .25em
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--label>.catch span br {
        display: none
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame {
    position: relative;
    z-index: 1;
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame {
        width: 62.96296296296296%
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__video {
    position: relative;
    width: 100%;
    line-height: 1;
    box-sizing: border-box
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__video:before {
    content: "";
    position: absolute;
    top: 15.542521994134898%;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.529411764705882%;
    height: auto;
    display: block;
    background: url(../images/feature/sp_btnui.svg) left top no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    z-index: 1;
    object-fit: contain;
    aspect-ratio: 12/184
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__video video {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
    border: solid 10px #000;
    box-sizing: border-box;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__video video {
        border-radius: 45px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__video video {
        border-width: .833333333333333vw;
        border-radius: 3.75vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__video video {
        border-width: 1.363636363636364vw;
        border-radius: 6.818181818181818vw
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__copyright {
    line-height: 1;
    letter-spacing: .08em;
    text-align: center;
    margin-top: 12px;
    font-size: 10px;
    font-size: 1rem
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__copyright {
        margin-top: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__copyright {
        margin-top: 2.727272727272727vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__copyright {
        font-size: .833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--frame__copyright {
        font-size: 2.272727272727272vw !important
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls {
    position: absolute;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls {
        width: 6.296296296296296%;
        right: 5.185185185185185%;
        bottom: 54px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls {
        bottom: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls {
        right: 0;
        bottom: 16.363636363636363vw;
        -webkit-transform: translateX(160%);
        transform: translateX(160%);
        width: 7.727272727272727vw
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    line-height: 1;
    pointer-events: auto;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button:not(:last-child) {
    margin-bottom: 8px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button:not(:last-child) {
        margin-bottom: .666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button:not(:last-child) {
        margin-bottom: 1.363636363636364vw
    }
}

@media(hover:hover) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button:hover {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }
}

@media(hover:none) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button:active {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button svg {
    vertical-align: bottom
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-volume[data-status=muted] svg g .js--volume-on {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-volume[data-status=muted] svg g .js--volume-off {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-volume[data-status=play] svg g .js--volume-on {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-volume[data-status=play] svg g .js--volume-on path {
    -webkit-animation: speakerVolumeOn 1.2s infinite ease-in;
    animation: speakerVolumeOn 1.2s infinite ease-in
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-volume[data-status=play] svg g .js--volume-on path:nth-child(2) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-volume[data-status=play] svg g .js--volume-off {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-status[data-status=playing] svg g .js--status-play {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-status[data-status=playing] svg g .js--status-pause {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-status[data-status=paused] svg g .js--status-play {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .movie--ctrls>button.js--ctrl-status[data-status=paused] svg g .js--status-pause {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt {
    padding-top: 106px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt {
        padding-top: 8.833333333333332vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt {
        padding-top: 8.181818181818182vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt {
        -ms-flex-order: 1;
        order: 1;
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt {
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header {
    position: relative;
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header {
        margin-bottom: 1.818181818181818vw
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .num {
    line-height: 1;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 15px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .num {
        font-size: 1.666666666666667vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .num {
        font-size: 23.636363636363637vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .num {
        margin-bottom: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .num {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .num {
        letter-spacing: .08em
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .num {
        position: absolute;
        top: 0;
        right: 0;
        font-weight: 100;
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .catch {
    line-height: 1.4;
    font-size: 34px;
    font-size: 3.4rem
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .catch {
        font-size: 2.833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .catch {
        font-size: 5.454545454545454vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>header .catch {
        padding-top: 4.545454545454545vw;
        width: -webkit-fit-content;
        width: fit-content;
        background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>article {
    line-height: 2;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>article {
        font-size: 1.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__detail--slider .featureitem--container .txt>article {
        font-size: 3.409090909090909vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other {
        height: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other {
        margin-top: 8.181818181818182vw;
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other--container {
        max-width: 1080px;
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other--container {
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%)
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l {
        width: 54.44444444444444%
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>header {
    margin-bottom: 12px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header {
        margin-bottom: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header {
        margin-bottom: 2.727272727272727vw
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>header h5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header h5 {
        font-size: 1.333333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header h5 {
        font-size: 3.636363636363636vw !important
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>header h5:before {
    content: "";
    display: block;
    background: url(../images/_common/icon/tri_bottom.svg) center center no-repeat;
    background-size: 100% auto;
    height: auto;
    aspect-ratio: 1/1;
    width: 16px;
    margin-right: 3px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header h5:before {
        width: 1.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header h5:before {
        width: 3.636363636363636vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header h5:before {
        margin-right: .25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>header h5:before {
        margin-right: 1.136363636363636vw
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>header h5>em {
    display: block
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
    box-sizing: border-box;
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 32px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-top: 2.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-top: 0
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-left: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-left: 0
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-right: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-right: 0
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-bottom: 2.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        padding-bottom: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: solid 2px #dbdee7;
        border-radius: 15px
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li {
        width: 48.148148148148145%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li:not(:last-child) {
        margin-bottom: 2.272727272727272vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .icon {
        width: 20.76923076923077%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .icon {
        width: 14.361702127659576%
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .icon picture {
    display: block
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .icon picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt {
    padding-top: 2px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt {
        padding-top: .166666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt {
        padding-top: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt {
        width: 74.61538461538461%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt {
        width: 80.85106382978722%
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dt {
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dt {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dt {
        font-size: 2.727272727272727vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dt {
        margin-bottom: .416666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dt {
        margin-bottom: 1.363636363636364vw
    }
}

.common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dd {
    line-height: 1.5;
    font-size: 10px;
    font-size: 1rem
}

@media screen and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dd {
        font-size: .833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents__other--container .l>ul>li .txt>dd {
        font-size: 2.272727272727272vw !important
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Feature .inner-section .feature--contents {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Feature .inner-section .feature--contents {
        padding-right: 0
    }
}

.common-settings#Feedback {
    padding-top: 96px;
    padding-bottom: 54px
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback {
        padding-top: 8vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback {
        padding-top: 21.818181818181817vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback {
        padding-bottom: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback {
        padding-bottom: 19.09090909090909vw
    }
}

.common-settings#Feedback .inner-section .feedback--header {
    margin-bottom: 30px
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--header {
        margin-bottom: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--header {
        margin-bottom: 5.454545454545454vw
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider {
        width: 79.36507936507937%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider {
        width: 82.95454545454545%
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow {
    margin: 0;
    padding: 0;
    top: auto;
    bottom: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    height: auto;
    z-index: 5;
    aspect-ratio: 1/1;
    width: 50px;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow {
        width: 4.166666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow {
        width: 9.545454545454545vw
    }
}

@media(hover:hover) {
    .common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media(hover:none) {
    .common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow:active {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow.slick-prev {
    left: 50%;
    background: url(../images/_common/btn/btn_prev_blue.svg) center center no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(-130%, 175%);
    transform: translate(-130%, 175%)
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow.slick-next {
    right: 50%;
    background: url(../images/_common/btn/btn_next_blue.svg) center center no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(130%, 175%);
    transform: translate(130%, 175%)
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-arrow:before {
    display: none
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-list {
    padding: 0 !important
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-track {
    display: -ms-flexbox;
    display: flex
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide {
    position: relative;
    height: auto !important
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide div {
    position: relative;
    height: 100%
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide:nth-child(odd) .comment--container {
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%)
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide:nth-child(odd) .comment--container>header .catch {
    width: -webkit-fit-content;
    width: fit-content;
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide:nth-child(odd) .comment--container>header .review>li {
    background-image: url(../images/feedback/icon_star_orange.svg)
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide:nth-child(even) .comment--container {
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%)
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide:nth-child(even) .comment--container>header .catch {
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.common-settings#Feedback .inner-section .feedback--data__slider .slick-slide:nth-child(even) .comment--container>header .review>li {
    background-image: url(../images/feedback/icon_star_blue.svg)
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment {
    position: relative;
    box-sizing: border-box
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container {
        width: 89.85507246376811%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container {
        border-radius: 1.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container {
        width: 94.52054794520548%;
        border-radius: 4.545454545454545vw
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container:before {
        width: calc(100% - 10px);
        height: calc(100% - 10px)
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container:before {
        border-radius: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container:before {
        width: calc(100% - 2.6vw);
        height: calc(100% - 2.6vw);
        border-radius: 4.090909090909091vw
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header,
.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
    position: relative;
    z-index: 2;
    margin-inline: auto
}

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

    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header,
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
        width: 85.21739130434783%
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 1px rgba(231, 230, 219, .5);
    margin-bottom: 18px;
    padding-top: 52px;
    padding-bottom: 18px
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
        margin-bottom: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
        margin-bottom: 4.090909090909091vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
        padding-top: 4.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
        padding-top: 9.545454545454545vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
        padding-bottom: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
        padding-bottom: 4.090909090909091vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header {
        width: 84.67741935483872%
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .name,
.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .date {
    line-height: 1.4;
    display: block;
    font-size: 12px;
    font-size: 1.2rem
}

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

    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .name,
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .date {
        font-size: 1vw !important
    }
}

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

    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .name,
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .date {
        font-size: 2.727272727272727vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .name {
        width: 68.57142857142857%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .name {
        width: 70.50847457627118%
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header time.date {
    text-align: right
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header time.date {
        width: 25.396825396825395%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header time.date {
        width: 27.11864406779661%
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .catch {
    width: 100%;
    line-height: 1.2;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 18px
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .catch {
        font-size: 1.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .catch {
        font-size: 4.090909090909091vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .catch {
        margin-top: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .catch {
        margin-top: 4.090909090909091vw
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 12px
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review {
        margin-top: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review {
        margin-top: 2.727272727272727vw
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review>li {
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review>li {
        width: 4.761904761904762%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review>li {
        width: 5.084745762711865%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review>li:not(:last-child) {
        margin-right: 1.904761904761905%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>header .review>li:not(:last-child) {
        margin-right: 2.033898305084746%
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
    padding-bottom: 42px;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
        padding-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
        padding-bottom: 9.545454545454545vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
        font-size: 2.5vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article {
        width: 79.3010752688172%
    }
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article>p {
    line-height: 2;
    font-weight: 500
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article>p strong {
    font-weight: 700
}

.common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article>p:not(:last-child) {
    margin-bottom: 18px
}

@media screen and (max-width:1200px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article>p:not(:last-child) {
        margin-bottom: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Feedback .inner-section .feedback--data__slider .comment--container>article>p:not(:last-child) {
        margin-bottom: 4.090909090909091vw
    }
}

.common-settings#Info {
    position: relative;
    margin-top: 54px
}

@media screen and (max-width:1200px) {
    .common-settings#Info {
        margin-top: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info {
        margin-top: 5.454545454545454vw
    }
}

.common-settings#Info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    pointer-events: none;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info:before {
        height: 78px;
        background: url(../images/info/header_tri_pc.png) center bottom no-repeat;
        background-size: 100% 100%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info:before {
        background: url(../images/info/header_tri_sp.png) center bottom no-repeat;
        background-size: 100% 100%;
        height: 7.954545454545454vw
    }
}

.common-settings#Info .inner-section {
    position: relative;
    z-index: 1;
    background: #fff;
    padding-top: 140px;
    padding-bottom: 96px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section {
        padding-top: 11.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section {
        padding-top: 19.09090909090909vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section {
        padding-bottom: 8vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section {
        padding-bottom: 13.636363636363637vw
    }
}

.common-settings#Info .inner-section .info--header {
    margin-bottom: 48px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--header {
        margin-bottom: 4vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--header {
        margin-bottom: 6.818181818181818vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--header {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Info .inner-section .info--header__catch,
.common-settings#Info .inner-section .info--header__lead {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

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

    .common-settings#Info .inner-section .info--header__catch,
    .common-settings#Info .inner-section .info--header__lead {
        max-width: 1080px;
        width: 100%
    }
}

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

    .common-settings#Info .inner-section .info--header__catch,
    .common-settings#Info .inner-section .info--header__lead {
        width: 96.42857142857143%
    }
}

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

    .common-settings#Info .inner-section .info--header__catch,
    .common-settings#Info .inner-section .info--header__lead {
        width: 100%
    }
}

.common-settings#Info .inner-section .info--header__catch {
    text-align: center;
    line-height: 1.4;
    letter-spacing: .05em;
    margin-inline: auto;
    font-size: 52px;
    font-size: 5.2rem;
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--header__catch {
        font-size: 4.333333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--header__catch {
        font-size: 5.454545454545454vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--header__catch {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--header__catch {
        margin-bottom: 5vw
    }
}

.common-settings#Info .inner-section .info--header__catch em {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    margin-inline: auto
}

.common-settings#Info .inner-section .info--header__catch em:before {
    content: "";
    position: absolute;
    bottom: .15em;
    left: 0;
    width: 100%;
    height: 25%;
    background: rgba(231, 230, 219, .5);
    z-index: 1
}

.common-settings#Info .inner-section .info--header__catch em span {
    position: relative;
    z-index: 2
}

.common-settings#Info .inner-section .info--header__catch em span i {
    margin-left: .1em;
    margin-right: .3em;
    letter-spacing: -.15em
}

.common-settings#Info .inner-section .info--header__lead {
    text-align: center;
    line-height: 2;
    letter-spacing: .05em;
    font-size: 20px;
    font-size: 2rem
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--header__lead {
        font-size: 1.666666666666667vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--header__lead {
        font-size: 3.409090909090909vw !important
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Info .inner-section .info--header {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Info .inner-section .info--header {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Info .inner-section .info--header {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Info .inner-section .info--header {
        padding-right: 0
    }
}

.common-settings#Info .inner-section .info--step {
    margin-bottom: 60px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step {
        margin-bottom: 5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step {
        margin-bottom: 8.181818181818182vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--step {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Info .inner-section .info--step__catch,
.common-settings#Info .inner-section .info--step__result {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

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

    .common-settings#Info .inner-section .info--step__catch,
    .common-settings#Info .inner-section .info--step__result {
        max-width: 1080px;
        width: 100%
    }
}

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

    .common-settings#Info .inner-section .info--step__catch,
    .common-settings#Info .inner-section .info--step__result {
        width: 96.42857142857143%
    }
}

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

    .common-settings#Info .inner-section .info--step__catch,
    .common-settings#Info .inner-section .info--step__result {
        width: 100%
    }
}

.common-settings#Info .inner-section .info--step__catch {
    margin-bottom: 30px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__catch {
        margin-bottom: 2.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__catch {
        margin-bottom: 4.090909090909091vw
    }
}

.common-settings#Info .inner-section .info--step__catch .text {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    text-align: center;
    line-height: 1.5;
    letter-spacing: .1em;
    margin-inline: auto;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__catch .text {
        font-size: 2.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__catch .text {
        font-size: 6.818181818181818vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__catch .text {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__catch .text {
        margin-bottom: 5.454545454545454vw
    }
}

.common-settings#Info .inner-section .info--step__catch .text:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25%;
    display: block;
    background: rgba(231, 230, 219, .5);
    z-index: 1
}

.common-settings#Info .inner-section .info--step__catch .text span {
    position: relative;
    z-index: 2
}

.common-settings#Info .inner-section .info--step__catch .arrow {
    margin-inline: auto;
    display: block;
    width: 46px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__catch .arrow {
        width: 3.833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__catch .arrow {
        width: 7.272727272727272vw
    }
}

.common-settings#Info .inner-section .info--step__catch .arrow svg {
    vertical-align: bottom
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result {
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--step__result>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Info .inner-section .info--step__result>ul>li {
    background: #fff;
    box-sizing: border-box;
    border: solid 2px #e7e6db;
    border-radius: 10px;
    padding-top: 40px;
    padding-bottom: 42px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__result>ul>li {
        padding-top: 3.333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li {
        padding-top: 2.727272727272727vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__result>ul>li {
        padding-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li {
        padding-bottom: 2.727272727272727vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--step__result>ul>li {
        width: 31.48148148148148%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 6.363636363636363vw;
        padding-right: 4.090909090909091vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li:not(:last-child) {
        margin-bottom: 1.818181818181818vw
    }
}

.common-settings#Info .inner-section .info--step__result>ul>li>.img {
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.img {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.img {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.img {
        width: 54.11764705882353%;
        margin-inline: auto
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.img {
        width: 26.060606060606062%
    }
}

.common-settings#Info .inner-section .info--step__result>ul>li>.img picture {
    display: block
}

.common-settings#Info .inner-section .info--step__result>ul>li>.img picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 1/1
}

.common-settings#Info .inner-section .info--step__result>ul>li>.text {
    line-height: 1.6;
    font-size: 20px;
    font-size: 2rem
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.text {
        font-size: 1.666666666666667vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.text {
        font-size: 3.409090909090909vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.text {
        text-align: center;
        width: 85.88235294117646%;
        margin-inline: auto
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--step__result>ul>li>.text {
        width: 67.87878787878789%
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Info .inner-section .info--step {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Info .inner-section .info--step {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Info .inner-section .info--step {
        padding-right: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--topics {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics {
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

.common-settings#Info .inner-section .info--topics__container {
    position: relative;
    background: #e7e6db;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--topics__container {
        max-width: 1080px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container {
        border-radius: 1.666666666666667vw;
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container {
        width: 100%
    }
}

.common-settings#Info .inner-section .info--topics__container:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--topics__container:before {
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        border-radius: 10px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container:before {
        border-radius: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container:before {
        width: calc(100% - 6.363636363636363vw);
        height: calc(100% - 6.363636363636363vw);
        border-radius: 2.272727272727272vw
    }
}

.common-settings#Info .inner-section .info--topics__container .l {
    position: relative;
    z-index: 2;
    margin-inline: auto;
    padding-top: 58px;
    padding-bottom: 58px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l {
        padding-top: 4.833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l {
        padding-top: 11.363636363636363vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l {
        padding-bottom: 4.833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l {
        padding-bottom: 14.09090909090909vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--topics__container .l {
        width: 97.22222222222221%
    }
}

.common-settings#Info .inner-section .info--topics__container .l:before {
    content: "";
    display: block;
    position: absolute;
    height: auto;
    background: url(../images/info/icon_message.svg) center center no-repeat;
    background-size: 100% auto;
    aspect-ratio: 78/65
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--topics__container .l:before {
        top: 41px;
        left: 3.714285714285714%;
        width: 7.428571428571429%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l:before {
        top: 3.416666666666667vw;
        left: 3.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l:before {
        top: 7.727272727272727vw;
        left: 6.818181818181818vw;
        width: 10.909090909090908vw
    }
}

.common-settings#Info .inner-section .info--topics__container .l>header {
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l>header {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>header {
        margin-bottom: 5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>header {
        width: 90%;
        margin-inline: auto
    }
}

.common-settings#Info .inner-section .info--topics__container .l>header>h5 {
    line-height: 1;
    text-align: center;
    letter-spacing: .4em;
    margin-inline: auto;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 18px
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l>header>h5 {
        font-size: 1.166666666666667vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>header>h5 {
        font-size: 2.272727272727272vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l>header>h5 {
        margin-bottom: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>header>h5 {
        margin-bottom: 2.727272727272727vw
    }
}

.common-settings#Info .inner-section .info--topics__container .l>header>h6 {
    width: -webkit-fit-content;
    width: fit-content;
    border-bottom: solid 1px #ff3c3c;
    text-align: center;
    letter-spacing: .05em;
    margin-inline: auto;
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l>header>h6 {
        font-size: 2vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>header>h6 {
        font-size: 5vw !important
    }
}

.common-settings#Info .inner-section .info--topics__container .l>article {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--topics__container .l>article {
        width: 63.8095238095238%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>article {
        width: 69.68085106382979%
    }
}

.common-settings#Info .inner-section .info--topics__container .l>article>p {
    letter-spacing: .1em;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>p {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>p {
        font-size: 2.954545454545455vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>p {
        line-height: 2
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>p {
        line-height: 2.1
    }
}

.common-settings#Info .inner-section .info--topics__container .l>article>footer {
    line-height: 2;
    letter-spacing: .1em;
    margin-top: 12px;
    font-size: 10px;
    font-size: 1rem
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>footer {
        margin-top: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>footer {
        margin-top: 4.090909090909091vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>footer {
        font-size: .833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics__container .l>article>footer {
        font-size: 2.272727272727272vw !important
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Info .inner-section .info--topics {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Info .inner-section .info--topics {
        padding-right: 0
    }
}

.common-settings#Lineup {
    background: #fff;
    overflow: hidden;
    margin-bottom: 54px;
    padding-top: 80px;
    padding-bottom: 80px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup {
        margin-bottom: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup {
        margin-bottom: 0
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup {
        padding-top: 6.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup {
        padding-top: 13.636363636363637vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup {
        padding-bottom: 6.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup {
        padding-bottom: 16.363636363636363vw
    }
}

.common-settings#Lineup .inner-section .lineup--header {
    margin-bottom: 24px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--header {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--header {
        margin-bottom: 5.454545454545454vw
    }
}

.common-settings#Lineup .inner-section .lineup--header .md-ttl__section>small {
    margin-bottom: 22px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--header .md-ttl__section>small {
        margin-bottom: 1.833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--header .md-ttl__section>small {
        margin-bottom: 4.090909090909091vw
    }
}

.common-settings#Lineup .inner-section .lineup--header .md-ttl__section>strong {
    position: relative;
    display: block;
    font-size: 46px;
    font-size: 4.6rem
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--header .md-ttl__section>strong {
        font-size: 3.833333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--header .md-ttl__section>strong {
        font-size: 6.363636363636363vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--header .md-ttl__section>strong {
        line-height: 1.4
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--header .md-ttl__section>strong:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -.1em;
        width: 100%;
        height: 30%;
        display: block;
        background: #c7ffdd
    }
}

.common-settings#Lineup .inner-section .lineup--header .md-ttl__section>strong span {
    position: relative;
    z-index: 2
}

.common-settings#Lineup .inner-section .lineup--comics {
    margin-bottom: 42px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--comics {
        margin-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--comics {
        margin-bottom: 5.454545454545454vw
    }
}

.common-settings#Lineup .inner-section .lineup--comics.is__anime-play .line>ul {
    -webkit-animation: autoScrollTranslateX 20s infinite linear;
    animation: autoScrollTranslateX 20s infinite linear
}

.common-settings#Lineup .inner-section .lineup--comics.is__anime-play[data-status=paused] .line>ul {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.common-settings#Lineup .inner-section .lineup--comics.is__anime-play[data-status=playing] .line>ul {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.common-settings#Lineup .inner-section .lineup--comics .line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--comics .line {
        gap: 6px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--comics .line {
        gap: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--comics .line {
        gap: 1.363636363636364vw
    }
}

.common-settings#Lineup .inner-section .lineup--comics .line:not(:last-child) {
    margin-bottom: 8px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--comics .line:not(:last-child) {
        margin-bottom: .666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--comics .line:not(:last-child) {
        margin-bottom: 1.818181818181818vw
    }
}

.common-settings#Lineup .inner-section .lineup--comics .line:nth-child(even)>ul {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.common-settings#Lineup .inner-section .lineup--comics .line>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--comics .line>ul {
        gap: 6px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--comics .line>ul {
        gap: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--comics .line>ul {
        gap: 1.363636363636364vw
    }
}

.common-settings#Lineup .inner-section .lineup--comics .line>ul>li {
    width: 130px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--comics .line>ul>li {
        width: 10.833333333333332vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--comics .line>ul>li {
        width: 20.454545454545453vw
    }
}

.common-settings#Lineup .inner-section .lineup--comics .line>ul>li picture {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 500/750
}

.common-settings#Lineup .inner-section .lineup--comics .line>ul>li picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: contain;
    aspect-ratio: 500/750
}

.common-settings#Lineup .inner-section .lineup--nav {
    margin-bottom: 60px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--nav {
        margin-bottom: 5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--nav {
        margin-bottom: 13.636363636363637vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--nav {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Lineup .inner-section .lineup--nav>button {
    margin: 0 auto;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    border-radius: 100vw;
    color: #fff;
    line-height: 1;
    height: auto;
    position: relative;
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%);
    font-size: 18px;
    font-size: 1.8rem;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--nav>button {
        font-size: 1.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--nav>button {
        font-size: 4.090909090909091vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--nav>button {
        width: 35.833333333333336%;
        max-width: 430px;
        aspect-ratio: 430/84
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--nav>button {
        width: 85.45454545454545%;
        aspect-ratio: 376/84
    }
}

@media(hover:hover) {
    .common-settings#Lineup .inner-section .lineup--nav>button:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media(hover:none) {
    .common-settings#Lineup .inner-section .lineup--nav>button:active {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.common-settings#Lineup .inner-section .lineup--nav>button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 100vw;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    box-sizing: border-box;
    border: solid 1px #fff;
    z-index: 2
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--nav {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--nav {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--nav {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--nav {
        padding-right: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--credit {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Lineup .inner-section .lineup--credit dl {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--credit dl {
        max-width: 1080px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--credit dl {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--credit dl {
        width: 100%
    }
}

.common-settings#Lineup .inner-section .lineup--credit dl dt {
    text-align: center;
    line-height: 1;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 12px
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--credit dl dt {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--credit dl dt {
        font-size: 3.409090909090909vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--credit dl dt {
        margin-bottom: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--credit dl dt {
        margin-bottom: 4.090909090909091vw
    }
}

.common-settings#Lineup .inner-section .lineup--credit dl dd picture {
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Lineup .inner-section .lineup--credit dl dd picture {
        width: 30.37037037037037%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--credit dl dd picture {
        width: 66.36363636363637%
    }
}

.common-settings#Lineup .inner-section .lineup--credit dl dd picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: auto
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--credit {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--credit {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Lineup .inner-section .lineup--credit {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Lineup .inner-section .lineup--credit {
        padding-right: 0
    }
}

.common-settings#Movie {
    padding-top: 80px;
    padding-bottom: 80px
}

@media screen and (max-width:1200px) {
    .common-settings#Movie {
        padding-top: 6.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie {
        padding-top: 13.636363636363637vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Movie {
        padding-bottom: 6.666666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie {
        padding-bottom: 10.909090909090908vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Movie .inner-section .movie {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie {
        max-width: 1080px;
        width: 100%
    }
}

.common-settings#Movie .inner-section .movie--data {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie--data {
        width: 58.51851851851851%
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Movie .inner-section .movie--data {
        width: 56.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie .inner-section .movie--data {
        width: 66.36363636363637%
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Movie {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Movie {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Movie {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Movie {
        padding-right: 0
    }
}

.common-settings#Portfolio {
    margin-top: 150px;
    padding-bottom: 0
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio {
        margin-top: 12.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio {
        margin-top: 16.363636363636363vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio {
        padding-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio {
        padding-bottom: 9.545454545454545vw
    }
}

.common-settings#Portfolio .inner-section .pf {
    position: relative
}

.common-settings#Portfolio .inner-section .pf--header {
    line-height: 1;
    text-align: center;
    margin-bottom: 24px;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio .inner-section .pf--header {
        margin-bottom: 2vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--header {
        margin-bottom: 5.454545454545454vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio .inner-section .pf--header {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--header {
        font-size: 3.409090909090909vw !important
    }
}

.common-settings#Portfolio .inner-section .pf--lineup {
    margin-bottom: 36px;
    margin-inline: auto
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio .inner-section .pf--lineup {
        margin-bottom: 3vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup {
        margin-bottom: 5.454545454545454vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Portfolio .inner-section .pf--lineup {
        width: 63.888888888888886%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup {
        width: 65.45454545454545%
    }
}

.common-settings#Portfolio .inner-section .pf--lineup .slick-list {
    margin-bottom: 0;
    padding: 0 !important
}

.common-settings#Portfolio .inner-section .pf--lineup .slick-list div {
    vertical-align: bottom
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow {
    top: auto;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 100%;
    height: auto;
    aspect-ratio: 1/1;
    width: 50px;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow {
        width: 4.166666666666666vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow {
        width: 9.545454545454545vw
    }
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow:not(:last-child) {
    margin-right: 36px
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow:not(:last-child) {
        margin-right: 3vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow:not(:last-child) {
        margin-right: 5.454545454545454vw
    }
}

@media(hover:hover) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media(hover:none) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow:active {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow.slick-prev {
    left: 50%;
    background: url(../images/_common/btn/btn_prev_blue.svg) center center no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(-130%, 160%);
    transform: translate(-130%, 160%)
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow.slick-next {
    right: 50%;
    background: url(../images/_common/btn/btn_next_blue.svg) center center no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(130%, 160%);
    transform: translate(130%, 160%)
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .slick-arrow:before {
    display: none
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .movie .md-movie {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    aspect-ratio: 16/10.5;
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .movie .md-movie {
        width: 89.22155688622755%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .movie .md-movie {
        width: 84.02777777777779%
    }
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .img {
    position: relative
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .img .linkwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media(hover:hover) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .img .linkwrap:hover+picture {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .img>picture {
    position: relative;
    display: block;
    z-index: 1;
    margin-inline: auto;
    aspect-ratio: 16/10.5
}

@media print,
screen and (min-width:769px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .img>picture {
        width: 89.22155688622755%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .img>picture {
        width: 84.02777777777779%
    }
}

@media(hover:hover) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .img>picture {
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .img>picture>img {
    display: block;
    width: auto;
    height: 100%;
    vertical-align: bottom;
    margin-inline: auto;
    object-fit: contain;
    object-position: center center;
    aspect-ratio: contain;
    aspect-ratio: 16/10.5
}

.common-settings#Portfolio .inner-section .pf--lineup__slider .label {
    display: block;
    margin-top: .85em;
    font-weight: 500;
    font-family: YakuHanJPs, IBM Plex Sans JP, Helvetica Neue, YakuHanJP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    margin-inline: auto;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width:1200px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .label {
        font-size: 1vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .label {
        font-size: 2.5vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .label {
        width: 89.22155688622755%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Portfolio .inner-section .pf--lineup__slider .label {
        width: 84.02777777777779%
    }
}

.common-settings#Pricing {
    margin-top: 54px;
    padding-top: 96px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing {
        margin-top: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing {
        margin-top: 0
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing {
        padding-top: 8vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing {
        padding-top: 16.363636363636363vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing {
        padding-left: 7.272727272727272%;
        padding-right: 7.272727272727272%
    }
}

.common-settings#Pricing .inner-section .pricing--header {
    margin-bottom: 42px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--header {
        margin-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--header {
        margin-bottom: 5.454545454545454vw
    }
}

.common-settings#Pricing .inner-section .pricing--data {
    margin-inline: auto
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 1200px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data {
        width: 100%
    }
}

.common-settings#Pricing .inner-section .pricing--data__block {
    position: relative;
    padding-bottom: 42px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block {
        padding-bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block {
        padding-bottom: 9.545454545454545vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block {
        width: 47.833333333333336%;
        border-radius: 15px
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block {
        border-radius: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block {
        border-radius: 3.409090909090909vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block:not(:last-child) {
        margin-bottom: 4.090909090909091vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block[data-type=free] {
    background: #3c3c40
}

.common-settings#Pricing .inner-section .pricing--data__block[data-type=paid] {
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%)
}

.common-settings#Pricing .inner-section .pricing--data__block:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: #fff;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block:before {
        border-radius: 15px;
        width: calc(100% - 8px);
        height: calc(100% - 8px)
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block:before {
        border-radius: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block:before {
        width: calc(100% - 2.2vw);
        height: calc(100% - 2.2vw);
        border-radius: 3.409090909090909vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header,
.common-settings#Pricing .inner-section .pricing--data__block>ul {
    position: relative;
    z-index: 2;
    margin-inline: auto
}

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

    .common-settings#Pricing .inner-section .pricing--data__block>header,
    .common-settings#Pricing .inner-section .pricing--data__block>ul {
        width: 82.57839721254355%
    }
}

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

    .common-settings#Pricing .inner-section .pricing--data__block>header,
    .common-settings#Pricing .inner-section .pricing--data__block>ul {
        width: 87.2340425531915%
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header {
    padding-top: 54px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header {
        padding-top: 4.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header {
        padding-top: 9.545454545454545vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
    line-height: 1;
    width: -webkit-fit-content;
    width: fit-content;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(45deg, #3c3cff 0, #23af7c 86.09%);
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 18px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 8px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        font-size: 1.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        font-size: 3.409090909090909vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        margin-bottom: 1.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        margin-bottom: 5.454545454545454vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-top: .833333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-top: 1.363636363636364vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-left: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-left: 4.090909090909091vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-right: 1.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-right: 4.090909090909091vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-bottom: .666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .plantxt {
        padding-bottom: .909090909090909vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui {
    margin-bottom: 14px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui {
        margin-bottom: 1.166666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui {
        margin-bottom: 5.454545454545454vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt {
    line-height: 1;
    position: relative;
    font-size: 13px;
    font-size: 1.3rem
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt {
        font-size: 1.083333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt {
        font-size: 2.954545454545455vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2.272727272727272vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt:before {
    content: "";
    display: block;
    height: auto;
    aspect-ratio: 1/1;
    width: 12px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt:before {
        width: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt:before {
        width: 2.727272727272727vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt:before {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(122%, -60%);
        transform: translate(122%, -60%);
        background: url(../images/_common/icon/tri_right.svg) center center no-repeat;
        background-size: 100% auto
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--txt:before {
        background: url(../images/_common/icon/tri_bottom.svg) center center no-repeat;
        background-size: 100% auto;
        margin-right: 1.363636363636364vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #dbdee7;
    border-radius: 100vw;
    box-sizing: border-box;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-top: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-top: 1.363636363636364vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-left: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-left: 1.363636363636364vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-right: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-right: 1.363636363636364vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-bottom: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        padding-bottom: 1.363636363636364vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        width: 61.18143459915611%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
    border-style: none;
    display: block;
    border-radius: 100vw;
    font-family: YakuHanJPs, IBM Plex Sans JP, Helvetica Neue, YakuHanJP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 6px;
    padding-bottom: 5px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        font-size: 1.333333333333333vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        font-size: 3.181818181818182vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        padding-top: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        padding-top: 1.818181818181818vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        padding-bottom: .416666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        padding-bottom: 1.363636363636364vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        width: 32.37410071942446%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button {
        width: 31.70731707317073%
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg, #ff3c3c 13.91%, #ffb127 100%);
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button em {
    position: relative;
    z-index: 2;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media(hover:hover) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button:hover:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button:hover em {
        color: #fff
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button[data-status=current]:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button[data-status=current] em {
    color: #fff
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planui--select>button:not(:last-child) {
        margin-right: 1.43884892086331%
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .planname {
    line-height: 1;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 12px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planname {
        font-size: 2vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planname {
        font-size: 5.454545454545454vw !important
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planname {
        margin-bottom: 1vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .planname {
        margin-bottom: 2.727272727272727vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .price {
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: baseline;
    align-items: baseline
}

.common-settings#Pricing .inner-section .pricing--data__block>header .price em {
    line-height: 1;
    font-size: 54px;
    font-size: 5.4rem
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price em {
        font-size: 4.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price em {
        font-size: 8.181818181818182vw !important
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .price em small {
    font-family: YakuHanJPs, IBM Plex Sans JP, Helvetica Neue, YakuHanJP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    font-size: 30px;
    font-size: 3rem
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price em small {
        font-size: 2.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price em small {
        font-size: 4.090909090909091vw !important
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .price>picture {
    display: block;
    -webkit-animation: pricingRecommendAnime 2.5s infinite ease;
    animation: pricingRecommendAnime 2.5s infinite ease;
    margin-left: 6px;
    width: 115px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price>picture {
        margin-left: .5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price>picture {
        margin-left: 1.818181818181818vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price>picture {
        width: 9.583333333333332vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>header .price>picture {
        width: 20.90909090909091vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>header .price>picture[data-status=hidden] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.common-settings#Pricing .inner-section .pricing--data__block>header .price>picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.common-settings#Pricing .inner-section .pricing--data__block>ul {
    border-top: solid 1px #dbdee7;
    margin-top: 20px;
    padding-top: 20px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul {
        margin-top: 1.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul {
        margin-top: 5.454545454545454vw
    }
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul {
        padding-top: 1.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul {
        padding-top: 4.090909090909091vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>ul>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 1px #dbdee7;
    padding-bottom: 20px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li {
        padding-bottom: 1.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li {
        padding-bottom: 2.727272727272727vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>ul>li:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li:not(:last-child) {
        margin-bottom: 1.666666666666667vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li:not(:last-child) {
        margin-bottom: 4.545454545454545vw
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>ul>li:before {
    content: "";
    display: block;
    background: url(../images/_common/icon/icon_check.svg) center center no-repeat;
    background-size: 100% auto;
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li:before {
        width: 5.485232067510549%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li:before {
        width: 6.707317073170732%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header {
        width: 91.77215189873418%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header {
        width: 90.54878048780488%
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>em {
    display: block;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>em {
        font-size: 1.5vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>em {
        font-size: 4.090909090909091vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>em {
        -webkit-transform: translateY(-8%);
        transform: translateY(-8%)
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>em {
        -webkit-transform: translateY(-.38em);
        transform: translateY(-.38em)
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>ul {
    list-style-type: disc;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    margin-top: 4px
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>ul {
        margin-top: .333333333333333vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>ul {
        margin-top: 0
    }
}

.common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>ul>li {
    margin-left: 1.5em;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width:1200px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>ul>li {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Pricing .inner-section .pricing--data__block>ul>li>header>ul>li {
        font-size: 2.727272727272727vw !important
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Pricing {
        padding-left: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Pricing {
        padding-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .common-settings#Pricing {
        padding-right: 3.333333333333333vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .common-settings#Pricing {
        padding-right: 0
    }
}

/* === 教育機関向けバナー (料金下P2) ======================= */
.pricing--contact {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    margin-top: 48px;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, #0b5fb5 0%, #1e88e5 100%);
    border-radius: 16px;
    padding: 40px 48px;
    position: relative;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 8px 24px rgba(11, 95, 181, 0.18)
}

@media screen and (max-width:1200px) {
    .pricing--contact {
        width: 96.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .pricing--contact {
        width: 100%
    }
}
.pricing--contact:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(11, 95, 181, 0.28)
}
.pricing--contact::after {
    content: "";
    position: absolute;
    right: -60px;
    top: -60px;
    width: 320px;
    height: 320px;
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.08) 0 2px, transparent 2px 14px);
    pointer-events: none
}
.pricing--contact__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 32px;
    max-width: 1080px;
    margin: 0 auto
}
.pricing--contact__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    background: rgba(255,255,255,0.18);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 999px;
    margin-bottom: 14px
}
.pricing--contact__tag svg {
    flex-shrink: 0;
    width: 14px !important;
    height: 14px !important
}
.pricing--contact__ttl {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -0.3px;
    margin: 0
}
.pricing--contact__sub {
    font-size: 13px;
    line-height: 1.7;
    opacity: 0.88;
    margin: 10px 0 0
}
.pricing--contact__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: #0b5fb5;
    padding: 18px 28px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 900;
    white-space: nowrap;
    flex-shrink: 0
}
.pricing--contact__btn svg {
    flex-shrink: 0;
    width: 18px !important;
    height: 18px !important
}
@media (max-width: 767px) {
    .pricing--contact {
        padding: 24px 20px;
        border-radius: 12px;
        margin-top: 32px
    }
    .pricing--contact__inner {
        grid-template-columns: 1fr;
        gap: 16px
    }
    .pricing--contact__ttl { font-size: 18px }
    .pricing--contact__sub { font-size: 12px }
    .pricing--contact__btn {
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        padding: 14px 16px;
        font-size: 14px
    }
}