@charset "UTF-8";

:root {
    --color-black: #1b2a4a;
    --color-link: #1b2a4a;
    --color-red: #EC202B;
    --color-purple: #8c46d2;
    --color-pink: #ff4786
}

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

html {
    font-size: .625em;
    height: 100%;
    overflow-y: scroll
}

html.--fixed {
    overflow: hidden
}

body {
    color: var(--color-black);
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-text-size-adjust: 100%
}

button {
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif
}

dd,
dt,
figcaption,
ol,
p,
td,
th,
ul {
    font-size: 29px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5862068966
}

@media (max-width:1400px) {

    dd,
    dt,
    figcaption,
    ol,
    p,
    td,
    th,
    ul {
        font-size: 2.0714285714vw
    }
}

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

    dd,
    dt,
    figcaption,
    ol,
    p,
    td,
    th,
    ul {
        font-size: 3.7179487179vw
    }
}

dd dd,
dd dt,
dd li,
dd ol,
dd p,
dd ul,
li dd,
li dt,
li ol,
li p,
li table,
li td,
li th,
li ul,
ol li,
td dl,
td li,
td ol,
td p,
td td,
td th,
td ul,
ul li {
    font-size: 1em
}

ol,
ul {
    list-style: none
}

a {
    color: var(--color-link);
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media (hover:hover) {
    a:hover img {
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media screen and (min-width:768px) {
    a[href^="tel:"] {
        pointer-events: none
    }
}

address {
    font-style: normal
}

button,
input[type=button],
input[type=file]::-webkit-file-upload-button,
input[type=reset],
input[type=submit] {
    padding: 1px 6px
}

input[type=checkbox] {
    margin: 0
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

.img-box {
    font-size: 0;
    line-height: 0
}

.wrap {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width:1400px) {
    .wrap {
        padding-left: 3.5714285714vw;
        padding-right: 3.5714285714vw
    }
}

@media screen and (max-width:767px) {
    .wrap {
        padding-left: 5.1282051282vw;
        padding-right: 5.1282051282vw;
        width: auto
    }
}

table {
    border-collapse: collapse;
    width: 100%
}

sup {
    font-size: 1.2rem;
    font-weight: 400;
    vertical-align: top
}

.text-bold,
strong {
    font-weight: 700
}

html {
    overflow: hidden visible;
    height: 100%
}

body {
    height: 100%
}

.text-small {
    font-size: .8em
}

.text-large {
    font-size: 2.4em
}

.text-underline {
    text-decoration: underline
}

.text-italic {
    font-style: italic
}

video {
    outline: 0
}

.align-left {
    text-align: left !important
}

.align-center {
    text-align: center !important
}

.align-right {
    text-align: right !important
}

.text-red {
    color: var(--color-red) !important
}

.text-black {
    color: var(--color-black) !important
}

.float-left {
    float: left
}

.float-right {
    float: right
}

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

    .sp,
    br.sp,
    img.sp,
    span.sp {
        display: none !important
    }

    br.sp {
        width: 0 !important
    }

    .pc {
        display: block !important
    }

    br.pc,
    img.pc,
    span.pc {
        display: inline !important
    }

    td.pc,
    th.pc {
        display: table-cell !important
    }
}

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

    .pc,
    br.pc,
    img.pc,
    span.pc,
    td.pc,
    th.pc {
        display: none !important
    }

    br.sp,
    img.sp,
    span.sp {
        display: inline !important
    }
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.js-modal {
    cursor: pointer
}

.f-move-top {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.f-move-top.--delay {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.f-move-top.--delay2 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

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

    .f-move-top.--delay,
    .f-move-top.--delay2 {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
}

.f-move-top.--move {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-btn {
    text-align: center
}

.c-btn>a,
.c-btn>button,
.c-btn>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ee836d;
    border: 0;
    border-radius: 100px;
    -webkit-box-shadow: 2px -3px 0 0 #af5f4e inset;
    box-shadow: 2px -3px 0 0 #af5f4e inset;
    color: #79572f;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 26px;
    font-weight: 800;
    height: 80px;
    line-height: 1.2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: min(200px, 100%);
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (hover:hover) {

    .c-btn>a:hover,
    .c-btn>button:hover,
    .c-btn>span:hover {
        -webkit-filter: contrast(150%);
        filter: contrast(150%)
    }
}

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

    .c-btn>a,
    .c-btn>button,
    .c-btn>span {
        font-size: 5.1282051282vw;
        height: 15.3846153846vw;
        width: 51.2820512821vw
    }
}

.c-btn.--square>a,
.c-btn.--square>button,
.c-btn.--square>span {
    border-radius: 20px;
    color: #fff;
    font-size: 30px;
    height: 100px;
    width: min(350px, 100%);
    text-shadow: none
}

.c-btn.--square>a>span,
.c-btn.--square>button>span,
.c-btn.--square>span>span {
    background: url(../img/icon-arrow.png) no-repeat left 100% top 50%;
    background-size: 18px 22px;
    padding-right: 36px
}

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

    .c-btn.--square>a,
    .c-btn.--square>button,
    .c-btn.--square>span {
        border-radius: 2.5641025641vw;
        font-size: 5.1282051282vw;
        height: 15.3846153846vw;
        width: 69.2307692308vw
    }

    .c-btn.--square>a>span,
    .c-btn.--square>button>span,
    .c-btn.--square>span>span {
        background-size: 3.4615384615vw 4.2307692308vw;
        padding-right: 6.1538461538vw
    }
}

.c-btn.--orange>a,
.c-btn.--orange>button,
.c-btn.--orange>span {
    background-color: #f29e00;
    -webkit-box-shadow: 4px -4px 0 0 #b18b0c inset;
    box-shadow: 4px -4px 0 0 #b18b0c inset
}

.c-btn.--blue>a,
.c-btn.--blue>button,
.c-btn.--blue>span {
    background-color: #6fa4e2;
    -webkit-box-shadow: 4px -4px 0 0 #5b799d inset;
    box-shadow: 4px -4px 0 0 #5b799d inset
}

.c-btn.--green>a,
.c-btn.--green>button,
.c-btn.--green>span {
    background-color: #9bbc58;
    -webkit-box-shadow: 4px -4px 0 0 #85a745 inset;
    box-shadow: 4px -4px 0 0 #85a745 inset
}

.c-box {
    background: url(../img/bg_flag.png) no-repeat 50% 100% #fff;
    background-color: #fff;
    border: 3px solid #a6cc5d;
    border-radius: 80px;
    padding: 70px 70px 180px
}

@media screen and (max-width:767px) {
    .c-box {
        background-size: 64.1025641026vw;
        border-radius: 5.1282051282vw;
        border-width: .5128205128vw;
        padding: 4.1025641026vw 4.1025641026vw 23.0769230769vw
    }
}

.c-box.--shadow {
    border: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.c-modal-box {
    display: none;
    height: auto;
    overflow: hidden auto;
    padding: 70px;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.c-modal-box.--img {
    padding: 0
}

.c-modal-box.--img img {
    border-radius: 0;
    height: auto;
    width: 100%
}

.c-modal-box section[class^=p-] {
    margin-bottom: 0
}

.c-modal-box::-webkit-scrollbar {
    width: 12px
}

.c-modal-box::-webkit-scrollbar-thumb {
    background: #ececec;
    border-radius: 10px
}

.c-modal-box::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px
}

.c-modal-box figure {
    margin-bottom: 32px;
    text-align: center
}

.c-modal-box figure:last-child {
    margin-bottom: 0
}

.c-modal-box figure img {
    border-radius: 50px
}

.c-modal-box p {
    margin-bottom: 32px
}

.c-modal-box p:last-child {
    margin-bottom: 0
}

.c-modal-box .c-modal-box_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:767px) {
    .c-modal-box {
        padding: 10.2564102564vw 4.1025641026vw 4.1025641026vw
    }

    .c-modal-box::-webkit-scrollbar {
        width: 1.5384615385vw
    }

    .c-modal-box::-webkit-scrollbar-thumb {
        border-radius: 1.2820512821vw
    }

    .c-modal-box::-webkit-scrollbar-track {
        border-radius: 1.2820512821vw
    }

    .c-modal-box figure {
        margin-bottom: 4.1025641026vw
    }

    .c-modal-box figure img {
        border-radius: 6.4102564103vw
    }

    .c-modal-box p {
        margin-bottom: 4.1025641026vw
    }

    .c-modal-box .c-modal-box_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7.6923076923vw;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.c-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(134, 162, 104, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-modal.--active {
    opacity: 1;
    pointer-events: all
}

.c-modal.--active .c-modal_wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.c-modal .c-modal-box {
    display: block;
    min-height: 0
}

.c-modal .c-modal_wrapper {
    width: min(960px, 100%);
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.c-modal.--img .c-modal_wrapper {
    width: min(1400px, 100% - 80px)
}

.c-modal.--img .c-modal_wrapper .c-modal_close {
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 4px #fff;
    box-shadow: 0 0 0 4px #fff
}

.c-modal.--img .c-modal_wrapper .c-modal_content {
    border-radius: 20px;
    max-height: -webkit-calc(100dvh - 100px);
    max-height: calc(100dvh - 100px);
    max-width: 100%
}

@media screen and (max-width:767px) {
    .c-modal.--img .c-modal_wrapper {
        width: 100dvw
    }

    .c-modal.--img .c-modal_wrapper .c-modal_close {
        top: -9.2307692308vw
    }

    .c-modal.--img .c-modal_wrapper .c-modal_content {
        border-radius: 2.5641025641vw;
        max-height: 80dvh
    }
}

.c-modal .c-modal_close {
    cursor: pointer;
    height: 48px;
    width: 48px;
    position: absolute;
    right: 40px;
    top: 40px
}

.c-modal .c-modal_close::after,
.c-modal .c-modal_close::before {
    background-color: var(--color-black);
    border-radius: 4px;
    content: "";
    height: 8px;
    margin-top: -4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%
}

.c-modal .c-modal_close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-modal .c-modal_close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-modal .c-modal_content {
    background-color: #fff;
    border-radius: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-height: -webkit-calc(100dvh - 200px);
    max-height: calc(100dvh - 200px);
    max-width: 960px;
    overflow: hidden;
    width: 100%
}

.c-modal .wrap {
    padding-left: 0;
    padding-right: 0
}

.c-modal .wrap .c-box {
    overflow: visible;
    padding-left: 25px;
    padding-right: 25px
}

.c-modal .wrap .c-limit {
    margin-left: -25px;
    margin-right: -25px
}

.c-modal .c-modal-off {
    display: none
}

.c-modal [class*=f-move] {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none
}

@media screen and (max-width:767px) {
    .c-modal .c-modal_close {
        height: 6.1538461538vw;
        width: 6.1538461538vw;
        right: 4.1025641026vw;
        top: 4.1025641026vw
    }

    .c-modal .c-modal_close::after,
    .c-modal .c-modal_close::before {
        border-radius: .5128205128vw;
        height: 1.0256410256vw;
        margin-top: -.5128205128vw
    }

    .c-modal .c-modal_wrapper {
        padding-left: 2.5641025641vw;
        padding-right: 2.5641025641vw;
        width: 100%
    }

    .c-modal .c-modal_content {
        border-radius: 2.5641025641vw;
        max-height: 80dvh;
        max-width: initial;
        padding-left: 0;
        padding-right: 0
    }

    .c-modal .wrap .c-box {
        padding-left: 3.8461538462vw;
        padding-right: 3.8461538462vw
    }

    .c-modal .wrap .c-limit {
        margin-left: -3.8461538462vw;
        margin-right: -3.8461538462vw
    }
}

.c-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 60px;
    text-align: center
}

@media screen and (max-width:767px) {
    .c-list {
        gap: 4.1025641026vw
    }
}

.c-list li span {
    display: block;
    font-size: 34px;
    margin-top: 24px
}

.c-list button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50px;
    -webkit-box-shadow: -6px 6px 0 0 #f9884b;
    box-shadow: -6px 6px 0 0 #f9884b;
    border: 2px solid #f9884b;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    vertical-align: bottom;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (hover:hover) {
    .c-list button:hover {
        -webkit-filter: contrast(150%);
        filter: contrast(150%)
    }
}

@media screen and (max-width:767px) {
    .c-list button {
        border-radius: 4.6153846154vw;
        -webkit-box-shadow: -1.0256410256vw 1.0256410256vw 0 0 #f9884b;
        box-shadow: -1.0256410256vw 1.0256410256vw 0 0 #f9884b;
        border: .5128205128vw solid #f9884b
    }
}

.c-list img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-list.--purple button {
    -webkit-box-shadow: -6px 6px 0 0 #daaee2;
    box-shadow: -6px 6px 0 0 #daaee2;
    border: 2px solid #daaee2
}

@media screen and (max-width:767px) {
    .c-list.--purple button {
        -webkit-box-shadow: -1.0256410256vw 1.0256410256vw 0 0 #daaee2;
        box-shadow: -1.0256410256vw 1.0256410256vw 0 0 #daaee2;
        border: .5128205128vw solid #daaee2
    }
}

.c-list.--yellow button {
    -webkit-box-shadow: -6px 6px 0 0 #f8b62b;
    box-shadow: -6px 6px 0 0 #f8b62b;
    border: 2px solid #f8b62b
}

@media screen and (max-width:767px) {
    .c-list.--yellow button {
        -webkit-box-shadow: -1.0256410256vw 1.0256410256vw 0 0 #f8b62b;
        box-shadow: -1.0256410256vw 1.0256410256vw 0 0 #f8b62b;
        border: .5128205128vw solid #f8b62b
    }
}

p.c-caution,
ul.c-caution>li {
    font-size: 20px;
    padding-left: 1em;
    text-indent: -1em
}

.c-caution {
    margin-top: 32px;
    text-align: left
}

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

    p.c-caution,
    ul.c-caution>li {
        font-size: 2.8205128205vw
    }

    .c-caution {
        margin-top: 4.1025641026vw
    }
}

.c-img {
    border-radius: 50px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .c-img {
        border-radius: 4.6153846154vw
    }
}

.c-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-pagetop {
    display: none;
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 100
}

@media screen and (max-width:767px) {
    .c-pagetop {
        bottom: 4.1025641026vw;
        right: 4.1025641026vw
    }

    .c-pagetop img {
        width: 17.9487179487vw
    }
}

.c-pagetop a {
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (hover:hover) {
    .c-pagetop a:hover {
        opacity: .7
    }
}

a.btn.black,
a.btn.white {
    position: relative;
    z-index: 2;
    width: 300px;
    height: 72px;
    display: block;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    font-weight: 700;
    padding: 0 10px;
    margin: 0 auto;
    overflow: hidden
}

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

    a.btn.black,
    a.btn.white {
        width: 90%;
        height: 65px;
        max-width: 300px
    }
}

a.btn.black:after,
a.btn.black:before,
a.btn.white:after,
a.btn.white:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

a.btn.black:before,
a.btn.white:before {
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3
}

a.btn.black:after,
a.btn.white:after {
    border-radius: 7px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: .2s cubic-bezier(.45, 0, .55, 1);
    transition: .2s cubic-bezier(.45, 0, .55, 1);
    z-index: -1
}

a.btn.black p,
a.btn.white p {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    height: 72px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    -webkit-transition: 0s;
    transition: 0s;
    gap: 5px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

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

    a.btn.black p,
    a.btn.white p {
        height: 65px;
        font-size: 14px;
        line-height: 1rem
    }
}

a.btn.black p:before,
a.btn.white p:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

a.btn.black p:after,
a.btn.white p:after {
    content: "";
    display: block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: left;
    -webkit-transition: .3s;
    transition: .3s
}

a.btn.black:hover:after,
a.btn.white:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: -1
}

a.btn.black:hover p:after,
a.btn.white:hover p:after {
    background-position: right
}

a.btn.black {
    background-color: #000;
    color: #fff;
    border: 1px solid #444
}

@media screen and (max-width:480px) {
    a.btn.black {
        background-size: 95%
    }
}

a.btn.black:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='308'%20height='60'%20viewBox='0%200%20308%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M307.5%204V56C307.5%2057.933%20305.933%2059.5%20304%2059.5H210.054C209.363%2059.5%20208.688%2059.2955%20208.113%2058.9122L204.128%2056.2558C203.389%2055.763%20202.521%2055.5%20201.632%2055.5H154H107.517C106.629%2055.5%20105.76%2055.763%20105.021%2056.2558L101.036%2058.9122C100.461%2059.2955%2099.7859%2059.5%2099.0949%2059.5H4C2.06701%2059.5%200.5%2057.933%200.5%2056V21.7467C0.5%2020.7722%200.906257%2019.8419%201.62101%2019.1795L11.1228%2010.3742L21.7861%201.33071C22.4184%200.794389%2023.2207%200.5%2024.0499%200.5H154H304C305.933%200.5%20307.5%202.067%20307.5%204Z'%20stroke='%23444444'/%3e%3crect%20width='4'%20height='4'%20transform='matrix(1%200%200%20-1%202%206)'%20fill='%23444444'/%3e%3c/svg%3e");
    background-size: contain;
    width: 95%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

a.btn.black:after {
    background-color: #fff
}

a.btn.black p:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM6.19527%205.80474L8.39053%208L6.19527%2010.1953L7.13808%2011.1381L10.2762%208L7.13808%204.86193L6.19527%205.80474Z'%20fill='white'/%3e%3c/svg%3e")
}

a.btn.black:hover {
    color: #000;
    background-image: url("data:image/svg+xml,%3csvg%20width='308'%20height='60'%20viewBox='0%200%20308%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M307.5%204V56C307.5%2057.933%20305.933%2059.5%20304%2059.5H210.054C209.363%2059.5%20208.688%2059.2955%20208.113%2058.9122L204.128%2056.2558C203.389%2055.763%20202.521%2055.5%20201.632%2055.5H154H107.517C106.629%2055.5%20105.76%2055.763%20105.021%2056.2558L101.036%2058.9122C100.461%2059.2955%2099.7859%2059.5%2099.0949%2059.5H4C2.06701%2059.5%200.5%2057.933%200.5%2056V21.7467C0.5%2020.7722%200.906257%2019.8419%201.62101%2019.1795L11.1228%2010.3742L21.7861%201.33071C22.4184%200.794389%2023.2207%200.5%2024.0499%200.5H154H304C305.933%200.5%20307.5%202.067%20307.5%204Z'%20stroke='%23DDDDDD'/%3e%3crect%20width='4'%20height='4'%20transform='matrix(1%200%200%20-1%202%206)'%20fill='%23DDDDDD'/%3e%3c/svg%3e")
}

a.btn.black:hover p:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM6.19527%205.80474L8.39053%208L6.19527%2010.1953L7.13808%2011.1381L10.2762%208L7.13808%204.86193L6.19527%205.80474Z'%20fill='black'/%3e%3c/svg%3e")
}

a.btn.white {
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd
}

@media screen and (max-width:480px) {
    a.btn.white {
        background-size: 95%
    }
}

a.btn.white:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='308'%20height='60'%20viewBox='0%200%20308%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M307.5%204V56C307.5%2057.933%20305.933%2059.5%20304%2059.5H210.054C209.363%2059.5%20208.688%2059.2955%20208.113%2058.9122L204.128%2056.2558C203.389%2055.763%20202.521%2055.5%20201.632%2055.5H154H107.517C106.629%2055.5%20105.76%2055.763%20105.021%2056.2558L101.036%2058.9122C100.461%2059.2955%2099.7859%2059.5%2099.0949%2059.5H4C2.06701%2059.5%200.5%2057.933%200.5%2056V21.7467C0.5%2020.7722%200.906257%2019.8419%201.62101%2019.1795L11.1228%2010.3742L21.7861%201.33071C22.4184%200.794389%2023.2207%200.5%2024.0499%200.5H154H304C305.933%200.5%20307.5%202.067%20307.5%204Z'%20stroke='%23DDDDDD'/%3e%3crect%20width='4'%20height='4'%20transform='matrix(1%200%200%20-1%202%206)'%20fill='%23DDDDDD'/%3e%3c/svg%3e");
    background-size: contain;
    width: 95%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

a.btn.white:after {
    background-color: #000
}

a.btn.white p:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM6.19527%205.80474L8.39053%208L6.19527%2010.1953L7.13808%2011.1381L10.2762%208L7.13808%204.86193L6.19527%205.80474Z'%20fill='black'/%3e%3c/svg%3e")
}

a.btn.white:hover {
    background-color: #000;
    color: #fff;
    background-image: url("data:image/svg+xml,%3csvg%20width='308'%20height='60'%20viewBox='0%200%20308%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M307.5%204V56C307.5%2057.933%20305.933%2059.5%20304%2059.5H210.054C209.363%2059.5%20208.688%2059.2955%20208.113%2058.9122L204.128%2056.2558C203.389%2055.763%20202.521%2055.5%20201.632%2055.5H154H107.517C106.629%2055.5%20105.76%2055.763%20105.021%2056.2558L101.036%2058.9122C100.461%2059.2955%2099.7859%2059.5%2099.0949%2059.5H4C2.06701%2059.5%200.5%2057.933%200.5%2056V21.7467C0.5%2020.7722%200.906257%2019.8419%201.62101%2019.1795L11.1228%2010.3742L21.7861%201.33071C22.4184%200.794389%2023.2207%200.5%2024.0499%200.5H154H304C305.933%200.5%20307.5%202.067%20307.5%204Z'%20stroke='%23444444'/%3e%3crect%20width='4'%20height='4'%20transform='matrix(1%200%200%20-1%202%206)'%20fill='%23444444'/%3e%3c/svg%3e");
    border: 1px solid #444
}

a.btn.white:hover:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='308'%20height='60'%20viewBox='0%200%20308%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M307.5%204V56C307.5%2057.933%20305.933%2059.5%20304%2059.5H210.054C209.363%2059.5%20208.688%2059.2955%20208.113%2058.9122L204.128%2056.2558C203.389%2055.763%20202.521%2055.5%20201.632%2055.5H154H107.517C106.629%2055.5%20105.76%2055.763%20105.021%2056.2558L101.036%2058.9122C100.461%2059.2955%2099.7859%2059.5%2099.0949%2059.5H4C2.06701%2059.5%200.5%2057.933%200.5%2056V21.7467C0.5%2020.7722%200.906257%2019.8419%201.62101%2019.1795L11.1228%2010.3742L21.7861%201.33071C22.4184%200.794389%2023.2207%200.5%2024.0499%200.5H154H304C305.933%200.5%20307.5%202.067%20307.5%204Z'%20stroke='%23444444'/%3e%3crect%20width='4'%20height='4'%20transform='matrix(1%200%200%20-1%202%206)'%20fill='%23444444'/%3e%3c/svg%3e")
}

a.black[target=_blank] p:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_93_1701'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_93_1701)'%3e%3cpath%20d='M5.33334%2011.9999C4.96668%2011.9999%204.65279%2011.8694%204.39168%2011.6083C4.13057%2011.3471%204.00001%2011.0333%204.00001%2010.6666V2.66659C4.00001%202.29992%204.13057%201.98603%204.39168%201.72492C4.65279%201.46381%204.96668%201.33325%205.33334%201.33325H13.3333C13.7%201.33325%2014.0139%201.46381%2014.275%201.72492C14.5361%201.98603%2014.6667%202.29992%2014.6667%202.66659V10.6666C14.6667%2011.0333%2014.5361%2011.3471%2014.275%2011.6083C14.0139%2011.8694%2013.7%2011.9999%2013.3333%2011.9999H5.33334ZM5.33334%2010.6666H13.3333V2.66659H5.33334V10.6666ZM2.66668%2014.6666C2.30001%2014.6666%201.98612%2014.536%201.72501%2014.2749C1.4639%2014.0138%201.33334%2013.6999%201.33334%2013.3333V3.99992H2.66668V13.3333H12V14.6666H2.66668Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")
}

a.white[target=_blank] p:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_93_1697'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_93_1697)'%3e%3cpath%20d='M5.33333%2011.9999C4.96666%2011.9999%204.65277%2011.8694%204.39166%2011.6083C4.13055%2011.3471%203.99999%2011.0333%203.99999%2010.6666V2.66659C3.99999%202.29992%204.13055%201.98603%204.39166%201.72492C4.65277%201.46381%204.96666%201.33325%205.33333%201.33325H13.3333C13.7%201.33325%2014.0139%201.46381%2014.275%201.72492C14.5361%201.98603%2014.6667%202.29992%2014.6667%202.66659V10.6666C14.6667%2011.0333%2014.5361%2011.3471%2014.275%2011.6083C14.0139%2011.8694%2013.7%2011.9999%2013.3333%2011.9999H5.33333ZM5.33333%2010.6666H13.3333V2.66659H5.33333V10.6666ZM2.66666%2014.6666C2.29999%2014.6666%201.98611%2014.536%201.72499%2014.2749C1.46388%2014.0138%201.33333%2013.6999%201.33333%2013.3333V3.99992H2.66666V13.3333H12V14.6666H2.66666Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e")
}

a.white[target=_blank]:hover p:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_93_1701'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_93_1701)'%3e%3cpath%20d='M5.33334%2011.9999C4.96668%2011.9999%204.65279%2011.8694%204.39168%2011.6083C4.13057%2011.3471%204.00001%2011.0333%204.00001%2010.6666V2.66659C4.00001%202.29992%204.13057%201.98603%204.39168%201.72492C4.65279%201.46381%204.96668%201.33325%205.33334%201.33325H13.3333C13.7%201.33325%2014.0139%201.46381%2014.275%201.72492C14.5361%201.98603%2014.6667%202.29992%2014.6667%202.66659V10.6666C14.6667%2011.0333%2014.5361%2011.3471%2014.275%2011.6083C14.0139%2011.8694%2013.7%2011.9999%2013.3333%2011.9999H5.33334ZM5.33334%2010.6666H13.3333V2.66659H5.33334V10.6666ZM2.66668%2014.6666C2.30001%2014.6666%201.98612%2014.536%201.72501%2014.2749C1.4639%2014.0138%201.33334%2013.6999%201.33334%2013.3333V3.99992H2.66668V13.3333H12V14.6666H2.66668Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")
}

.about.black p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='19'%20viewBox='0%200%2016%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.6988%200.5C5.35415%200.5%203.41482%202.08656%202.12444%204.03767C0.816277%206.01567%200.013031%208.58748%200.013031%2011.0459C0.013031%2013.5364%200.841411%2015.5308%202.28579%2016.899C3.71927%2018.2569%205.65575%2018.9%207.70118%2018.9C9.74693%2018.9%2011.6829%2018.2561%2013.1157%2016.8979C14.5593%2015.5294%2015.3869%2013.5351%2015.3869%2011.0459V9.9525H15.333C15.1366%207.84395%2014.3891%205.72625%2013.2732%204.03863C11.9829%202.0874%2010.0436%200.5%207.6988%200.5ZM3.9537%205.2422C5.04766%203.5881%206.40312%202.6869%207.6988%202.6869C8.99428%202.6869%2010.3498%203.58845%2011.4438%205.24303C12.5209%206.87182%2013.1929%209.0263%2013.1929%2011.0459V11.253C13.1494%2013.1297%2012.5154%2014.4504%2011.6061%2015.3124C10.6536%2016.2153%209.29454%2016.7131%207.70118%2016.7131C6.1075%2016.7131%204.74773%2016.2157%203.79474%2015.313C2.88674%2014.4529%202.252%2013.1343%202.20723%2011.2596L3.32839%2010.474L5.34626%2011.798L7.35321%2010.481L9.03666%2011.6848L10.6245%2010.2188L7.35601%208.2135L5.34705%209.53213L3.33005%208.20877L2.48015%208.72482C2.77327%207.46409%203.28658%206.25091%203.9537%205.2422Z'%20fill='white'/%3e%3c/svg%3e")
}

.about.white p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='19'%20viewBox='0%200%2016%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.6988%200.542999C5.35415%200.542999%203.41482%202.12956%202.12444%204.08066C0.816277%206.05867%200.013031%208.63048%200.013031%2011.0889C0.013031%2013.5794%200.841411%2015.5738%202.28579%2016.942C3.71927%2018.2999%205.65575%2018.943%207.70118%2018.943C9.74693%2018.943%2011.6829%2018.2991%2013.1157%2016.9409C14.5593%2015.5724%2015.3869%2013.5781%2015.3869%2011.0889V9.9955H15.333C15.1366%207.88694%2014.3891%205.76925%2013.2732%204.08162C11.9829%202.1304%2010.0436%200.542999%207.6988%200.542999ZM3.9537%205.2852C5.04766%203.63109%206.40312%202.7299%207.6988%202.7299C8.99428%202.7299%2010.3498%203.63145%2011.4438%205.28602C12.5209%206.91482%2013.1929%209.0693%2013.1929%2011.0889V11.296C13.1494%2013.1727%2012.5154%2014.4934%2011.6061%2015.3554C10.6536%2016.2583%209.29454%2016.7561%207.70118%2016.7561C6.1075%2016.7561%204.74773%2016.2587%203.79474%2015.356C2.88674%2014.4959%202.252%2013.1773%202.20723%2011.3026L3.32839%2010.517L5.34626%2011.841L7.35321%2010.524L9.03666%2011.7278L10.6245%2010.2618L7.35601%208.2565L5.34705%209.57513L3.33005%208.25177L2.48015%208.76782C2.77327%207.50709%203.28658%206.29391%203.9537%205.2852Z'%20fill='black'/%3e%3c/svg%3e")
}

.news.black p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='16'%20viewBox='0%200%2020%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.00002%2012H11V9H4.00002V12ZM13%2012H16V4H13V12ZM4.00002%207H11V4H4.00002V7ZM2.00002%2016C1.45002%2016%200.979182%2015.8042%200.587515%2015.4125C0.195849%2015.0208%201.52588e-05%2014.55%201.52588e-05%2014V2C1.52588e-05%201.45%200.195849%200.979167%200.587515%200.5875C0.979182%200.195833%201.45002%200%202.00002%200H18C18.55%200%2019.0208%200.195833%2019.4125%200.5875C19.8042%200.979167%2020%201.45%2020%202V14C20%2014.55%2019.8042%2015.0208%2019.4125%2015.4125C19.0208%2015.8042%2018.55%2016%2018%2016H2.00002ZM2.00002%2014H18V2H2.00002V14Z'%20fill='white'/%3e%3c/svg%3e")
}

.news.black:hover p:before {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='16'%20viewBox='0%200%2020%2016'%3e%3cimage%20id='レイヤー_1'%20data-name='レイヤー%201'%20width='20'%20height='16'%20xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAA8UlEQVQ4jWJgYGBoYGBg+E8VzMDQAAAAAP//YoQyqAMYGBgAAAAA//8CYZjpDhSa+p+BgeE/AAAA//9ioqrTGBgYAAAAAP//YsFhEy4ACiJ0NTAxBgYGBgYAAAAA//+irgsZGBgAAAAA//+iroEMDAwAAAAA///C5mUUL5AEGBgYAAAAAP//oq4LGRgYAAAAAP//IjdSsAMGBgYAAAAA//+irgsZGBgAAAAA//+iroEMDAwAAAAA//8iN1Kwq2FgYAAAAAD//6KuCxkYGAAAAAD//6Ju4cDAwAAAAAD//2KGOp/SggECGBgaAQAAAP//AwAKbB0RSBwyLAAAAABJRU5ErkJggg=='/%3e%3c/svg%3e")
}

.news.white p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='16'%20viewBox='0%200%2020%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2012H11V9H4V12ZM13%2012H16V4H13V12ZM4%207H11V4H4V7ZM2%2016C1.45%2016%200.979167%2015.8042%200.5875%2015.4125C0.195833%2015.0208%200%2014.55%200%2014V2C0%201.45%200.195833%200.979167%200.5875%200.5875C0.979167%200.195833%201.45%200%202%200H18C18.55%200%2019.0208%200.195833%2019.4125%200.5875C19.8042%200.979167%2020%201.45%2020%202V14C20%2014.55%2019.8042%2015.0208%2019.4125%2015.4125C19.0208%2015.8042%2018.55%2016%2018%2016H2ZM2%2014H18V2H2V14Z'%20fill='black'/%3e%3c/svg%3e")
}

.series.black p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='18'%20viewBox='0%200%2020%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.00002%2018V16H8.00002V14H2.00002C1.45002%2014%200.979182%2013.8042%200.587515%2013.4125C0.195849%2013.0208%201.52588e-05%2012.55%201.52588e-05%2012V2C1.52588e-05%201.45%200.195849%200.979167%200.587515%200.5875C0.979182%200.195833%201.45002%200%202.00002%200H18C18.55%200%2019.0208%200.195833%2019.4125%200.5875C19.8042%200.979167%2020%201.45%2020%202V12C20%2012.55%2019.8042%2013.0208%2019.4125%2013.4125C19.0208%2013.8042%2018.55%2014%2018%2014H12V16H14V18H6.00002ZM2.00002%2012H18V2H2.00002V12Z'%20fill='white'/%3e%3c/svg%3e")
}

.series.white p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icons'%3e%3cmask%20id='mask0_582_941'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20id='Bounding%20box'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_582_941)'%3e%3cpath%20id='play_circle'%20d='M9.5%2016.5L16.5%2012L9.5%207.5V16.5ZM12%2022C10.6167%2022%209.31667%2021.7375%208.1%2021.2125C6.88333%2020.6875%205.825%2019.975%204.925%2019.075C4.025%2018.175%203.3125%2017.1167%202.7875%2015.9C2.2625%2014.6833%202%2013.3833%202%2012C2%2010.6167%202.2625%209.31667%202.7875%208.1C3.3125%206.88333%204.025%205.825%204.925%204.925C5.825%204.025%206.88333%203.3125%208.1%202.7875C9.31667%202.2625%2010.6167%202%2012%202C13.3833%202%2014.6833%202.2625%2015.9%202.7875C17.1167%203.3125%2018.175%204.025%2019.075%204.925C19.975%205.825%2020.6875%206.88333%2021.2125%208.1C21.7375%209.31667%2022%2010.6167%2022%2012C22%2013.3833%2021.7375%2014.6833%2021.2125%2015.9C20.6875%2017.1167%2019.975%2018.175%2019.075%2019.075C18.175%2019.975%2017.1167%2020.6875%2015.9%2021.2125C14.6833%2021.7375%2013.3833%2022%2012%2022ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z'%20fill='black'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.series.white:hover p:before {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cimage%20id='レイヤー_1'%20data-name='レイヤー%201'%20x='2'%20y='2'%20width='20'%20height='20'%20xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABuUlEQVQ4jWL4//8/Nqzw/////v///9//jwlAYiA5kBpUvf//MwAAAAD//0IXEIAqJhaA1IL0QPT//88AAAAA//9iBJsKAQIMDAz7GRgYDKD8DwwMDAsYGBg2whRAgT8DA0MCVD0IXGBgYHAEq2dgYAAAAAD//0J22XkkZ2HYTMAnIL0C////ZwAAAAD//4IpQJZMwGMQOgapRTji/38GAAAAAP//gkUAiiASdsAV+EgY4Zj//xUAAAAA//9CFniPxZsNUPECAt4Hqfn/////fgAAAAD//wIJwJIGuutgBsLAfjyuhTjq///7AAAAAP//YmJgYFCAxhZ6bKIDBwYGhvsMDAwNWOQgehkYFAAAAAD//wIZSCqoZ2BgOI+UvBCAgYEBAAAA//8ix0DcgIGBAQAAAP//IsfARgYGBkNogkYFDAwMAAAAAP//Ahn4AMoG5QB84ADUIGxhCNHLwPAAAAAA//+ibrL5/78fAAAA//+ibsL+/18BAAAA//+ibtb7/58BAAAA//+ibuHw/z8DAAAA//+ibvHFwMAAAAAA//+ibgH7/z8DAAAA//+ibhXw/z8DAAAA//8DAHWihRGSYXtdAAAAAElFTkSuQmCC'/%3e%3c/svg%3e")
}

.youtube.black p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='14'%20viewBox='0%200%2020%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2010L13.19%207L8%204V10ZM19.56%202.17C19.69%202.64%2019.78%203.27%2019.84%204.07C19.91%204.87%2019.94%205.56%2019.94%206.16L20%207C20%209.19%2019.84%2010.8%2019.56%2011.83C19.31%2012.73%2018.73%2013.31%2017.83%2013.56C17.36%2013.69%2016.5%2013.78%2015.18%2013.84C13.88%2013.91%2012.69%2013.94%2011.59%2013.94L10%2014C5.81%2014%203.2%2013.84%202.17%2013.56C1.27%2013.31%200.69%2012.73%200.44%2011.83C0.31%2011.36%200.22%2010.73%200.16%209.93C0.0900001%209.13%200.0599999%208.44%200.0599999%207.84L0%207C0%204.81%200.16%203.2%200.44%202.17C0.69%201.27%201.27%200.69%202.17%200.44C2.64%200.31%203.5%200.22%204.82%200.16C6.12%200.0899998%207.31%200.0599999%208.41%200.0599999L10%200C14.19%200%2016.8%200.16%2017.83%200.44C18.73%200.69%2019.31%201.27%2019.56%202.17Z'%20fill='white'/%3e%3c/svg%3e")
}

.youtube.white p:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='14'%20viewBox='0%200%2020%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2010L13.19%207L8%204V10ZM19.56%202.17C19.69%202.64%2019.78%203.27%2019.84%204.07C19.91%204.87%2019.94%205.56%2019.94%206.16L20%207C20%209.19%2019.84%2010.8%2019.56%2011.83C19.31%2012.73%2018.73%2013.31%2017.83%2013.56C17.36%2013.69%2016.5%2013.78%2015.18%2013.84C13.88%2013.91%2012.69%2013.94%2011.59%2013.94L10%2014C5.81%2014%203.2%2013.84%202.17%2013.56C1.27%2013.31%200.69%2012.73%200.44%2011.83C0.31%2011.36%200.22%2010.73%200.16%209.93C0.0900001%209.13%200.0599999%208.44%200.0599999%207.84L0%207C0%204.81%200.16%203.2%200.44%202.17C0.69%201.27%201.27%200.69%202.17%200.44C2.64%200.31%203.5%200.22%204.82%200.16C6.12%200.0899998%207.31%200.0599999%208.41%200.0599999L10%200C14.19%200%2016.8%200.16%2017.83%200.44C18.73%200.69%2019.31%201.27%2019.56%202.17Z'%20fill='black'/%3e%3c/svg%3e")
}

.web.black:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.61371%202.19263H6.25455V3.55179H7.61371V2.19263Z'%20fill='white'/%3e%3cpath%20d='M4.90316%204.9032H6.25455V3.54404H4.90316H3.54399H2.1926V4.9032H3.54399H4.90316Z'%20fill='white'/%3e%3cpath%20d='M2.19263%206.25459V4.9032H0.833466V6.25459V7.61376V8.96515H2.19263V7.61376V6.25459Z'%20fill='white'/%3e%3cpath%20d='M4.90316%2010.3243H6.25455H7.61372V8.96515H6.25455H4.90316H3.54399H2.1926V10.3243V11.6757H3.54399V10.3243H4.90316Z'%20fill='white'/%3e%3cpath%20d='M10.3243%208.96514V7.61374H8.96514H7.61374V8.96514H8.96514H10.3243Z'%20fill='white'/%3e%3cpath%20d='M11.6757%2013.0349H13.0348H14.3862V11.6757H13.0348V10.3243H11.6757H10.3243V11.6757H11.6757V13.0349Z'%20fill='white'/%3e%3cpath%20d='M14.3863%207.61376H15.7454V6.2546V4.9032H14.3863V3.54404H13.0349H11.6757V4.9032H13.0349V6.2546H11.6757V7.61376H13.0349H14.3863Z'%20fill='white'/%3e%3cpath%20d='M17.0968%206.2546V7.61376V8.96516V10.3243H18.456V8.96516V7.61376V6.2546V4.9032V3.54404H17.0968V4.9032V6.2546Z'%20fill='white'/%3e%3cpath%20d='M17.1046%202.19263H15.7455V3.55179H17.1046V2.19263Z'%20fill='white'/%3e%3cpath%20d='M15.7455%2011.6757V13.0349H17.0968V11.6757V10.3243H15.7455V11.6757Z'%20fill='white'/%3e%3cpath%20d='M17.0968%2015.7454H18.456V14.3862V13.0349H17.0968V14.3862V15.7454Z'%20fill='white'/%3e%3cpath%20d='M8.96511%2017.0968V15.7454H7.61372V14.3862V13.0349H8.96511H10.3243V11.6757H8.96511H7.61372H6.25455H4.90316H3.54399V13.0349H4.90316H6.25455V14.3862H4.90316H3.54399V13.0349H2.1926V14.3862V15.7454H3.54399H4.90316H6.25455V17.0968H7.61372H8.96511Z'%20fill='white'/%3e%3cpath%20d='M15.7454%2015.7454V14.3862H14.3862H13.0348H11.6757V13.0349H10.3243V14.3862V15.7454H11.6757H13.0348H14.3862V17.0968H15.7454V15.7454Z'%20fill='white'/%3e%3cpath%20d='M18.456%2018.456H19.8152V17.0968V15.7454H18.456V17.0968V18.456Z'%20fill='white'/%3e%3cpath%20d='M19.8151%2018.456V19.8152H18.456V18.456H17.0968V19.8152H15.7454V18.456H14.3862V19.8152H13.0348V18.456H14.3862V17.0968H13.0348H11.6757H10.3243H8.96511V18.456V19.8152H7.61371H6.25455V18.456V17.0968H4.90316H3.54399V18.456H4.90316V19.8152H3.54399V18.456H2.1926V19.8152V21.1666H3.54399H4.90316H6.25455H7.61371H8.96511H10.3243V19.8152V18.456H11.6757V19.8152V21.1666H13.0348H14.3862H15.7454H17.0968H18.456H19.8151H21.1665V19.8152V18.456H19.8151Z'%20fill='white'/%3e%3cpath%20d='M10.3243%202.19263H11.6757H13.0349H14.3863H15.7454V0.833466H14.3863H13.0349H11.6757H10.3243H8.96514H7.61374V2.19263H8.96514H10.3243Z'%20fill='white'/%3e%3c/svg%3e")
}

.web.white:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.78024%201.35913H5.42108V2.71829H6.78024V1.35913Z'%20fill='black'/%3e%3cpath%20d='M4.06969%204.06961H5.42109V2.71045H4.06969H2.71053H1.35913V4.06961H2.71053H4.06969Z'%20fill='black'/%3e%3cpath%20d='M1.35916%205.42122V4.06982H0V5.42122V6.78038V8.13178H1.35916V6.78038V5.42122Z'%20fill='black'/%3e%3cpath%20d='M4.06969%209.49075H5.42109H6.78025V8.13159H5.42109H4.06969H2.71053H1.35913V9.49075V10.8422H2.71053V9.49075H4.06969Z'%20fill='black'/%3e%3cpath%20d='M9.49085%208.13167V6.78027H8.13169H6.78029V8.13167H8.13169H9.49085Z'%20fill='black'/%3e%3cpath%20d='M10.8422%2012.2013H12.2014H13.5528V10.8421H12.2014V9.49072H10.8422H9.49083V10.8421H10.8422V12.2013Z'%20fill='black'/%3e%3cpath%20d='M13.5528%206.78017H14.912V5.42101V4.06961H13.5528V2.71045H12.2014H10.8422V4.06961H12.2014V5.42101H10.8422V6.78017H12.2014H13.5528Z'%20fill='black'/%3e%3cpath%20d='M16.2633%205.42101V6.78017V8.13157V9.49073H17.6225V8.13157V6.78017V5.42101V4.06961V2.71045H16.2633V4.06961V5.42101Z'%20fill='black'/%3e%3cpath%20d='M16.2712%201.35913H14.912V2.71829H16.2712V1.35913Z'%20fill='black'/%3e%3cpath%20d='M14.912%2010.8421V12.2013H16.2634V10.8421V9.49072H14.912V10.8421Z'%20fill='black'/%3e%3cpath%20d='M16.2633%2014.912H17.6225V13.5528V12.2014H16.2633V13.5528V14.912Z'%20fill='black'/%3e%3cpath%20d='M8.13165%2016.2634V14.912H6.78025V13.5528V12.2014H8.13165H9.49081V10.8423H8.13165H6.78025H5.42109H4.06969H2.71053V12.2014H4.06969H5.42109V13.5528H4.06969H2.71053V12.2014H1.35913V13.5528V14.912H2.71053H4.06969H5.42109V16.2634H6.78025H8.13165Z'%20fill='black'/%3e%3cpath%20d='M14.9119%2014.912V13.5528H13.5528H12.2014H10.8422V12.2014H9.49083V13.5528V14.912H10.8422H12.2014H13.5528V16.2634H14.9119V14.912Z'%20fill='black'/%3e%3cpath%20d='M17.6225%2017.6224H18.9817V16.2633V14.9119H17.6225V16.2633V17.6224Z'%20fill='black'/%3e%3cpath%20d='M18.9817%2017.6226V18.9818H17.6225V17.6226H16.2633V18.9818H14.9119V17.6226H13.5528V18.9818H12.2014V17.6226H13.5528V16.2634H12.2014H10.8422H9.49081H8.13165V17.6226V18.9818H6.78025H5.42109V17.6226V16.2634H4.06969H2.71053V17.6226H4.06969V18.9818H2.71053V17.6226H1.35913V18.9818V20.3331H2.71053H4.06969H5.42109H6.78025H8.13165H9.49081V18.9818V17.6226H10.8422V18.9818V20.3331H12.2014H13.5528H14.9119H16.2633H17.6225H18.9817H20.333V18.9818V17.6226H18.9817Z'%20fill='black'/%3e%3cpath%20d='M9.49085%201.35916H10.8422H12.2014H13.5528H14.912V0H13.5528H12.2014H10.8422H9.49085H8.13169H6.78029V1.35916H8.13169H9.49085Z'%20fill='black'/%3e%3c/svg%3e")
}

.btn.sns {
    background-image: unset !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    font-size: 14px !important;
    width: clamp(210px, 100%, 280px) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:480px) {
    .btn.sns {
        width: 100% !important;
        max-width: unset !important
    }
}

.btn.sns:before {
    background-image: unset !important
}

.btn.sns p {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.btn.sns p:before {
    content: "";
    display: block;
    width: 48px !important;
    height: auto !important;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: contain
}

.btn.sns.twitter p:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAYAAACcXioiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANjSURBVHgB7Vo7SyNRFD6T9VH4IGAhiKCLiNrIqp02sRMUVysbka212MpXo9hYCfsDFNzCR2GzqyBoI9toYyApktYQSBESkLzIO3fvOWaG7CSjmczs5s6aDz4fZ+Zevm/mnHvuDZGgHHbOr5wOzn4QAz7On5w/in9rAoU/czKBuasl/lgwoa/xWC1+V2CxWvyGwiV4yfMnsCY+foAXJ5/AmpBsYF3xiM+YQgwsDBtYHA0D9cb7M7C+vg6ZTAYKhQIwxhTm83k4ODgAvVheXqb5Li4uoFbo7oLxeJwhRkZG2NTUFBsfH2fhcJilUinW09NT9Tyjo6M0l8/nM9KR9Q9qbW1luVyOnZ6eKjGbzcb4WyFj1c6h535TDSBXV1dZNptlg4ODSmxhYYGe6NXV1ZvjZRgUX7sBZCAQKBPhdDpZIpGg9NAax+uFzLe3t9fXgCRJJObx8bHqp+v1elk0GmWTk5NmiDdmADk/P8/S6TT9lmNDQ0P0FvBtlN57dHTEkskk29jYMEu8cQNIt9tNRY2FLMfOz8+pHmZmZuj/zc1NWqUODw/NFG+OATltgsHgHzFcZZDDw8OUNh6Px2zx5hmYmJigVMInLcc6OzsZb1JkDq/9BfHmGUDe3NyQ0I6ODiW2tbVFJubm5sQ3AMVUwpWpNBYKhWjZbG5uFt9AX18frTQnJydKDIsbTUUiEfENILEvqLv04uIiGdvZ2RHbAApEoZWaGfYFrBEsbiEN4JqPy+XDwwMVMoqt1KWxZwhnoKuriwRjs5Jje3t79DZKuzT2BIyZ2NCMT4J7Iq39TywWo2am7tJotLe3VwwDMpqamsqutbS0UEFX6tJmbKcNn4n5SQx4SsDAwADw3C67jsfFtbU1aGtrA96llbjdbqdr19fXYBQ1u7+8vKQUWVlZefNev99f1qW3t7cpNjY2ZuQt1DZwf3+ftgj8IF/V/VgnmDaVurTBVNI/aGlpiZbL29tbXeNmZ2fpnHB2dkb1ItcMwuVy/RsD3d3d9OTVRVkt7+/vlR2qDEwjLPTp6Wnd8zU+3K03Ggbqjf/CgA+sCxca+AXWhQt/OKC2BiICHbKTOwuIVfMYSoBf8HgSXHApUWs/qICB74IJrcS74gPXxJfiTSJ9a+W5qMmhFivB6+gHMeDTuvAb/pwXkfez+tQAAAAASUVORK5CYII=)
}

.btn.sns.facebook p:before {
    background-image: url(data:image/png;base64,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)
}

.btn.sns.instagram p:before {
    background-image: url(data:image/png;base64,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)
}

.btn.sns.tiktok p:before {
    background-image: url(data:image/png;base64,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)
}

.section-title {
    background: -webkit-gradient(linear, left top, right top, from(#a55eea), to(#0984e3));
    background: -webkit-linear-gradient(left, #a55eea, #0984e3);
    background: linear-gradient(90deg, #a55eea, #0984e3);
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.1;
    padding-bottom: 32px;
    padding-top: 16px;
    text-align: center;
    position: relative
}

.section-title::before {
    background-color: #fff;
    content: "";
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0
}

@media (max-width:1400px) {
    .section-title {
        font-size: 3.1428571429vw;
        padding-bottom: 2.2857142857vw;
        padding-top: 1.1428571429vw
    }

    .section-title::before {
        height: .7142857143vw;
        bottom: .7142857143vw
    }
}

@media screen and (max-width:767px) {
    .section-title {
        font-size: 5.641025641vw;
        padding-bottom: 4.1025641026vw;
        padding-top: 2.0512820513vw
    }

    .section-title::before {
        height: 1.2820512821vw;
        bottom: 1.2820512821vw
    }
}

footer {
    position: relative;
    z-index: 100;
    background-color: azure
}

footer .wrapper {
    max-width: 1080px;
    width: 90%;
    margin: 0 auto
}

footer .footer__sns {
    background-color: #eee;
    padding: 10px 0
}

footer .footer__sns ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:768px) {
    footer .footer__sns ul {
        width: 100%;
        grid-template-columns: 1fr;
        margin-left: 0
    }
}

footer .footer__sns ul li {
    width: 100%;
    min-width: 210px !important
}

@media (max-width:768px) {
    footer .footer__sns ul li {
        width: 100%
    }
}

footer .footer__sns__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px
}

@media (max-width:1080px) {
    footer .footer__sns__inner {
        gap: 10px
    }
}

@media (max-width:768px) {
    footer .footer__sns__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

footer .footer__sns__inner>p {
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    margin-right: 40px
}

@media (max-width:1080px) {
    footer .footer__sns__inner>p {
        padding-bottom: 1em;
        border-bottom: 1px solid #ddd;
        margin-bottom: 1em;
        width: 100%
    }
}

footer .footer__sns__inner>p:after {
    content: "";
    width: 1px;
    height: 2em;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    right: -40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1080px) {
    footer .footer__sns__inner>p:after {
        display: none
    }
}

footer .footer__copyright {
    background-color: #eee;
    padding: 40px 0
}

footer .footer__copyright ul {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 1em
}

@media (max-width:768px) {
    footer .footer__copyright ul {
        grid-template-columns: 1fr
    }
}

footer .footer__copyright ul li {
    opacity: .5
}

.btn_pagetop {
    display: block;
    width: 62px;
    height: auto;
    aspect-ratio: 2/1;
    background: center/contain url("data:image/svg+xml,%3csvg%20width='64'%20height='30'%20viewBox='0%200%2064%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M59.5851%200.599998C61.8291%200.599998%2063.2331%201.764%2063.2331%203.648C63.2331%205.52%2061.8291%206.684%2059.5851%206.684H57.8931V9H55.9491V0.599998H59.5851ZM59.4771%205.1C60.6651%205.1%2061.2651%204.56%2061.2651%203.648C61.2651%202.724%2060.6651%202.184%2059.4771%202.184H57.8931V5.1H59.4771Z'%20fill='black'/%3e%3cpath%20d='M49.8921%209.144C47.2401%209.144%2045.2961%207.296%2045.2961%204.8C45.2961%202.304%2047.2401%200.456001%2049.8921%200.456001C52.5321%200.456001%2054.4881%202.292%2054.4881%204.8C54.4881%207.308%2052.5321%209.144%2049.8921%209.144ZM49.8921%207.488C51.3921%207.488%2052.5201%206.396%2052.5201%204.8C52.5201%203.204%2051.3921%202.112%2049.8921%202.112C48.3921%202.112%2047.2641%203.204%2047.2641%204.8C47.2641%206.396%2048.3921%207.488%2049.8921%207.488Z'%20fill='black'/%3e%3cpath%20d='M40.2633%209V2.184H37.5753V0.599998H44.8953V2.184H42.2073V9H40.2633Z'%20fill='black'/%3e%3cpath%20d='M29.0061%207.44H33.5781V9H27.0741V0.599998H33.4221V2.16H29.0061V3.984H32.9061V5.496H29.0061V7.44Z'%20fill='black'/%3e%3cpath%20d='M23.4923%207.128V4.668H25.2683V8.076C24.3443%208.772%2023.0723%209.144%2021.8723%209.144C19.2323%209.144%2017.2883%207.332%2017.2883%204.8C17.2883%202.268%2019.2323%200.456001%2021.9083%200.456001C23.3843%200.456001%2024.6083%200.960001%2025.4243%201.908L24.1763%203.06C23.5643%202.412%2022.8563%202.112%2022.0043%202.112C20.3723%202.112%2019.2563%203.204%2019.2563%204.8C19.2563%206.372%2020.3723%207.488%2021.9803%207.488C22.5083%207.488%2023.0003%207.392%2023.4923%207.128Z'%20fill='black'/%3e%3cpath%20d='M15.022%209L14.278%207.2H10.378L9.634%209H7.642L11.386%200.599998H13.306L17.062%209H15.022ZM11.002%205.724H13.666L12.334%202.508L11.002%205.724Z'%20fill='black'/%3e%3cpath%20d='M4.132%200.599998C6.376%200.599998%207.78%201.764%207.78%203.648C7.78%205.52%206.376%206.684%204.132%206.684H2.44V9H0.495998V0.599998H4.132ZM4.024%205.1C5.212%205.1%205.812%204.56%205.812%203.648C5.812%202.724%205.212%202.184%204.024%202.184H2.44V5.1H4.024Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M27.2929%2028.2929L28.7071%2029.7071L32%2026.4142L35.2929%2029.7071L36.7071%2028.2929L32%2023.5858L27.2929%2028.2929Z'%20fill='black'/%3e%3c/svg%3e") no-repeat;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border: none;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 1px 6px #fff);
    filter: drop-shadow(0 1px 6px #fff);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 1000
}

.btn_pagetop.is-active {
    opacity: 1;
    visibility: visible
}

.mv {
    margin-bottom: 80px
}

@media screen and (max-width:767px) {
    .mv {
        margin-bottom: 10.2564102564vw
    }
}

.mv img {
    width: 100%
}

.mv h1 {
    position: relative
}

.mv .mv_ribbon {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width:767px) {
    .mv .mv_ribbon {
        bottom: 15.3846153846vw
    }
}

.about {
    background-color: rgba(251, 227, 224, .42);
    padding-bottom: 80px
}

.about h2 {
    margin-bottom: 36px
}

.about .about_lead {
    margin-bottom: 48px
}

.about .about_lead img {
    width: 100%
}

.about .about_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
    margin-bottom: 32px
}

.about .about_box:last-child {
    margin-bottom: 0
}

.about .about_box figure {
    text-align: center;
    width: min(392px, 100%)
}

.about .about_box figure.--img01 img {
    width: min(318px, 100%)
}

.about .about_box figure.--img02 img {
    width: min(392px, 100%)
}

.about .about_box figure.--img03 img {
    width: min(377px, 100%)
}

.about .about_box:nth-child(3) .about_box_text {
    padding-top: 16px
}

.about .about_box:nth-child(4) .about_box_text {
    padding-top: 72px
}

.about .about_box:nth-child(5) .about_box_text {
    padding-top: 64px
}

.about .about_box .about_box_text {
    width: -webkit-calc(100% - 64px - 392px);
    width: calc(100% - 64px - 392px)
}

.about .about_box .about_box_text h3 {
    color: var(--color-purple);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 16px
}

.about .about_box .about_box_text h3 span {
    color: var(--color-pink)
}

.about .about_step {
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    width: min(1275px, 100%)
}

@media (max-width:1400px) {
    .about {
        padding-bottom: 5.7142857143vw
    }

    .about h2 {
        margin-bottom: 2.5714285714vw
    }

    .about .about_lead {
        margin-bottom: 3.4285714286vw
    }

    .about .about_box {
        gap: 4.5714285714vw;
        margin-bottom: 2.2857142857vw
    }

    .about .about_box figure {
        width: min(28vw, 100%)
    }

    .about .about_box figure.--img01 img {
        width: min(22.7142857143vw, 100%)
    }

    .about .about_box figure.--img02 img {
        width: min(28vw, 100%)
    }

    .about .about_box figure.--img03 img {
        width: min(26.9285714286vw, 100%)
    }

    .about .about_box:nth-child(3) .about_box_text {
        padding-top: 1.1428571429vw
    }

    .about .about_box:nth-child(4) .about_box_text {
        padding-top: 5.1428571429vw
    }

    .about .about_box:nth-child(5) .about_box_text {
        padding-top: 4.5714285714vw
    }

    .about .about_box .about_box_text {
        width: -webkit-calc(100% - 4.5714285714vw - 28vw);
        width: calc(100% - 4.5714285714vw - 28vw)
    }

    .about .about_box .about_box_text h3 {
        font-size: 3.1428571429vw;
        margin-bottom: 1.1428571429vw
    }

    .about .about_step {
        margin-top: 4.5714285714vw;
        width: min(91.0714285714vw, 100%)
    }
}

@media screen and (max-width:767px) {
    .about {
        padding-bottom: 9.2307692308vw
    }

    .about h2 {
        margin-bottom: 4.6153846154vw
    }

    .about .about_lead {
        margin-bottom: 9.2307692308vw
    }

    .about .about_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6.1538461538vw;
        margin-bottom: 13.8461538462vw
    }

    .about .about_box figure {
        width: auto
    }

    .about .about_box figure.--img01 img {
        width: min(48.5897435897vw, 100%)
    }

    .about .about_box figure.--img02 img {
        width: min(78.5897435897vw, 100%)
    }

    .about .about_box figure.--img03 img {
        width: min(63.5897435897vw, 100%)
    }

    .about .about_box:nth-child(3) .about_box_text {
        padding-top: 0
    }

    .about .about_box:nth-child(4) .about_box_text {
        padding-top: 0
    }

    .about .about_box:nth-child(5) .about_box_text {
        padding-top: 0
    }

    .about .about_box .about_box_text {
        width: auto
    }

    .about .about_box .about_box_text h3 {
        font-size: 5.641025641vw;
        margin-bottom: 2.0512820513vw
    }

    .about .about_step {
        margin-top: 9.2307692308vw;
        width: min(90.3846153846vw, 100%)
    }
}

.exp {
    background: url(../img/exp_bg.png) no-repeat 50% 50%;
    background-size: min(708px, 100%);
    padding-bottom: 80px
}

.exp h2 {
    margin-bottom: 48px
}

.exp h3 {
    margin-bottom: 64px;
    text-align: center
}

.exp h3 img {
    width: min(776px, 100%)
}

.exp .exp_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 120px;
    margin-bottom: 120px
}

.exp .exp_box:last-child {
    margin-bottom: 0
}

.exp .exp_box .exp_box_profile {
    text-align: center;
    width: min(420px, 100%)
}

.exp .exp_box .exp_box_profile figure img {
    width: 100%
}

.exp .exp_box .exp_box_profile figure figcaption {
    font-size: 36px;
    line-height: 1.1;
    margin-top: 24px
}

.exp .exp_box .exp_box_profile p {
    border: 2px solid var(--color-black);
    font-size: 36px;
    line-height: 1.1;
    margin-top: 36px;
    padding-bottom: 24px;
    padding-top: 24px
}

.exp .exp_box .exp_box_text {
    width: -webkit-calc(100% - 120px - 420px);
    width: calc(100% - 120px - 420px)
}

@media (max-width:1400px) {
    .exp {
        background-size: min(50.5714285714vw, 100%);
        padding-bottom: 5.7142857143vw
    }

    .exp h2 {
        margin-bottom: 3.4285714286vw
    }

    .exp h3 {
        margin-bottom: 4.5714285714vw
    }

    .exp h3 img {
        width: min(55.4285714286vw, 100%)
    }

    .exp .exp_box {
        gap: 8.5714285714vw;
        margin-bottom: 8.5714285714vw
    }

    .exp .exp_box .exp_box_profile {
        width: min(30vw, 100%)
    }

    .exp .exp_box .exp_box_profile figure figcaption {
        font-size: 2.5714285714vw;
        margin-top: 1.7142857143vw
    }

    .exp .exp_box .exp_box_profile p {
        font-size: 2.5714285714vw;
        margin-top: 2.5714285714vw;
        padding-bottom: 1.7142857143vw;
        padding-top: 1.7142857143vw
    }

    .exp .exp_box .exp_box_text {
        width: -webkit-calc(100% - 8.5714285714vw - 30vw);
        width: calc(100% - 8.5714285714vw - 30vw)
    }
}

@media screen and (max-width:767px) {
    .exp {
        background: 0 0;
        padding-bottom: 10.2564102564vw
    }

    .exp h2 {
        margin-bottom: 6.9230769231vw
    }

    .exp h3 {
        margin-bottom: 9.2307692308vw
    }

    .exp h3 img {
        width: min(88.4615384615vw, 100%)
    }

    .exp .exp_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4.6153846154vw;
        margin-bottom: 12.3076923077vw
    }

    .exp .exp_box .exp_box_profile {
        width: auto
    }

    .exp .exp_box .exp_box_profile figure figcaption {
        font-size: 4.6153846154vw;
        margin-top: 3.0769230769vw
    }

    .exp .exp_box .exp_box_profile p {
        font-size: 4.6153846154vw;
        margin-top: 4.6153846154vw;
        padding-bottom: 3.0769230769vw;
        padding-top: 3.0769230769vw
    }

    .exp .exp_box .exp_box_text {
        background: url(../img/exp_bg-sp.png) no-repeat 50% 50%;
        background-size: min(57.4358974359vw, 100%);
        width: auto
    }
}

.voice {
    background-color: #e8f4ff;
    padding-bottom: 120px
}

.voice h2,
.voice h3 {
    margin-bottom: 54px
}

.voice h3 {
    text-align: center
}

.voice .voice_title img {
    width: min(1074px, 100%)
}

.voice .voice_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 88px
}

.voice .voice_box:last-child {
    margin-bottom: 0
}

.voice .voice_box dl {
    max-width: -webkit-calc(100% - 80px - 420px);
    max-width: calc(100% - 80px - 420px)
}

.voice .voice_box dl dt {
    background: url(../img/voice_icon.png) no-repeat 0 50%;
    background-size: 213px 177px;
    color: #c86eff;
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 28px;
    min-height: 177px;
    padding-top: 77px;
    padding-left: 236px
}

.voice .voice_box figure {
    text-align: center;
    width: min(420px, 100%)
}

.voice .voice_box figure figcaption {
    font-size: 36px;
    margin-top: 16px
}

.voice .voice_others {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, from(#a55eea), to(#0984e3));
    background: -webkit-linear-gradient(left, #a55eea, #0984e3);
    background: linear-gradient(90deg, #a55eea, #0984e3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 54px;
    padding: 40px 54px;
    position: relative;
    z-index: 0
}

.voice .voice_others::before {
    background-color: #e8f4ff;
    content: "";
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
    top: 3px;
    z-index: -1
}

.voice .voice_others h3 {
    color: #434786;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    margin-bottom: 0
}

.voice .voice_others .voice_others_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.voice .voice_others .voice_others_img img {
    width: min(281px, 100%)
}

@media (max-width:1400px) {
    .voice {
        padding-bottom: 5.7142857143vw
    }

    .voice h2,
    .voice h3 {
        margin-bottom: 3.8571428571vw
    }

    .voice .voice_title img {
        width: min(76.7142857143vw, 100%)
    }

    .voice .voice_box {
        gap: 5.7142857143vw;
        margin-bottom: 6.2857142857vw
    }

    .voice .voice_box dl {
        max-width: -webkit-calc(100% - 5.7142857143vw - 30vw);
        max-width: calc(100% - 5.7142857143vw - 30vw)
    }

    .voice .voice_box dl dt {
        background-size: 15.2142857143vw 12.6428571429vw;
        font-size: 3.1428571429vw;
        margin-bottom: 2vw;
        min-height: 12.6428571429vw;
        padding-top: 5.5vw;
        padding-left: 16.8571428571vw
    }

    .voice .voice_box figure {
        width: min(30vw, 100%)
    }

    .voice .voice_box figure figcaption {
        font-size: 2.5714285714vw;
        margin-top: 1.1428571429vw
    }

    .voice .voice_others {
        gap: 3.8571428571vw;
        padding: 2.8571428571vw 3.8571428571vw
    }

    .voice .voice_others h3 {
        font-size: 3.1428571429vw
    }

    .voice .voice_others .voice_others_img {
        gap: 1.7142857143vw
    }

    .voice .voice_others .voice_others_img img {
        width: min(20.0714285714vw, 100%)
    }
}

@media screen and (max-width:767px) {
    .voice {
        padding-bottom: 10.2564102564vw
    }

    .voice h2 {
        margin-bottom: 6.9230769231vw
    }

    .voice h3 {
        margin-bottom: 9.2307692308vw
    }

    .voice .voice_title img {
        width: min(79.6153846154vw, 100%)
    }

    .voice .voice_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.8461538462vw;
        margin-bottom: 15.3846153846vw
    }

    .voice .voice_box dl {
        max-width: 100%
    }

    .voice .voice_box dl dt {
        background-size: 21.5384615385vw 17.8205128205vw;
        font-size: 5.1282051282vw;
        margin-bottom: 4.1025641026vw;
        min-height: 17.8205128205vw;
        padding-top: 8.2051282051vw;
        padding-left: 23.0769230769vw
    }

    .voice .voice_box figure {
        width: auto
    }

    .voice .voice_box figure figcaption {
        font-size: 4.6153846154vw;
        margin-top: 3.0769230769vw
    }

    .voice .voice_others {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.0769230769vw;
        padding: 3.0769230769vw 5.1282051282vw 5.1282051282vw
    }

    .voice .voice_others::before {
        bottom: .5128205128vw;
        left: .5128205128vw;
        right: .5128205128vw;
        top: .5128205128vw
    }

    .voice .voice_others h3 {
        font-size: 5.641025641vw
    }

    .voice .voice_others .voice_others_img {
        gap: 6.1538461538vw
    }

    .voice .voice_others .voice_others_img img {
        width: auto
    }
}

.theater {
    background-color: rgba(251, 227, 224, .42);
    padding-bottom: 220px;
    text-align: center
}

.theater h2 {
    margin-bottom: 80px
}

.theater figure {
    margin-bottom: 120px
}

.theater figure img {
    width: min(949px, 100%)
}

.theater .theater_btn {
    line-height: 1
}

.theater .theater_btn a {
    background: -webkit-gradient(linear, left bottom, left top, from(#335695), color-stop(70%, #6dbcb9), to(#9dcce0));
    background: -webkit-linear-gradient(bottom, #335695 0, #6dbcb9 70%, #9dcce0);
    background: linear-gradient(0deg, #335695 0, #6dbcb9 70%, #9dcce0);
    border-radius: 100px;
    color: #ffd900;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 24px;
    padding-top: 24px;
    text-align: center;
    text-decoration: none;
    width: min(686px, 100%);
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (hover:hover) {
    .theater .theater_btn a:hover {
        -webkit-filter: brightness(90%) contrast(150%);
        filter: brightness(90%) contrast(150%)
    }
}

@media (max-width:1400px) {
    .theater {
        padding-bottom: 15.7142857143vw
    }

    .theater h2 {
        margin-bottom: 12.8571428571vw
    }

    .theater figure {
        margin-bottom: 8.5714285714vw
    }

    .theater figure img {
        width: min(67.7857142857vw, 100%)
    }

    .theater .theater_btn a {
        font-size: 2.5714285714vw;
        padding-bottom: 1.7142857143vw;
        padding-top: 1.7142857143vw;
        width: min(49vw, 100%)
    }
}

@media screen and (max-width:767px) {
    .theater {
        padding-bottom: 28.2051282051vw
    }

    .theater h2 {
        margin-bottom: 23.0769230769vw
    }

    .theater figure {
        margin-bottom: 15.3846153846vw
    }

    .theater figure img {
        width: 100%
    }

    .theater .theater_btn a {
        font-size: 4.6153846154vw;
        padding-bottom: 3.0769230769vw;
        padding-top: 3.0769230769vw;
        width: min(87.9487179487vw, 100%)
    }
}

@-webkit-keyframes aptitude-blur-in {
    from {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        opacity: .5
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes aptitude-blur-in {
    from {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        opacity: .5
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes aptitude-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes aptitude-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.aptitude-test {
    background-color: #1f2a68;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100dvh;
    width: 100%
}

.aptitude-test_stage {
    background: url(../shindan/img/aptitude-test_bg.png) no-repeat 50% 0;
    background-size: 100% 100%;
    container-type: inline-size;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-height: 100svh;
    position: relative;
    text-align: center;
    width: min(780px, 100%, -webkit-calc(100svh * 780 / 1301));
    width: min(780px, 100%, calc(100svh * 780 / 1301))
}

.aptitude-test_stage:has(.aptitude-test_result.is-active) {
    width: min(780px, 100%)
}

.aptitude-test_stage img {
    height: auto;
    width: 100%
}

.aptitude-test_stage .aptitude-test_step {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    padding-left: 6.4102564103cqw;
    padding-right: 6.4102564103cqw;
    position: absolute;
    top: 13.8461538462cqw;
    width: 100%
}

.aptitude-test_stage .aptitude-test_step.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.aptitude-test_stage .aptitude-test_step_back {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 4.6153846154cqw;
    padding: 0;
    width: 5.1282051282cqw
}

.aptitude-test_stage .aptitude-test_step_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.3076923077cqw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.aptitude-test_stage .aptitude-test_step_icon button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #e4e4e4;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    height: 3.2051282051cqw;
    padding: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 6.6666666667cqw
}

.aptitude-test_stage .aptitude-test_step_icon button.--active {
    background-color: #ff79ff
}

.aptitude-test_stage .aptitude-test_step_icon button:disabled {
    cursor: default
}

.aptitude-test_stage .aptitude-test_step_number {
    font-size: 4.1025641026cqw;
    font-weight: 500;
    letter-spacing: .08em
}

.aptitude-test_stage .aptitude-test_screen {
    display: none
}

.aptitude-test_stage .aptitude-test_screen.is-active {
    -webkit-animation: aptitude-blur-in .6s ease-out backwards;
    animation: aptitude-blur-in .6s ease-out backwards;
    display: block
}

.aptitude-test_stage .aptitude-test_result.is-active {
    -webkit-animation: none;
    animation: none
}

.aptitude-test_stage .aptitude-test_result.is-active .aptitude-test_block,
.aptitude-test_stage .aptitude-test_result.is-active .aptitude-test_result_head,
.aptitude-test_stage .aptitude-test_result.is-active .aptitude-test_result_img {
    -webkit-animation: aptitude-blur-in .6s ease-out backwards;
    animation: aptitude-blur-in .6s ease-out backwards
}

.aptitude-test_stage .aptitude-test_result.is-active .aptitude-test_share-wrap::before {
    -webkit-animation: aptitude-fade-in .6s ease-out backwards;
    animation: aptitude-fade-in .6s ease-out backwards
}

.aptitude-test_stage .aptitude-test_action,
.aptitude-test_stage .aptitude-test_block_text,
.aptitude-test_stage .aptitude-test_block_title,
.aptitude-test_stage .aptitude-test_question_text,
.aptitude-test_stage .aptitude-test_result_img,
.aptitude-test_stage .aptitude-test_visual {
    font-size: 0;
    line-height: 0
}

.aptitude-test_stage .aptitude-test_visual {
    margin-bottom: 10.2564102564cqw;
    padding-top: 5.1282051282cqw
}

.aptitude-test_stage .aptitude-test_visual img {
    width: 88.4615384615cqw
}

.aptitude-test_stage .aptitude-test_question {
    padding-top: 30.7692307692cqw
}

.aptitude-test_stage .aptitude-test_question_text img {
    width: -webkit-calc(var(--at-w)/ 780 * 100cqw);
    width: calc(var(--at-w)/ 780 * 100cqw)
}

.aptitude-test_stage .aptitude-test_choices {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.1025641026cqw 0;
    margin-top: 25.641025641cqw
}

.aptitude-test_stage .aptitude-test_result {
    padding-top: 10.2564102564cqw
}

.aptitude-test_stage .aptitude-test_result_head {
    font-size: 5.1282051282cqw;
    letter-spacing: .1em;
    margin-bottom: 5.1282051282cqw
}

.aptitude-test_stage .aptitude-test_result_img {
    display: none;
    margin-bottom: 6.1538461538cqw
}

.aptitude-test_stage .aptitude-test_result_img img {
    width: 81.4102564103cqw
}

.aptitude-test_stage .aptitude-test_result_img.is-active {
    display: block
}

.aptitude-test_stage .aptitude-test_share-wrap {
    padding-bottom: 12.3076923077cqw;
    padding-top: 3.0769230769cqw;
    position: relative
}

.aptitude-test_stage .aptitude-test_share-wrap::before {
    background-color: #7d34ed;
    content: "";
    height: 100%;
    mix-blend-mode: multiply;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.aptitude-test_stage .aptitude-test_block {
    margin-bottom: 4.1025641026cqw;
    position: relative;
    z-index: 1
}

.aptitude-test_stage .aptitude-test_block:last-child {
    margin-bottom: 0
}

.aptitude-test_stage .aptitude-test_block_title {
    margin-bottom: 2.0512820513cqw
}

.aptitude-test_stage .aptitude-test_block_title img {
    width: 81.4102564103cqw
}

.aptitude-test_stage .aptitude-test_block_text {
    margin-top: 2.0512820513cqw
}

.aptitude-test_stage .aptitude-test_block_text.--01 img {
    width: 53.2051282051cqw
}

.aptitude-test_stage .aptitude-test_block_text.--02 {
    margin-bottom: 12px;
    margin-top: 0
}

.aptitude-test_stage .aptitude-test_block_text.--02 img {
  width: 45.6410256410cqw;
}

.aptitude-test_stage .aptitude-test_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: -webkit-radial-gradient(center, circle, #004f9a 15%, #1f2a68 60%);
    background: radial-gradient(circle at center, #004f9a 15%, #1f2a68 60%);
    border: 1.1538461538cqw solid #556ea5;
    border-radius: 25.641025641cqw;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 4.1025641026cqw;
    height: 13.8461538462cqw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .08em;
    line-height: 1.2;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 82.3076923077cqw;
    position: relative
}

.aptitude-test_stage .aptitude-test_btn::after {
    background: url(../img/icon-arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
    content: "";
    height: 3.4615384615cqw;
    width: 2.4358974359cqw;
    position: absolute;
    right: 4.1025641026cqw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (hover:hover) {
    .aptitude-test_stage .aptitude-test_btn:hover {
        background: -webkit-radial-gradient(center, circle, #004f9a 30%, #1f2a68 100%);
        background: radial-gradient(circle at center, #004f9a 30%, #1f2a68 100%);
        -webkit-box-shadow: 0 0 3.5897435897cqw rgba(0, 79, 154, .8);
        box-shadow: 0 0 3.5897435897cqw rgba(0, 79, 154, .8)
    }
}

.aptitude-test_stage .aptitude-test_btn img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.aptitude-test_stage .aptitude-test_btn.--lg {
    border-radius: 5.1282051282cqw;
    font-size: 11.2820512821cqw;
    height: 19.4871794872cqw
}

.aptitude-test_stage .aptitude-test_btn.--lg::after {
    content: none
}

.aptitude-test_stage .aptitude-test_btn.--x img {
    width: 9.2307692308cqw;
    left: 5.1282051282cqw
}

.aptitude-test_stage .aptitude-test_btn.--dl img {
    width: 4.8717948718cqw;
    left: 6.6666666667cqw
}

.mv_ribbon {
    display: none
}

.mv_ribbon.is-active {
    display: block
}

@media (prefers-reduced-motion:reduce) {

    .aptitude-test .aptitude-test_result.is-active .aptitude-test_block,
    .aptitude-test .aptitude-test_result.is-active .aptitude-test_result_head,
    .aptitude-test .aptitude-test_result.is-active .aptitude-test_result_img,
    .aptitude-test .aptitude-test_result.is-active .aptitude-test_share-wrap::before,
    .aptitude-test .aptitude-test_screen.is-active {
        -webkit-animation: none;
        animation: none
    }
}

/* 診断画面：PC表示サイズ調整 */
@media screen and (min-width: 768px) {
  .aptitude-test_stage {
    width: min(390px, 100%, calc(100svh * 780 / 1301));
  }

  .aptitude-test_stage:has(.aptitude-test_result.is-active) {
    width: min(390px, 100%);
  }
}

/* ========================================
   LP：PC表示サイズ調整
======================================== */
@media screen and (min-width: 768px) {

  /* コンテンツ幅 */
  .l-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  /* ABOUT：背景だけ左右へ延長 */
  .about {
    box-shadow:
      50vw 0 0 rgba(251, 227, 224, .42),
      -50vw 0 0 rgba(251, 227, 224, .42);
  }

  /* VOICE：背景だけ左右へ延長 */
  .voice {
    box-shadow:
      50vw 0 0 #e8f4ff,
      -50vw 0 0 #e8f4ff;
  }

  /* THEATER：ABOUTと同色 */
  .theater {
    box-shadow:
      50vw 0 0 rgba(251, 227, 224, .42),
      -50vw 0 0 rgba(251, 227, 224, .42);
  }

  /* 各コンテンツ見出しの帯だけ画面いっぱい */
  .section-title {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

}

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

  /* KV＋職業案内部分 */
  .mv {
    background-color: #1f2a68;
    margin-bottom: 0;

    /* 背景色だけ左右いっぱいまで伸ばす */
    box-shadow:
      50vw 0 0 #1f2a68,
      -50vw 0 0 #1f2a68;
  }

}

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

  .about .about_lead {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    position: relative;
    z-index: 0;
  }

  /* 導入部分の背景だけ画面幅まで伸ばす */
  .about .about_lead::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: linear-gradient(
      to bottom,
      rgb(37, 3, 18) 0%,
      rgb(35, 24, 50) 45%,
      rgb(32, 47, 83) 100%
    );
    z-index: -1;
  }

}

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

  /* ========================================
     死者・ロスタイム・死神
  ======================================== */

  /* 各項目の間隔 */
  .about .about_box {
    gap: 40px;
    margin-bottom: 28px;
  }

  /* 最後だけ余白なし */
  .about .about_box:last-child {
    margin-bottom: 0;
  }

  /* テキスト側の上余白を整理 */
  .about .about_box:nth-child(3) .about_box_text,
  .about .about_box:nth-child(4) .about_box_text,
  .about .about_box:nth-child(5) .about_box_text {
    padding-top: 0;
  }

  /* 見出しを約20%縮小 */
  .about .about_box .about_box_text h3 {
    font-size: 35px;
    margin-bottom: 12px;
  }

  /* 本文を約20%縮小 */
  .about .about_box .about_box_text p {
    font-size: 23px;
    line-height: 1.7;
  }

}

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

  /* ========================================
     先輩バイトインタビュー：本文
  ======================================== */
  .exp .exp_box .exp_box_text p {
    font-size: 23px;
    line-height: 1.8;
  }

}

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

  /* ========================================
     お客様の声：本文
  ======================================== */
  .voice .voice_box dl dd {
    font-size: 23px;
    line-height: 1.8;
  }

}

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

  /* ========================================
     お客様の声：全体をコンパクトに
  ======================================== */

  /* 本文 */
  .voice .voice_box dl dd {
    font-size: 22px;
    line-height: 1.8;
  }

  /* Qマーク＋質問見出し */
  .voice .voice_box dl dt {
    background-size: 130px auto;
    min-height: 110px;
    padding-left: 145px;
    padding-top: 40px;
    font-size: 30px;
    margin-bottom: 18px;
  }

  /* 語っている人の写真 */
  .voice .voice_box figure {
    width: min(300px, 100%);
  }

  /* 名前・年齢も少し小さく */
  .voice .voice_box figure figcaption {
    font-size: 26px;
    margin-top: 10px;
  }

  /* 写真を縮めた分、本文との間隔も詰める */
  .voice .voice_box {
    gap: 50px;
  }

  .voice .voice_box dl {
    max-width: calc(100% - 50px - 300px);
  }

}

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

  /* ========================================
     先輩バイトインタビュー：横幅調整
  ======================================== */

  .exp .exp_box {
    gap: 50px;
  }

  .exp .exp_box .exp_box_profile {
    width: min(300px, 100%);
  }

  .exp .exp_box .exp_box_text {
    width: calc(100% - 50px - 300px);
  }

  /* 写真下の名前・やりがい度も少し縮小 */
  .exp .exp_box .exp_box_profile figure figcaption {
    font-size: 26px;
    margin-top: 10px;
  }

  .exp .exp_box .exp_box_profile p {
    font-size: 24px;
    margin-top: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

}

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

  /* ========================================
     死者・ロスタイム・死神：サイズ調整
  ======================================== */

  /* 各項目の間隔を少し広げる */
  .about .about_box {
    gap: 50px;
    margin-bottom: 40px;
    align-items: center;
  }

  /* イラスト領域を縮小 */
  .about .about_box figure {
    width: 250px;
    flex: 0 0 250px;
  }

  /* 各イラストも領域内に収める */
  .about .about_box figure.--img01 img,
  .about .about_box figure.--img02 img,
  .about .about_box figure.--img03 img {
    width: auto;
    max-width: 230px;
    max-height: 150px;
  }

  /* イラストを縮めた分、本文幅を広げる */
  .about .about_box .about_box_text {
    width: calc(100% - 250px - 50px);
  }

  /* 最後だけ下余白なし */
  .about .about_box:last-child {
    margin-bottom: 0;
  }

}

@media screen and (min-width: 768px) {
  body:has(.aptitude-test) .l-container {
    max-width: none;
    width: 100%;
  }
}

.theater_movie {
  aspect-ratio: 16 / 9;
}

.theater_movie iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ========================================
   診断誘導：追従バナー
======================================== */

.shindan-floating {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 240px;
  z-index: 100;
  display: block;
  transition: opacity .3s, transform .3s;
}

.shindan-floating img {
  display: block;
  width: 100%;
  height: auto;
}

@media (hover: hover) {
  .shindan-floating:hover {
    opacity: .85;
    transform: translateY(-3px);
  }
}

@media screen and (max-width: 767px) {
  .shindan-floating {
    right: 12px;
    bottom: 12px;
    width: 150px;
  }
}