@charset "utf-8";


/**
 * スマホ用設定
 */
@media ( width < 768px ) {

    #mv-slider-1 {
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1560 / 2212;
    }
    #mv-slider-1 .mv-bg1 {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    #mv-slider-1 .mv-bg1 img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    #mv-slider-1 .mv-bg2 {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        padding: 0;
        width: calc( 100% * 746 / 780 );
        height: auto;
    }
    #mv-slider-1 .mv-bg2 img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    #mv-slider-1 .mv-box {
        position: absolute;
        bottom: 45%;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    #mv-slider-1 .mv-box h1 {
        margin: 0;
        padding: 0;
        color: #fff;
        text-align: center;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(1) {
        margin: 0;
        padding: 0;
        font-size: 10.4vw;
        font-weight: 900;
        font-style: italic;
        letter-spacing: 0.01em;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(1) span {
        font-size: 80%;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(2) {
        margin: .0em 0 0;
        padding: 0;
        font-size: 6.0vw;
        font-weight: 700;
        letter-spacing: 0.05em;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(3) {
        margin: 1.0em 0 0;
        padding: 0;
        font-size: 3.6vw;
        font-weight: 400;
        letter-spacing: 0.01em;
    }
    #mv-slider-1 .mv-telop {
        position: absolute;
        bottom: 10%;
        left: 0;
        margin: 0;
        padding: 0;
        width: max-content;
        color: rgba( 255, 255, 255, 0.31 );
        font-size: 20.0vw;
        font-family: var(--font-alphabet);
        font-weight: 700;
        line-height: 1.0;
        white-space: nowrap;
        transform: translateX( 0 );
        z-index: 9;
        animation: anim-telop-sp 12.0s linear 0s infinite;
    }

    main {
        margin: 0 auto;
        width: 100%;
    }

    .common-sec {
        margin: 0 auto;
        padding: 12.0vw 5%;
        width: 100%;
    }

    .common-flex {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8.0vw 0;
    }
    .common-flex .common-flex-col50 {
        margin: 0;
        padding: 0;
        width: 100%;
    }


    .common-sec h2 {
        margin: 0;
        padding: 0;
    }
    .common-sec h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        color: #0061d1;
        font-size: 6.0vw;
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: left;
    }
    .common-sec h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: 8.0vw;
        font-weight: 700;
        text-align: left;
        line-height: calc( 56 / 48 );
    }
    .common-sec p {
        margin: 1.5em 0 0;
        padding: 0;
        font-size: 3.6vw;
        font-weight: 400;
        text-align: left;
        line-height: calc( 33 / 16 );
    }
    .common-sec ul.common-check {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .common-sec ul.common-check li {
        position: relative;
        margin: 0;
        padding: 4.0vw 4.0vw 4.0vw 16.0vw;
        list-style: none;
        font-size: 4.0vw;
        font-weight: 700;
        text-align: left;
        line-height: calc( 28 / 19 );
        background: #f4f4f4;
    }
    .common-sec ul.common-check li::before {
        position: absolute;
        content: "";
        margin: 0;
        padding: ;
        top: calc( 50% - 4.0vw );
        left: 4.0vw;
        width: 8.0vw;
        height: auto;
        aspect-ratio: 1 / 1;
        background: url(../images/icon-check-navy.svg) no-repeat center / contain;
    }
    .common-sec ul.common-check li + li {
        margin-top: 1.0vw;
    }


    #top-howto {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 780 / 1146;
        background: #012d76;
    }
    #top-howto .pic {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }
    #top-howto .pic img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #top-howto .howto-box {
        position: absolute;
        top: 50%;
        left: 5%;
        translate: 0 -50%;
        width: 90%;
    }
    #top-howto .howto-box h2 {
        margin: 0;
        padding: 0;
        color: #fff;
    }
    #top-howto .howto-box h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 6.0vw;
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: left;
    }
    #top-howto .howto-box h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: 8.0vw;
        font-weight: 700;
        text-align: left;
        line-height: calc( 56 / 48 );
    }
    #top-howto .howto-box .howto-grid {
        margin: 4.0vw 0 0;
        padding: 0;
        width: 100%;
        display: grid;
        grid-template-columns: repeat( 2, 1fr );
        gap: 2.0vw 2.0vw;
    }
    #top-howto .howto-box .howto-grid .howto-item {
        margin: 0;
        padding: 4.0vw 0;
        width: 100%;
        background: #fff;
    }
    #top-howto .howto-box .howto-grid .howto-item .icon {
        margin: 0 auto;
        padding: 0;
        width: 50%;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    #top-howto .howto-box .howto-grid .howto-item .icon img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #top-howto .howto-box .howto-grid .howto-item p {
        margin: 1.0em 0 0;
        padding: 0;
        font-size: 4.0vw;
        font-weight: 700;
        text-align: center;
        line-height: calc( 24 / 19 );
    }

    #top-processing {
        margin: 0 auto;
        padding: 12.0vw 5%;
        width: 100%;
        background: #f8f8f8;
    }
    #top-processing > h2 {
        margin: 0;
        padding: 0;
    }
    #top-processing > h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        color: #0061d1;
        font-size: 6.0vw;
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: center;
    }
    #top-processing > h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: 8.0vw;
        font-weight: 700;
        text-align: center;
        line-height: calc( 56 / 48 );
    }
    #top-processing > .processing-flex {
        margin: 8.0vw auto 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        gap: 4.0vw;
    }
    #top-processing > .processing-flex .processing-item {
        position: relative;
        margin: 0;
        padding: 3.2vw;
        width: 100%;
        background: #fff;
    }
    #top-processing > .processing-flex .processing-item::after {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        width: 3.2vw;
        height: auto;
        aspect-ratio: 1 / 1;
        background: #0061d1;
        clip-path: polygon( 100% 0, 100% 100%, 0 100% );
    }
    #top-processing > .processing-flex .processing-item .pic {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 656 / 370;
    }
    #top-processing > .processing-flex .processing-item .pic img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #top-processing > .processing-flex .processing-item p {
        margin: 1.0em 0 0;
        padding: 0;
        width: 100%;
        font-size: 4.8vw;
        font-weight: 700;
        text-align: center;
    }

    #top-about {
        margin: 0 auto;
        padding: 4.0vw 0;
        width: 100%;
        background: #000;
    }
    #top-about .about-box {
        position: relative;
        margin: 0;
        padding: 0 0 28.0vw;
        width: 100%;
        height: auto;
        background: #fff;
    }
    #top-about .about-box + .about-box {
        margin-top: 4.0vw;
    }
    #top-about .about-box::after {
/*
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20.0vw;
        background: linear-gradient( to left, #0161d1, #012d76 );
        clip-path: polygon( 0 0, 100% 60%, 100% 100%, 0 100% );
        translate: 0 0.2vw;
*/
    }
    #top-about .about-box .about-box-deco {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20.0vw;
        background: linear-gradient( to left, #0161d1, #012d76 );
        clip-path: polygon( 0 0, 100% 60%, 100% 100%, 0 100% );
        translate: 0 0.2vw;
    }
    #top-about .about-box .pic {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        translate: 0 -0.2vw;
    }
    #top-about .about-box .pic img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    #top-about .about-box .about-info {
        margin: 0;
        padding: 0 5%;
        width: 100%;
    }
    #top-about .about-box .about-info h2 {
        margin: 0;
        padding: 0;
    }
    #top-about .about-box .about-info h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        color: #0061d1;
        font-size: 6.0vw;
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: left;
    }
    #top-about .about-box .about-info h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: 8.0vw;
        font-weight: 700;
        text-align: left;
        line-height: calc( 56 / 48 );
    }
    #top-about .about-box .about-info p {
        margin: 1.5em 0 0;
        padding: 0;
        font-size: 3.6vw;
        font-weight: 400;
        text-align: left;
        line-height: calc( 33 / 16 );
    }
    #top-about .about-box .about-info a {
        position: relative;
        display: grid;
        place-items: center;
        margin: 2.0em auto 0;
        padding: 0;
        width: 80%;
        height: auto;
        aspect-ratio: 352 / 76;
        color: #fff;
        font-size: 4.0vw;
        font-weight: 700;
        text-align: center;
        line-height: 1.0;
        background: #000;
    }
    #top-about .about-box .about-info a::after {
        position: absolute;
        content: "";
        display: block;
        top: calc( 50% - 0.2em - 1px );
        right: 2.0em;
        width: 0.4em;
        height: 0.4em;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        rotate: -45deg;
    }


}


/**
 * PC用設定
 */
@media ( width >= 768px ) {

    #mv-slider-1 {
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: calc( 152px + 100vw * 687 / 1920 );
    }
    #mv-slider-1 .mv-bg1 {
        margin: 0;
        padding: 0;
        width: calc( 100% * 1559 / 1920 );
        height: auto;
    }
    #mv-slider-1 .mv-bg1 img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    #mv-slider-1 .mv-bg2 {
        position: absolute;
        top: 152px;
        right: 0;
        margin: 0;
        padding: 0;
        width: calc( 100% * 1140 / 1920 );
        height: auto;
    }
    #mv-slider-1 .mv-bg2 img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    #mv-slider-1 .mv-box {
        position: absolute;
        bottom: calc( 152px + 100vw * ( 40 + 130 + 687 - 756 ) / 1920 );
        left: 10%;
        width: 60%;
        z-index: 9;
    }
    #mv-slider-1 .mv-box h1 {
        margin: 0;
        padding: 0;
        color: #fff;
        text-align: left;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(1) {
        margin: 0;
        padding: 0;
        font-size: 5.2vw;
        font-weight: 900;
        font-style: italic;
        letter-spacing: 0.01em;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(1) span {
        font-size: 80%;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(2) {
        margin: 1.0em 0 0;
        padding: 0;
        font-size: 2.0vw;
        font-weight: 700;
        line-height: calc( 41 / 33 );
        letter-spacing: 0.1em;
    }
    #mv-slider-1 .mv-box h1 div:nth-of-type(3) {
        margin: 1.0em 0 0;
        padding: 0;
        font-size: 1.0vw;
        font-weight: 400;
        line-height: calc( 33 / 16 );
    }
    #mv-slider-1 .mv-telop {
        position: absolute;
        bottom: calc( 152px + 100vw * ( 10 + 687 - 756 ) / 1920 );
        left: 0;
        margin: 0;
        padding: 0;
        width: max-content;
        color: rgba( 255, 255, 255, 0.31 );
        font-size: calc( 100vw * 130 / 1920 );
        font-family: var(--font-alphabet);
        font-weight: 700;
        line-height: 1.0;
        white-space: nowrap;
        transform: translateX( 0 );
        z-index: 9;
        animation: anim-telop-pc 8.0s linear 0s infinite;
    }

    main {
        margin: 0 auto;
        width: 100%;
    }

    .common-sec {
        margin: 0 auto;
        padding: 60px max( 5%, calc( 50vw - 600px ) );
        width: 100%;
    }

    .common-flex {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: flex;
        align-items: flex-start;
        gap: 0 40px;
    }
    .common-flex .common-flex-col50 {
        margin: 0;
        padding: 0;
        width: 50%;
    }


    .common-sec h2 {
        margin: 0;
        padding: 0;
    }
    .common-sec h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        color: #0061d1;
        font-size: 33px;
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: left;
    }
    .common-sec h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: 48px;
        font-weight: 700;
        text-align: left;
        line-height: calc( 56 / 48 );
    }
    .common-sec p {
        margin: 1.5em 0 0;
        padding: 0;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        line-height: calc( 33 / 16 );
    }
    .common-sec ul.common-check {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .common-sec ul.common-check li {
        position: relative;
        margin: 0;
        padding: 26px 26px 26px 96px;
        list-style: none;
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        line-height: calc( 28 / 19 );
        background: #f4f4f4;
    }
    .common-sec ul.common-check li::before {
        position: absolute;
        content: "";
        margin: 0;
        padding: ;
        top: calc( 50% - 24px );
        left: 26px;
        width: 48px;
        height: auto;
        aspect-ratio: 1 / 1;
        background: url(../images/icon-check-navy.svg) no-repeat center / contain;
    }
    .common-sec ul.common-check li + li {
        margin-top: 8px;
    }


    #top-howto {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 3840 / 1106;
        background: #012d76;
    }
    #top-howto .pic {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }
    #top-howto .pic img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #top-howto .howto-box {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 62.5%;
    }
    #top-howto .howto-box h2 {
        margin: 0;
        padding: 0;
        color: #fff;
    }
    #top-howto .howto-box h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        font-size: calc( 33 * 100vw / 1920 );
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: left;
    }
    #top-howto .howto-box h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: calc( 48 * 100vw / 1920 );
        font-weight: 700;
        text-align: left;
        line-height: calc( 56 / 48 );
    }
    #top-howto .howto-box .howto-grid {
        margin: 1.6vw 0 0;
        padding: 0;
        width: 100%;
        display: grid;
        grid-template-columns: repeat( 4, 1fr );
        gap: 0 1.0vw;
    }
    #top-howto .howto-box .howto-grid .howto-item {
        margin: 0;
        padding: 1.6vw 0;
        width: 100%;
        background: #fff;
    }
    #top-howto .howto-box .howto-grid .howto-item .icon {
        margin: 0 auto;
        padding: 0;
        width: 6.7vw;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    #top-howto .howto-box .howto-grid .howto-item .icon img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #top-howto .howto-box .howto-grid .howto-item p {
        margin: 1.0em 0 0;
        padding: 0;
        font-size: calc( 19 * 100vw / 1920 );
        font-weight: 700;
        text-align: center;
        line-height: calc( 24 / 19 );
    }

    #top-processing {
        margin: 0 auto;
        padding: 64px max( 5%, calc( 50vw - 600px ) );
        width: 100%;
        background: #f8f8f8;
    }
    #top-processing > h2 {
        margin: 0;
        padding: 0;
    }
    #top-processing > h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        color: #0061d1;
        font-size: calc( 33 * 100vw / 1920 );
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: center;
    }
    #top-processing > h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: calc( 48 * 100vw / 1920 );
        font-weight: 700;
        text-align: center;
        line-height: calc( 56 / 48 );
    }
    #top-processing > .processing-flex {
        margin: 32px auto 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        gap: 24px 24px;
    }
    #top-processing > .processing-flex .processing-item {
        position: relative;
        margin: 0;
        padding: 16px;
        width: calc( 33.3% - 16px );
        background: #fff;
    }
    #top-processing > .processing-flex .processing-item::after {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        width: 16px;
        height: auto;
        aspect-ratio: 1 / 1;
        background: #0061d1;
        clip-path: polygon( 100% 0, 100% 100%, 0 100% );
    }
    #top-processing > .processing-flex .processing-item .pic {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 656 / 370;
    }
    #top-processing > .processing-flex .processing-item .pic img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #top-processing > .processing-flex .processing-item p {
        margin: 1.0em 0 0;
        padding: 0;
        width: 100%;
        font-size: 23px;
        font-weight: 700;
        text-align: center;
    }

    #top-about {
        margin: 0 auto;
        padding: 24px 0;
        width: 100%;
        background: #000;
    }
    #top-about .about-box {
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1920 / 620;
        background: #fff;
        clip-path: polygon( 0 0, 100% 0, 100% calc( 100% - 1px ), 0 calc( 100% - 1px ) );
    }
    #top-about .about-box + .about-box {
        margin-top: 24px;
    }
    #top-about .about-box::after {
/*
        position: absolute;
        content: "";
        top: 0;
        width: 18.75%;
        height: 100%;
        background: linear-gradient( to bottom, #0161d1, #012d76 );
*/
    }
    #top-about .about-box .about-box-deco {
        position: absolute;
        top: 0;
        width: 18.75%;
        height: 100%;
        background: linear-gradient( to bottom, #0161d1, #012d76 );
    }
    #top-about .about-box.left::after {
        right: 0;
        clip-path: polygon( 0 100%, 60% 0, 100% 0, 100% 100% );
    }
    #top-about .about-box.left .about-box-deco {
        right: 0;
        clip-path: polygon( 0 100%, 60% 0, 100% 0, 100% 100% );
    }
    #top-about .about-box.left .pic {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: calc( 100% * 948 / 1920 );
        height: 100%;
        aspect-ratio: 1896 / 1240;
    }
    #top-about .about-box.left .pic img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #top-about .about-box.right::after {
        left: 0;
        clip-path: polygon( 0 0, 100% 0, 40% 100%, 0 100% );
    }
    #top-about .about-box.right .about-box-deco {
        left: 0;
        clip-path: polygon( 0 0, 100% 0, 40% 100%, 0 100% );
    }
    #top-about .about-box.right .pic {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        width: calc( 100% * 948 / 1920 );
        height: 100%;
        aspect-ratio: 1896 / 1240;
    }
    #top-about .about-box.right .pic img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #top-about .about-box.left .about-info {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        padding: 0;
        width: 50%;
        translate: 0 -50%;
    }
    #top-about .about-box.right .about-info {
        position: absolute;
        top: 50%;
        left: 20%;
        margin: 0;
        padding: 0;
        width: 50%;
        translate: 0 -50%;
    }
    #top-about .about-box .about-info h2 {
        margin: 0;
        padding: 0;
    }
    #top-about .about-box .about-info h2 span:nth-of-type(1) {
        display: block;
        margin: 0;
        padding: 0;
        color: #0061d1;
        font-size: calc( 33 * 100vw / 1920 );
        font-weight: 700;
        font-family: var(--font-alphabet);
        text-align: left;
    }
    #top-about .about-box .about-info h2 span:nth-of-type(2) {
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        font-size: calc( 48 * 100vw / 1920 );
        font-weight: 700;
        text-align: left;
        line-height: calc( 56 / 48 );
    }
    #top-about .about-box .about-info p {
        margin: 1.5em 0 0;
        padding: 0;
        font-size: calc( 16 * 100vw / 1920 );
        font-weight: 400;
        text-align: left;
        line-height: calc( 33 / 16 );
    }
    #top-about .about-box .about-info a {
        position: relative;
        display: grid;
        place-items: center;
        margin: 2.0em 0 0;
        padding: 0;
        width: 40%;
        height: auto;
        aspect-ratio: 352 / 76;
        color: #fff;
        font-size: calc( 19 * 100vw / 1920 );
        font-weight: 700;
        text-align: center;
        line-height: 1.0;
        background: #000;
    }
    #top-about .about-box .about-info a::after {
        position: absolute;
        content: "";
        display: block;
        top: calc( 50% - 0.2em - 1px );
        right: 2.0em;
        width: 0.4em;
        height: 0.4em;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        rotate: -45deg;
    }

}


@keyframes anim-telop-pc {
    0%   { transform: translateX( 0vw ); }
    100% { transform: translateX( -96vw ); }
}


@keyframes anim-telop-sp {
    0%   { transform: translateX( 0 ); }
    100% { transform: translateX( -285vw ); }
}