@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap";

:root {
    --font-ja: "Noto Sans JP", sans-serif;
    --font-en: "Roboto", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", sans-serif
}

:lang(zh-cmn-Hans) .l-main * {
    font-family: "Noto Sans SC", sans-serif !important
}

:lang(zh-cmn-Hant) .l-main * {
    font-family: "Noto Sans TC", sans-serif !important
}

:lang(ko) .l-main * {
    font-family: "Noto Sans KR", sans-serif !important
}

.l-main {
    text-align: left;
    line-height: 1.33
}

.l-main * {
    box-sizing: border-box;
    font-family: var(--font-en) !important
}

.l-main img {
    width: 100%;
    height: auto
}

.l-main button {
    outline: none;
    appearance: none;
    border: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.l-main .c-hover {
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(hover: hover) {
    .l-main .c-hover:hover {
        opacity: .7
    }
}

.l-main .acWrap {
    overflow: hidden;
    transition: height .4s ease-out
}

.l-main .p-tab-wrapper {
    position: relative;
    overflow: hidden
}

.l-main .p-tab-box {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none
}

.l-main .p-tab-box:nth-child(1) {
    position: relative;
    display: block;
    z-index: 2;
    opacity: 1
}

.l-main .p-tab-box.first {
    pointer-events: all
}

.l-main .p-tab-box.current {
    pointer-events: all
}

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

@media screen and (max-width:767px) {
    .l-main .display-pc {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    body {
        padding-top: 0 !important
    }
}

body.is-locked {
    position: fixed;
    width: 100%;
    height: 100%
}

@media print,
screen and (min-width:768px) {
    body.is-locked {
        overflow: hidden
    }

    body.is-locked.no-scroll {
        overflow: hidden
    }
}

@media print,
screen and (min-width:768px) {
    .loaded #header {
        transform: translateY(0) !important
    }
}

.loaded .characheki-kv__main .instaxCheki img {
    animation-delay: 0s;
    animation-duration: .6s;
    animation-timing-function: cubic-bezier(0.175, 0.995, 0.5, 1.05);
    animation-name: cheki-move-up;
    animation-fill-mode: forwards
}

.loaded .characheki-kv__box .cheki.animed img {
    opacity: 1;
    transform: rotate(0deg)
}

@media print,
screen and (min-width:768px) {
    .loaded .characheki-kv__var {
        transform: translateY(0) !important
    }
}

@media screen and (max-width:767px) {
    .loaded .characheki-kv__var {
        opacity: 1
    }
}

.loaded .characheki-kv .characheki-language {
    transform: translateY(0);
    opacity: 1
}

@media screen and (max-width:767px) {
    .u-sm-min {
        display: none !important
    }
}

@media print,
screen and (min-width:768px) {
    .u-sm-max {
        display: none !important
    }
}

@media print,
screen and (min-width:768px) {
    #header {
        position: relative;
        transform: translateY(-113px) !important;
        margin-bottom: -113px !important;
        z-index: 100;
        background-color: #fff !important;
        transition: all .6s 3.84s ease-in-out
    }
}

.characheki-kv {
    position: relative;
    width: 100%;
    height: 56.5471836138vw;
    background: rgba(0, 0, 0, 0) url("/mini_link_NS/assets/img/top/kv_bg.webp") 50% 50% no-repeat;
    background-size: cover;
    overflow: hidden;
    max-height: 100dvh
}

@media screen and (max-width:767px) {
    .characheki-kv {
        margin-top: -19.64vw;
        height: 144vw;
        background: rgba(0, 0, 0, 0) url("/mini_link_NS/assets/img/top/kv_bg_sp.webp") 50% 50% no-repeat;
        background-size: cover;
        overflow: visible
    }
}

.characheki-kv img {
    width: 100%;
    height: auto
}

.characheki-kv__main {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 20;
    overflow: hidden;
    pointer-events: none
}

.characheki-kv__main .instax {
    position: absolute;
    top: 34.9670811997vw;
    right: 50%;
    transform: translateX(50%);
    width: 38.4784198976vw;
    line-height: 1;
    z-index: 10
}

@media screen and (max-width:767px) {
    .characheki-kv__main .instax {
        top: 90.9333333333vw;
        right: calc(50% - 2.6666666667vw);
        width: 70.6666666667vw
    }
}

.characheki-kv__main .instaxCheki {
    position: absolute;
    top: 14.8500365764vw;
    right: 50%;
    transform: translateX(50%);
    width: 25.9692757864vw;
    line-height: 1;
    z-index: 5
}

@media screen and (max-width:767px) {
    .characheki-kv__main .instaxCheki {
        top: 53.6vw;
        right: calc(50% - 2.6666666667vw);
        width: 48vw
    }
}

.characheki-kv__main .instaxCheki img {
    transform: translateY(20.2633504023vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__main .instaxCheki img {
        transform: translateY(75.7333333333vw)
    }
}

@media print,
screen and (min-width:768px) {
    @keyframes cheki-move-up {
        from {
            transform: translateY(20.2633504023vw)
        }

        to {
            transform: translateY(0)
        }
    }
}

@media screen and (max-width:767px) {
    @keyframes cheki-move-up {
        from {
            transform: translateY(75.7333333333vw)
        }

        to {
            transform: translateY(0)
        }
    }
}

.characheki-kv__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

@media screen and (max-width:767px) {
    .characheki-kv__box {
        overflow: hidden
    }
}

.characheki-kv__box .cheki {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%)
}

.characheki-kv__box .cheki img {
    opacity: 0
}

.characheki-kv__box .cheki.anim01 img {
    transform: rotate(-6deg);
    transform-origin: bottom left;
    transition: all .3s .8s ease-in-out
}

.characheki-kv__box .cheki.anim02 img {
    transform: rotate(6deg);
    transform-origin: top right;
    transition: all .15s 1.35s ease-in-out
}

.characheki-kv__box .cheki.anim03 img {
    transform: rotate(6deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim03 img {
        transition: all .15s 1.8s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim03 img {
        transition: all .15s 1.95s ease-in-out
    }
}

.characheki-kv__box .cheki.anim04 img {
    transform: rotate(7deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim04 img {
        transition: all .15s 1.95s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim04 img {
        transition: all .15s 1.8s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim05 img {
        transform: rotate(-8deg);
        transform-origin: bottom left;
        transition: all .15s 2.1s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim05 img {
        transition: all .08s 2.71s ease-in-out
    }
}

.characheki-kv__box .cheki.anim06 img {
    transform: rotate(-5deg);
    transform-origin: bottom left
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim06 img {
        transition: all .15s 2.25s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim06 img {
        transition: all .08s 2.79s ease-in-out
    }
}

.characheki-kv__box .cheki.anim07 img {
    transform: rotate(-2deg);
    transform-origin: bottom left
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim07 img {
        transition: all .15s 2.4s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim07 img {
        transition: all .08s 2.63s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim08 img {
        transition: all .15s 2.55s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim08 img {
        transition: all .15s 1.65s ease-in-out
    }
}

.characheki-kv__box .cheki.anim09 img {
    transform: rotate(8deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim09 img {
        transition: all .08s 2.7s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim09 img {
        transition: all .08s 2.71s ease-in-out
    }
}

.characheki-kv__box .cheki.anim10 img {
    transform: rotate(7deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim10 img {
        transition: all .08s 2.78s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim10 img {
        transition: all .08s 2.55s ease-in-out
    }
}

.characheki-kv__box .cheki.anim11 img {
    transform: rotate(6deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim11 img {
        transition: all .08s 2.78s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim11 img {
        transition: all .15s 2.1s ease-in-out
    }
}

.characheki-kv__box .cheki.anim12 img {
    transform: rotate(-2deg);
    transform-origin: bottom left
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim12 img {
        transition: all .08s 2.78s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim12 img {
        transition: all .08s 2.63s ease-in-out
    }
}

.characheki-kv__box .cheki.anim13 img {
    transform: rotate(6deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim13 img {
        transition: all .08s 2.86s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim13 img {
        transition: all .08s 2.63s ease-in-out
    }
}

.characheki-kv__box .cheki.anim14 img {
    transform: rotate(5deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim14 img {
        transition: all .08s 2.86s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim14 img {
        transition: all .15s 2.25s ease-in-out
    }
}

.characheki-kv__box .cheki.anim15 img {
    transform: rotate(5deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim15 img {
        transition: all .08s 2.86s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim15 img {
        transition: all .15s 2.4s ease-in-out
    }
}

.characheki-kv__box .cheki.anim16 img {
    transform: rotate(5deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim16 img {
        transition: all .08s 2.94s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim16 img {
        transition: all .08s 2.71s ease-in-out
    }
}

.characheki-kv__box .cheki.anim17 img {
    transform: rotate(4deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim17 img {
        transition: all .08s 2.94s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim17 img {
        transition: all .08s 2.79s ease-in-out
    }
}

.characheki-kv__box .cheki.anim18 img {
    transform: rotate(-4deg);
    transform-origin: bottom left
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim18 img {
        transition: all .08s 2.94s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim18 img {
        transition: all .08s 2.87s ease-in-out
    }
}

.characheki-kv__box .cheki.anim19 img {
    transform: rotate(5deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim19 img {
        transition: all .08s 3.02s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim19 img {
        transition: all .08s 2.87s ease-in-out
    }
}

.characheki-kv__box .cheki.anim20 img {
    transform: rotate(-7deg);
    transform-origin: bottom left
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim20 img {
        transition: all .08s 3.02s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim20 img {
        transition: all .08s 2.79s ease-in-out
    }
}

.characheki-kv__box .cheki.anim21 img {
    transform: rotate(3deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim21 img {
        transition: all .08s 3.02s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim21 img {
        transition: all .08s 2.87s ease-in-out
    }
}

.characheki-kv__box .cheki.anim22 img {
    transform: rotate(4deg);
    transform-origin: top right
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim22 img {
        transition: all .08s 3.1s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.anim22 img {
        transition: all .08s 2.87s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim23 img {
        transform: rotate(4deg);
        transform-origin: top right;
        transition: all .08s 3.1s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim24 img {
        transform: rotate(1deg);
        transform-origin: top right;
        transition: all .08s 3.1s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim25 img {
        transform: rotate(-4deg);
        transform-origin: bottom left;
        transition: all .08s 3.18s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim26 img {
        transform: rotate(-5deg);
        transform-origin: bottom left;
        transition: all .08s 3.18s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim27 img {
        transform: rotate(-5deg);
        transform-origin: bottom left;
        transition: all .08s 3.18s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim28 img {
        transform: rotate(4deg);
        transform-origin: top right;
        transition: all .08s 3.18s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim29 img {
        transform: rotate(2deg);
        transform-origin: top right;
        transition: all .08s 3.26s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim30 img {
        transform: rotate(-5deg);
        transform-origin: bottom left;
        transition: all .08s 3.26s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim31 img {
        transform: rotate(2deg);
        transform-origin: top right;
        transition: all .08s 3.26s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim32 img {
        transform: rotate(7deg);
        transform-origin: top right;
        transition: all .08s 3.26s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim33 img {
        transform: rotate(5deg);
        transform-origin: top right;
        transition: all .08s 3.26s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim34 img {
        transform: rotate(8deg);
        transform-origin: top right;
        transition: all .08s 3.26s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim35 img {
        transform: rotate(-4deg);
        transform-origin: bottom left;
        transition: all .08s 3.26s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim36 img {
        transform: rotate(-3deg);
        transform-origin: bottom left;
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim37 img {
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim38 img {
        transform: rotate(3deg);
        transform-origin: top right;
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim39 img {
        transform: rotate(-5deg);
        transform-origin: bottom left;
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim40 img {
        transform: rotate(4deg);
        transform-origin: top right;
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim41 img {
        transform: rotate(4deg);
        transform-origin: top right;
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim42 img {
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim43 img {
        transition: all .08s 3.34s ease-in-out
    }
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__box .cheki.anim44 img {
        transition: all .08s 3.34s ease-in-out
    }
}

.characheki-kv__box .cheki.cheki01 {
    width: 11.4850036576vw;
    top: 13.167520117vw;
    right: calc(50% + 14.9963423555vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki01 {
        top: 52vw;
        right: calc(50% + 28.5333333333vw);
        width: 23.4666666667vw
    }
}

.characheki-kv__box .cheki.cheki02 {
    width: 10.5340160936vw;
    top: 15.2889539137vw;
    right: calc(50% - 14.3379663497vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki02 {
        top: 53.6vw;
        right: calc(50% - 32.8vw);
        width: 21.3333333333vw
    }
}

.characheki-kv__box .cheki.cheki03 {
    width: 16.3130943672vw;
    top: 3.2187271397vw;
    right: calc(50% - 2.9261155816vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki03 {
        top: 85.0666666667vw;
        right: calc(50% + 29.3333333333vw);
        width: 22.1333333333vw
    }
}

.characheki-kv__box .cheki.cheki04 {
    width: 10.8266276518vw;
    top: 31.3094367228vw;
    right: calc(50% - 15.5815654718vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki04 {
        top: 88.2666666667vw;
        right: calc(50% - 34.6666666667vw);
        width: 21.3333333333vw
    }
}

.characheki-kv__box .cheki.cheki05 {
    width: 10.8266276518vw;
    top: 29.3343087052vw;
    right: calc(50% + 16.1667885881vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki05 {
        top: 116.8vw;
        right: calc(50% + 30.6666666667vw);
        width: 22.1333333333vw
    }
}

.characheki-kv__box .cheki.cheki06 {
    width: 11.4118507681vw;
    top: 13.3869787857vw;
    right: calc(50% - 26.3350402341vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki06 {
        top: 121.6vw;
        right: calc(50% - 36.8vw);
        width: 21.3333333333vw
    }
}

.characheki-kv__box .cheki.cheki07 {
    width: 10.4608632041vw;
    top: 36.5764447696vw;
    right: calc(50% + 27.7980980249vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki07 {
        top: 29.3333333333vw;
        right: calc(50% + 21.3333333333vw);
        width: 32.5333333333vw
    }
}

.characheki-kv__box .cheki.cheki08 {
    width: 11.265544989vw;
    top: 45.0621799561vw;
    right: calc(50% - 28.9685442575vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki08 {
        top: 29.3333333333vw;
        right: calc(50% - 10.9333333333vw);
        width: 32.5333333333vw
    }
}

.characheki-kv__box .cheki.cheki09 {
    width: 10.8997805413vw;
    top: 8.9246525238vw;
    right: calc(50% + 27.7980980249vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki09 {
        top: 31.7333333333vw;
        right: calc(50% - 44vw);
        width: 32.2666666667vw
    }
}

.characheki-kv__box .cheki.cheki10 {
    width: 16.1667885881vw;
    top: 2.7798098025vw;
    right: calc(50% + 13.3869787857vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki10 {
        top: 52vw;
        right: calc(50% + 51.4666666667vw);
        width: 22.1333333333vw
    }
}

.characheki-kv__box .cheki.cheki11 {
    width: 15.9473299195vw;
    top: 25.4572055596vw;
    right: calc(50% + 30.6510607169vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki11 {
        top: 52vw;
        right: calc(50% - 53.8666666667vw);
        width: 22.9333333333vw
    }
}

.characheki-kv__box .cheki.cheki12 {
    width: 10.4608632041vw;
    top: 29.3343087052vw;
    right: calc(50% - 27.2860277981vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki12 {
        top: 85.3333333333vw;
        right: calc(50% + 57.0666666667vw);
        width: 32.2666666667vw
    }
}

.characheki-kv__box .cheki.cheki13 {
    width: 16.4594001463vw;
    top: 2.852962692vw;
    right: calc(50% - 19.8244330651vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki13 {
        top: 85.8666666667vw;
        right: calc(50% - 56.5333333333vw);
        width: 21.8666666667vw
    }
}

.characheki-kv__box .cheki.cheki14 {
    width: 16.3130943672vw;
    top: 52.0848573519vw;
    right: calc(50% + 30.5047549378vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki14 {
        top: 105.8666666667vw;
        right: calc(50% + 52.5333333333vw);
        width: 22.1333333333vw
    }
}

.characheki-kv__box .cheki.cheki15 {
    width: 10.8266276518vw;
    top: 45.720555962vw;
    right: calc(50% + 16.8983174835vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki15 {
        top: 117.8666666667vw;
        right: calc(50% - 59.2vw);
        width: 21.8666666667vw
    }
}

.characheki-kv__box .cheki.cheki16 {
    width: 15.87417703vw;
    top: 11.9970738844vw;
    right: calc(50% + 41.9897585955vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki16 {
        top: 138.1333333333vw;
        right: calc(50% + 51.4666666667vw);
        width: 21.0666666667vw
    }
}

.characheki-kv__box .cheki.cheki17 {
    width: 10.7534747623vw;
    top: 20.5559619605vw;
    right: calc(50% - 39.209948793vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki17 {
        top: 29.3333333333vw;
        right: calc(50% + 53.6vw);
        width: 33.6vw
    }
}

.characheki-kv__box .cheki.cheki18 {
    width: 10.9729334309vw;
    top: 50.9875640088vw;
    right: calc(50% + 43.6722750549vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki18 {
        top: -3.2vw;
        right: calc(50% + 59.4666666667vw);
        width: 24vw
    }
}

.characheki-kv__box .cheki.cheki19 {
    width: 10.9729334309vw;
    top: -8.0468178493vw;
    right: calc(50% + 27.2860277981vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki19 {
        top: -3.4666666667vw;
        right: calc(50% + 36.5333333333vw);
        width: 20.8vw
    }
}

.characheki-kv__box .cheki.cheki20 {
    width: 16.8983174835vw;
    top: -.3657644477vw;
    right: calc(50% - 36.50329188vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki20 {
        top: -6.4vw;
        right: calc(50% + 13.3333333333vw);
        width: 28.8vw
    }
}

.characheki-kv__box .cheki.cheki21 {
    width: 16.4594001463vw;
    top: 36.2838332114vw;
    right: calc(50% - 41.2582297001vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki21 {
        top: 5.3333333333vw;
        right: calc(50% - 14.9333333333vw);
        width: 32.8vw
    }
}

.characheki-kv__box .cheki.cheki22 {
    width: 10.2414045355vw;
    top: -4.8280907096vw;
    right: calc(50% + 38.1126554499vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki22 {
        top: 9.3333333333vw;
        right: calc(50% - 49.3333333333vw);
        width: 32.8vw
    }
}

.characheki-kv__box .cheki.cheki23 {
    width: 15.87417703vw;
    top: 10.3877103146vw;
    right: calc(50% - 39.9414776884vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki23 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki24 {
    width: 10.3877103146vw;
    top: 35.8449158742vw;
    right: calc(50% + 38.3321141185vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki24 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki25 {
    width: 16.3862472568vw;
    top: -7.3152889539vw;
    right: calc(50% - 8.7783467447vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki25 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki26 {
    width: 16.4594001463vw;
    top: 23.4089246525vw;
    right: calc(50% + 47.1104608632vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki26 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki27 {
    width: 12.6554498903vw;
    top: 47.4030724214vw;
    right: calc(50% - 16.9714703731vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki27 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki28 {
    width: 11.265544989vw;
    top: 45.9400146306vw;
    right: calc(50% - 38.9173372348vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki28 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki29 {
    width: 11.3386978786vw;
    top: -13.167520117vw;
    right: calc(50% + 16.1667885881vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki29 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki30 {
    width: 11.4850036576vw;
    top: -14.4111192392vw;
    right: calc(50% - 22.8237015362vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki30 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki31 {
    width: 12.5091441112vw;
    top: -6.2179956108vw;
    right: calc(50% - 50.9144111192vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki31 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki32 {
    width: 16.7520117045vw;
    top: 12.5822970007vw;
    right: calc(50% + 58.3760058522vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki32 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki33 {
    width: 12.070226774vw;
    top: 20.1170446233vw;
    right: calc(50% - 49.8171177762vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki33 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki34 {
    width: 10.8266276518vw;
    top: 34.8939283102vw;
    right: calc(50% + 49.0855888808vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki34 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki35 {
    width: 12.070226774vw;
    top: 45.6474030724vw;
    right: calc(50% - 50.8412582297vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki35 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki36 {
    width: 11.7776152158vw;
    top: -4.8280907096vw;
    right: calc(50% + 49.1587417703vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki36 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki37 {
    width: 10.8266276518vw;
    top: -14.4842721287vw;
    right: calc(50% + 5.1938551573vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki37 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki38 {
    width: 16.6057059254vw;
    top: 9.9487929773vw;
    right: calc(50% - 56.7666422824vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki38 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki39 {
    width: 16.3862472568vw;
    top: 36.50329188vw;
    right: calc(50% - 57.7907827359vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki39 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki40 {
    width: 11.1923920995vw;
    top: 51.0607168983vw;
    right: calc(50% + 55.0109729334vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki40 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki41 {
    width: 16.4594001463vw;
    top: -17.9956108266vw;
    right: calc(50% - 9.0709583029vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki41 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki42 {
    width: 17.4835405999vw;
    top: -11.4118507681vw;
    right: calc(50% - 37.1616678859vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki42 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki43 {
    width: 10.1682516459vw;
    top: 24.286759327vw;
    right: calc(50% + 60.2779809802vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki43 {
        display: none
    }
}

.characheki-kv__box .cheki.cheki44 {
    width: 15.7278712509vw;
    top: 39.9414776884vw;
    right: calc(50% + 62.8383321141vw)
}

@media screen and (max-width:767px) {
    .characheki-kv__box .cheki.cheki44 {
        display: none
    }
}

.characheki-kv__var {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 20
}

@media print,
screen and (min-width:768px) {
    .characheki-kv__var {
        transform: translateY(23.7746891002vw);
        transition: all .6s 3.84s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .characheki-kv__var {
        top: 100%;
        transform: translateY(-16.2666666667vw);
        bottom: auto;
        opacity: 0;
        transition: all .6s 3.2s ease-in-out
    }
}

.characheki-kv__var .copy01 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10.5340160936vw;
    padding-right: 7.1689831748vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6.1448427213vw;
    font-weight: 900;
    color: #ffd940;
    letter-spacing: .005em;
    line-height: 1
}

.characheki-kv__var .copy01.zhs{
    padding-right: 5vw;
    font-size: 4.5vw;
}

.characheki-kv__var .copy01.zht{
    padding-right: 6.5vw;
    font-size: 5.4vw;
}

.characheki-kv__var .copy01.ko{
    font-size: 3.6vw;
}

.characheki-kv__var .copy01.ko{
    font-size: 3.6vw;
}

.characheki-kv__var .copy01.fr{
    font-size: 4.9vw;
}

.characheki-kv__var .copy01.de{
    font-size: 3.4vw;
}

.characheki-kv__var .copy01.es{
    font-size: 5.7vw;
}

.characheki-kv__var .copy01.pt{
    font-size: 4.9vw;
}

.characheki-kv__var .copy01.it{
    font-size: 5.4vw;
}

@media screen and (max-width:767px) {
    .characheki-kv__var .copy01 {
        top: 35.4666666667vw;
        left: 32.5333333333vw;
        right: auto;
        bottom: auto;
        transform: none;
        padding-right: 0;
        width: auto;
        height: auto;
        font-size: 8.8vw;
        letter-spacing: .02em
    }

    .characheki-kv__var .copy01.zhs{
    padding-right: 0;
    font-size: 5.6vw;
}

    .characheki-kv__var .copy01.zht{
    padding-right: 0;
    font-size: 6.6vw;
}

.characheki-kv__var .copy01.ko{
    font-size: 4.7vw;
}

.characheki-kv__var .copy01.fr{
    font-size: 6.3vw;
}

.characheki-kv__var .copy01.de{
    font-size: 4.3vw;
}

.characheki-kv__var .copy01.es{
    font-size: 7.3vw;
}

.characheki-kv__var .copy01.pt{
    font-size: 6.3vw;
}

.characheki-kv__var .copy01.it{
    font-size: 7.1vw;
}


}

.characheki-kv__var .txt01 {
    position: absolute;
    top: 19.2392099488vw;
    left: 5.9985369422vw;
    width: 16.0936356986vw;
    text-align: center;
    display: block;
    line-height: 1.5
}

.characheki-kv__var .txt01.long_text {
    line-height: 1.2
}

@media screen and (max-width:767px) {
    .characheki-kv__var .txt01 {
        top: 37.8666666667vw;
        left: 3.4666666667vw;
        width: 26.4vw
    }
        .characheki-kv__var .txt01.long_text {
        top: 36.9vw;
        line-height: 1;
        width: 27.1vw
    }
}

.characheki-kv__var .txt01 .t01 {
    display: block;
    font-size: .8778346745vw;
    font-weight: 700;
    color: #ffd940
}

.characheki-kv__var .txt01 .t01.long_text {
    font-size: .8vw;
}

@media screen and (max-width:767px) {
    .characheki-kv__var .txt01 .t01 {
        font-size: 2.1333333333vw;
        line-height: 1.2
    }
    .characheki-kv__var .txt01 .t01.long_text {
    font-size: 2.1333333333vw;
}
}

.characheki-kv__var .txt01 .t02 {
    display: block;
    font-size: 1.0241404535vw;
    font-weight: 700;
    color: #ffd940
}

@media screen and (max-width:767px) {
    .characheki-kv__var .txt01 .t02 {
        margin-top: .5333333333vw;
        font-size: 2.4vw;
        line-height: 1.1
    }
}

.characheki-kv__var .txt02 {
    position: absolute;
    right: 6.0716898317vw;
    top: 20.482809071vw;
    width: 22.6773957571vw;
    display: block;
    font-size: 1.0241404535vw;
    font-weight: 700;
    color: #ffd940;
    line-height: 1.5;
    text-align: center
}

.characheki-kv__var .txt02.long_text {
    line-height: 1.2;
}

@media screen and (max-width:767px) {
    .characheki-kv__var .txt02 {
        top: 22.1333333333vw;
        right: 2.1333333333vw;
        text-align: left;
        font-size: 3.2vw;
        line-height: 1.1;
        width: auto
    }
    .characheki-kv__var .txt02.long_text {
    font-size: 2.7vw;
}
}

.characheki-language {
    position: absolute;
    top: 133px;
    left: 6.0716898317vw;
    z-index: 10;
    width: 11.8507681053vw;
    z-index: 25;
    opacity: 0;
    transform: translateY(-0.3657644477vw);
    transition: all .2s 4.44s ease-in-out
}

@media screen and (max-width:767px) {
    .characheki-language {
        top: 94px;
        left: auto;
        right: 2.6666666667vw;
        width: 32vw;
        transform: translateY(-1.3333333333vw);
        transition: all .2s 3.8s ease-in-out
    }
}

.characheki-language .content p {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 3.2187271397vw;
    border-radius: 100vh;
    background: #fff;
    line-height: 1
}

@media screen and (max-width:767px) {
    .characheki-language .content p {
        height: 8vw
    }
}

.characheki-language .content p a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #001e62;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: 900;
    font-size: 1.4630577908vw;
    font-family: var(--font-en) !important;
    letter-spacing: .04em
}

@media screen and (max-width:767px) {
    .characheki-language .content p a {
        font-size: 3.4666666667vw
    }
}

.characheki-language .content p a::after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 1.0972933431vw;
    transform: translateY(50%);
    width: .950987564vw;
    height: .5852231163vw;
    background-color: #001e62;
    clip-path: polygon(0 0, 50% 100%, 100% 0)
}

@media screen and (max-width:767px) {
    .characheki-language .content p a::after {
        right: 3.4666666667vw;
        width: 2.4vw;
        height: 1.6vw
    }
}

.characheki-language .content .language-content-inner {
    position: relative;
    margin-top: -1.6093635699vw;
    z-index: 1;
    overflow: hidden;
    height: 0;
    border-radius: 0 0 20px 20px;
    background: #f0f3f5;
    transition: height .4s ease-out
}

@media screen and (max-width:767px) {
    .characheki-language .content .language-content-inner {
        margin-top: -4vw;
        border-radius: 0 0 4vw 4vw
    }
}

.characheki-language .content ul {
    padding: 2.3408924653vw 0 1.0972933431vw
}

@media screen and (max-width:767px) {
    .characheki-language .content ul {
        padding: 5.3333333333vw 0 2.6666666667vw
    }
}

.characheki-language .content ul li a {
    display: block;
    background: #f0f3f5;
    color: #3b4043;
    text-align: center;
    font-size: 1.1704462326vw;
    line-height: 1.8
}

@media screen and (max-width:767px) {
    .characheki-language .content ul li a {
        font-size: 3.7333333333vw
    }
}

.characheki-language .content ul li a.activate {
    background: #cdd6dd
}

#characheki-info {
    padding: 5.8522311631vw 0
}

@media screen and (max-width:767px) {
    #characheki-info {
        padding: 42.6666666667vw 8vw 10.6666666667vw
    }
}

#characheki-info .info-trigger {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: 1.6093635699vw;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    #characheki-info .info-trigger {
        top: auto;
        right: auto;
        bottom: 6.1333333333vw;
        left: 0
    }
}

#characheki-info .info-trigger.noButton {
    display: none
}

#characheki-info .info-trigger svg {
    width: 1.1704462326vw;
    height: 1.1704462326vw;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    #characheki-info .info-trigger svg {
        width: 2.6666666667vw;
        height: 2.6666666667vw
    }
}

#characheki-info .info-trigger .info-trigger-txt {
    color: #ff4d33;
    vertical-align: middle;
    letter-spacing: .05em;
    font-weight: 700;
    font-size: 1.3167520117vw;
    cursor: pointer
}

@media screen and (max-width:767px) {
    #characheki-info .info-trigger .info-trigger-txt {
        letter-spacing: -0.02em;
        font-size: 3.7333333333vw
    }
}

#characheki-info .info-trigger .info-trigger-txt.open-txt {
    display: inline-block
}

#characheki-info .info-trigger .info-trigger-txt.close-txt {
    display: none
}

#characheki-info .info-trigger.active .info-trigger-txt.open-txt {
    display: none
}

#characheki-info .info-trigger.active .info-trigger-txt.close-txt {
    display: inline-block
}

#characheki-info .info-trigger .txt {
    color: #ff4d33;
    vertical-align: middle;
    letter-spacing: .05em;
    font-weight: 700;
    font-size: 1.3167520117vw;
    cursor: pointer
}

@media screen and (max-width:767px) {
    #characheki-info .info-trigger .txt {
        letter-spacing: -0.02em;
        font-size: 4.8vw
    }
}

#characheki-info .info-trigger .btn_icon_close {
    display: none
}

#characheki-info .info-trigger.active .btn_icon_close {
    display: inline-block
}

#characheki-info .info-trigger.active .btn_icon_open {
    display: none
}

.characheki-info {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 73.7381126554vw
}

@media screen and (max-width:767px) {
    .characheki-info {
        width: 100%
    }
}

.characheki-info .label {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 1.8288222385vw;
    color: #001e62;
    letter-spacing: .05em;
    font-weight: 900;
    font-size: 1.3167520117vw;
    line-height: 1.3333333333
}

@media screen and (max-width:767px) {
    .characheki-info .label {
        margin-top: 5.3333333333vw;
        font-size: 5.8666666667vw
    }
}

.characheki-info-mask {
    width: 100%;
    border-top: solid 1px #001e62;
    border-bottom: solid 1px #001e62
}

.characheki-info ul {
    display: block;
    margin-right: 4vw;
    margin-left: 10.5vw
}

@media screen and (max-width:767px) {
    .characheki-info ul {
        margin-right: 0;
        margin-left: 0;
        width: 100%
    }
}

.characheki-info ul li {
    position: relative;
    display: flex;
    padding-top: 1.8288222385vw;
    padding-bottom: 1.8288222385vw;
    flex-wrap: nowrap
}

@media screen and (max-width:767px) {
    .characheki-info ul li {
        display: block;
        padding-top: 0;
        padding-bottom: 16vw
    }

    .characheki-info ul li:first-child {
        padding-top: 16vw
    }
}

.characheki-info ul li a {
    position: relative;
    display: flex;
    color: #000;
    flex-wrap: nowrap
}

@media screen and (max-width:767px) {
    .characheki-info ul li a {
        display: block
    }
}

@media(hover: hover) {
    .characheki-info ul li a:hover {
        text-decoration: none
    }
}

.characheki-info ul li span {
    display: block;
    font-size: 1.0972933431vw;
    line-height: 1.3333333333
}

@media screen and (max-width:767px) {
    .characheki-info ul li span {
        display: inline;
        font-size: 3.2vw
    }
}

.characheki-info ul li span.date {
    color: #001e62;
    font-weight: 700;
    font-size: 1.3167520117vw;
    line-height: 1.3333333333
}

@media screen and (max-width:767px) {
    .characheki-info ul li span.date {
        font-size: 3.7333333333vw
    }
}

.characheki-info ul li span.update {
    position: absolute;
    left: 0;
    margin-left: 7.3152889539vw;
    color: #ff4d33;
    font-size: 1.3167520117vw;
    line-height: 1.3333333333
}

.characheki-info ul li span.update.ko {
    margin-left: 10vw;
}

@media screen and (max-width:767px) {
    .characheki-info ul li span.update {
        position: static;
        top: auto;
        left: auto;
        margin-left: 0;
        font-size: 3.7333333333vw
    }
    .characheki-info ul li span.update.ko {
    margin-left: 0;
}
}

.characheki-info ul li span.read {
    margin-left: 5.8522311631vw;
    word-break: break-all;
    letter-spacing: .05em;
    line-height: 1.5
}

.characheki-info ul li span.read.long_text {
    margin-left: 8vw;
}

@media screen and (max-width:767px) {
    .characheki-info ul li span.read {
        display: block;
        margin-top: 1.3333333333vw;
        margin-left: 0;
        padding-left: 0;
        line-height: 1.66
    }
    .characheki-info ul li span.read.long_text {
    margin-left: 0;
}
}

.characheki-shopping .appli-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 2.9261155816vw 3.2918800293vw;
    border-radius: 20px;
    background: #f0f3f5
}

@media screen and (max-width:1024px) {
    .characheki-shopping .appli-inner {
        width: 78.0487804878vw
    }
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner {
        display: block;
        width: 86.4vw;
        padding: 8vw 0 6.6666666667vw;
        border-radius: 2.6666666667vw
    }
}

.characheki-shopping .appli-inner .left {
    width: 8.412582297vw;
    height: 8.412582297vw
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .left {
        margin: 0 auto;
        width: 24vw;
        height: 24vw
    }
}

.characheki-shopping .appli-inner .right {
    flex: 1
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .right {
        margin-top: 4vw
    }
}

.characheki-shopping .appli-inner .right h4 {
    color: #001e62;
    text-align: center;
    letter-spacing: .02em;
    font-weight: 700;
    font-size: 1.4630577908vw;
    line-height: 1.5
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .right h4 {
        font-size: 3.2vw;
        line-height: 1.5
    }
}

.characheki-shopping .appli-inner .right .app-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 .950987564vw
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .right .app-list {
        margin-top: 2.6666666667vw;
        gap: 0 1.6vw
    }
}

.characheki-shopping .appli-inner .right .app-list li a {
    display: block
}

.characheki-shopping .appli-inner .right .app-list li:first-child {
    width: 11.3386978786vw
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .right .app-list li:first-child {
        width: 32vw
    }
}

.characheki-shopping .appli-inner .right .app-list li:last-child {
    width: 14.0453547915vw
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .right .app-list li:last-child {
        width: 39.4666666667vw
    }
}

.characheki-shopping .appli-inner .alert {
    margin-top: 2.1945866862vw;
    width: 100%
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .alert {
        margin-top: 2.6666666667vw
    }
}

.characheki-shopping .appli-inner .alert p span {
    display: block;
    color: #001e62;
    font-size: 10px;
    line-height: 1.7;
    text-indent: -1.3em;
    padding-left: 1.3em
}

@media screen and (max-width:767px) {
    .characheki-shopping .appli-inner .alert p span {
        font-size: 2.6666666667vw;
        margin: 0 6.6666666667vw
    }
}

.characheki-shopping .appli-inner .alert p span a {
    color: #001e62;
    border-bottom: 1px solid #001e62
}

@media(hover: hover) {
    .characheki-shopping .appli-inner .alert p span a:hover {
        border-color: rgba(0, 0, 0, 0)
    }
}

.characheki-about {
    padding: 8.7783467447vw 0 8.0468178493vw;
    width: 100%;
    background: #ffd940
}

@media screen and (max-width:767px) {
    .characheki-about {
        padding: 10.6666666667vw 0 16vw
    }
}

.characheki-about-video {
    position: relative;
    line-height: 0
}

.characheki-about-video img {
    width: 100%;
    height: auto
}

.characheki-about-video button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    width: 10.541727672%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0);
    cursor: pointer
}

@media screen and (max-width:767px) {
    .characheki-about-video button {
        width: 16%
    }
}

.characheki-about-unchor {
    margin: 5.8522311631vw auto 0;
    width: 73.1528895391vw
}

@media screen and (max-width:767px) {
    .characheki-about-unchor {
        margin-top: 10.6666666667vw;
        padding: 0 8vw;
        width: 100%
    }
}

.characheki-about-unchor li+li {
    margin-top: 2.9261155816vw
}

@media screen and (max-width:767px) {
    .characheki-about-unchor li+li {
        margin-top: 5.3333333333vw
    }
}

.characheki-about-unchor li a {
    display: flex;
    width: 100%;
    padding: .5852231163vw;
    background-color: #cc1400;
    border-radius: 20px;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-about-unchor li a {
        flex-direction: column-reverse;
        padding: 1.0666666667vw;
        width: 100%;
        border-radius: 2.6666666667vw
    }
}

.characheki-about-unchor li a .left {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .7315288954vw 0;
    flex: 1;
    font-size: 2.3408924653vw;
    font-weight: 800;
    color: #ffd940;
    line-height: 1.25
}

@media screen and (max-width:767px) {
    .characheki-about-unchor li a .left {
        padding: 3.7333333333vw 0;
        gap: 1.3333333333vw 0;
        font-size: 5.3333333333vw
    }
}

.characheki-about-unchor li a .left::after {
    content: "";
    display: block;
    width: 2.9261155816vw;
    height: 2.9261155816vw;
    transform: rotate(90deg);
    background: url("/mini_link_NS/assets/img/top/arrow-r.webp") no-repeat;
    background-size: 2.9261155816vw auto
}

@media screen and (max-width:767px) {
    .characheki-about-unchor li a .left::after {
        width: 6.4vw;
        height: 6.4vw;
        background-size: 6.4vw auto
    }
}

.characheki-about-unchor li a .right {
    display: block;
    width: 35.9912216533vw
}

@media screen and (max-width:767px) {
    .characheki-about-unchor li a .right {
        width: 100%
    }
}

.characheki-about-unchor li a .right img {
    border-radius: 16px;
    height: auto
}

@media screen and (max-width:767px) {
    .characheki-about-unchor li a .right img {
        border-radius: 2.6666666667vw
    }
}

@media(hover: hover) {
    .characheki-about-unchor li a:hover {
        text-decoration: none
    }
}

.characheki-about-movie {
    position: relative;
    margin: 5.8522311631vw auto 0;
    width: 58.5223116313vw
}

@media screen and (max-width:767px) {
    .characheki-about-movie {
        margin-top: 10.6666666667vw;
        padding: 0 8vw;
        width: 100%
    }
}

.characheki-about-movie::after {
    content: "";
    position: absolute;
    bottom: -6.5837600585vw;
    right: -17.9224579371vw;
    width: 23.5552304316vw;
    height: 34.5281638625vw;
    background: url("/mini_link_NS/assets/img/top/item01.webp") no-repeat;
    background-size: 23.5552304316vw auto;
    pointer-events: none
}

@media screen and (max-width:767px) {
    .characheki-about-movie::after {
        bottom: -14.9333333333vw;
        right: 1.3333333333vw;
        width: 22.4vw;
        height: 32.8vw;
        background-size: 22.4vw auto
    }
}

.characheki-about-movie button {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1.4630577908vw;
    line-height: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

@media screen and (max-width:767px) {
    .characheki-about-movie button {
        border-radius: 2.6666666667vw
    }
}

.characheki-about-movie button img {
    height: auto
}

.characheki-about-movie button::after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    display: block;
    width: 9.0709583029vw;
    height: 9.0709583029vw;
    background: url("/mini_link_NS/assets/img/top/icon-play1.webp") no-repeat;
    background-size: 9.0709583029vw auto
}

@media screen and (max-width:767px) {
    .characheki-about-movie button::after {
        width: 16vw;
        height: 16vw;
        background-size: 16vw auto
    }
}

.characheki-switch-direct {
    width: 100%
}

.characheki-switch-direct h3 {
    position: relative;
    margin: 0 auto;
    padding: 4.6817849305vw 1.4630577908vw;
    width: 73.1528895391vw;
    border-radius: 10px;
    font-size: 4.3891733723vw;
    font-weight: 700;
    color: #ffd940;
    text-align: center;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .16);
    background: #cc1400
}

@media screen and (max-width:767px) {
    .characheki-switch-direct h3 {
        padding: 6.6666666667vw 0;
        width: 84vw;
        font-size: 6.9333333333vw;
        border-radius: 2.6666666667vw;
        box-shadow: 0 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, .16)
    }
}

.characheki-switch-direct h3 span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    pointer-events: none
}

.characheki-switch-direct h3 span:before,
.characheki-switch-direct h3 span:after {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #ffd940
}

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

    .characheki-switch-direct h3 span:before,
    .characheki-switch-direct h3 span:after {
        width: 1.8666666667vw;
        height: 1.8666666667vw
    }
}

.characheki-switch-direct h3 span.head:before {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 10px;
    margin-left: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-switch-direct h3 span.head:before {
        margin-top: 2.6666666667vw;
        margin-left: 2.6666666667vw
    }
}

.characheki-switch-direct h3 span.head:after {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-switch-direct h3 span.head:after {
        margin-top: 2.6666666667vw;
        margin-right: 2.6666666667vw
    }
}

.characheki-switch-direct h3 span.bottom:before {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-switch-direct h3 span.bottom:before {
        margin-bottom: 2.6666666667vw;
        margin-left: 2.6666666667vw
    }
}

.characheki-switch-direct h3 span.bottom:after {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-switch-direct h3 span.bottom:after {
        margin-bottom: 2.6666666667vw;
        margin-right: 2.6666666667vw
    }
}

.characheki-switch-direct-wrap {
    padding: 8.7783467447vw 0 10.2414045355vw;
    background: #40c3c3
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-wrap {
        padding: 13.3333333333vw 0 14.6666666667vw
    }
}

.characheki-switch-direct-image {
    margin: 5.8522311631vw auto 0;
    width: 73.1528895391vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-image {
        margin-top: 8vw;
        width: 84vw
    }
}

.characheki-switch-direct-tabMenu ul {
    display: flex;
    gap: 0 .7315288954vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabMenu ul {
        gap: 0 1.3333333333vw
    }
}

.characheki-switch-direct-tabMenu ul li {
    width: calc((100% - .7315288954vw)/2)
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabMenu ul li {
        width: calc((100% - 1.3333333333vw)/2)
    }
}

.characheki-switch-direct-tabMenu ul li.current button {
    background-color: #fff
}

.characheki-switch-direct-tabMenu ul li.current button .txtBox {
    color: #40c3c3
}

.characheki-switch-direct-tabMenu ul li button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1.0972933431vw;
    padding: 1.8288222385vw .7315288954vw;
    width: 100%;
    height: 100%;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    border-bottom: none;
    background-color: #40c3c3;
    border-radius: 20px 20px 0 0;
    outline: none;
    appearance: none;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabMenu ul li button {
        border-radius: 2.6666666667vw 2.6666666667vw 0 0;
        border-width: 2px;
        padding: 5.3333333333vw 0 4vw;
        gap: 2.6666666667vw 0;
        flex-direction: column-reverse
    }
}

.characheki-switch-direct-tabMenu ul li button .txtBox {
    display: block;
    color: #ffd940;
    font-size: 1.1704462326vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    letter-spacing: .05em
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabMenu ul li button .txtBox {
        font-size: 3.2vw
    }
}

.characheki-switch-direct-tabMenu ul li button .txtBox .en {
    display: block;
    font-size: 1.7556693489vw;
    font-weight: 900
}

.characheki-switch-direct-tabMenu ul li button .txtBox .zh {
    display: block;
    font-size: 1.5vw;
    font-weight: 900
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabMenu ul li button .txtBox .en {
        font-size: 4vw;
        letter-spacing: 0
    }
    .characheki-switch-direct-tabMenu ul li button .txtBox .zh {
    display: block;
    font-size: 3vw;
}
}

.characheki-switch-direct-tabMenu ul li button .image {
    display: block;
    width: 10.9729334309vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabMenu ul li button .image {
        width: 20vw;
        line-height: 0
    }
}

.characheki-switch-direct-tabArea {
    margin: 5.8522311631vw auto 0;
    width: 73.1528895391vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabArea {
        margin-top: 6.6666666667vw;
        width: 84vw
    }
}

.characheki-switch-direct-tabWrapper {
    padding: 4.3891733723vw;
    background-color: #fff;
    border-radius: 0 0 1.4630577908vw 1.4630577908vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabWrapper {
        border-radius: 0 0 2.6666666667vw 2.6666666667vw;
        padding: 5.3333333333vw
    }
}

.characheki-switch-direct-tabWrapper h4 {
    font-size: 3.5113386979vw;
    font-weight: 800;
    line-height: 1.3;
    color: #001e62;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabWrapper h4 {
        font-size: 6.4vw;
        line-height: 1.2
    }
}

.characheki-switch-direct-tabWrapper h4 .en {
    font-weight: 900
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabWrapper h4 .en {
        display: block;
        margin-right: 0
    }
}

.characheki-switch-direct-tabWrapper .caution01 {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.3;
    color: #001e62;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-tabWrapper .caution01 {
        margin-top: 4vw;
        font-size: 2.6666666667vw;
        line-height: 1.5
    }
}

.characheki-switch-direct-acWrap {
    padding-bottom: .4389173372vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-acWrap {
        padding-bottom: 0
    }
}

.characheki-switch-direct-stepBox {
    display: flex;
    margin-top: 3.657644477vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox {
        display: block;
        align-items: normal;
        margin-top: 6.6666666667vw
    }
}

.characheki-switch-direct-stepBox:first-child {
    margin-top: 0
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox:first-child {
        padding-top: 6.6666666667vw
    }
}

.characheki-switch-direct-stepBox-left {
    flex: 1;
    padding-right: 2.1945866862vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left {
        width: 100%;
        padding-right: 0
    }
}

.characheki-switch-direct-stepBox-left .ttl .border {
    position: relative;
    display: inline-block;
    font-size: 2.9261155816vw;
    font-weight: 700;
    padding: 0 .3657644477vw;
    line-height: 1.3;
    color: #40c3c3
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .ttl .border {
        font-size: 6.4vw;
        padding: 0 1.3333333333vw
    }
}

.characheki-switch-direct-stepBox-left .ttl .border .num {
    font-size: 5.2670080468vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .ttl .border .num {
        font-size: 11.7333333333vw
    }
}

.characheki-switch-direct-stepBox-left .ttl .border::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    border-radius: .4389173372vw;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .ttl .border::before {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.characheki-switch-direct-stepBox-left .ttl .border::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    border-radius: .4389173372vw;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .ttl .border::after {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.characheki-switch-direct-stepBox-left .ttl .border .inner {
    position: relative;
    display: block;
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .ttl .border .inner {
        padding-bottom: 0
    }
}

.characheki-switch-direct-stepBox-left .ttl .border .inner::after {
    content: "";
    position: absolute;
    top: calc(100% - .4389173372vw);
    right: calc(50% + .4389173372vw);
    transform: translateX(50%) rotate(-20deg);
    width: .4389173372vw;
    height: 2.0482809071vw;
    border-radius: .4389173372vw;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .ttl .border .inner::after {
        top: calc(100% - .8vw);
        right: calc(50% + 1.3333333333vw);
        width: .8vw;
        height: 3.7333333333vw;
        border-radius: .8vw
    }
}

.characheki-switch-direct-stepBox-left .read {
    margin-top: 2.5603511339vw;
    letter-spacing: .04em;
    font-weight: 600;
    font-size: 2.3408924653vw;
    line-height: 1.3888888889;
    color: #001e62
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read {
        font-size: 4.2666666667vw;
        line-height: 1.5;
        text-align: center
    }
}

.characheki-switch-direct-stepBox-left .read span {
    position: relative;
    display: block;
    margin-top: 1.4630577908vw;
    font-size: 1.0241404535vw;
    font-weight: 600;
    letter-spacing: 0
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span {
        margin-top: 2.6666666667vw;
        font-size: 2.9333333333vw;
        line-height: 1.5;
        font-weight: 600;
        letter-spacing: .02em
    }
}

.characheki-switch-direct-stepBox-left .read span span {
    margin-top: 0
}

.characheki-switch-direct-stepBox-left .read span span.indent {
    text-indent: -1em;
    padding-left: 1em
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span span {
        margin-top: 0
    }
}

.characheki-switch-direct-stepBox-left .read span a {
    position: relative;
    display: inline-block;
    color: #001e62;
    text-decoration: underline;
    padding-right: 1.4630577908vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span a {
        padding-right: 3.7333333333vw
    }
}

.characheki-switch-direct-stepBox-left .read span a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    width: 1.1704462326vw;
    height: 1.1704462326vw;
    background: url("/mini_link_NS/assets/img/top/arrow02.webp") no-repeat;
    background-size: 1.1704462326vw auto
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span a::after {
        width: 3.2vw;
        height: 3.2vw;
        background-size: 3.2vw auto
    }
}

.characheki-switch-direct-stepBox-left .read span.ico {
    padding-left: 3.5113386979vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span.ico {
        padding-left: 9.3333333333vw;
        text-align: left
    }
}

.characheki-switch-direct-stepBox-left .read span.ico::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    width: 2.9261155816vw;
    height: 2.9261155816vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span.ico::before {
        width: 8.5333333333vw;
        height: 8.5333333333vw
    }
}

.characheki-switch-direct-stepBox-left .read span.ico.ico01::before {
    background: url("/mini_link_NS/assets/img/top/ico01.webp") no-repeat;
    background-size: 2.9261155816vw auto
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span.ico.ico01::before {
        background-size: 8.5333333333vw auto
    }
}

.characheki-switch-direct-stepBox-left .read span.ico.ico02::before {
    background: url("/mini_link_NS/assets/img/top/ico02.webp") no-repeat;
    background-size: 2.9261155816vw auto
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-left .read span.ico.ico02::before {
        background-size: 8.5333333333vw auto
    }
}

.characheki-switch-direct-stepBox-right {
    padding-top: 2.4140453548vw;
    width: 32.1872713972vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-right {
        padding-top: 5.3333333333vw;
        width: 100%
    }
}

.characheki-switch-direct-stepBox-right img {
    height: auto;
    border-radius: 20px
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox-right img {
        border-radius: 2.6666666667vw
    }
}

.characheki-switch-direct-stepBox02 {
    margin-top: 4.0234089247vw;
    padding: 4.0234089247vw;
    border-radius: 20px;
    border: .4389173372vw solid #ffd940
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 {
        border-width: .8vw;
        margin-top: 8vw;
        padding: 8vw 4vw 9.3333333333vw;
        border-radius: 2.6666666667vw
    }
}

.characheki-switch-direct-stepBox02 .ttl01 {
    font-size: 2.3408924653vw;
    font-weight: 800;
    color: #001e62;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .ttl01 {
        font-size: 5.3333333333vw;
        line-height: 1.3
    }
}

.characheki-switch-direct-stepBox02 .ttl01 span {
    position: relative;
    display: inline-block;
    padding: 0 1.4630577908vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .ttl01 span {
        padding: 0 5.3333333333vw
    }
}

.characheki-switch-direct-stepBox02 .ttl01 span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%) rotate(-20deg);
    width: .4389173372vw;
    height: 2.4871982443vw;
    border-radius: 100vh;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .ttl01 span::before {
        width: .8vw;
        height: 12.8vw;
        bottom: 44%
    }
}

.characheki-switch-direct-stepBox02 .ttl01 span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%) rotate(20deg);
    width: .4389173372vw;
    height: 2.4871982443vw;
    border-radius: 100vh;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .ttl01 span::after {
        width: .8vw;
        height: 12.8vw;
        bottom: 44%
    }
}

.characheki-switch-direct-stepBox02 .wrap {
    display: flex;
    align-items: center;
    margin-top: 2.1945866862vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap {
        display: block;
        align-items: normal;
        margin-top: 6.6666666667vw
    }
}

.characheki-switch-direct-stepBox02 .wrap .left {
    flex: 1;
    padding-right: 1.0972933431vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .left {
        padding-right: 0;
        width: 100%
    }
}

.characheki-switch-direct-stepBox02 .wrap .left .read {
    color: #ff4d33;
    letter-spacing: .04em;
    font-weight: 700;
    font-size: 1.7556693489vw;
    line-height: 1.3888888889;
    color: #001e62
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .left .read {
        text-align: center;
        font-size: 4.2666666667vw;
        font-weight: 800;
        margin: 0 -2.6666666667vw
    }
}

.characheki-switch-direct-stepBox02 .wrap .left .read span {
    position: relative;
    display: block;
    margin-top: 1.4630577908vw;
    font-size: 1.0241404535vw;
    font-weight: 600;
    letter-spacing: 0
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .left .read span {
        margin: 4vw 2.6666666667vw 0;
        font-size: 2.9333333333vw;
        font-weight: 600;
        line-height: 1.5;
        text-align: left
    }
}

.characheki-switch-direct-stepBox02 .wrap .left .read span.ico {
    padding-left: 3.5113386979vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .left .read span.ico {
        padding-left: 9.3333333333vw
    }
}

.characheki-switch-direct-stepBox02 .wrap .left .read span.ico::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    width: 2.9261155816vw;
    height: 2.9261155816vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .left .read span.ico::before {
        width: 8.5333333333vw;
        height: 8.5333333333vw
    }
}

.characheki-switch-direct-stepBox02 .wrap .left .read span.ico.ico01::before {
    background: url("/mini_link_NS/assets/img/top/ico01.webp") no-repeat;
    background-size: 2.9261155816vw auto
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .left .read span.ico.ico01::before {
        background-size: 8.5333333333vw auto
    }
}

.characheki-switch-direct-stepBox02 .wrap .left .read span.ico.ico02::before {
    background: url("/mini_link_NS/assets/img/top/ico02.webp") no-repeat;
    background-size: 2.9261155816vw auto
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .left .read span.ico.ico02::before {
        background-size: 8.5333333333vw auto
    }
}

.characheki-switch-direct-stepBox02 .wrap .right {
    width: 22.1653255304vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .right {
        width: 100%
    }
}

.characheki-switch-direct-stepBox02 .wrap .right img {
    height: auto
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .wrap .right .image {
        margin: 5.3333333333vw auto 0;
        width: 43.7333333333vw
    }
}

.characheki-switch-direct-stepBox02 .image01 {
    margin: 4.0234089247vw auto 0;
    width: 39.5025603511vw
}

@media screen and (max-width:767px) {
    .characheki-switch-direct-stepBox02 .image01 {
        margin-top: 5.3333333333vw;
        width: 62.6666666667vw
    }
}

.characheki-switch-direct .ac-trigger {
    position: relative;
    width: 100%;
    margin-top: 4.3891733723vw;
    height: 8.7783467447vw;
    border-radius: 10px;
    background-color: #cc1400;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .characheki-switch-direct .ac-trigger {
        margin-top: 8vw;
        border-radius: 2.6666666667vw;
        height: 17.3333333333vw
    }
}

.characheki-switch-direct .ac-trigger .txt {
    position: absolute;
    right: 50%;
    bottom: 50%;
    font-size: 2.1945866862vw;
    font-weight: 700;
    color: #fff;
    transform: translate(50%, 50%)
}

@media screen and (max-width:767px) {
    .characheki-switch-direct .ac-trigger .txt {
        font-size: 4.2666666667vw;
        width: 100%;
        text-align: center
    }
}

.characheki-switch-direct .ac-trigger .txt.close {
    display: none
}

.characheki-switch-direct .ac-trigger .txt.open {
    display: block
}

.characheki-switch-direct .ac-trigger i {
    position: absolute;
    right: 2.9261155816vw;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #fff;
    width: 2.9261155816vw;
    height: 2.9261155816vw;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .characheki-switch-direct .ac-trigger i {
        right: 2.6666666667vw;
        width: 6.4vw;
        height: 6.4vw
    }
}

.characheki-switch-direct .ac-trigger i::before {
    content: "";
    position: absolute;
    transform: translate(50%, 50%);
    right: 50%;
    bottom: 50%;
    width: 1.7556693489vw;
    height: .2926115582vw;
    background-color: #cc1400;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .characheki-switch-direct .ac-trigger i::before {
        width: 3.84vw;
        height: .64vw
    }
}

.characheki-switch-direct .ac-trigger i::after {
    content: "";
    position: absolute;
    transform: translate(50%, 50%);
    right: 50%;
    bottom: 50%;
    width: .2926115582vw;
    height: 1.7556693489vw;
    background-color: #cc1400;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .characheki-switch-direct .ac-trigger i::after {
        width: .64vw;
        height: 3.84vw
    }
}

.characheki-switch-direct .ac-trigger.active .txt.open {
    display: none
}

.characheki-switch-direct .ac-trigger.active .txt.close {
    display: block
}

.characheki-switch-direct .ac-trigger.active i::after {
    display: none
}

.characheki-sticker {
    margin-top: 8.0468178493vw
}

@media screen and (max-width:767px) {
    .characheki-sticker {
        margin-top: 16vw
    }
}

.characheki-sticker-ttl01 {
    font-size: 5.8522311631vw;
    font-weight: 900;
    color: #ffd940;
    letter-spacing: .05em;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-sticker-ttl01 {
        font-size: 10.6666666667vw
    }
}

.characheki-sticker-txt01 {
    margin-top: .7315288954vw;
    font-size: 1.7556693489vw;
    font-weight: 700;
    color: #fff;
    letter-spacing: .05em;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-sticker-txt01 {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.5
    }
}

.characheki-sticker-slider {
    margin-top: 1.0972933431vw
}

@media screen and (max-width:767px) {
    .characheki-sticker-slider {
        margin-top: 4vw
    }
}

.characheki-sticker-slider .item {
    padding: 0 1.4630577908vw;
    width: 62.3262618873vw
}

@media screen and (max-width:767px) {
    .characheki-sticker-slider .item {
        padding: 0 2.6666666667vw;
        width: 81.3333333333vw
    }
}

.characheki-print {
    margin-top: 5.8522311631vw
}

@media screen and (max-width:767px) {
    .characheki-print {
        margin-top: 16vw
    }
}

.characheki-print-ttl01 {
    font-size: 5.8522311631vw;
    font-weight: 900;
    color: #ffd940;
    letter-spacing: .05em;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-print-ttl01 {
        font-size: 10.6666666667vw
    }
}

.characheki-print-txt01 {
    margin-top: .7315288954vw;
    font-size: 1.7556693489vw;
    font-weight: 700;
    color: #fff;
    letter-spacing: .05em;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-print-txt01 {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.5
    }
}

.characheki-print-slider {
    margin-top: 1.0972933431vw
}

@media screen and (max-width:767px) {
    .characheki-print-slider {
        margin-top: 4vw
    }
}

.characheki-print-slider .item {
    padding: 0 1.4630577908vw;
    width: 62.3262618873vw
}

@media screen and (max-width:767px) {
    .characheki-print-slider .item {
        padding: 0 2.6666666667vw;
        width: 81.3333333333vw
    }
}

.characheki-print-mode {
    margin-top: 7.3152889539vw
}

@media screen and (max-width:767px) {
    .characheki-print-mode {
        margin-top: 16vw
    }
}

.characheki-print-mode-inner {
    display: flex;
    align-items: center;
    padding: 3.657644477vw 7.3152889539vw 2.1945866862vw 7.3152889539vw;
    margin: 0 auto;
    width: 87.783467447vw;
    border: 4px solid #fff;
    border-radius: 20px
}

@media screen and (max-width:767px) {
    .characheki-print-mode-inner {
        flex-direction: column;
        padding: 10.6666666667vw 0 8vw;
        width: 84vw;
        border-radius: 2.6666666667vw;
        border-width: .8vw
    }
}

.characheki-print-mode-txtBox {
    flex: 1
}

.characheki-print-mode-ttl01 {
    font-size: 3.5113386979vw;
    font-weight: 900;
    color: #ffd940;
    line-height: 1.125;
    letter-spacing: .05em
}

@media screen and (max-width:767px) {
    .characheki-print-mode-ttl01 {
        font-size: 8vw;
        text-align: center
    }
}

.characheki-print-mode-txt01 {
    margin-top: .7315288954vw;
    font-size: 1.3167520117vw;
    font-weight: 700;
    color: #fff;
    line-height: 1.77;
    letter-spacing: .05em
}

@media screen and (max-width:767px) {
    .characheki-print-mode-txt01 {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        text-align: center
    }
}

.characheki-print-mode-image01 {
    width: 41.9166057059vw
}

@media screen and (max-width:767px) {
    .characheki-print-mode-image01 {
        margin: 6.6666666667vw 0 0 1.6vw;
        width: 73.3333333333vw
    }
}

.characheki-app-design {
    margin-top: 7.3152889539vw
}

@media screen and (max-width:767px) {
    .characheki-app-design {
        margin-top: 16vw
    }
}

.characheki-app-design-inner {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0 5.8522311631vw;
    padding: 3.657644477vw 7.3152889539vw 2.1945866862vw 7.3152889539vw;
    margin: 0 auto;
    width: 87.783467447vw;
    border: 4px solid #fff;
    border-radius: 20px
}

@media screen and (max-width:767px) {
    .characheki-app-design-inner {
        flex-direction: column;
        padding: 10.6666666667vw 0 8vw;
        width: 84vw;
        border-radius: 2.6666666667vw;
        border-width: .8vw
    }
}

.characheki-app-design-txtBox {
    flex: 1
}

.characheki-app-design-ttl01 {
    font-size: 3.5113386979vw;
    font-weight: 900;
    color: #ffd940;
    line-height: 1.125;
    letter-spacing: .05em;
    white-space: nowrap;
}

@media screen and (max-width:767px) {
    .characheki-app-design-ttl01 {
        font-size: 8vw;
        text-align: center
    }
}

.characheki-app-design-txt01 {
    margin-top: .7315288954vw;
    font-size: 1.3167520117vw;
    font-weight: 700;
    color: #fff;
    line-height: 1.77;
    letter-spacing: .05em
}

@media screen and (max-width:767px) {
    .characheki-app-design-txt01 {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        text-align: center
    }
}

.characheki-app-design-image01 {
    width: 45.7937088515vw
}

@media screen and (max-width:767px) {
    .characheki-app-design-image01 {
        margin: 6.6666666667vw auto 0;
        width: 54.6666666667vw
    }
}

.characheki-mario {
    position: relative;
    padding-bottom: 29.2611558157vw;
    overflow: hidden;
    background: url("/mini_link_NS/assets/img/top/mario_bg.webp") 0 0 repeat;
    background-size: 1.4630577908vw auto
}

@media screen and (max-width:767px) {
    .characheki-mario {
        padding-bottom: 56vw;
        background: url("/mini_link_NS/assets/img/top/mario_bg_sp.webp") 0 0 repeat;
        background-size: 5.3333333333vw auto
    }
}

.characheki-mario::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20.7754206291vw;
    background: url("/mini_link_NS/assets/img/top/mario_bg_bottom.webp") 0 100% no-repeat;
    background-size: 100% auto
}

@media screen and (max-width:767px) {
    .characheki-mario::after {
        height: 28.8vw;
        background: url("/mini_link_NS/assets/img/top/mario_bg_bottom_sp.webp") 0 0 repeat;
        background-size: 100% auto
    }
}

.characheki-mario-top {
    position: relative;
    z-index: 10;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .characheki-mario-top {
        overflow: visible
    }
}

.characheki-mario-top .ttl01 {
    position: relative;
    padding-top: 9.8756400878vw;
    width: 100%;
    height: 32.4798829554vw;
    background: url("/mini_link_NS/assets/img/top/mario_top_ttl.webp") no-repeat;
    background-size: 100% auto;
    text-align: center;
    z-index: 10
}

@media screen and (max-width:767px) {
    .characheki-mario-top .ttl01 {
        padding-top: 16vw;
        height: 53.0666666667vw;
        background: url("/mini_link_NS/assets/img/top/mario_top_ttl_sp.webp") 0 0 repeat;
        background-size: 100% auto
    }
}

.characheki-mario-top .ttl01 .border {
    position: relative;
    display: inline-block;
    font-size: 3.9502560351vw;
    font-weight: 800;
    color: #ffd940;
    padding: 0 .7315288954vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .ttl01 .border {
        font-size: 6.9333333333vw;
        padding: 0 2.6666666667vw
    }
}

.characheki-mario-top .ttl01 .border::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    background-color: #fff;
    border-radius: .4389173372vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .ttl01 .border::before {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.characheki-mario-top .ttl01 .border::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    background-color: #fff;
    border-radius: .4389173372vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .ttl01 .border::after {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.characheki-mario-top .ttl01 .border .inner {
    position: relative;
    display: block;
    padding-bottom: .7315288954vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .ttl01 .border .inner {
        padding-bottom: 2.6666666667vw
    }
}

.characheki-mario-top .ttl01 .border .inner::after {
    content: "";
    position: absolute;
    top: calc(100% - .4389173372vw);
    right: calc(50% + .4389173372vw);
    transform: translateX(50%) rotate(-20deg);
    width: .4389173372vw;
    height: 2.0482809071vw;
    background-color: #fff;
    border-radius: .4389173372vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .ttl01 .border .inner::after {
        top: calc(100% - .8vw);
        right: calc(50% + 1.0666666667vw);
        width: .8vw;
        height: 5.3333333333vw;
        border-radius: .8vw
    }
}

.characheki-mario-top .box01 {
    position: relative;
    margin-top: -12.216532553vw;
    line-height: 0
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 {
        margin-top: -13.3333333333vw
    }
}

.characheki-mario-top .box01::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 12.070226774vw;
    z-index: 5;
    background: url("/mini_link_NS/assets/img/top/mario_top_bottom.webp") 0 100% no-repeat;
    background-size: 100% auto
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01::after {
        height: 12.2666666667vw;
        background: url("/mini_link_NS/assets/img/top/mario_top_bottom_sp.webp") 0 100% no-repeat;
        background-size: 100% auto
    }
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .bg01 {
        height: 162.6666666667vw;
        overflow: hidden
    }
}

.characheki-mario-top .box01 .copy01 {
    position: absolute;
    top: 24.6525237747vw;
    right: 50%;
    transform: translateX(50%);
    width: 29.2611558157vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .copy01 {
        top: 20.8vw;
        width: 74.6666666667vw
    }
}

.characheki-mario-top .box01 .copy01 span {
    display: block;
    margin-top: 4.0234089247vw;
    font-size: 3.657644477vw;
    font-weight: 700;
    color: #ffd940;
    text-align: center;
}

.characheki-mario-top .box01 .copy01 .zhs {
    font-size: 2.6vw;
}

.characheki-mario-top .box01 .copy01 .zht {
    font-size: 3vw;
}

.characheki-mario-top .box01 .copy01 .ko {
    font-size: 2.1vw;
}

.characheki-mario-top .box01 .copy01 .fr {
    font-size: 3vw;
}

.characheki-mario-top .box01 .copy01 .de {
    font-size: 2.1vw;
}

.characheki-mario-top .box01 .copy01 .es {
    font-size: 3.5vw;
}

.characheki-mario-top .box01 .copy01 .pt {
    font-size: 3vw;
}

.characheki-mario-top .box01 .copy01 .it {
    font-size: 3vw;
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .copy01 span {
        margin-top: 10.6666666667vw;
        font-size: 9.8666666667vw
    }

    .characheki-mario-top .box01 .copy01 .zhs {
    font-size: 6.5vw;
}
    .characheki-mario-top .box01 .copy01 .zht {
    font-size: 8vw;
}

.characheki-mario-top .box01 .copy01 .ko {
    font-size: 5.7vw;
}

.characheki-mario-top .box01 .copy01 .fr {
    font-size: 7.9vw;
}
.characheki-mario-top .box01 .copy01 .de {
    font-size: 5.5vw;
}

.characheki-mario-top .box01 .copy01 .es {
    font-size: 9vw;
}

.characheki-mario-top .box01 .copy01 .pt {
    font-size: 8vw;
}

.characheki-mario-top .box01 .copy01 .it {
    font-size: 8vw;
}
}

.characheki-mario-top .box01 .img01 {
    position: absolute;
    bottom: 1.6825164594vw;
    right: 5.2670080468vw;
    width: 23.4089246525vw;
    z-index: 6
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .img01 {
        bottom: -12vw;
        right: 4.5333333333vw;
        width: 41.8666666667vw
    }
}

.characheki-mario-top .box01 .instax01 {
    position: absolute;
    bottom: -16.0936356986vw;
    left: 5.559619605vw;
    width: 27.7980980249vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .instax01 {
        bottom: 0;
        left: 3.2vw;
        width: 49.0666666667vw;
        height: 78.9333333333vw;
        display: flex;
        align-items: flex-end;
        overflow: hidden
    }
}

.characheki-mario-top .box01 .instax01.is-animated .cheki {
    top: -21.5069495245vw
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .instax01.is-animated .cheki {
        top: 1.0666666667vw
    }
}

.characheki-mario-top .box01 .instax01 .cheki {
    position: absolute;
    top: .7315288954vw;
    left: 6.7300658376vw;
    width: 16.9714703731vw;
    transition: all 1.3s .2s linear
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .instax01 .cheki {
        left: 11.7333333333vw;
        top: 40vw;
        width: 29.8666666667vw
    }
}

.characheki-mario-top .box01 .instax01 .instax {
    position: relative;
    width: 27.7980980249vw;
    z-index: 2
}

@media screen and (max-width:767px) {
    .characheki-mario-top .box01 .instax01 .instax {
        display: block;
        height: 41.0666666667vw;
        width: 49.0666666667vw;
        overflow: hidden
    }
}

.characheki-mario .txt01 {
    position: absolute;
    transform: skewY(-6deg);
    transform-origin: bottom left
}

.characheki-mario .txt01 .idea {
    text-align: center
}

.characheki-mario .txt01 .idea .border {
    position: relative;
    display: inline-block;
    font-size: 2.9261155816vw;
    font-weight: 700;
    padding: 0 .3657644477vw;
    line-height: 1.3
}

@media screen and (max-width:767px) {
    .characheki-mario .txt01 .idea .border {
        font-size: 6.4vw;
        padding: 0 1.3333333333vw
    }
}

.characheki-mario .txt01 .idea .border .num {
    font-size: 5.2670080468vw
}

@media screen and (max-width:767px) {
    .characheki-mario .txt01 .idea .border .num {
        font-size: 11.7333333333vw
    }
}

.characheki-mario .txt01 .idea .border::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    border-radius: .4389173372vw
}

@media screen and (max-width:767px) {
    .characheki-mario .txt01 .idea .border::before {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.characheki-mario .txt01 .idea .border::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    border-radius: .4389173372vw
}

@media screen and (max-width:767px) {
    .characheki-mario .txt01 .idea .border::after {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.characheki-mario .txt01 .idea .border .inner {
    position: relative;
    display: block;
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    .characheki-mario .txt01 .idea .border .inner {
        padding-bottom: 0
    }
}

.characheki-mario .txt01 .idea .border .inner::after {
    content: "";
    position: absolute;
    top: calc(100% - .4389173372vw);
    right: calc(50% + .4389173372vw);
    transform: translateX(50%) rotate(-20deg);
    width: .4389173372vw;
    height: 2.0482809071vw;
    border-radius: .4389173372vw
}

@media screen and (max-width:767px) {
    .characheki-mario .txt01 .idea .border .inner::after {
        top: calc(100% - .8vw);
        right: calc(50% + 1.0666666667vw);
        width: .8vw;
        height: 5.3333333333vw;
        border-radius: .8vw
    }
}

.characheki-mario .txt01 .idea .copy {
    display: block;
    margin-top: 2.1945866862vw;
    font-size: 3.4381858083vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: left
}

.characheki-mario .txt01 .idea .copy.long_text {
    display: block;
    margin-top: 2.1945866862vw;
    font-size: 3.1vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: left
}

@media screen and (max-width:767px) {
    .characheki-mario .txt01 .idea .copy {
        margin-top: 5.3333333333vw;
        font-size: 7.7333333333vw
    }

    .characheki-mario .txt01 .idea .copy.long_text {
        margin-top: 5.3333333333vw;
        font-size: 6.7vw;
        line-height: 1.25;
}
}

.characheki-mario-01 {
    position: relative;
    line-height: 0
}

.characheki-mario-01 .item01 {
    position: absolute;
    top: 4.0234089247vw;
    left: -4.3160204828vw;
    width: 27.5054864667vw
}

@media screen and (max-width:767px) {
    .characheki-mario-01 .item01 {
        top: 152vw;
        right: -4vw;
        left: auto;
        width: 40.5333333333vw
    }
}

.characheki-mario-01 .item02 {
    position: absolute;
    top: 41.2582297001vw;
    left: 3.4381858083vw;
    width: 15.2158010241vw
}

@media screen and (max-width:767px) {
    .characheki-mario-01 .item02 {
        top: 154.6666666667vw;
        left: 8vw;
        width: 20.2666666667vw
    }
}

.characheki-mario-01 .img01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 55.230431602vw
}

@media screen and (max-width:767px) {
    .characheki-mario-01 .img01 {
        top: 6.4vw;
        width: 92vw
    }
}

.characheki-mario-01 .txt01 {
    top: 15.1426481346vw;
    left: 13.3869787857vw
}

@media screen and (max-width:767px) {
    .characheki-mario-01 .txt01 {
        top: 98.6666666667vw;
        left: 13.3333333333vw
    }
}

.characheki-mario-01 .txt01 .idea {
    text-align: center
}

.characheki-mario-01 .txt01 .idea .border {
    color: #fff
}

.characheki-mario-01 .txt01 .idea .border::before {
    background-color: #fff
}

.characheki-mario-01 .txt01 .idea .border::after {
    background-color: #fff
}

.characheki-mario-01 .txt01 .idea .border .inner::after {
    background-color: #fff
}

.characheki-mario-01 .txt01 .idea .copy {
    color: #ffd940
}

.characheki-mario-02 {
    position: relative;
    line-height: 0;
    margin-top: 8.7783467447vw
}

@media screen and (max-width:767px) {
    .characheki-mario-02 {
        margin-top: 28vw
    }
}

.characheki-mario-02 .img01 {
    position: absolute;
    top: 11.7044623263vw;
    left: 0;
    width: 53.6942209217vw
}

@media screen and (max-width:767px) {
    .characheki-mario-02 .img01 {
        top: 14.6666666667vw;
        width: 96vw
    }
}

.characheki-mario-02 .img02 {
    position: absolute;
    top: -19.3855157279vw;
    left: 2.3408924653vw;
    width: 97.0738844184vw
}

@media screen and (max-width:767px) {
    .characheki-mario-02 .img02 {
        top: -38.9333333333vw;
        left: 1.6vw;
        width: 100.2666666667vw
    }
}

.characheki-mario-02 .txt01 {
    top: 21.2143379663vw;
    left: 57.2787125091vw
}

@media screen and (max-width:767px) {
    .characheki-mario-02 .txt01 {
        top: 114.6666666667vw;
        left: 13.3333333333vw
    }
}

.characheki-mario-02 .txt01 .idea {
    text-align: center
}

.characheki-mario-02 .txt01 .idea .border {
    color: #001e62;
    font-weight: 900
}

.characheki-mario-02 .txt01 .idea .border::before {
    background-color: #001e62
}

.characheki-mario-02 .txt01 .idea .border::after {
    background-color: #001e62
}

.characheki-mario-02 .txt01 .idea .border .inner::after {
    background-color: #001e62
}

.characheki-mario-02 .txt01 .idea .copy {
    color: #cc1400
}

.characheki-mario-03 {
    position: relative;
    line-height: 0;
    margin-top: 8.7783467447vw
}

@media screen and (max-width:767px) {
    .characheki-mario-03 {
        margin-top: 28vw
    }
}

.characheki-mario-03 .img01 {
    position: absolute;
    top: 13.167520117vw;
    right: 0;
    width: 55.7425018288vw
}

@media screen and (max-width:767px) {
    .characheki-mario-03 .img01 {
        top: 18.6666666667vw;
        width: 92vw
    }
}

.characheki-mario-03 .img02 {
    position: absolute;
    top: -37.6737381127vw;
    left: 0;
    width: 99.9268471105vw
}

@media screen and (max-width:767px) {
    .characheki-mario-03 .img02 {
        top: -57.3333333333vw;
        width: 100vw
    }
}

.characheki-mario-03 .item01 {
    position: absolute;
    top: -1.8288222385vw;
    left: 4.608632041vw;
    width: 30.9436722751vw
}

@media screen and (max-width:767px) {
    .characheki-mario-03 .item01 {
        display: none
    }
}

.characheki-mario-03 .txt01 {
    top: 29.2611558157vw;
    left: 13.3869787857vw
}

@media screen and (max-width:767px) {
    .characheki-mario-03 .txt01 {
        top: 117.3333333333vw;
        left: 13.3333333333vw
    }
}

.characheki-mario-03 .txt01 .idea {
    text-align: center
}

.characheki-mario-03 .txt01 .idea .border {
    color: #fff
}

.characheki-mario-03 .txt01 .idea .border::before {
    background-color: #fff
}

.characheki-mario-03 .txt01 .idea .border::after {
    background-color: #fff
}

.characheki-mario-03 .txt01 .idea .border .inner::after {
    background-color: #fff
}

.characheki-mario-03 .txt01 .idea .copy {
    color: #ffd940
}

.characheki-mario-04 {
    position: relative;
    line-height: 0;
    margin-top: 8.7783467447vw;
    z-index: 2
}

@media screen and (max-width:767px) {
    .characheki-mario-04 {
        margin-top: 28vw
    }
}

.characheki-mario-04 .img01 {
    position: absolute;
    top: 12.7286027798vw;
    left: 0;
    width: 55.7425018288vw
}

@media screen and (max-width:767px) {
    .characheki-mario-04 .img01 {
        top: 18.6666666667vw;
        width: 94.6666666667vw
    }
}

.characheki-mario-04 .img02 {
    position: absolute;
    top: -17.7029992685vw;
    left: 2.3408924653vw;
    width: 96.5618141917vw
}

@media screen and (max-width:767px) {
    .characheki-mario-04 .img02 {
        top: -69.3333333333vw;
        left: 1.6vw;
        width: 96.5333333333vw
    }
}

.characheki-mario-04 .img03 {
    position: absolute;
    top: 53.7673738113vw;
    left: 1.7556693489vw;
    width: 96.5618141917vw
}

@media screen and (max-width:767px) {
    .characheki-mario-04 .img03 {
        top: 142.9333333333vw;
        left: 1.6vw;
        width: 96.5333333333vw
    }
}

.characheki-mario-04 .txt01 {
    top: 22.8968544257vw;
    left: 58.5223116313vw
}

@media screen and (max-width:767px) {
    .characheki-mario-04 .txt01 {
        top: 110.6666666667vw;
        left: 13.3333333333vw
    }
}

.characheki-mario-04 .txt01 .idea {
    text-align: center
}

.characheki-mario-04 .txt01 .idea .border {
    color: #001e62;
    font-weight: 900
}

.characheki-mario-04 .txt01 .idea .border::before {
    background-color: #001e62
}

.characheki-mario-04 .txt01 .idea .border::after {
    background-color: #001e62
}

.characheki-mario-04 .txt01 .idea .border .inner::after {
    background-color: #001e62
}

.characheki-mario-04 .txt01 .idea .copy {
    color: #cc1400
}

.characheki-experience {
    position: relative;
    margin-top: -1px;
    width: 100%;
    padding-bottom: 11.7044623263vw;
    background: #ffd940
}

@media print,
screen and (min-width:768px) {
    .characheki-experience {
        padding-top: 2.9261155816vw
    }
}

@media screen and (max-width:767px) {
    .characheki-experience {
        padding-top: 2.6666666667vw
    }
}

.characheki-experience #characheki-experience {
    position: absolute;
    top: -3.657644477vw
}

@media screen and (max-width:767px) {
    .characheki-experience #characheki-experience {
        top: -10.6666666667vw
    }
}

.characheki-experience-ttl {
    position: relative;
    margin: 0 auto;
    padding: 1.8288222385vw 1.4630577908vw;
    width: 73.1528895391vw;
    border-radius: 10px;
    font-size: 4.3891733723vw;
    font-weight: 700;
    color: #ffd940;
    text-align: center;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .16);
    background: #cc1400
}

@media screen and (max-width:767px) {
    .characheki-experience-ttl {
        padding: 6.6666666667vw 0;
        width: 84vw;
        font-size: 5.8666666667vw;
        border-radius: 2.6666666667vw;
        box-shadow: 0 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, .16);
        line-height: 1.3
    }
        .characheki-experience-ttl.long_text {
        padding: 6.6666666667vw 0;
        width: 84vw;
        font-size: 5vw;
        border-radius: 2.6666666667vw;
        box-shadow: 0 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, .16);
        line-height: 1.3
    }
}

.characheki-experience-ttl span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    pointer-events: none
}

.characheki-experience-ttl span:before,
.characheki-experience-ttl span:after {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #ffd940
}

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

    .characheki-experience-ttl span:before,
    .characheki-experience-ttl span:after {
        width: 1.8666666667vw;
        height: 1.8666666667vw
    }
}

.characheki-experience-ttl span.head:before {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 10px;
    margin-left: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-experience-ttl span.head:before {
        margin-top: 2.6666666667vw;
        margin-left: 2.6666666667vw
    }
}

.characheki-experience-ttl span.head:after {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-experience-ttl span.head:after {
        margin-top: 2.6666666667vw;
        margin-right: 2.6666666667vw
    }
}

.characheki-experience-ttl span.bottom:before {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-experience-ttl span.bottom:before {
        margin-bottom: 2.6666666667vw;
        margin-left: 2.6666666667vw
    }
}

.characheki-experience-ttl span.bottom:after {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    content: ""
}

@media screen and (max-width:767px) {
    .characheki-experience-ttl span.bottom:after {
        margin-right: 2.6666666667vw;
        margin-bottom: 2.6666666667vw
    }
}

.characheki-experience-movie {
    position: relative;
    margin: 5.8522311631vw auto 0;
    width: 58.5223116313vw
}

@media screen and (max-width:767px) {
    .characheki-experience-movie {
        margin-top: 10.6666666667vw;
        width: 84vw
    }
}

.characheki-experience-movie button {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1.4630577908vw;
    line-height: 0
}

@media screen and (max-width:767px) {
    .characheki-experience-movie button {
        border-radius: 2.6666666667vw
    }
}

.characheki-experience-movie button img {
    height: auto
}

.characheki-experience-movie button::after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    display: block;
    width: 9.0709583029vw;
    height: 9.0709583029vw;
    background: url("/mini_link_NS/assets/img/top/icon-play1.webp") no-repeat;
    background-size: 9.0709583029vw auto
}

@media screen and (max-width:767px) {
    .characheki-experience-movie button::after {
        width: 16vw;
        height: 16vw;
        background-size: 16vw auto
    }
}

.characheki-experience-wrap {
    margin: 0 auto;
    width: 73.1528895391vw
}

@media screen and (max-width:767px) {
    .characheki-experience-wrap {
        width: 84vw
    }
}

.characheki-experience-box {
    margin: 7.3152889539vw auto 0;
    display: flex;
    align-items: center;
    gap: 0 1.8288222385vw
}

@media screen and (max-width:767px) {
    .characheki-experience-box {
        margin-top: 21.3333333333vw;
        display: block
    }
}

.characheki-experience-box.reverse {
    flex-direction: row-reverse
}

.characheki-experience-box.reverse .image01 {
    width: 43.4528163862vw
}

@media screen and (max-width:767px) {
    .characheki-experience-box.reverse .image01 {
        position: relative;
        display: flex;
        justify-content: flex-end;
        width: 100vw
    }

    .characheki-experience-box.reverse .image01 img {
        display: block;
        width: 94.6666666667vw
    }
}

.characheki-experience-box .image01 {
    width: 43.4528163862vw
}

@media screen and (max-width:767px) {
    .characheki-experience-box .image01 {
        position: relative;
        display: flex;
        justify-content: flex-start;
        width: 100vw;
        left: -8vw
    }

    .characheki-experience-box .image01 img {
        display: block;
        width: 98.6666666667vw
    }
}

.characheki-experience-box .txtBox01 {
    flex: 1
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 {
        margin-top: 6.6666666667vw;
        text-align: center
    }
}

.characheki-experience-box .txtBox01 .ttl01 {
    font-size: 2.9261155816vw;
    font-weight: 900;
    color: #cc1400
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 .ttl01 {
        font-size: 9.6vw;
        white-space: nowrap
    }
}

.characheki-experience-box .txtBox01 .copy01 {
    margin-top: 1.4630577908vw;
    font-size: 1.7556693489vw;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.5;
    color: #001e62
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 .copy01 {
        margin-top: 2.6666666667vw;
        font-size: 4.8vw
    }
}

.characheki-experience-box .txtBox01 .caution01 {
    margin-top: 1.0972933431vw;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 1.5;
    color: #001e62
}

.characheki-experience-box .txtBox01 .trigger01 {
    position: relative;
    width: 23.4089246525vw;
    margin-top: 2.9261155816vw;
    height: 5.8522311631vw;
    border-radius: 10px;
    background-color: #cc1400;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 .trigger01 {
        margin-top: 8vw;
        height: 16vw;
        width: 100%
    }
}

.characheki-experience-box .txtBox01 .trigger01 .txt {
    position: absolute;
    right: 50%;
    bottom: 50%;
    font-size: 1.4630577908vw;
    font-weight: 700;
    color: #fff;
    transform: translate(50%, 50%)
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 .trigger01 .txt {
        font-size: 5.3333333333vw
    }
}

.characheki-experience-box .txtBox01 .trigger01 i {
    position: absolute;
    right: 1.4630577908vw;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #fff;
    width: 2.3408924653vw;
    height: 2.3408924653vw;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 .trigger01 i {
        right: 5.3333333333vw;
        width: 6.4vw;
        height: 6.4vw
    }
}

.characheki-experience-box .txtBox01 .trigger01 i::before {
    content: "";
    position: absolute;
    transform: translate(50%, 50%);
    right: 50%;
    bottom: 50%;
    width: 1.4630577908vw;
    height: .2194586686vw;
    background-color: #cc1400;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 .trigger01 i::before {
        width: 3.84vw;
        height: .64vw
    }
}

.characheki-experience-box .txtBox01 .trigger01 i::after {
    content: "";
    position: absolute;
    transform: translate(50%, 50%);
    right: 50%;
    bottom: 50%;
    width: .2194586686vw;
    height: 1.4630577908vw;
    background-color: #cc1400;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .characheki-experience-box .txtBox01 .trigger01 i::after {
        width: .64vw;
        height: 3.84vw
    }
}

.characheki-experience-image01 {
    margin-top: 5.8522311631vw;
    width: 75.8595464521vw
}

@media screen and (max-width:767px) {
    .characheki-experience-image01 {
        margin: 16vw 0 0 -8vw;
        width: 100vw
    }
}

.characheki-experience .characheki-shopping {
    margin-top: 4.3891733723vw
}

@media screen and (max-width:767px) {
    .characheki-experience .characheki-shopping {
        margin: 18.6666666667vw 0 0 -1.0666666667vw
    }
}

.characheki-minilink {
    padding: 9.5098756401vw 0;
    width: 100%;
    background: #e9ecf0
}

@media screen and (max-width:767px) {
    .characheki-minilink {
        padding: 16vw 0
    }
}

.characheki-minilink .ttl {
    margin: 0 auto;
    width: 42.8675932699vw
}

@media screen and (max-width:767px) {
    .characheki-minilink .ttl {
        width: 73.3333333333vw
    }
}

.characheki-minilink .ttl .txt {
    margin-top: .7315288954vw;
    display: block;
    font-size: 2.7798098025vw;
    font-weight: 700;
    color: #001e62;
    letter-spacing: .02em;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-minilink .ttl .txt {
        margin-top: .5333333333vw;
        font-size: 4.5333333333vw
    }
}

.characheki-minilink .list {
    margin-top: 4.3891733723vw;
    display: flex;
    gap: 0 4.0965618142vw;
    justify-content: center
}

@media screen and (max-width:767px) {
    .characheki-minilink .list {
        margin-top: 9.3333333333vw;
        gap: 0 1.0666666667vw
    }
}

.characheki-minilink .list li {
    width: 22.2384784199vw
}

@media screen and (max-width:767px) {
    .characheki-minilink .list li {
        width: 29.3333333333vw
    }
}

.characheki-minilink .list li .txt {
    display: block;
    margin-top: .3657644477vw;
    font-size: 1.1704462326vw;
    font-weight: 700;
    color: #001e62;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-minilink .list li .txt {
        margin-top: 2.1333333333vw;
        font-size: 3.7333333333vw;
        line-height: 1.1
    }
}

.characheki-minilink-box {
    margin: 5.8522311631vw auto 0;
    padding: 4.0234089247vw 0;
    width: 73.1528895391vw;
    border-radius: 20px;
    border: .2926115582vw solid #fff
}

@media screen and (max-width:767px) {
    .characheki-minilink-box {
        padding: 8vw 0 5.3333333333vw 0;
        margin-top: 8vw;
        border-width: .8vw;
        border-radius: 2.6666666667vw;
        width: 84vw
    }
}

.characheki-minilink-box .txt01 {
    text-align: center;
    color: #001e62;
    font-size: 1.7556693489vw
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .txt01 {
        font-size: 4vw
    }
}

.characheki-minilink-box .txt01 .t01 {
    display: block;
    font-size: 1.7556693489vw;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .txt01 .t01 {
        font-size: 4vw
    }
}

.characheki-minilink-box .txt01 .t02 {
    margin-top: .7315288954vw;
    display: block;
    font-size: 1.4630577908vw;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .txt01 .t02 {
        margin-top: 1.3333333333vw;
        font-size: 4vw;
        line-height: 1.5
    }
}

.characheki-minilink-box .image {
    margin: 2.5603511339vw auto 0;
    display: flex;
    justify-content: center
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image {
        margin-top: 2.6666666667vw
    }
}

.characheki-minilink-box .image .img {
    display: block;
    height: 26.0424286759vw
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image .img {
        height: 34.1333333333vw
    }
}

.characheki-minilink-box .image .t01 {
    display: block;
    font-size: 1.1704462326vw;
    font-weight: 700;
    color: #001e62;
    text-align: center
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image .t01 {
        font-size: 3.4666666667vw
    }
}

.characheki-minilink-box .image .image01 {
    position: relative;
    margin-right: 4.3891733723vw;
    display: block;
    width: 18.8002926116vw
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image .image01 {
        margin-right: .8vw;
        width: 26.9333333333vw
    }
}

.characheki-minilink-box .image .image01::before {
    content: "";
    position: absolute;
    top: 12.3628383321vw;
    right: -3.1455742502vw;
    width: 2.3408924653vw;
    height: .4389173372vw;
    background-color: #001e62
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image .image01::before {
        width: 4.8vw;
        height: .8vw;
        top: 16vw;
        right: -1.8666666667vw
    }
}

.characheki-minilink-box .image .image01::after {
    content: "";
    position: absolute;
    top: 12.3628383321vw;
    right: -3.1455742502vw;
    width: 2.3408924653vw;
    height: .4389173372vw;
    background-color: #001e62;
    transform: rotate(90deg)
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image .image01::after {
        width: 4.8vw;
        height: .8vw;
        top: 16vw;
        right: -1.8666666667vw
    }
}

.characheki-minilink-box .image .image02 {
    display: block;
    width: 20.1170446233vw
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image .image02 {
        margin-right: -4.2666666667vw;
        width: 28.5333333333vw
    }
}

.characheki-minilink-box .image .image03 {
    display: block;
    width: 20.1170446233vw
}

@media screen and (max-width:767px) {
    .characheki-minilink-box .image .image03 {
        width: 28.5333333333vw
    }
}

.characheki-minilink-btn01 {
    margin: 6.5837600585vw auto 0;
    width: 58.5223116313vw
}

@media screen and (max-width:767px) {
    .characheki-minilink-btn01 {
        margin-top: 10.6666666667vw;
        width: 84vw
    }
}

.characheki-minilink-btn01+.characheki-minilink-btn01 {
    margin-top: 2.1945866862vw
}

@media screen and (max-width:767px) {
    .characheki-minilink-btn01+.characheki-minilink-btn01 {
        margin-top: 5.3333333333vw
    }
}

.characheki-minilink-btn01 a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 9.363569861vw;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .characheki-minilink-btn01 a {
        height: 17.3333333333vw;
        border-radius: 2.6666666667vw
    }
}

.characheki-minilink-btn01 a.red {
    color: #fff;
    background-color: #cc1400
}

.characheki-minilink-btn01 a.yellow {
    color: #cc1400;
    background-color: #ffd940
}

.characheki-minilink-btn01 a .txt {
    font-size: 2.1945866862vw;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .characheki-minilink-btn01 a .txt {
        font-size: 4.2666666667vw;
        line-height: 1.375;
        text-align: center
    }
}

.characheki-minilink-btn01 a i {
    position: absolute;
    right: 1.4630577908vw;
    bottom: 50%;
    transform: translateY(50%);
    width: 3.2187271397vw;
    height: 3.2187271397vw;
    background: url("/mini_link_NS/assets/img/top/arrow-r.webp") no-repeat;
    background-size: 3.2187271397vw auto
}

@media screen and (max-width:767px) {
    .characheki-minilink-btn01 a i {
        width: 6.4vw;
        height: 6.4vw;
        background-size: 6.4vw auto
    }
}

.characheki-support {
    padding: 5.8522311631vw 0;
    width: 100%;
    background: #fff
}

@media screen and (max-width:767px) {
    .characheki-support {
        padding: 16vw 0
    }
}

.characheki-support-inner {
    margin: 0 auto;
    width: 58.5223116313vw
}

@media screen and (max-width:767px) {
    .characheki-support-inner {
        width: 84vw
    }
}

.characheki-support-txt01 {
    margin-top: 2.5603511339vw;
    font-size: 10px;
    color: #001e62
}

@media screen and (max-width:767px) {
    .characheki-support-txt01 {
        margin-top: 6.6666666667vw;
        font-size: 2.6666666667vw;
        line-height: 1.5
    }
}

.characheki-support-list01 {
    margin-top: 1.8288222385vw
}

@media screen and (max-width:767px) {
    .characheki-support-list01 {
        margin-top: 2.6666666667vw
    }
}

.characheki-support-list01 li {
    font-size: 10px;
    color: #001e62;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
    letter-spacing: .01em
}

@media screen and (max-width:767px) {
    .characheki-support-list01 li {
        font-size: 2.6666666667vw;
        line-height: 1.5
    }
}

.characheki-support-list01 li::before {
    content: "●"
}

.characheki-support-list01 li .italic {
    font-style: italic
}

.characheki-support a {
    text-align: center
}

.characheki-support .to-support {
    width: 100%
}

@media screen and (max-width:767px) {
    .characheki-support .to-support {
        margin: 0 auto;
        width: 65.6vw
    }
}

.characheki-support .to-support a {
    position: relative;
    display: block;
    border-radius: 10px;
    background: #e9ecf0;
    color: #98a6b5;
    letter-spacing: .02em;
    font-weight: 700;
    font-size: 2.196193265vw;
    line-height: 9.663250366vw;
    text-decoration: none
}

.characheki-support .to-support.long_text a {
    position: relative;
    display: block;
    border-radius: 10px;
    background: #e9ecf0;
    color: #98a6b5;
    letter-spacing: .02em;
    font-weight: 700;
    font-size: 2vw;
    line-height: 9.663250366vw;
    text-decoration: none;
    padding: 0 5vw 0 0;
}

@media screen and (max-width:767px) {
    .characheki-support .to-support a {
        padding-top: 2.9333333333vw;
        padding-bottom: 2.9333333333vw;
        font-size: 4.2666666667vw;
        line-height: 1.25
    }

    .characheki-support .to-support.long_text a{
        font-size: 3.5vw;
    }
}

.characheki-support .to-support a::after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 3.6603221083vw;
    width: 3.2210834553vw;
    height: 3.2210834553vw;
    background: url("/mini_link_NS/assets/img/top/arrow-s.webp") no-repeat;
    background-size: contain;
    content: "";
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (max-width:767px) {
    .characheki-support .to-support a::after {
        margin-right: 3.4666666667vw;
        width: 6.9333333333vw;
        height: 6.9333333333vw
    }
}

.modal-movie {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: #000;
    overflow-y: scroll;
    display: none
}

@media screen and (max-width:767px) {
    .modal-movie {
        z-index: 1200
    }
}

.modal-movie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.modal-movie .modal-movie-box {
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    width: 653px;
    height: 367px;
    z-index: 10
}

@media screen and (max-width:767px) {
    .modal-movie .modal-movie-box {
        width: 96vw;
        height: auto
    }
}

.modal-movie .modal-movie-box .youtube {
    width: 100%;
    aspect-ratio: 16/9
}

.modal-movie .modal-movie-box .youtube iframe {
    width: 100%;
    height: 100%
}

.modal-movie .modal-movie-box-close01 {
    font-size: 0;
    position: absolute;
    top: -3.657644477vw;
    right: 0;
    width: 2.9261155816vw;
    height: 2.9261155816vw;
    z-index: 20
}

@media screen and (max-width:767px) {
    .modal-movie .modal-movie-box-close01 {
        top: -13.3333333333vw;
        right: 2.6666666667vw;
        width: 10.6666666667vw;
        height: 10.6666666667vw
    }
}

.modal-movie .modal-movie-box-close01 button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100vh;
    font-size: 0;
    cursor: pointer
}

.modal-movie .modal-movie-box-close01 button::before {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%) rotate(45deg);
    width: 1.3167520117vw;
    height: .2194586686vw;
    background-color: #001e62;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .modal-movie .modal-movie-box-close01 button::before {
        width: 4.8vw;
        height: .8vw
    }
}

.modal-movie .modal-movie-box-close01 button::after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%) rotate(-45deg);
    width: 1.3167520117vw;
    height: .2194586686vw;
    background-color: #001e62;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .modal-movie .modal-movie-box-close01 button::after {
        width: 4.8vw;
        height: .8vw
    }
}

.modal-howto {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: #40c3c3;
    overflow-y: scroll;
    display: none
}

@media screen and (max-width:767px) {
    .modal-howto {
        z-index: 1200
    }
}

.modal-howto-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.modal-howto-outer {
    padding: 7.6810534016vw 0;
    margin: 0 auto;
    width: 73.1528895391vw
}

@media screen and (max-width:767px) {
    .modal-howto-outer {
        padding: 16vw 8vw;
        width: 100%
    }
}

.modal-howto-inner {
    position: relative;
    padding: 4.3891733723vw;
    background-color: #fff;
    border-radius: 20px;
    z-index: 10
}

@media screen and (max-width:767px) {
    .modal-howto-inner {
        padding: 8vw 5.3333333333vw 5.3333333333vw
    }
}

.modal-howto-inner .ttl01 {
    font-size: 3.5113386979vw;
    font-weight: 800;
    color: #001e62;
    letter-spacing: .04em;
    text-align: center
}

@media screen and (max-width:767px) {
    .modal-howto-inner .ttl01 {
        font-size: 6.4vw;
        line-height: 1.2
    }
}

.modal-howto-inner .ttl01 .en {
    font-weight: 900
}

@media screen and (max-width:767px) {
    .modal-howto-inner .ttl01 .en {
        display: block
    }
}

.modal-howto-inner .box01 {
    margin-top: 3.657644477vw;
    display: flex;
    padding-top: 1.0972933431vw;
    gap: 0 3.657644477vw
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 {
        flex-direction: column;
        align-items: center
    }
}

.modal-howto-inner .box01 .txtBox {
    flex: 1
}

.modal-howto-inner .box01 .txtBox .step .border {
    position: relative;
    display: inline-block;
    font-size: 2.9261155816vw;
    font-weight: 700;
    padding: 0 .3657644477vw;
    line-height: 1.3;
    color: #40c3c3
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .txtBox .step .border {
        font-size: 6.4vw;
        padding: 0 1.3333333333vw
    }
}

.modal-howto-inner .box01 .txtBox .step .border .num {
    font-size: 5.2670080468vw
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .txtBox .step .border .num {
        font-size: 11.7333333333vw
    }
}

.modal-howto-inner .box01 .txtBox .step .border::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    border-radius: .4389173372vw;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .txtBox .step .border::before {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.modal-howto-inner .box01 .txtBox .step .border::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(50% - .5120702268vw);
    height: .4389173372vw;
    border-radius: .4389173372vw;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .txtBox .step .border::after {
        width: calc(50% - 1.8666666667vw);
        height: .8vw;
        border-radius: .8vw
    }
}

.modal-howto-inner .box01 .txtBox .step .border .inner {
    position: relative;
    display: block;
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .txtBox .step .border .inner {
        padding-bottom: 0
    }
}

.modal-howto-inner .box01 .txtBox .step .border .inner::after {
    content: "";
    position: absolute;
    top: calc(100% - .4389173372vw);
    right: calc(50% + .4389173372vw);
    transform: translateX(50%) rotate(-20deg);
    width: .4389173372vw;
    height: 2.0482809071vw;
    border-radius: .4389173372vw;
    background-color: #ffd940
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .txtBox .step .border .inner::after {
        top: calc(100% - .8vw);
        right: calc(50% + 1.3333333333vw);
        width: .8vw;
        height: 4.8vw;
        border-radius: .8vw
    }
}

.modal-howto-inner .box01 .txtBox .txt {
    margin-top: 2.5603511339vw;
    flex: 1;
    font-size: 1.901975128vw;
    font-weight: 700;
    color: #001e62;
    letter-spacing: .04em;
    line-height: 1.53
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .txtBox .txt {
        margin-top: 4.8vw;
        font-size: 4.2666666667vw;
        letter-spacing: .02em;
        text-align: center
    }
}

.modal-howto-inner .box01 .image {
    width: 21.2143379663vw
}

.modal-howto-inner .box01 .image img {
    border-radius: 20px
}

@media screen and (max-width:767px) {
    .modal-howto-inner .box01 .image {
        margin-top: 5.3333333333vw;
        border-radius: 2.6666666667vw;
        width: 48vw
    }
}

.modal-howto-inner .box01+.box01 {
    margin-top: 4.75493782vw
}

.modal-howto-box {
    display: none
}

.modal-howto-close01 {
    font-size: 0;
    position: absolute;
    top: 1.4630577908vw;
    right: 1.4630577908vw;
    width: 5.8522311631vw;
    height: 5.8522311631vw;
    z-index: 20
}

@media screen and (max-width:767px) {
    .modal-howto-close01 {
        top: 2.6666666667vw;
        right: 2.6666666667vw;
        width: 10.6666666667vw;
        height: 10.6666666667vw
    }
}

.modal-howto-close01 button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100vh;
    font-size: 0;
    cursor: pointer
}

.modal-howto-close01 button::before {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%) rotate(45deg);
    width: 1.7556693489vw;
    height: .2926115582vw;
    background-color: #001e62;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .modal-howto-close01 button::before {
        width: 4.8vw;
        height: .8vw
    }
}

.modal-howto-close01 button::after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%) rotate(-45deg);
    width: 1.7556693489vw;
    height: .2926115582vw;
    background-color: #001e62;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .modal-howto-close01 button::after {
        width: 4.8vw;
        height: .8vw
    }
}

.modal-howto-close02 {
    margin: 4.3891733723vw auto 0;
    width: 64.3745427944vw
}

@media screen and (max-width:767px) {
    .modal-howto-close02 {
        margin-top: 8vw;
        width: 73.3333333333vw
    }
}

.modal-howto-close02 button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8.7783467447vw;
    border-radius: 10px;
    background-color: #cc1400;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .modal-howto-close02 button {
        height: 17.3333333333vw;
        border-radius: 2.6666666667vw
    }
}

.modal-howto-close02 button .txt {
    position: absolute;
    right: 50%;
    bottom: 50%;
    font-size: 2.1945866862vw;
    font-weight: 700;
    color: #fff;
    transform: translate(50%, 50%)
}

@media screen and (max-width:767px) {
    .modal-howto-close02 button .txt {
        font-size: 4.2666666667vw;
        text-align: center
    }
}

.modal-howto-close02 button i {
    position: absolute;
    right: 2.9261155816vw;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #fff;
    width: 2.9261155816vw;
    height: 2.9261155816vw;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .modal-howto-close02 button i {
        right: 2.6666666667vw;
        width: 6.4vw;
        height: 6.4vw
    }
}

.modal-howto-close02 button i::before {
    content: "";
    position: absolute;
    transform: translate(50%, 50%);
    right: 50%;
    bottom: 50%;
    width: 1.7556693489vw;
    height: .2926115582vw;
    background-color: #cc1400;
    border-radius: 100vh
}

@media screen and (max-width:767px) {
    .modal-howto-close02 button i::before {
        width: 3.84vw;
        height: .64vw
    }
}