<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* ==========================================================
*
*   layout
*
========================================================== */
/* ---------------------------------------------
*   contents
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .footer-wrap {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .footer-pagetop {
        position: fixed;
        right: 24px;
        bottom: 30px;
        z-index: 999;
        display: none;
        width: 68px;
        height: 68px;
    }
    .footer-pagetop--2 {
        bottom: 230px !important;
    }
    .footer-pagetop--2.is-absolute {
        top: -310px !important;
        bottom: auto;
    }
    .footer-pagetop--2 .footer-pagetop__link {
        transition: opacity .3s;
    }
    .footer-pagetop--2 .footer-pagetop__link:hover {
        opacity: .8;
    }
    .footer-pagetop--icon {
        right: 30px;
        bottom: 100px;
        z-index: 1000;
        width: 156px;
        height: auto;
    }
    .footer-pagetop--icon.is-absolute {
        top: -247px !important;
        bottom: auto;
    }
    .footer-pagetop--use {
        right: 30px;
        bottom: 100px;
        z-index: 1000;
        width: 98px;
        height: auto;
        -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
        filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
    }
    .footer-pagetop--use.is-absolute {
        top: -210px !important;
        bottom: auto;
    }
    .footer-pagetop.is-absolute {
        position: absolute;
        top: -110px;
        bottom: auto;
    }
    .footer-pagetop__link {
        display: block;
    }
    .footer-pagetop__link-txt {
        display: block;
    }
    .footer-pagetop__link-txt::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../202205img/icon_pagetop_hover.png);
        background-position: 0 0;
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        opacity: 0;
    }
    .footer-pagetop__link-txt:hover {
        opacity: 1;
    }
    .footer-pagetop__link-txt:hover::before {
        opacity: 1;
    }
    .footer-pagetop--icon .footer-pagetop__link-txt::before {
        background-image: url(../202205img/img_fixed_btn_hover.png);
    }
    .footer-pagetop--use .footer-pagetop__link-txt::before {
        background-image: url(../202205img/mfgroup/btn_benefit_use_hover.png);
    }
    .footer-facility {
        margin: 0 auto;
        padding: 2em 0;
        width: 100%;
        background: #0068b7;
        color: #fff;
    }
    .footer-facility__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        margin: 0 auto;
        max-width: 1080px;
        width: 100%;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 751px) and (max-width: 1234px) {
    .footer-facility__list {
        max-width: 900px;
    }
}

@media screen and (min-width: 751px) and (max-width: 1028px) {
    .footer-facility__list {
        max-width: 720px;
    }
}

@media screen and (min-width: 751px) and (max-width: 822px) {
    .footer-facility__list {
        max-width: 540px;
    }
}

@media screen and (min-width: 751px) {
    .footer-facility__list li {
        margin: 5px;
        width: 170px;
        height: 70px;
        border-radius: 5px;
        background-color: #fff;
    }
    .footer-facility__list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        width: 100%;
        height: 100%;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .num_01 {
        width: 115px;
    }
    .num_02 {
        width: 145px;
    }
    .num_03 {
        width: 150px;
    }
    .num_04 {
        width: 88px;
    }
    .num_05 {
        width: 83px;
    }
    .num_06 {
        width: 120px;
    }
    .num_07 {
        width: 90px;
    }
    .num_08 {
        width: 155px;
    }
    .num_09 {
        width: 125px;
    }
    .num_10 {
        width: 127px;
    }
    .num_11 {
        width: 115px;
    }
    .num_12 {
        width: 78px;
    }
    .num_15 {
        width: 89px;
    }
    .footer-facility__txtlink-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        margin-top: 25px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1080px;

        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer-facility__txtlink {
        margin-top: 15px;
        padding: 0 12px;
        border-left: 1px solid #fff;
        font-weight: normal;
        font-size: 14px;
        line-height: 1;
    }
    .footer-facility__txtlink:nth-child(4) {
        border-right: 1px solid #fff;
    }
    .footer-facility__txtlink:last-child {
        border-right: 1px solid #fff;
    }
    .footer_bottom .footer_bottom_wrap {
        position: relative;
        margin: 30px auto 0;
        padding-bottom: 30px;
        width: 810px;
        background: #ffffff;
        font-size: 12px;
    }
    .mf-logo {
        position: absolute;
        top: 0;
        right: 0;
    }
    .mf-logo:hover {
        opacity: 0.7;
    }
    .mf-logo img {
        width: 206px;
        height: auto;
    }
    .footer_bottom_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #908d7d;
        font-weight: normal;
    }
    .footer_bottom_list li {
        margin-right: 1em;
    }
    .footer_bottom_list li:first-child {
        color: #000;
    }
    #footer .copyright {
        min-width: auto;
        height: auto;
        background: none;
        color: #d2cdba;
    }
    #footer .copyright span {
        display: inline;
        padding-top: 0;
        color: #d2cdba;
        text-align: left;
    }
    .footer__bnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        height: 90px;
        background-color: #77c2dd;

        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .footer__bnr-item {
        width: 450px;
        height: 45px;
    }
    .footer__bnr-item--large {
        width: 530px;
    }
    .footer__bnr-link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin: 0 auto;
        height: 100%;
        background-color: white;
        color: #77c2dd;
        font-size: 18px;
        -webkit-transition: .3s;
        transition: .3s;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .footer__bnr-link:after {
        position: absolute;
        top: 50%;
        right: 6%;
        width: 10px;
        height: 10px;
        border-top: 2px solid #77c2dd;
        border-right: 2px solid #77c2dd;
        content: '';
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    .footer__bnr-link:hover {
        background-color: #0068b7;
        color: white;
    }
    .footer__bnr-link:hover:after {
        border-top: 2px solid white;
        border-right: 2px solid white;
    }
    .footer__bnr-link--rounded {
        border-radius: 5px;
    }
}

@media screen and (max-width: 750px) {
    #footer {
        padding-bottom: 0;
        background-color: #fffae6;
    }
    .footer--rower {
        margin-bottom: 17.53333vw;
    }
    .footer--type2 {
        margin-bottom: 28.8vw;
    }
    .footer-wrap {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .footer-pagetop {
        position: absolute;
        top: -33.33333vw;
        right: 1.73333vw;
        left: auto;
        z-index: 999;
        display: none;
        width: 18.13333vw;
        height: 18.13333vw;
    }
    .footer-pagetop--icon {
        position: fixed;
        top: auto;
        right: 3.2vw;
        right: 0;
        bottom: 16vw;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        height: 12.8vw;
    }
    .windows .footer-pagetop--icon {
        bottom: -0.8vw;
    }
    .footer-pagetop--icon.is-absolute {
        position: absolute;
        top: auto !important;
        bottom: 100%;
    }
    .windows .footer-pagetop--icon.is-absolute {
        bottom: 99%;
    }
    .footer-pagetop--use {
        position: fixed;
        top: auto;
        right: 3.2vw;
        right: 0;
        bottom: 16vw;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        height: 11.73333vw;
    }
    .windows .footer-pagetop--use {
        bottom: -0.8vw;
    }
    .footer-pagetop--use.is-absolute {
        position: absolute;
        top: auto !important;
        bottom: 99%;
    }
    .footer-pagetop__link {
        display: block;
    }
    .footer_bottom {
        background-color: #ffffff;
    }
    .footer-facility {
        padding-bottom: 3.33333vw;
        background: #0068b7;
    }
    .footer-facility__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        margin: 0 auto;
        padding-top: 5.33333vw;
        width: 80vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .footer-facility__list li {
        margin: 0.66667vw;
        width: 25.33333vw;
        height: 9.33333vw;
        border-radius: 5px;
        background-color: #fff;
    }
    .footer-facility__list li a {
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        width: 100%;
        height: 100%;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .num_01 {
        width: 15.33333vw;
    }
    .num_02 {
        width: 15.73333vw;
    }
    .num_03 {
        width: 20vw;
    }
    .num_04 {
        width: 11.73333vw;
    }
    .num_05 {
        width: 11.06667vw;
    }
    .num_06 {
        width: 16vw;
    }
    .num_07 {
        width: 12vw;
    }
    .num_08 {
        width: 20.66667vw;
    }
    .num_09 {
        width: 16.66667vw;
    }
    .num_10 {
        width: 16.93333vw;
    }
    .num_11 {
        width: 15.33333vw;
    }
    .num_12 {
        width: 10.4vw;
    }
    .num_15 {
        width: 11.86667vw;
    }
    .footer-facility__txtlink-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        margin: 0 auto;
        margin-top: 3.33333vw;
        width: 80vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .footer-facility__txtlink-list--facility {
        margin-top: 0;
        padding-top: 5.33333vw;
    }
    .footer-facility__txtlink {
        display: inherit;
        margin-bottom: .35em;
        padding: 0 1.46667vw;
        border-left: 1px solid #fff;
        font-weight: normal;
        line-height: 1;
    }
    .footer-facility__txtlink:nth-of-type(3n) {
        border-right: 1px solid #fff;
    }
    .footer-facility__txtlink:last-child {
        border-right: 1px solid #fff;
    }
    .footer-facility__txtlink a {
        color: #fff;
        font-size: 1.86667vw;
    }
    .footer_bottom .footer_bottom_wrap {
        position: relative;
        margin: 4vw auto;
        padding: 0 5.33333vw;
        width: 100%;
        background: #ffffff;
        font-size: 1.6vw;
    }
    .mf-logo {
        position: static;
        text-align: center;
    }
    .mf-logo:hover {
        opacity: 0.7;
    }
    .mf-logo img {
        margin: 2.66667vh auto;
        max-width: 200px;
        width: 50%;
        height: auto;
    }
    .footer_bottom_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        margin: 0 auto;
        width: 66.66667vw;
        color: #908d7d;
        font-weight: normal;
        font-size: 1.6vw;

        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer_bottom_list li {
        margin-right: 1em;
        margin-bottom: 1em;
    }
    .footer_bottom_list li:first-child {
        color: #000;
    }
    .footer_bottom_list li:last-of-type {
        margin-right: 0;
        margin-bottom: 0;
    }
    .footer_bottom_list li a {
        font-size: 1.6vw;
    }
    #footer .copyright {
        min-width: auto;
        height: auto;
        background: none;
        color: #d2cdba;
        text-align: center;
    }
    #footer .copyright span {
        display: inline;
        padding-top: 0;
        color: #d2cdba;
        text-align: left;
        font-size: 1.6vw;
    }
    .footer__bnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        height: 12vw;
        background-color: #77c2dd;

        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .footer__bnr-item {
        width: 57.33333vw;
        height: 6vw;
    }
    .footer__bnr-item--large {
        width: 70.66667vw;
    }
    .footer__bnr-link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin: 0 auto;
        height: 100%;
        background-color: white;
        color: #77c2dd;
        font-size: 2.4vw;
        -webkit-transition: .3s;
        transition: .3s;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .footer__bnr-link:after {
        position: absolute;
        top: 50%;
        right: 6%;
        width: 1.33333vw;
        height: 1.33333vw;
        border-top: 2px solid #77c2dd;
        border-right: 2px solid #77c2dd;
        content: '';
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    .footer__bnr-link:hover {
        background-color: #0068b7;
        color: white;
    }
    .footer__bnr-link:hover:after {
        border-top: 2px solid white;
        border-right: 2px solid white;
    }
    .footer__bnr-link--rounded {
        border-radius: 5px;
    }
    .footer--top {
        margin-bottom: 15.33333vw;
    }
}

/* ---------------------------------------------
*   header
--------------------------------------------- */
.header {
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .header {
        position: relative;
        height: 49px;
        border-bottom: 1px solid #ccc;
    }
}

/*  header-container
--------------------------------------------- */
/*  header-logo
--------------------------------------------- */
.header-logo {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
    height: 50px;
}

@media screen and (max-width: 750px) {
    .header-logo {
        float: left;
        margin-left: 9px;
        max-width: none;
        width: auto;
        height: auto;
        font-weight: bold;
        line-height: 49px;
    }
}

.header-logo__link {
    display: block;
    margin: 0 auto;
    padding: 15px 0px 0px 5px;
}

@media screen and (min-width: 751px) {
    .header-logo__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .header-logo__link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 750px) {
    .header-logo__link {
        display: inline;
        margin: auto;
        padding: 0;
        font-size: 0.78em;
    }
}

.header-logo__link:before {
    margin-right: 0.2em;
    content: url(../202205img/icon_logomark.png);
}

@media screen and (max-width: 750px) {
    .header-logo__link:before {
        display: inline-block;
        margin: 0;
        width: 2.5em;
        height: 1.5em;
        background: url(../202205img/icon_logomark.png) no-repeat;
        background-size: contain;
        content: "";
        vertical-align: middle;
    }
}

.header-logo__img {
    vertical-align: baseline;
}

@media screen and (max-width: 750px) {
    .header-logo__img {
        position: absolute;
        top: 50%;
        left: 10.7%;
        width: 60%;
        vertical-align: top;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/*  header-nav
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .header-nav__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .header-nav__link:hover {
        opacity: 0.7;
    }
}

/*  header-sp-trigger
--------------------------------------------- */
/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
.wrapper.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    .wrapper--mfgroup .msp-header__flex-wrap {
        border-bottom: none;
    }
}

/* ==========================================================
*
*   component
*
========================================================== */
/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
.c-block-1 {
    padding-top: 40px;
    padding-bottom: 80px;
}

@media screen and (max-width: 750px) {
    .c-block-1 {
        padding-top: 8vw;
        padding-bottom: 10.66667vw;
    }
}

.c-block-1__lead {
    color: #041C53;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
}

@media screen and (max-width: 750px) {
    .c-block-1__lead {
        font-size: 4.53333vw;
        line-height: 1.7;
    }
}

.c-block-1__info {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .c-block-1__info {
        margin-top: 5.33333vw;
    }
}

.c-block-1__info-head {
    margin-right: auto;
    margin-left: auto;
    width: 269px;
}

@media screen and (max-width: 750px) {
    .c-block-1__info-head {
        width: 58.4%;
    }
}

.c-block-1__slide {
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 37px;
    max-width: 1000px;
}

@media screen and (max-width: 750px) {
    .c-block-1__slide {
        margin-top: 1.86667vw;
        padding-bottom: 7.2vw;
        max-width: 88%;
    }
}

.c-block-1__slide .swiper-pagination {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.c-block-1__slide .swiper-pagination-bullet {
    display: block;
    margin: 0 8px !important;
    width: 10px;
    height: 10px;
    background-color: #D8D8D8;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
}

@media screen and (max-width: 750px) {
    .c-block-1__slide .swiper-pagination-bullet {
        margin: 0 2.13333vw !important;
        width: 2.66667vw;
        height: 2.66667vw;
    }
}

.c-block-1__slide .swiper-pagination-bullet:hover {
    background-color: #999;
}

.c-block-1__slide .swiper-pagination-bullet-active {
    background-color: #999;
}

.c-block-1__slide-img {
    margin-right: 20px;
    width: 490px;
}

@media screen and (max-width: 750px) {
    .c-block-1__slide-img {
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (min-width: 751px) {
    .single .c-block-1__slide-img {
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width: 751px) {
    .double .c-block-1__slide-img:last-of-type {
        margin-right: 0;
    }
}

.c-block-1__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-block-1__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-block-1__link:hover {
        opacity: 0.7;
    }
}

.c-block-1__detail {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .c-block-1__detail {
        margin-top: 10.66667vw;
    }
}

.c-block-1__detail-lead {
    color: #041C53;
    text-align: center;
    font-weight: bold;
    font-size: 34px;
}

@media screen and (max-width: 750px) {
    .c-block-1__detail-lead {
        font-size: 5.86667vw;
    }
}

.c-block-1__detail-txt {
    margin-top: 15px;
    color: #041C53;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .c-block-1__detail-txt {
        margin-top: 6.66667vw;
        font-size: 4.26667vw;
    }
}

/* ---------------------------------------------
*   c-block-2
--------------------------------------------- */
.c-block-2 {
    position: relative;
    z-index: 1;
    margin-top: 126px;
    padding: 60px;
    width: 100%;
    border-top: 5px solid #235EA5;
    background-color: #E2F1FF;
}

@media screen and (max-width: 750px) {
    .c-block-2 {
        margin-top: 0;
        padding-top: 6.93333vw;
        padding-right: 9.86667%;
        padding-bottom: 34.66667vw;
        padding-left: 9.86667%;
        border-width: 5px;
    }
    .c-block-2--hide {
        overflow-x: hidden;
    }
}

.c-cassette-1 .c-block-2 {
    margin-top: 0;
}

.c-cassette-3 .c-block-2 {
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-block-2::before, .c-block-2::after {
        position: absolute;
        top: 0;
        z-index: -1;
        display: block;
        height: 100%;
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: repeat-y;
        content: "";
    }
}

@media screen and (max-width: 750px) {
    .c-block-2::before {
        left: -5.33333vw;
        width: 18.53333vw;
        background-image: url(../202205img/sp/bg_left.png);
    }
}

@media screen and (max-width: 750px) {
    .c-block-2::after {
        right: -2.13333vw;
        width: 14vw;
        background-image: url(../202205img/sp/bg_right.png);
    }
}

.c-block-2__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

.c-block-2__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-block-2__head {
        display: block;
        text-align: center;
    }
}

.c-block-2__icon {
    margin-right: 10px;
    width: 52px;
}

@media screen and (max-width: 750px) {
    .c-block-2__icon {
        margin-right: auto;
        margin-left: auto;
        width: 13.86667vw;
    }
}

.c-block-2__ttl {
    color: #235EA5;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-block-2__ttl {
        margin-top: 2.66667vw;
        font-size: 4.8vw;
    }
}

.c-block-2__btn {
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    .c-block-2__btn {
        margin-top: 6.66667vw;
    }
}

/* ---------------------------------------------
*   c-block-3
--------------------------------------------- */
.c-block-3 {
    margin-right: auto;
    margin-left: auto;
    width: 1060px;
}

@media screen and (max-width: 750px) {
    .c-block-3 {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-block-4
--------------------------------------------- */
.c-block-4 {
    position: relative;
    padding-top: 46px;
    padding-bottom: 45px;
    border-top: 4px solid #063671;
    border-bottom: 4px solid #063671;
    background-color: #EDF6FF;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-block-4 {
        padding-top: 6.66667vw;
        padding-bottom: 11.2vw;
        border-width: 1.06667vw;
    }
}

.c-block-4--02 {
    padding-bottom: 145px;
}

@media screen and (max-width: 750px) {
    .c-block-4--02 {
        padding-bottom: 15.46667vw;
    }
}

.c-block-4::before, .c-block-4::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #063671;
    content: "";
}

.c-block-4::before {
    top: 6px;
}

@media screen and (max-width: 750px) {
    .c-block-4::before {
        top: 0.8vw;
    }
}

.c-block-4::after {
    bottom: 6px;
}

@media screen and (max-width: 750px) {
    .c-block-4::after {
        bottom: 0.8vw;
    }
}

.c-block-4__container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 720px;
    text-align: center;
    z-index: 10;
}

@media screen and (min-width: 751px) {
    .c-block-4--02 .c-block-4__container {
        padding: 0 10px;
        max-width: 1120px;
    }
}

@media screen and (max-width: 750px) {
    .c-block-4--02 .c-block-4__container {
        max-width: none;
    }
}

.c-block-4__logo {
    margin: 0 auto;
    width: 238px;
}

.c-block-4__logo img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-block-4__logo {
        width: 50.66667vw;
    }
}

.c-block-4__ttl {
    margin-top: 17px;
    color: #041C53;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 40px;
}

@media screen and (max-width: 750px) {
    .c-block-4__ttl {
        margin-top: 4.3337vw;
        letter-spacing: -0.01em;
        font-size: 8vw;
    }
}

.c-block-4__content {
    margin-top: 28px;
}

@media screen and (max-width: 750px) {
    .c-block-4__content {
        margin-top: 5.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-block-4--02 .c-block-4__content {
        margin-top: 3vw;
    }
}

.c-block-4__lead {
    color: #041C53;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-block-4__lead {
        font-size: 4vw;
        line-height: 1.73;
    }
}

@media screen and (max-width: 750px) {
    .c-block-4--02 .c-block-4__lead {
        font-size: 3.46667vw;
        line-height: calc(21/13);
    }
}

/*  20230710 add
--------------------------------------------- */
.c-block-4--03 {
    position: relative;
    padding-top: 60px;
    padding-bottom: 100px;
    margin-top: 3px;
    border-top-width: 2px;
}

.c-block-4--03:before, .c-block-4--03:after {
    content: '';
    position: absolute;
}

.c-block-4--03:before {
    top: 8px;
    left: 0;
    width: 73px;
    height: 2278px;
    background: url(../202308img/mfgroup/bg_item-01.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.c-block-4--03:after {
    top: 0;
    right: 0;
    left: auto;
    width: 80px;
    height: 2279px;
    background: url(../202308img/mfgroup/bg_item-02.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-block-4--03 {
        margin-top: 0;
        padding-top: calc((35 / 375) * 100vw);
        padding-bottom: calc((45 / 375) * 100vw);
        border-width: 1.06667vw;
    }

    .c-block-4--03:before, .c-block-4--03:after {
        content: none;
    }
}

.c-block-4__border {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #063671;
}

/* ---------------------------------------------
*   c-item-1
--------------------------------------------- */
.c-item-1 {
}

.c-item-1__inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
    .c-item-1__inner {
        display: block;
        margin-bottom: calc((20 / 375) * 100vw);
    }
}

.c-item-1__item {
    width: calc((450 / 920) * 100%);
}

@media screen and (max-width: 750px) {
    .c-item-1__item {
        position: relative;
        width: 100%;
    }

    .c-item-1__item:nth-of-type(n+2) {
        margin-top: calc((20 / 375) * 100vw);
    }
}

.c-item-1 .c-box-6__note-02 {
    text-align: left;
}

/* ---------------------------------------------
*   c-item-2
--------------------------------------------- */
.c-item-2 {
    height: 100%;
    overflow: hidden;
    border-radius: 30px;
}

@media screen and (max-width: 750px) {
    .c-item-2 {
        border-radius: calc((30 / 375) * 100vw);
        /*overflow: visible;*/
    }
}

.c-item-2--type01 {
    border: 1px solid #7BC4CF;
    background-color: #7BC4CF;
}

.c-item-2--type02 {
    border: 1px solid #335EA0;
    background-color: #335EA0;
}

.c-item-2__head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    border-radius: 30px 30px 0 0;
}

@media screen and (max-width: 750px) {
    .c-item-2__head {
        padding: calc((16 / 375) * 100vw);
        border-radius: calc((30 / 375) * 100vw) calc((30 / 375) * 100vw) 0 0;
    }
}

.c-item-2__icn {
    width: 38px;
    margin-right: 14px;
}

@media screen and (max-width: 750px) {
    .c-item-2__icn {
        width: calc((30 / 375) * 100vw);
        margin-right: calc((10 / 375) * 100vw);
    }
}

.c-item-2__ttl {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .c-item-2__ttl {
        font-size: calc((18 / 375) * 100vw);
    }
}

.c-item-2__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 0 15px;
    height: calc(100% - 70px);
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-item-2__body {
        position: static;
        height: auto;
        padding: calc((24 / 375) * 100vw) 0 calc((7 / 375) * 100vw);
    }
}

.c-item-2__item-outer {
    height: auto;
}

.c-item-2__item {
    padding-inline: calc((25 / 448) * 100%);
}

@media screen and (max-width: 750px) {
    .c-item-2__item {
        padding-inline: calc((16 / 375) * 100vw);
    }
}

.c-item-2__catch {
    display: flex;
}

.c-item-2__num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

@media screen and (max-width: 750px) {
    .c-item-2__num {
        width: calc((34 / 375) * 100vw);
        height: calc((34 / 375) * 100vw);
        margin-right: calc((8 / 375) * 100vw);
    }
}

.windows.chrome .c-item-2__num, .windows.edge .c-item-2__num {
    padding-top: 1px;
    padding-left: 1px;
}

.c-item-2--type01 .c-item-2__num {
    background-color: #7BC4CF;
}

.c-item-2--type02 .c-item-2__num {
    background-color: #335EA0;
}

.c-item-2__num-txt {
    font-size: 19px;
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .c-item-2__num-txt {
        font-size: calc((15 / 375) * 100vw);
    }
}

.c-item-2__catch-txt {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

@media screen and (max-width: 750px) {
    .c-item-2__catch-txt {
        margin-top: calc((7 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
        white-space: normal;
    }
}

.c-item-2__img-outer {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 240px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img-outer {
        height: calc((205 / 375) * 100vw);
    }

    .c-item-2--type02 .c-item-2__img-outer {
        height: calc((175 / 375) * 100vw);
    }
}

.c-item-2__img {
}

.c-item-2__img--01 {
    width: 290px;
    margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--01 {
        width: calc((211 / 375) * 100vw);
        margin-bottom: calc((30 / 375) * 100vw);
    }
}

.c-item-2__img--02 {
    width: 178px;
    margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--02 {
        width: calc((169 / 375) * 100vw);
        margin-bottom: 0;
    }
}

.c-item-2__img--03 {
    width: 108px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--03 {
        width: calc((93 / 375) * 100vw);
    }
}

.c-item-2__img--04 {
    width: 108px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--04 {
        width: calc((93 / 375) * 100vw);
    }
}

.c-item-2__img--05 {
    width: 267px;
    margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--05 {
        width: calc((239 / 375) * 100vw);
        margin-bottom: calc((10 / 375) * 100vw);
    }
}

.c-item-2__img--06 {
    width: 138px;
    margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--06 {
        width: calc((129 / 375) * 100vw);
        margin-bottom: calc((10 / 375) * 100vw);
    }
}

.c-item-2__img--07 {
    width: 330px;
    margin-bottom: 90px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--07 {
        width: calc((250 / 375) * 100vw);
        margin-bottom: calc((24 / 375) * 100vw);
    }
}

.c-item-2__img--08 {
    width: 202px;
    margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--08 {
        width: calc((169 / 375) * 100vw);
        margin-bottom: 0;
    }
}

.c-item-2__img--09 {
    width: 285px;
    margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--09 {
        width: calc((230 / 375) * 100vw);
        margin-bottom: 0;
    }
}

.c-item-2__img--10 {
    width: 201px;
    margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img--10 {
        width: calc((169 / 375) * 100vw);
        margin-bottom: 0;
    }
}

.c-item-2__img-item-outer {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-item-2__img-item-outer {
    }
}

.c-item-2__img-item-box:first-of-type {
    margin-right: 30px;
}

@media screen and (max-width: 750px) {
    .c-item-2__img-item-box:first-of-type {
        margin-right: calc((13 / 375) * 100vw);
    }
}

.c-item-2__img-item--qr {
    width: 56px;
    margin: 12px auto 0;
}

@media screen and (max-width: 750px) {
    .c-item-2__img-item--qr {
        display: none;
    }
}

@media screen and (min-width: 751px) {
    .c-item-2__img-item-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-item-2__img-item-link:hover {
        opacity: 0.7;
    }
}

.c-item-2__txt {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-item-2__txt {
        margin-top: calc((25 / 375) * 100vw);
        padding-inline: calc((15 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
        text-align: left;
    }
}

.c-item-2__body .note {
    display: block;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-2__body .note {
        font-size: calc((10 / 375) * 100vw);
    }
}

.c-item-2__box {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    padding-inline: 60px;
}

@media screen and (max-width: 750px) {
    .c-item-2__box {
        position: static;
        margin-top: calc((50 / 375) * 100vw);
        padding-inline: 0;
    }
}

.c-item-2__slide-number {
    font-size: 14px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    .c-item-2__slide-number {
        font-size: calc((14 / 375) * 100vw);
    }
}

.c-item-2--type01 .c-item-2__slide-number {
    color: #7BC4CF;
}

.c-item-2--type02 .c-item-2__slide-number {
    color: #335EA0;
}

.c-item-2__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-item-2__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-item-2__link:hover {
        opacity: 0.7;
    }
}

/*  swiper customize
--------------------------------------------- */
/* .c-item-2 .swiper-button-next, .c-item-2 .swiper-button-prev {
    top: 0;
    width: 36px;
    height: 36px;
    margin-top: 0;
    transform: translateY(-25%);
}

@media screen and (max-width: 750px) {
    .c-item-2 .swiper-button-next, .c-item-2 .swiper-button-prev {
        top: 50%;
        width: calc((36 / 375) * 100vw);
        height: calc((36 / 375) * 100vw);
        transform: translateY(-75%);
    }

    .c-item-2--type02 .swiper-button-next, .c-item-2--type02 .swiper-button-prev {
        transform: translateY(25%);
    }
}

.c-item-2 .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
}

@media screen and (max-width: 750px) {
    .c-item-2 .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: calc((-10 / 375) * 100vw);
    }
}

.c-item-2 .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
}

@media screen and (max-width: 750px) {
    .c-item-2 .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: calc((-10 / 375) * 100vw);
    }
}

.c-item-2 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 0;
    width: 100%;
    height: 100%;
}

.c-item-2--type01 .swiper-button-prev:after {
    background: url(../202308img/mfgroup/icn_arrow01-prev-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-2--type01 .swiper-button-prev:after {
        transition: background-image .3s;
    }

    .c-item-2--type01 .swiper-button-prev:hover:after {
        background: url(/msppoint/membersprogram/202405img/mfgroup/icn_arrow01-prev-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-2--type01 .swiper-button-next:after {
    background: url(../202308img/mfgroup/icn_arrow01-next-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-2--type01 .swiper-button-next:after {
        transition: background-image .3s;
    }

    .c-item-2--type01 .swiper-button-next:hover:after {
        background: url(/msppoint/membersprogram/202405img/mfgroup/icn_arrow01-next-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-2--type02 .swiper-button-prev:after {
    background: url(../202308img/mfgroup/icn_arrow02-prev-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-2--type02 .swiper-button-prev:after {
        transition: background-image .3s;
    }

    .c-item-2--type02 .swiper-button-prev:hover:after {
        background: url(/msppoint/membersprogram/202405img/mfgroup/icn_arrow02-prev-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-2--type02 .swiper-button-next:after {
    background: url(../202308img/mfgroup/icn_arrow02-next-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-2--type02 .swiper-button-next:after {
        transition: background-image .3s;
    }

    .c-item-2--type02 .swiper-button-next:hover:after {
        background: url(/msppoint/membersprogram/202405img/mfgroup/icn_arrow02-next-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
} */

.c-item-2 .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.c-item-2 .swiper-button-next.swiper-button-disabled {
    display: none;
}

.c-item-2 .swiper-pagination {
    position: relative;
}

.c-item-2 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-item-2 .swiper-pagination-bullet {
        width: calc((6 / 375) * 100vw);
        height: calc((6 / 375) * 100vw);
    }
}

.c-item-2--type01 .swiper-pagination-bullet {
    background: #D5EDF0;
}

.c-item-2--type01 .swiper-pagination-bullet-active {
    background: #7BC4CF;
}

.c-item-2--type02 .swiper-pagination-bullet {
    background: #C3D0E5;
}

.c-item-2--type02 .swiper-pagination-bullet-active {
    background: #335EA0;
}

.c-item-2 .swiper-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

@media screen and (max-width: 750px) {
    .c-item-2 .swiper-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 calc((2 / 375) * 100vw);
    }
}

.c-item-2 .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

@media screen and (max-width: 750px) {
    .c-item-2 .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: calc((5 / 375) * 100vw);
    }
}

.c-item-2 .swiper-notification {
    display: none;
}

/* ---------------------------------------------
*   c-item-3
--------------------------------------------- */
.c-item-3 {
    position: relative;
}

.c-item-3:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #063671;
}

.c-item-3:before {
    top: 2px;
}

@media screen and (max-width: 750px) {
    .c-item-3:before {
        top: calc((2 / 375) * 100vw);
    }
}

.c-item-3__inner {
    padding: 27px 0 32px;
    background: url(../202308img/mfgroup/bg_02.jpg) 0 0 no-repeat;
    background-size: cover;
    /*background: linear-gradient(#d0ccb1 0%, #d9d6c1 13.79%, #f7f5f0 53.2%, #dad6c2 86.7%, #d0cbb1 100%);*/
}

@media screen and (max-width: 750px) {
    .c-item-3__inner {
        padding: calc((13 / 375) * 100vw) 0 calc((28 / 375) * 100vw);
        background: url(../202308img/mfgroup/sp/bg_02.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}

.c-item-3__catch {
    width: 518px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-item-3__catch {
        position: relative;
        left: calc((-25 / 375) * 100vw);
        width: calc((272 / 375) * 100vw);
    }
}

.c-item-3__txt {
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #222222;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-item-3__txt {
        margin-top: calc((12 / 375) * 100vw);
        font-size: calc((13 / 375) * 100vw);
    }
}

.c-item-3__note {
    margin: 25px auto 0;
    border-radius: 5px;
    width: 800px;
    padding: 40px 30px;
    background-color: #fff;
    border: 1px solid #A37F3B;
}

@media screen and (max-width: 750px) {
    .c-item-3__note {
        margin-top: calc((17 / 375) * 100vw);
        padding: calc((18 / 375) * 100vw) calc((17 / 375) * 100vw) calc((24 / 375) * 100vw);
        width: calc((340 / 375) * 100vw);
    }
}

.c-item-3__note-box {
    display: flex;
    align-items: center;
}

.c-item-3__note-icn {
    width: 37px;
    margin-right: 12px;
    flex-shrink: 0;
}

@media screen and (max-width: 750px) {
    .c-item-3__note-icn {
        width: calc((29 / 375) * 100vw);
        margin-right: calc((11 / 375) * 100vw);
    }
}

.c-item-3__note-icn img {
    width: 100%;
}

.c-item-3__note-txt {
    font-size: 15px;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #A37F3B;
    line-height: calc(27/17);
}

@media screen and (max-width: 750px) {
    .c-item-3__note-txt {
        font-size: calc((13 / 375) * 100vw);
        line-height: calc(20/13);
        letter-spacing: 0;
    }
}

.c-item-3__note-note-outer {
    margin-top: 10px;
    margin-left: 2px;
    color: #666666;
}

@media screen and (max-width: 750px) {
    .c-item-3__note-note-outer {
        margin-top: calc((12 / 375) * 100vw);
        margin-left: 0;
    }
}

.c-item-3__note-note {
    padding-left: 15px;
    text-indent: -15px;
    font-size: 12px;
    color: #666666;
    line-height: calc(19/12);
}

@media screen and (max-width: 750px) {
    .c-item-3__note-note {
        margin-top: calc((5 / 375) * 100vw);
        padding-left: calc((16 / 375) * 100vw);
        text-indent: calc((-16 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
        line-height: calc(14/12);
    }

    .android .c-item-3__note-note {
        padding-left: calc((10 / 375) * 100vw);
        text-indent: calc((-10 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-item-4
--------------------------------------------- */
.c-item-4 {
}

@media screen and (max-width: 750px) {
    .c-item-4 {
        width: calc((340 / 375) * 100vw);
        margin-inline: auto;
    }
}

.c-item-4__ttl {
    width: 564px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-item-4__ttl {
        width: calc((320 / 375) * 100vw);
    }
}

.c-item-4__box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box {
        margin-top: calc((25 / 375) * 100vw);
    }
}

.c-item-4__box-item {
    width: 524px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-item {
        width: calc((166 / 375) * 100vw);
    }
}

.c-item-4__box-item:last-of-type {
    margin-left: 15px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-item:last-of-type {
        margin-left: calc((8 / 375) * 100vw);
    }
}

.c-item-4__box-link {
    position: relative;
    display: block;
    border: 1px solid #041C53;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    background: linear-gradient(#e3e3e3 0%, #fff 100%);
    transition: 300ms;
}

.c-item-4__box-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#fff 0%, #e3e3e3 100%);
    transition: 300ms;
}

@media screen and (min-width: 751px) {
    .c-item-4__box-link:hover:before {
        opacity: 0;
    }
}

.c-item-4__box-img-outer {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 320px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-img-outer {
        height: calc((210 / 375) * 100vw);
    }
}

.c-item-4__box-img-outer--02 {
    width: 195px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-img-outer--02 {
        width: 100%;
    }
}

.c-item-4__box-img {
    width: 370px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-img {
        width: calc((144 / 375) * 100vw);
    }
}

.c-item-4__box-logo {
    margin-top: 14px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-logo {
        margin-top: calc((10 / 375) * 100vw);
    }
}

.c-item-4__box-logo--01 {
    width: 189px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-logo--01 {
        width: calc((125 / 375) * 100vw);
    }
}

.c-item-4__box-logo--02 {
    width: 202px;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-logo--02 {
        width: calc((144 / 375) * 100vw);
    }
}

.c-item-4__box-foot {
    position: relative;
    z-index: 10;
    padding: 8px 0;
    background-color: #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-foot {
        padding: calc((8 / 375) * 100vw);
    }
}

.c-item-4__box-arrow {
    width: 20px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-item-4__box-arrow {
        width: calc((15 / 375) * 100vw);
    }
}

.c-item-4__box-arrow img {
    display: block;
}

.c-item-4__txt {
    width: 799px;
    margin: 35px auto 0;
}

@media screen and (max-width: 750px) {
    .c-item-4__txt {
        width: calc((318 / 375) * 100vw);
        margin-top: calc((35 / 375) * 100vw);
    }
}

.c-item-4__note {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #555555;
}

@media screen and (max-width: 750px) {
    .c-item-4__note {
        margin-top: calc((20 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-item-5
--------------------------------------------- */
.c-item-5 {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .c-item-5 {
        margin-top: calc((50 / 375) * 100vw);
    }
}

.c-item-5__item {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.c-item-5__item:nth-of-type(n+2) {
    margin-top: 100px;
}

@media screen and (max-width: 750px) {
    .c-item-5__item:nth-of-type(n+2) {
        margin-top: calc((70 / 375) * 100vw);
    }
}

.c-item-5__heading {
    position: relative;
    padding: 30px;
    border-top: 4px solid #041C53;
    background: linear-gradient(#fff 0%, #e3e3e3 100%);
}

@media screen and (max-width: 750px) {
    .c-item-5__heading {
        padding: calc((22 / 375) * 100vw);
    }
}

.c-item-5__heading:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-5__heading:before {
        top: calc((2 / 375) * 100vw);
    }
}

.c-item-5__heading-txt {
    margin-inline: auto;
}

.c-item-5__heading-txt--01 {
    width: 366px;
}

@media screen and (max-width: 750px) {
    .c-item-5__heading-txt--01 {
        width: calc((268 / 375) * 100vw);
    }
}

.c-item-5__heading-txt--02 {
    width: 391px;
}

@media screen and (max-width: 750px) {
    .c-item-5__heading-txt--02 {
        width: calc((286 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-item-6
--------------------------------------------- */
.c-item-6 {
    background-color: #fff;
}

.c-item-6__inner {
    width: 920px;
    margin-inline: auto;
    padding: 45px 0 60px;
}

@media screen and (max-width: 750px) {
    .c-item-6__inner {
        width: calc((340 / 375) * 100vw);
        padding: calc((20 / 375) * 100vw) 0 calc((60 / 375) * 100vw);
    }
}

.c-item-6__head {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-item-6__head {
        display: block;
    }
}

.c-item-6__img {
    width: 460px;
    flex-shrink: 0;
    margin-right: 35px;
}

@media screen and (max-width: 750px) {
    .c-item-6__img {
        width: 100%;
        margin-right: 0;
    }
}

.c-item-6__desc {
}

@media screen and (max-width: 750px) {
    .c-item-6__desc {
        margin-top: calc((20 / 375) * 100vw);
    }
}

@media screen and (max-width: 750px) {
    .c-item-6__catch {
        margin-inline: auto;
    }
}

.c-item-6__catch--01 {
    width: 189px;
}

@media screen and (max-width: 750px) {
    .c-item-6__catch--01 {
        width: calc((189 / 375) * 100vw);
    }
}

.c-item-6__catch--02 {
    width: 293px;
}

@media screen and (max-width: 750px) {
    .c-item-6__catch--02 {
        width: calc((277 / 375) * 100vw);
    }
}

.c-item-6__txt {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: calc(30/18);
    white-space: nowrap;
}

@media screen and (max-width: 750px) {
    .c-item-6__txt {
        margin-top: calc((15 / 375) * 100vw);
        font-size: calc((13 / 375) * 100vw);
        line-height: calc(26/13);
        white-space: normal;
        text-align: center;
    }
}

/* ---------------------------------------------
*   c-item-7
--------------------------------------------- */
.c-item-7 {
    margin-top: 40px;
    border: 1px solid #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-7 {
        margin-top: calc((30 / 375) * 100vw);
    }
}

.c-item-7__head {
    width: calc(100% - 20px);
    margin-inline: auto;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #041C53;
    border-bottom: 1px solid #041C53;
    text-align: center;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
    .c-item-7__head {
        width: calc(100% - 16px);
        padding: calc((14 / 375) * 100vw);
        font-size: calc((14 / 375) * 100vw);
        letter-spacing: 0;
    }
}

.c-item-7__body {
    padding: 30px;
}

@media screen and (max-width: 750px) {
    .c-item-7__body {
        padding: calc((20 / 375) * 100vw);
    }
}

.c-item-7__img {
    margin-inline: auto;
}

.c-item-7__img--01 {
    width: 696px;
}

@media screen and (max-width: 750px) {
    .c-item-7__img--01 {
        width: calc((306 / 375) * 100vw);
    }
}

.c-item-7__img--02 {
    width: 591px;
}

@media screen and (max-width: 750px) {
    .c-item-7__img--02 {
        width: calc((204 / 375) * 100vw);
    }
}

.c-item-7__txt {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    color: #222222;
    text-align: center;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
    .c-item-7__txt {
        margin-top: calc((18 / 375) * 100vw);
        font-size: calc((13 / 375) * 100vw);
        line-height: calc(22/13);
        text-align: left;
        letter-spacing: -0.025em;
    }
}

/* ---------------------------------------------
*   c-item-8
--------------------------------------------- */
.c-item-8 {
    background-color: #fff;
}

.c-item-8__heading-outer {
    padding: 4px 0;
    background: linear-gradient(#2d4272 0%, #041c53 100%);
}

@media screen and (max-width: 750px) {
    .c-item-8__heading-outer {
        padding: 0.8vw 0;
    }
}

.c-item-8__heading {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 750px) {
    .c-item-8__heading {
        padding: calc((15 / 375) * 100vw);
    }
}

.c-item-8__ttl {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.07em;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .c-item-8__ttl {
        font-size: calc((12 / 375) * 100vw);
    }
}

.c-item-8__ttl span {
    display: block;
    font-size: 24px;
}

@media screen and (max-width: 750px) {
    .c-item-8__ttl span {
        font-size: calc((20 / 375) * 100vw);
    }
}

.c-item-8__body {
    width: 920px;
    margin-inline: auto;
    padding: 45px 0 60px;
}

@media screen and (max-width: 750px) {
    .c-item-8__body {
        width: calc((340 / 375) * 100vw);
        padding: calc((30 / 375) * 100vw) 0 calc((40 / 375) * 100vw);
    }
}

.c-item-8__img {
    width: 100%;
}

/* ---------------------------------------------
*   c-item-9
--------------------------------------------- */
.c-item-9 {
}

@media screen and (max-width: 750px) {
    .c-item-9__inner {
        position: relative;
    }
}

.c-item-9__item {
    overflow: hidden;
}

.c-item-9__box {
    background-color: #ECEEF5;
    padding: 30px 0 40px;
}

@media screen and (max-width: 750px) {
    .c-item-9__box {
        padding: calc((26 / 375) * 100vw) calc((20 / 375) * 100vw) calc((20 / 375) * 100vw);
    }
}

.c-item-9__ttl-outer {
    text-align: center;
}

.c-item-9__ttl {
    position: relative;
    display: inline-block;
    padding-inline: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-9__ttl {
        padding-inline: calc((26 / 375) * 100vw);
        font-size: calc((16 / 375) * 100vw);
    }
}

.c-item-9__ttl:before, .c-item-9__ttl:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 24px;
    height: 20px;
    background: url(../202308img/mfgroup/item_slash.png) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-item-9__ttl:before, .c-item-9__ttl:after {
        width: calc((21 / 375) * 100vw);
        height: calc((17 / 375) * 100vw);
    }
}

.c-item-9__ttl:before {
    left: 0;
}

.c-item-9__ttl:after {
    right: 0;
}

.c-item-9__block-outer {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-item-9__block-outer {
        flex-direction: column;
        gap: calc((20 / 375) * 100vw);
        margin-top: calc((20 / 375) * 100vw);
    }
}

.c-item-9__block {
    width: 410px;
    min-height: 217px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-item-9__block {
        width: 100%;
        min-height: auto;
        padding: calc((20 / 375) * 100vw) calc((15 / 375) * 100vw) calc((5 / 375) * 100vw) calc((20 / 375) * 100vw);
    }

    .c-item-9__block--02 {
        padding: calc((20 / 375) * 100vw) calc((15 / 375) * 100vw) calc((20 / 375) * 100vw) calc((20 / 375) * 100vw);
    }
}

.c-item-9__head {
    padding: 12px 18px 10px;
    border-bottom: 1px solid #DFE2EE;
}

@media screen and (max-width: 750px) {
    .c-item-9__head {
        display: flex;
        align-items: center;
        margin-bottom: calc((14 / 375) * 100vw);
        padding: 0;
        border-bottom: none;
    }
}

.c-item-9__head-ttl {
    font-size: 16px;
    font-weight: bold;
    color: #222222;
}

@media screen and (max-width: 750px) {
    .c-item-9__head-ttl {
        font-size: calc((14 / 375) * 100vw);
    }
}

.c-item-9__body {
    position: relative;
    padding: 20px 20px 6px;
    min-height: calc(100% - 47px);
}

.c-item-9__body--02 {
    padding: 20px 20px 20px;
}

@media screen and (max-width: 750px) {
    .c-item-9__body {
        padding: 0;
        min-height: auto;
    }

    .c-item-9__body--02 {
        padding: 0;
    }
}

.c-item-9__body-inner {
    display: flex;
}

.c-item-9__img {
    width: 140px;
    margin-right: 15px;
    flex-shrink: 0;
}

@media screen and (max-width: 750px) {
    .c-item-9__img {
        width: calc((94 / 375) * 100vw);
        margin-right: calc((16 / 375) * 100vw);
    }
}

.c-item-9__desc {
}

.c-item-9__txt {
    font-size: 12px;
    font-weight: 500;
}

@media screen and (max-width: 750px) {
    .c-item-9__txt {
        font-size: calc((12 / 375) * 100vw);
    }
}

.c-item-9__link {
    position: absolute;
    right: 20px;
    bottom: 6px;
    margin-top: 10px;
    text-align: right;
}

@media screen and (max-width: 750px) {
    .c-item-9__link {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: calc((20 / 375) * 100vw);
    }
}

@media screen and (min-width: 751px) {
    .c-item-9__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-item-9__link:hover {
        opacity: 0.7;
    }
}

.c-item-9__link-txt {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #041C53;
    letter-spacing: -0.05em;
}

@media screen and (max-width: 750px) {
    .c-item-9__link-txt {
        font-size: calc((12 / 375) * 100vw);
    }
}

.c-item-9__link-txt[target="_blank"] {
    padding-right: 19px;
}

@media screen and (max-width: 750px) {
    .c-item-9__link-txt[target="_blank"] {
        padding-right: calc((16 / 375) * 100vw);
    }
}

.c-item-9__link-txt[target="_blank"]:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 13px;
    height: 13px;
    background: url(../202308img/mfgroup/icn_blank.png) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-55%);
}

@media screen and (max-width: 750px) {
    .c-item-9__link-txt[target="_blank"]:after {
        width: calc((13 / 375) * 100vw);
        height: calc((13 / 375) * 100vw);
    }
}

.c-item-9__nav-outer {
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-item-9__nav-outer {
        margin-top: calc((10 / 375) * 100vw);
    }
}

.c-item-9__nav {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    padding-inline: 60px;
}

@media screen and (max-width: 750px) {
    .c-item-9__nav {
        position: static;
        margin-top: 0;
        padding-inline: 0;
    }
}

.c-item-9__slide-number {
    font-size: 14px;
    font-weight: bold;
    color: #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-9__slide-number {
        font-size: calc((14 / 375) * 100vw);
    }
}

/*  swiper customize
--------------------------------------------- */
.c-item-9 .swiper-button-next, .c-item-9 .swiper-button-prev {
    top: 0;
    width: 36px;
    height: 36px;
    margin-top: 0;
    transform: translateY(-25%);
}

@media screen and (max-width: 750px) {
    .c-item-9 .swiper-button-next, .c-item-9 .swiper-button-prev {
        top: 40%;
        width: calc((36 / 375) * 100vw);
        height: calc((36 / 375) * 100vw);
        transform: translateY(0);
    }
}

.c-item-9 .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
}

@media screen and (max-width: 750px) {
    .c-item-9 .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: calc((-10 / 375) * 100vw);
    }
}

.c-item-9 .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
}

@media screen and (max-width: 750px) {
    .c-item-9 .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: calc((-10 / 375) * 100vw);
    }
}

.c-item-9 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 0;
    width: 100%;
    height: 100%;
}

.c-item-9 .swiper-button-prev:after {
    background: url(../202308img/mfgroup/icn_arrow03-prev-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-9 .swiper-button-prev:after {
        transition: .3s;
    }

    .c-item-9 .swiper-button-prev:hover:after {
        background: url(../202308img/mfgroup/icn_arrow03-prev-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-9 .swiper-button-next:after {
    background: url(../202308img/mfgroup/icn_arrow03-next-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-9 .swiper-button-next:after {
        transition: .3s;
    }

    .c-item-9 .swiper-button-next:hover:after {
        background: url(../202308img/mfgroup/icn_arrow03-next-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-9 .swiper-pagination {
    position: relative;
}

.c-item-9 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
}

@media screen and (max-width: 750px) {
    .c-item-9 .swiper-pagination-bullet {
        width: calc((6 / 375) * 100vw);
        height: calc((6 / 375) * 100vw);
    }
}

.c-item-9 .swiper-pagination-bullet {
    background: #BBC2D5;
}

.c-item-9 .swiper-pagination-bullet-active {
    background: #041C53;
}

.c-item-9 .swiper-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

@media screen and (max-width: 750px) {
    .c-item-9 .swiper-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 calc((2 / 375) * 100vw);
    }
}

.c-item-9 .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

@media screen and (max-width: 750px) {
    .c-item-9 .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: calc((8 / 375) * 100vw);
    }
}

.c-item-9 .swiper-notification {
    display: none;
}

/* ---------------------------------------------
*   c-item-10
--------------------------------------------- */
.c-item-10 {
}

.c-item-10__link {
    display: block;
    border: 1px solid #1D2F56;
    width: 506px;
    height: 80px;
    margin-inline: auto;
    padding: 3px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-item-10__link {
        width: calc((340 / 375) * 100vw);
        height: calc((72 / 375) * 100vw);
        padding: calc((3 / 375) * 100vw);
    }
}

.c-item-10__link-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1D2F56;
    padding: 10px;
    height: 100%;
    background-color: #fff;
    transition: background-color 0.3s;
}

@media screen and (min-width: 751px) {
    .c-item-10__link-inner:hover {
        background-color: #dee2ef;
    }
}

.c-item-10__logo {
    margin-right: 18px;
}

.c-item-10__logo img {
    display: block;
}

@media screen and (max-width: 750px) {
    .c-item-10__logo {
        margin-right: calc((15 / 375) * 100vw);
    }
}

.c-item-10__logo--01 {
    width: 150px;
}

.c-item-10__logo--02 {
    width: 190px;
}

@media screen and (max-width: 750px) {
    .c-item-10__logo--01 {
        width: calc((130 / 375) * 100vw);
    }

    .c-item-10__logo--02 {
        width: calc((160 / 375) * 100vw);
    }
}

.c-item-10__txt {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #1D2F56;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 750px) {
    .c-item-10__txt {
        padding-right: calc((16 / 375) * 100vw);
        font-size: calc((14 / 375) * 100vw);
    }
}

.c-item-10__txt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 13px;
    height: 13px;
    background: url(../202308img/mfgroup/icn_blank.png) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-55%);
}

@media screen and (max-width: 750px) {
    .c-item-10__txt:after {
        width: calc((13 / 375) * 100vw);
        height: calc((13 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-item-11
--------------------------------------------- */
.c-item-11 {
    width: 390px;
    margin-inline: auto;
}

.c-item-11--type2 {
    width: 340px;
    margin-right: 8px;
    margin-left: auto;
}

.c-item-11--type4 {
    width: 340px;
    margin-right: 3px;
    margin-left: auto;
}

.c-item-11--type5 {
    width: 340px;
    margin-right: 3px;
    margin-left: auto;
}

.c-item-11--type6 {
    margin-top: 97px;
    margin-left: 51px;
    width: 340px;
}
@media screen and (max-width: 750px) {
    .c-item-11--type6 {
        margin-top: calc(77 / 375 * 100vw);
        margin-left: calc(32 / 375 * 100vw);
        padding: 0 !important;
        width: calc(240 / 375 * 100vw) !important;
    }
}

.c-item-11--type7 {
    margin-top: 36px;
    width: 380px;
    margin-left: 32px;
}
@media screen and (max-width: 750px) {
    .c-item-11--type7 {
        margin-top: calc(-19 / 375 * 100vw);
        margin-left: calc(32 / 375 * 100vw);
        padding: 0 !important;
        width: calc(240 / 375 * 100vw) !important;
    }
}

.c-item-11--type8 {
    margin-top: 141px;
    width: 380px;
    margin-left: 32px;
}
@media screen and (max-width: 750px) {
    .c-item-11--type8 {
        margin-top: calc(116 / 375 * 100vw);
        margin-left: calc(32 / 375 * 100vw);
        padding: 0 !important;
        width: calc(240 / 375 * 100vw) !important;
    }
}

.c-item-11--type9 {
    margin-top: 15px;
    width: 340px;
    margin-left: 51px;
}
@media screen and (max-width: 750px) {
    .c-item-11--type9 {
        margin-top: calc(14 / 375 * 100vw);
        margin-left: calc(32 / 375 * 100vw);
        padding: 0 !important;
        width: calc(240 / 375 * 100vw) !important;
    }
}

@media screen and (max-width: 750px) {
    .c-item-11 {
        width: calc((340 / 375) * 100vw);
        padding: 0 calc((10 / 375) * 100vw) calc((10 / 375) * 100vw);
    }

    .c-item-11--type2 {
        width: calc((240 / 375) * 100vw);
        margin-right: calc((26 / 375) * 100vw);
        padding: 0;
    }

    .c-item-11--type4 {
        width: calc((240 / 375) * 100vw);
        margin-right: calc((26 / 375) * 100vw);
        padding: 0;
    }

    .c-item-11--type5 {
        width: calc((240 / 375) * 100vw);
        margin-right: calc((26 / 375) * 100vw);
        padding: 0;
    }
}

.c-item-11__link {
    position: relative;
    display: block;
    padding: 20px;
    border: 1px solid #1d2f56;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    color: #041C53;
    text-align: center;
    border-radius: 5px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.05));
    letter-spacing: -0.05em;
}

.c-item-11--type2 .c-item-11__link {
    padding: 15px;
    font-size: 12px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.mac.safari .c-item-11--type2 .c-item-11__link {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.c-item-11--type2 .c-item-11__link span {
    display: block;
    font-size: 10px;
}

.c-item-11--type4 .c-item-11__link {
    padding: 11px;
    font-size: 12px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.mac.safari .c-item-11--type4 .c-item-11__link {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.c-item-11--type4 .c-item-11__link span {
    font-size: 10px;
}

.c-item-11--type5 .c-item-11__link {
    padding: 11px 22px 11px 11px;
    font-size: 12px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.mac.safari .c-item-11--type5 .c-item-11__link {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.c-item-11--type5 .c-item-11__link span {
    font-size: 10px;
}
@media screen and (max-width: 750px) {
    .c-item-11--type5 .c-item-11__link span {
        font-size: calc(10 / 375 * 100vw);
    }
}
.c-item-11--type6 .c-item-11__link {
    padding: 15px;
    filter: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 0.75rem;
}
@media screen and (max-width: 750px) {
    .c-item-11--type6 .c-item-11__link {
        padding: calc(13 / 375 * 100vw) calc(15 / 375 * 100vw) calc(10 / 375 * 100vw) calc(10 / 375 * 100vw);
        box-shadow: 0px calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
        font-size: calc(12 / 375 * 100vw);
        line-height: calc(17 / 12);
        letter-spacing: -0.05em;
    }
}
.c-item-11--type6 .c-item-11__link span {
    font-size: 0.625rem;
}
@media screen and (max-width: 750px) {
    .c-item-11--type6 .c-item-11__link span {
        font-size: calc(10 / 375 * 100vw);
        line-height: calc(17 / 10);
        letter-spacing: -0.05em;
    }
}
.c-item-11--type7 .c-item-11__link {
    padding: 7px 20px;
    filter: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 0.75rem;
}
@media screen and (max-width: 750px) {
    .c-item-11--type7 .c-item-11__link {
        padding: calc(13 / 375 * 100vw) calc(15 / 375 * 100vw) calc(10 / 375 * 100vw) calc(10 / 375 * 100vw);
        box-shadow: 0px calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
        font-size: calc(12 / 375 * 100vw);
        line-height: calc(17 / 12);
        letter-spacing: -0.05em;
    }
}
.c-item-11--type7 .c-item-11__link span {
    font-size: 0.625rem;
}
.c-item-11--type8 .c-item-11__link {
    filter: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 750px) {
    .c-item-11--type8 .c-item-11__link {
        padding: calc(21 / 375 * 100vw) calc(19 / 375 * 100vw) calc(20 / 375 * 100vw) calc(10 / 375 * 100vw);
        box-shadow: 0px calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
        font-size: calc(12 / 375 * 100vw);
        line-height: calc(17 / 12);
        letter-spacing: -0.05em;
    }
}
.c-item-11--type9 .c-item-11__link {
    padding: 11px;
    border: none;
    background-color: #041C53;
    color: #FFFFFF;
    filter: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 0.625rem;
}
@media screen and (max-width: 750px) {
    .c-item-11--type9 .c-item-11__link {
        padding: calc(11 / 375 * 100vw) calc(8 / 375 * 100vw) calc(9 / 375 * 100vw) calc(10 / 375 * 100vw);
        box-shadow: 0px calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
        font-size: calc(10 / 375 * 100vw);
        line-height: calc(14 / 10);
        letter-spacing: 0;
    }
}
.c-item-11--type9 .c-item-11__link:hover {
    border-color: #C5CDE3;
    background-color: #C5CDE3;
    color: #1E3057;
}
.c-item-11--type9 .c-item-11__link::after {
    display: none;
}

@media screen and (min-width: 751px) {
    .c-item-11__link {
        -webkit-transition: 300ms;
        transition: 300ms;
    }
    .c-item-11__link:hover {
        background-color: #dee2ef;
    }
}

@media screen and (max-width: 750px) {
    .c-item-11__link {
        padding: calc((16 / 375) * 100vw);
        font-size: calc((16 / 375) * 100vw);
        border-radius: calc((5 / 375) * 100vw);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }

    .c-item-11--type2 .c-item-11__link {
        padding: calc((16 / 375) * 100vw) calc((13 / 375) * 100vw) calc((14 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
    }

    .c-item-11--type4 .c-item-11__link {
        padding: calc((15 / 375) * 100vw) calc((25 / 375) * 100vw) calc((15 / 375) * 100vw) calc((13 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
    }

    .c-item-11--type5 .c-item-11__link {
        padding: calc((8 / 375) * 100vw) calc((18 / 375) * 100vw) calc((8 / 375) * 100vw) calc((9 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
        line-height: 1.4;
    }

    .c-item-11--type5 .c-item-11__link:after {
        width: calc((12 / 375) * 100vw);
        height: calc((12 / 375) * 100vw);
    }

    .c-item-11--type2 .c-item-11__link span {
        font-size: calc((10 / 375) * 100vw);
    }

    .c-item-11--type2 .c-item-11__link.tal {
        text-align: left;
    }

    .c-item-11--type2 .c-item-11__link:after {
        width: calc((14 / 375) * 100vw);
        height: calc((14 / 375) * 100vw);
    }

    .c-item-11--type3 .c-item-11__link {
        padding: calc((13 / 375) * 100vw) calc((22 / 375) * 100vw) calc((13 / 375) * 100vw) calc((13 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
    }
}

.c-item-11__link:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url(../202308img/mfgroup/icn_blank.png) 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-item-11__link:after {
        right: calc((10 / 375) * 100vw);
        width: calc((16 / 375) * 100vw);
        height: calc((16 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-item-12
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .c-item-12 {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .c-item-12 {
        display: block;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.45);
    }

    .c-item-12 img {
        width: 100%;
    }

    .c-item-12 a {
        display: block;
        width: 100%;
        height: 100%;
    }
}

.js-fixed-mfgr {
    display: none;
}

/* ---------------------------------------------
*   c-item-13
--------------------------------------------- */
.c-item-13 {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-item-13 {
        flex-wrap: wrap;
        gap: calc((10 / 375) * 100vw) 0;
    }
}

.c-item-13__item:nth-of-type(1) {
    width: 48px;
    margin-right: 38px;
}

@media screen and (max-width: 750px) {
    .c-item-13__item:nth-of-type(1) {
        width: calc((49 / 375) * 100vw);
        margin-right: calc((22 / 375) * 100vw);
    }
}

.c-item-13__item:nth-of-type(2) {
    width: 112px;
    margin-right: 28px;
}

@media screen and (max-width: 750px) {
    .c-item-13__item:nth-of-type(2) {
        width: calc((103 / 375) * 100vw);
        margin-right: calc((25 / 375) * 100vw);
    }
}

.c-item-13__item:nth-of-type(3) {
    width: 125px;
    margin-right: 32px;
}

@media screen and (max-width: 750px) {
    .c-item-13__item:nth-of-type(3) {
        width: calc((96 / 375) * 100vw);
        margin-right: 0;
    }
}

.c-item-13__item:nth-of-type(4) {
    width: 136px;
    margin-right: 38px;
}

@media screen and (max-width: 750px) {
    .c-item-13__item:nth-of-type(4) {
        width: calc((115 / 375) * 100vw);
        margin-right: calc((40 / 375) * 100vw);
    }
}

.c-item-13__item:nth-of-type(5) {
    width: 48px;
    margin-right: 26px;
}

@media screen and (max-width: 750px) {
    .c-item-13__item:nth-of-type(5) {
        width: calc((44 / 375) * 100vw);
        margin-right: calc((42 / 375) * 100vw);
    }
}

.c-item-13__item:nth-of-type(6) {
    width: 55px;
}

@media screen and (max-width: 750px) {
    .c-item-13__item:nth-of-type(6) {
        width: calc((46 / 375) * 100vw);
    }
}

.c-item-13__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-item-13__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-item-13__link:hover {
        opacity: 0.7;
    }
}

.c-item-13__img {
    width: 100%;
}

.c-item-13__img img {
    display: block;
}

/* ---------------------------------------------
*   c-item-14
--------------------------------------------- */
.c-item-14 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 38px;
}

@media screen and (max-width: 750px) {
    .c-item-14 {
        flex-direction: column;
        gap: calc((20 / 375) * 100vw);
    }
}

.c-item-14__item:nth-of-type(1) {
    width: 142px;
}

@media screen and (max-width: 750px) {
    .c-item-14__item:nth-of-type(1) {
        width: calc((130 / 375) * 100vw);
    }
}

.c-item-14__item:nth-of-type(2) {
    width: 253px;
}

@media screen and (max-width: 750px) {
    .c-item-14__item:nth-of-type(2) {
        width: calc((190 / 375) * 100vw);
    }
}

.c-item-14__item:nth-of-type(3) {
    width: 118px;
}

@media screen and (max-width: 750px) {
    .c-item-14__item:nth-of-type(3) {
        width: calc((102 / 375) * 100vw);
    }
}

.c-item-14__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-item-14__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-item-14__link:hover {
        opacity: 0.7;
    }
}

.c-item-14__img {
    width: 100%;
}

.c-item-14__img img {
    display: block;
}

/* ---------------------------------------------
*   c-item-15
--------------------------------------------- */
.c-item-15 {
    margin-top: 16px;
}

@media screen and (max-width: 750px) {
    .c-item-15 {
        margin-top: 0;
    }
}

.c-item-15__inner {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-item-15__inner {
        display: block;
    }
}

.c-item-15__item {
    width: calc((450 / 920) * 100%);
}

@media screen and (max-width: 750px) {
    .c-item-15__item {
        position: relative;
        width: 100%;
    }

    .c-item-15__item:nth-of-type(n+2) {
        margin-top: calc((20 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-item-16
--------------------------------------------- */
.c-item-16 {
    height: 100%;
    overflow: hidden;
    border: 1px solid #041C53;
    background-color: #fff;
}
.c-item-16__head {
    position: relative;
    border-top: 3px solid #041C53;
    border-bottom: 1px solid #041C53;
    padding: 21px 0 19px;
    text-align: center;
    background-color: #ECEEF5;
    line-height: 1.3;
}

.c-item-16__head:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-16__head {
        padding: calc((15 / 375) * 100vw) 0;
    }

    .c-item-16__head:before {
        top: calc((2 / 375) * 100vw);
    }
}

.c-item-16__ttl {
    font-size: 14px;
    font-weight: bold;
    color: #041C53;
}

.c-item-16__ttl span {
    display: block;
    font-size: 20px;
}
.c-item-16__ttl--fz-17-pc {
    font-size: 17px;
}

@media screen and (max-width: 750px) {
    .c-item-16__ttl {
        font-size: calc((12 / 375) * 100vw);
    }

    .c-item-16__ttl span {
        font-size: calc((18 / 375) * 100vw);
    }

    .c-item-16__ttl--fz-15-sp {
        font-size: calc(15 / 375 * 100vw);
        line-height: calc(21 / 15);
        letter-spacing: -0.05em;
    }
}

.c-item-16__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 27px 0 15px;
    height: calc(100% - 102px);
}

@media screen and (max-width: 750px) {
    .c-item-16__body {
        position: static;
        height: auto;
        padding: calc((24 / 375) * 100vw) 0 calc((7 / 375) * 100vw);
    }
}

.c-item-16__item-outer {
    height: auto;
}

.c-item-16__item {
    padding-right: calc((45 / 448) * 100%);
    padding-left: calc((25 / 448) * 100%);
}

@media screen and (max-width: 750px) {
    .c-item-16__item {
        padding-right: calc((24 / 375) * 100vw);
        padding-left: calc((16 / 375) * 100vw);
    }
}

.c-item-16__catch {
    display: flex;
}

.c-item-16__num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    margin-right: 9px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-16__num {
        width: calc((34 / 375) * 100vw);
        height: calc((34 / 375) * 100vw);
        margin-right: calc((8 / 375) * 100vw);
        padding-top: calc((1 / 375) * 100vw);
        padding-left: calc((1 / 375) * 100vw);
    }
}

.windows.chrome .c-item-16__num, .windows.edge .c-item-16__num {
    padding-top: 1px;
    padding-left: 1px;
}

.c-item-16__num-txt {
    font-size: 19px;
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .c-item-16__num-txt {
        font-size: calc((15 / 375) * 100vw);
    }
}

.c-item-16__catch-txt {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.c-item-16__catch-txt sup {
    position: relative;
    top: 2px;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-16__catch-txt {
        margin-top: calc((7 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
    }

    .c-item-16__catch-txt sup {
        top: calc((2 / 375) * 100vw);
        font-size: calc((10 / 375) * 100vw);
    }
}

.c-item-16__catch-note {
    margin-top: 12px;
    margin-left: 42px;
    font-size: 10px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    .c-item-16__catch-note {
        margin-top: calc((12 / 375) * 100vw);
        margin-left: calc((40 / 375) * 100vw);
        font-size: calc((10 / 375) * 100vw);
    }
}

.c-item-16__note-outer {
    margin: 55px 0 25px 48px;
}

.c-item-16__note-outer--type2 {
    margin: 13px 0 8px 48px;
}

@media screen and (max-width: 750px) {
    .c-item-16__note-outer {
        margin: calc((47 / 375) * 100vw) 0 calc((20 / 375) * 100vw) calc((33 / 375) * 100vw);
    }
    .c-item-16__note-outer--type2 {
        margin: calc((20 / 375) * 100vw) 0 calc((5 / 375) * 100vw) calc((5 / 375) * 100vw);
    }
}

.c-item-16__note {
    font-size: 14px;
    font-weight: bold;
    padding-left: 14px;
    text-indent: -14px;
}

.c-item-16__note-outer--type2 .c-item-16__note {
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-item-16__note {
        font-size: calc((12 / 375) * 100vw);
        padding-left: calc((12 / 375) * 100vw);
        text-indent: calc((-12 / 375) * 100vw);
    }

    .android .c-item-16__note {
        padding-left: calc((8 / 375) * 100vw);
        text-indent: calc((-8 / 375) * 100vw);
    }

    .c-item-16__note-outer--type2 .c-item-16__note {
        font-size: calc((10 / 375) * 100vw);
        letter-spacing: -0.05em;
        white-space: nowrap;
    }
}

.c-item-16__img-outer {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 240px;
}

.c-item-16__img-outer--02 {
    height: 225px;
}

.c-item-16__img-outer--03 {
    height: auto;
}

@media screen and (max-width: 750px) {
    .c-item-16__img-outer {
        height: calc((228 / 375) * 100vw);
    }

    .c-item-16__img-outer--02 {
        height: calc((210 / 375) * 100vw);
    }

    /* .c-item-16__img-outer--03 {
        height: calc((200 / 375) * 100vw);
    } */
}

.c-item-16__img {
}

.c-item-16__img--01 {
    width: 166px;
    margin-bottom: 15px;
    margin-left: 25px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--01 {
        width: calc((151 / 375) * 100vw);
        margin-bottom: calc((15 / 375) * 100vw);
        margin-left: calc((8 / 375) * 100vw);
    }
}

.c-item-16__img--02 {
    width: 167px;
    margin-bottom: 12px;
    margin-left: 20px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--02 {
        width: calc((151 / 375) * 100vw);
        margin-bottom: calc((15 / 375) * 100vw);
        margin-left: calc((5 / 375) * 100vw);
    }
}

.c-item-16__img--03 {
    width: 301px;
    margin-bottom: 6px;
    margin-left: 36px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--03 {
        width: calc((238 / 375) * 100vw);
        margin-bottom: calc((25 / 375) * 100vw);
        margin-left: calc((8 / 375) * 100vw);
    }
}

.c-item-16__img--04 {
    width: 165px;
    margin-left: 20px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--04 {
        width: calc((151 / 375) * 100vw);
        margin-bottom: calc((14 / 375) * 100vw);
        margin-left: calc((4 / 375) * 100vw);
    }
}

.c-item-16__img--05 {
    width: 166px;
    margin-bottom: 15px;
    margin-left: 18px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--05 {
        width: calc((151 / 375) * 100vw);
        margin-bottom: calc((15 / 375) * 100vw);
        margin-left: calc((6 / 375) * 100vw);
    }
}

.c-item-16__img--06 {
    width: 169px;
    margin-left: 22px;
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--06 {
        width: calc((151 / 375) * 100vw);
        margin-bottom: calc((15 / 375) * 100vw);
        margin-left: calc((6 / 375) * 100vw);
    }
}

.c-item-16__img--07 {
    width: 209px;
    margin-left: 22px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--07 {
        width: calc((209 / 375) * 100vw);
        margin-bottom: calc((0 / 375) * 100vw);
        margin-left: calc((6 / 375) * 100vw);
    }
}

.c-item-16__img--08 {
    width: 172px;
    margin-left: 22px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--08 {
        width: calc((151 / 375) * 100vw);
        margin-bottom: calc((0 / 375) * 100vw);
        margin-left: calc((6 / 375) * 100vw);
    }
}

.c-item-16__img--09 {
    width: 150px;
    margin: 20px auto 0;
}

.c-item-16__img--09 img {
    margin-left: 12px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--09 {
        width: calc((151 / 375) * 100vw);
        margin-top: calc((15 / 375) * 100vw);
        margin-left: auto;
    }

    .c-item-16__img--09 img {
        margin-left: 0;
    }
}

.c-item-16__img--10 {
    width: 284px;
    margin-left: 40px;
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--10 {
        width: calc((229 / 375) * 100vw);
        margin-bottom: calc((15 / 375) * 100vw);
        margin-left: calc((18 / 375) * 100vw);
    }
}

.c-item-16__img--11 {
    width: 166px;
    margin-bottom: 15px;
    margin-left: 44px;
}

@media screen and (max-width: 750px) {
    .c-item-16__img--11 {
        width: calc((151 / 375) * 100vw);
        margin-bottom: calc((15 / 375) * 100vw);
        margin-left: calc((8 / 375) * 100vw);
    }
}

.c-item-16__txt {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-item-16__txt {
        margin-top: calc((25 / 375) * 100vw);
        padding-inline: calc((15 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
        text-align: left;
    }
}

.c-item-16__body .note {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    white-space: nowrap;
}

.c-item-16__body .note.note--02 {
    white-space: normal;
    padding-left: 12px;
    text-indent: -12px;
}

.c-item-16__body .note.note--03 {
    margin-top: 84px;
    margin-bottom: 7px;
    margin-left: 34px;
    white-space: normal;
    width: calc(378 / 432 * 100%);
    padding-left: 1em;
    text-indent: -1em;
    font-weight: bold;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 750px) {
    .c-item-16__body .note.note--03 {
        margin-top: calc(67 / 375 * 100vw);
        margin-bottom: calc(9 / 375 * 100vw);
        margin-left: calc(7 / 375 * 100vw);
        width: calc(294 / 375 * 100vw);
    }
}

.c-item-16__body .note.note--04 {
    margin-top: 20px;
    margin-left: 34px;
    white-space: normal;
    width: calc(389 / 432 * 100%);
    padding-left: 1em;
    text-indent: -1em;
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .c-item-16__body .note.note--04 {
        margin-top: calc(-13 / 375 * 100vw);
        margin-left: calc(31 / 375 * 100vw);
        width: calc(252 / 375 * 100vw);
    }
}
.c-item-16__body .note--mt0 {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .c-item-16__body .note {
        margin-top: calc((12 / 375) * 100vw);
        font-size: calc((10 / 375) * 100vw);
        padding-left: calc((10 / 375) * 100vw);
        text-indent: calc((-10 / 375) * 100vw);
        line-height: calc(14/10);
        white-space: normal;
    }

    .android .c-item-16__body .note {
        padding-left: calc((6 / 375) * 100vw);
        text-indent: calc((-6 / 375) * 100vw);
    }

    .c-item-16__body .note.note--02 {
        padding-left: calc((10 / 375) * 100vw);
        text-indent: calc((-10 / 375) * 100vw);
    }

    .android .c-item-16__body .note.note--02 {
        padding-left: calc((6 / 375) * 100vw);
        text-indent: calc((-6 / 375) * 100vw);
    }
    .c-item-16__body .note--mt0 {
        margin-top: 0;
    }
}

.c-item-16__foot {
    text-align: center;
}

.c-item-16__box {
    position: relative;
    display: inline-block;
    margin-top: 30px;
    padding-inline: 64px;
}

@media screen and (max-width: 750px) {
    .c-item-16__box {
        position: static;
        margin-top: calc((30 / 375) * 100vw);
        padding-inline: 0;
    }

    .c-item-16__box.c-item-16__box--type2 {
        position: static;
        margin-top: calc((15 / 375) * 100vw);
        padding-inline: 0;
    }
}

.c-item-16__slide-number {
    font-size: 14px;
    font-weight: bold;
    color: #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-16__slide-number {
        font-size: calc((14 / 375) * 100vw);
    }
}

.c-item-16__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-item-16__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-item-16__link:hover {
        opacity: 0.7;
    }
}

/*  swiper customize
--------------------------------------------- */
.c-item-16 .swiper-button-next, .c-item-16 .swiper-button-prev {
    top: 0;
    width: 36px;
    height: 36px;
    margin-top: 0;
    transform: translateY(-20%);
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-button-next, .c-item-16 .swiper-button-prev {
        top: 50%;
        width: calc((36 / 375) * 100vw);
        height: calc((36 / 375) * 100vw);
        transform: translateY(20%);
    }
}

.c-item-16 .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: calc((-10 / 375) * 100vw);
    }
}

.c-item-16 .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: calc((-10 / 375) * 100vw);
    }
}

.c-item-16 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 0;
    width: 100%;
    height: 100%;
}

.c-item-16 .swiper-button-prev:after {
    background: url(../202308img/mfgroup/icn_arrow04-prev-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-16 .swiper-button-prev:after {
        transition: .3s;
    }

    .c-item-16 .swiper-button-prev:hover:after {
        background: url(../202308img/mfgroup/icn_arrow04-prev-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-button-prev:after {
        background: url(../202308img/mfgroup/icn_arrow04-prev-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-16 .swiper-button-next:after {
    background: url(../202308img/mfgroup/icn_arrow04-next-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-16 .swiper-button-next:after {
        transition: .3s;
    }

    .c-item-16 .swiper-button-next:hover:after {
        background: url(../202308img/mfgroup/icn_arrow04-next-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-button-next:after {
        background: url(../202308img/mfgroup/icn_arrow04-next-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-16 .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.c-item-16 .swiper-button-next.swiper-button-disabled {
    display: none;
}

.c-item-16 .swiper-pagination {
    position: relative;
}

.c-item-16 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
    background: #BBC2D5;
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-pagination-bullet {
        width: calc((6 / 375) * 100vw);
        height: calc((6 / 375) * 100vw);
    }
}

.c-item-16 .swiper-pagination-bullet-active {
    background: #041C53;
}

.c-item-16 .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: calc((5 / 375) * 100vw);
    }
}

.c-item-16 .swiper-notification {
    display: none;
}

.c-item-16 .swiper-pagination-bullet.is-dummy {
    cursor: auto;
}

/* ---------------------------------------------
*   c-item-17
--------------------------------------------- */
.c-item-17 {
    width: 340px;
    margin: 0 3px 0 auto;
}

@media screen and (max-width: 750px) {
    .c-item-17 {
        width: calc((240 / 375) * 100vw);
        margin: 0 calc((26 / 375) * 100vw) 0 auto;
    }
}

.c-item-17__link {
    position: relative;
    display: block;
    padding: 11px;
    background-color: #1D2F56;
    border-radius: 4px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-item-17__link {
        padding: calc((12 / 375) * 100vw) calc((11 / 375) * 100vw) calc((10 / 375) * 100vw);
        border-radius: calc((4 / 375) * 100vw);
    }
}

@media screen and (min-width: 751px) {
    .c-item-17__link {
        transition: 300ms;
    }
    .c-item-17__link:hover {
        background-color: #C5CDE3;
    }
    .c-item-17__link:hover .c-item-17__link-txt {
        color: #1E3057;
    }
    .c-item-17__link:hover .c-item-17__link-icn .off {
        opacity: 0;
    }
    .c-item-17__link:hover .c-item-17__link-icn .on {
        opacity: 1;
    }
}

.c-item-17__link-txt {
    display: block;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    .c-item-17__link-txt {
        font-size: calc((10 / 375) * 100vw);
    }
}

.c-item-17__link-icn {
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
    width: 16px;
}

@media screen and (max-width: 750px) {
    .c-item-17__link-icn {
        right: calc((11 / 375) * 100vw);
        width: calc((14 / 375) * 100vw);
    }
}

.c-item-17__link-icn img {
    display: block;
}

.c-item-17__link-icn .on {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

/* ---------------------------------------------
*   c-item-18
--------------------------------------------- */
.c-item-18 {
    max-width: 790px;
    margin: 33px auto 50px;
}
@media screen and (max-width: 750px) {
    .c-item-18 {
        max-width: 100%;
        width: 90.6666666667vw;
        margin: 8vw auto 5.3333333333vw;
    }
}
.c-item-18__head {
    display: flex;
    align-items: center;
    padding: 21px 75px 23px 78px;
    background-color: #fff;
    border: 1px solid #041C53;
}

@media screen and (max-width: 750px) {
    .c-item-18__head {
        display: block;
        padding: calc((25 / 375) * 100vw) calc((25 / 375) * 100vw) calc((22 / 375) * 100vw);
    }
}
.c-item-18__head-upper {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 750px) {
    .c-item-18__head-upper {
        margin-bottom: 3.2vw;
    }
}
.c-item-18__icon {
    width: 54px;
    margin-right: 17px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .c-item-18__icon {
        width: 17.0666666667vw;
        margin-right: 3.4666666667vw;
    }
}
.c-item-18__ttl {
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    color: #1E3057;
}
@media screen and (max-width: 750px) {
    .c-item-18__ttl {
        font-size: 3.2vw;
        margin-right: 0;
    }
}
.c-item-18__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
}
@media screen and (max-width: 750px) {
    .c-item-18__icon-wrap {
        -moz-column-gap: 3.2vw;
             column-gap: 3.2vw;
    }
}
.c-item-18__btn {
    display: block;
}
@media screen and (min-width: 751px) {
    .c-item-18__btn {
        transition: opacity 300ms;
    }
    .c-item-18__btn:hover {
        opacity: 0.8;
    }
}
.c-item-18__btn--google {
    width: 134px;
}
@media screen and (max-width: 750px) {
    .c-item-18__btn--google {
        width: 40.8vw;
    }
}
.c-item-18__btn--app {
    width: 109px;
}
@media screen and (max-width: 750px) {
    .c-item-18__btn--app {
        width: 33.0666666667vw;
    }
}
.c-item-18__body {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 260px;
    margin-top: 26px;
    margin-bottom: 23px;
}
@media screen and (max-width: 750px) {
    .c-item-18__body {
        display: block;
        min-height: auto;
        margin-top: 3.6vw;
        margin-bottom: 2.6666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-item-18__middle {
        display: flex;
        width: 100%;
        margin-inline: auto;
        padding: 4vw 0 0;
    }
}
.c-item-18__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 155px;
}
@media screen and (max-width: 750px) {
    .c-item-18__img {
        position: static;
        flex-shrink: 0;
        width: calc((154 / 375) * 100vw);
        margin-right: 5.2666666667vw;
    }
}
.c-item-18__detail {
    width: 100%;
    margin-left: 180px;
}
@media screen and (max-width: 750px) {
    .c-item-18__detail {
        width: 100%;
        margin-left: 0;
    }
}
.c-item-18__ttl-wrap {
    line-height: 1.3;
}
@media screen and (max-width: 750px) {
    .c-item-18__ttl-wrap {
        text-align: center;
    }
}
.c-item-18__s-ttl {
    display: inline-block;
    padding: 4px 11px 3px;
    margin-bottom: 6px;
    background-color: #334366;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
.mac.safari .c-item-18__s-ttl {
    padding: 6px 11px 3px;
}
@media screen and (max-width: 750px) {
    .c-item-18__s-ttl {
        display: block;
        padding: 2.1666666667vw 5.3333333333vw 1.5666666667vw;
        margin-bottom: 2.6666666667vw;
        font-size: 2.9333333333vw;
    }
}
.c-item-18__m-ttl {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-left: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1d2f56;
    letter-spacing: -0.05em;
    color: #334366;
}
@media screen and (max-width: 750px) {
    .c-item-18__m-ttl {
        width: 100%;
        margin-inline: auto;
        font-size: 4.5333333333vw;
        padding-left: 0;
        padding-bottom: 3.7333333333vw;
        line-height: 1.5;
    }
}
.c-item-18__list {
    margin-top: 15px;
    margin-left: 6px;
}
@media screen and (max-width: 750px) {
    .c-item-18__list {
        margin-top: 0;
        margin-left: 0;
    }
}
.c-item-18__list-item {
    display: flex;
    margin-top: 10px;
}
@media screen and (max-width: 750px) {
    .c-item-18__list-item {
        display: block;
        margin-top: 2.6666666667vw;
        line-height: 1.45;
    }
}
.c-item-18__list-item:first-of-type {
    margin-top: 0;
}
.c-item-18__list-item-num {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin-right: 8px;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 750px) {
    .c-item-18__list-item-num {
        display: block;
        font-size: 2.9333333333vw;
        margin-right: 0;
    }
}
.c-item-18__list-item-txt {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.05em;
    display: block;
}
@media screen and (max-width: 750px) {
    .c-item-18__list-item-txt {
        display: block;
        font-size: 2.9333333333vw;
    }
}
.c-item-18__detail-bottom {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    margin-top: 25px;
    margin-left: 6px;
    border: 1px solid #1d2f56;
}
@media screen and (max-width: 750px) {
    .c-item-18__detail-bottom {
        height: 11.2vw;
        margin-top: 5.3333333333vw;
        margin-left: auto;
        margin-right: auto;
    }
}
.c-item-18__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 100%;
    background-color: #dee2ef;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px solid #1d2f56;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 750px) {
    .c-item-18__label {
        width: 34.1666666667%;
        font-size: 2.6666666667vw;
    }
}
.c-item-18__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-bottom: 2px;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #1D2F56;
}
@media screen and (max-width: 750px) {
    .c-item-18__num {
        width: 65.6666666667%;
        font-size: 4.8vw;
        padding-bottom: 0.5333333333vw;
    }
}
.c-item-18__note {
    margin-top: 5px;
    color: #555555;
    font-size: 12px;
    font-weight: 500;
}
@media screen and (max-width: 750px) {
    .c-item-18__note {
        margin-top: calc((10 / 375) * 100vw);
        font-size: 2.9333333333vw;
        line-height: 1.3;
        padding-left: calc((11 / 375) * 100vw);
        text-indent: calc((-11 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-item-19
--------------------------------------------- */
.c-item-19 {
    margin-top: 10px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-item-19 {
        margin-top: calc((-6 / 375) * 100vw);
    }
}

.c-item-19__txt {
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    line-height: calc(30/18);
}

@media screen and (max-width: 750px) {
    .c-item-19__txt {
        font-size: calc((13 / 375) * 100vw);
        line-height: calc(24/13);
        letter-spacing: 0.05em;
    }
}

.c-item-19__note {
    margin-top: 13px;
    font-size: 12px;
    color: #555555;
}

@media screen and (max-width: 750px) {
    .c-item-19__note {
        margin-top: calc((7 / 375) * 100vw);
        font-size: calc((12 / 375) * 100vw);
        text-align: left;
        padding-left: calc((11 / 375) * 100vw);
        text-indent: calc((-11 / 375) * 100vw);
    }
}
/* ---------------------------------------------
*   c-item-20
--------------------------------------------- */
.c-item-20 {
    margin-top: 40px;
    position: relative;
}

.c-item-20 .swiper-container {
    overflow: hidden;
}

.c-item-20 .swiper-slide {
    height: auto !important;
    width: calc(478 / 1000 * 100%) !important;
    margin-right: calc(44 / 1000 * 100%) !important;
}

.c-item-20 .c-item-16 {
    height: 100%;
}

.c-item-20 .swiper-button-next, .c-item-20 .swiper-button-prev {
    top: 53%;
    width: 36px;
    height: 36px;
    margin-top: 0;
    transform: translateY(-20%);
    border-radius: 50%;
    background-color: #fff;
}

.c-item-20 .swiper-button-next {
    right: -17px;
}

.c-item-20 .swiper-button-prev {
    left: -17px;
}

.c-item-20 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 0;
    width: 100%;
    height: 100%;
}

.c-item-20 .swiper-button-prev:after {
    background: url(../202308img/mfgroup/icn_arrow04-prev-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-20 .swiper-button-prev:after {
        transition: .3s;
    }

    .c-item-20 .swiper-button-prev:hover:after {
        background: url(../202308img/mfgroup/icn_arrow04-prev-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-20 .swiper-button-next:after {
    background: url(../202308img/mfgroup/icn_arrow04-next-off.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 751px) {
    .c-item-20 .swiper-button-next:after {
        transition: .3s;
    }

    .c-item-20 .swiper-button-next:hover:after {
        background: url(../202308img/mfgroup/icn_arrow04-next-on.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-item-20 .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.c-item-20 .swiper-button-next.swiper-button-disabled {
    display: none;
}

.c-item-20 .swiper-notification {
    display: none;
}
.c-item-20 .c-item-16__body {
    height: calc(100% - 88.19px);
}
.c-item-20 .c-item-16 .swiper-pagination-bullet {
    margin: 0 !important;
}
/* ---------------------------------------------
*   c-box-1
--------------------------------------------- */
.c-box-1 {
    margin-bottom: 10px;
    padding: 50px;
    border-radius: 30px;
    background-color: #fff;
}

.c-box-1--tokuten {
    padding: 42px 70px 53px;
}

@media screen and (max-width: 750px) {
    .c-box-1 {
        margin-bottom: 2.93333vw;
        padding: 8.57143% 5.71429% 8.57143%;
        border-radius: 5.33333vw;
    }
    .c-cassette-4--gold .c-box-1, .c-cassette-4--premium .c-box-1 {
        padding-right: 3.42857%;
        padding-left: 3.42857%;
    }

    .c-cassette-4--premium-contentnone .c-box-1 {
        padding-right: 1.42857%;
        padding-left: 1.42857%;
    }
    .c-box-1--tokuten {
        padding: 8.57143% 5.71429% 11.57143%;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1--coupon {
        padding-right: 5.71429% !important;
/*        padding-bottom: 14.28571% !important;*/
        padding-bottom: 0 !important;
        padding-left: 5.71429% !important;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1--sp-pd0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.c-box-1:last-of-type {
    margin-bottom: 0;
}

.c-box-1__body {
    margin-top: 30px;
}

.c-box-1__body--tokuten {
    margin-top: 46px;
}

@media screen and (max-width: 750px) {
    .c-box-1__body {
        margin-top: 6vw;
    }
}

.c-box-1__txt {
    position: relative;
    color: #003560;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-box-1__txt {
        letter-spacing: 0.03em;
        font-size: 3.73333vw;
        line-height: 1.7;
    }
    .windows .c-box-1__txt {
        letter-spacing: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1--campaign .c-box-1__txt {
        padding-top: 26.66667vw;
    }
}

.c-box-1__date {
    font-size: 12px;
    font-weight: bold;
    width: 330px;
    padding: 6px 0;
    text-align: center;
    margin: 15px auto 0;
    color: #fff;
    background-color: #003560;
}

@media screen and (max-width: 750px) {
    .c-box-1__date {
        font-size: calc((12 / 375) * 100vw);
        width: calc((325 / 375) * 100vw);
        padding: calc((6 / 375) * 100vw) 0;
        margin: calc((12 / 375) * 100vw) auto 0;
    }
    .android .c-box-1__date {
        padding: calc((8 / 375) * 100vw) 0 calc((6 / 375) * 100vw);
    }
}

.c-box-1--campaign .c-box-1__txt::before {
    position: absolute;
    top: -20px;
    left: 146px;
    display: block;
    width: 120px;
    height: 99px;
    background: url(../202205img/img_present.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-box-1--campaign .c-box-1__txt::before {
        top: -1.33333vw;
        right: 6.93333vw;
        left: auto;
        width: 28.53333vw;
        height: 23.46667vw;
    }
    .c-cassette-4--gold .c-box-1--campaign .c-box-1__txt::before, .c-cassette-4--premium .c-box-1--campaign .c-box-1__txt::before {
        right: 9.06667vw;
    }
}

.c-box-1--campaign .c-box-1__txt::after {
    position: absolute;
    top: -27px;
    right: 104px;
    display: block;
    width: 170px;
    height: 105px;
    background: url(../202205img/img_campaign.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-box-1--campaign .c-box-1__txt::after {
        top: -6vw;
        right: auto;
        left: 6.4vw;
        width: 44.8vw;
        height: 27.73333vw;
    }
    .c-cassette-4--gold .c-box-1--campaign .c-box-1__txt::after, .c-cassette-4--premium .c-box-1--campaign .c-box-1__txt::after {
        left: 8.8vw;
    }
}

.c-box-1__txt .txt-small {
    font-size: 12px;
}

.c-box-1__note {
    margin-top: 10px;
    color: #013560;
    letter-spacing: 0.05em;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-box-1__note {
        margin-top: 4vw;
        font-size: 2.66667vw;
    }
}

.c-box-1__coupon {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon {
        margin-top: 6.66667vw;
    }
}

.c-box-1__coupon-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: auto;
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head {
        -ms-flex-pack: start;

        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

.c-box-1__coupon-head::before, .c-box-1__coupon-head::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 26px;
    background: url(../202205img/icon_line.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head::before, .c-box-1__coupon-head::after {
        width: 3.33333vw;
        height: 4.13333vw;
    }
}

.c-box-1__coupon-head::before {
    left: -34px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head::before {
        left: -5.33333vw;
    }
}

.c-box-1__coupon-head::after {
    right: -24px;
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg);
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head::after {
        right: -3.73333vw;
    }
}

.c-box-1__coupon-head-icon {
    margin-right: 7px;
    width: 51px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head-icon {
        margin-right: 2.13333vw;
        width: 9.33333vw;
    }
}

.c-box-1__coupon-head-txt {
    color: #E5704D;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head-txt {
        font-size: 4.26667vw;
    }
}

.c-box-1__coupon-btn {
    margin-top: 12px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-btn {
        margin-top: 2.4vw;
    }
}

.c-box-1__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 40px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-1__contents {
        display: block;
        margin-top: 8vw;
    }
}

.c-box-1__schedule {
    margin-top: 16px;
}

@media screen and (max-width: 750px) {
    .c-box-1__schedule {
        margin-top: 5.33333vw;
    }
}

.c-box-1__note-list {
    margin-top: 25px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-1__note-list {
        margin-top: 4.66667vw;
    }
    .c-box-1__note-list--tokuten {
        padding-right: 3.72857%;
        padding-left: 3.72857%;
    }
}

.c-box-1__note-item {
    margin-top: 5px;
    padding-left: 1.3em;
    color: #666;
    text-indent: -1.3em;
    font-size: 12px;
}

.c-box-1__note-item--blue {
    color: #013560;
}

@media screen and (max-width: 750px) {
    .c-box-1__note-item {
        margin-top: 2.66667vw;
        font-size: 3.2vw;
    }
    .android .c-box-1__note-item {
        padding-left: 0.9em;
        text-indent: -0.9em;
    }
}

.c-box-1__note-item:first-of-type {
    margin-top: 0;
}

.c-box-1__note-item a {
    text-decoration: underline;
}

.c-box-1__note-item a:hover {
    text-decoration: none;
}

.c-box-1__img {
    margin-top: 40px;
}
.c-box-1__img--tokuten {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .c-box-1__img {
        margin-top: 5.33333vw;
    }
}

.c-box-1__unit {
    margin-top: 62px;
    margin-right: auto;
    margin-left: auto;
    max-width: 750px;
}

@media screen and (max-width: 750px) {
    .c-box-1__unit {
        margin-top: 10.13333vw;
        max-width: none;
    }
}

.c-box-1__unit:first-of-type {
    margin-top: 0;
}

.c-box-1__limi {
    width: 750px;
    margin: 42px auto 0;
    background-color: #F6F6F6;
    border-radius: 20px;
    padding: 30px 0;
    box-sizing: border-box;
}
@media screen and (max-width: 750px) {
    .c-box-1__limi {
        width: 100%;
        padding: 8.6% 0;
        border-radius: 0 0 20px 20px;
    }
}

.c-box-1__limi-ttl {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #013560;
}

@media screen and (max-width: 750px) {
    .c-box-1__limi-ttl {
        font-size: calc((16 / 375) * 100vw);
    }
}

.c-box-1__limi-lead {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #013560;
}

@media screen and (max-width: 750px) {
    .c-box-1__limi-lead {
        margin-top: 5.8vw;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1__limi-lead {
        font-size: calc((14 / 375) * 100vw);
    }
}

.c-box-1__limi__img-box {
    display: flex;
    width: 528px;
    justify-content: space-between;
    margin: 26px auto 13px;
}
@media screen and (max-width: 750px) {
    .c-box-1__limi__img-box {
        width: calc((290 / 375) * 100vw);
        margin: 30px auto 0;
    }
}

.c-list-limi {
    display: flex;
    justify-content: center;
    margin-top: 21px;
    gap: 4px;
}

@media screen and (max-width: 750px) {
    .c-list-limi {
        display: block;
        margin-top: 7vw;
    }
}

.c-list-limi__item {
    padding: 9px 20px;
    background-color: #EBF5FF;
    border: 1px solid #235EA5;
    border-radius: 10px;
}

@media screen and (max-width: 750px) {
    .c-list-limi__item {
        width: calc((260 / 375) * 100vw);
        padding: calc((12 / 375) * 100vw) 0;
        margin: 0 auto;
        border-radius: calc((10 / 375) * 100vw);
    }

    .c-list-limi__item:nth-of-type(n+2) {
        margin-top: calc((8 / 375) * 100vw);
    }
}

.c-list-limi__txt {
    display: block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #235EA5;
}

@media screen and (max-width: 750px) {
    .c-list-limi__txt {
        font-size: calc((13 / 375) * 100vw);
    }
}


.c-box-1__limi__img {
    width: 260px;
}
@media screen and (max-width: 750px) {
    .c-box-1__limi__img {
        width: calc((144 / 375) * 100vw);
    }
}

.c-box-1__ttl {
    margin-top: 27px;
    padding: 32px 0;
    background: url(../202205img/bg_ttl.svg) 0 0 repeat-x;
    background-size: 100% 100%;
    color: #013560;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-box-1__ttl {
        margin-top: 8vw;
        padding: 5.33333vw 0;
        background-image: url(../202205img/sp/bg_ttl.svg);
        background-size: contain;
        font-size: 4.8vw;
    }
}

.c-box-1__unit-inner {
    margin-top: 33px;
}

@media screen and (max-width: 750px) {
    .c-box-1__unit-inner {
        margin-top: 6.66667vw;
        padding-right: 5.71429%;
        padding-left: 5.71429%;
    }
}

.c-box-1__benefits {
    display: grid;

    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "img txt" "img btn";
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits {
        display: block;
    }
}

.c-box-1__benefits-txt {
    margin-top: 35px;
    margin-left: 6px;
    color: #003560;
    text-align: left;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;

    grid-area: txt;
    grid-column: 2;
    grid-row: 1;
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits-txt {
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        font-size: 3.73333vw;
        line-height: 1.7;
    }
}

.c-box-1__benefits-img {
    margin-right: 41px;
    margin-left: 8px;
    width: 267px;

    grid-area: img;
    grid-column: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits-img {
        margin-top: 7.46667vw;
        margin-right: auto;
        margin-left: auto;
        width: 81.06667vw;
    }
}

.c-box-1__benefits-btn {
    grid-area: btn;
    grid-column: 2;
    grid-row: 2;
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits-btn {
        margin-top: 10.13333vw;
        padding-bottom: 8vw;
    }
}

.c-box-1__info {
    position: relative;
    width: 100%;
    margin-top: 51px;
}
@media screen and (max-width: 750px) {
    .c-box-1__info {
        padding-left: 2%;
        padding-right: 2%;
        margin-top: 9vw;
    }
}

@media screen and (min-width: 751px) {
    .c-box-1__info::before,.c-box-1__info::after {
        position: absolute;
        content: "";
        width: 197px;
        height: 2px;
        background-color: #333333;
        top: 11px;
    }
    .c-box-1__info::before {
        left: 0;
    }
    .c-box-1__info::after {
        right: 0;
    }
}

.c-box-1__info-ttl {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-box-1__info-ttl {
        display: block;
        font-size: calc((17 / 375) * 100vw);
        letter-spacing: -0.06em;
        padding-left: 8%;
    }
}

.c-box-1__info-ttl::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_atention.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 26px;
    height: 26px;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .c-box-1__info-ttl::after {
        width: calc((24 / 375) * 100vw);
        height: calc((24 / 375) * 100vw);
        left: calc((6 / 375) * 100vw);
    }
    .edge .c-box-1__info-ttl::after {
        left: 0;
    }
    .iphone .c-box-1__info-ttl::after {
        left: calc((3 / 375) * 100vw);
    }
}

.c-box-1__info-txt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #333333;
    margin-top: 20px;
}
@media screen and (max-width: 750px) {
    .c-box-1__info-txt {
        text-align: left;
        font-size: calc((12 / 375) * 100vw);
        letter-spacing: 0.05em;
        line-height: 1.67;
        margin-top: 3vw;
        padding-right: 3%;
        padding-left: 6%;
    }
}

/* ---------------------------------------------
*   c-box-2
--------------------------------------------- */
.c-box-2 {
    margin-top: 110px;
}

@media screen and (max-width: 750px) {
    .c-box-2 {
        margin-top: 13.66667vw;
    }
}

.c-box-2:first-of-type {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .c-box-2:last-of-type {
        padding-bottom: 13.33333vw;
    }
    .c-box-2--tokuten:last-of-type {
        padding-bottom: 6.33333vw;
    }
    .c-box-2--medal {
        margin-top: 23.66667vw;
    }
}

.c-box-2__container {
    margin-top: -156px;
    padding-top: 156px;
}

@media screen and (max-width: 750px) {
    .c-box-2__container {
        margin-top: -16vw;
        padding-top: 16vw;
    }
}

.c-box-2__body {
    position: relative;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

.c-box-2__body--top {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .c-box-2__body {
        margin-top: 6.66667vw;
    }
    .c-box-2--tokuten .c-box-2__body {
        margin-top: 22.66667vw;
    }
    .c-box-2__body--top {
        margin-top: 0;
    }
}


.c-box-2__txt {
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-box-2__txt {
        font-size: 3.73333vw;
        line-height: 1.72;
    }
}

.c-box-2__img {
    position: relative;
    margin-top: 37px;
}

.c-box-2--tokuten .c-box-2__img {
    margin-top: 60px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img {
        position: relative;
        margin-top: 6.66667vw;
        padding: 0 0 0 5.33333vw;
    }

    .c-box-2--tokuten .c-box-2__img {
        margin-top: 10.16667vw;
    }
}

.c-box-2__img-btn {
    position: absolute;
    top: 176px;
    right: 37px;
}
@media screen and (max-width: 750px) {
    .c-box-2__img-btn {
        top: 29vw;
        right: -56vw;
    }
    .edge .c-box-2__img-btn {
        right: -59vw;
    }
}
@media screen and (max-width: 460px) {
    .edge .c-box-2__img-btn {
        right: -60vw;
    }
}

.c-box-2__img-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 12px 7px 39px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -.05em;
    line-height: 1.2833333333;
    color: #fff;
    background-color: #23A578;
    border-radius: 14px;
    text-align: initial;
    transition: all 0.3s;
}

.c-box-2__img-link::before {
    position: absolute;
    display:block;
    content: "";
    background: url(../202205img/icon_arrow_under.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.safari .c-box-2__img-link::before {
    transition: initial;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-link {
        width: calc((190 / 375) * 100vw);
        padding: calc((11 / 375) * 100vw) calc((8 / 375) * 100vw) calc((11 / 375) * 100vw) calc((24 / 375) * 100vw);
        font-size: calc((10 / 375) * 100vw);
        box-sizing: border-box;
        letter-spacing: -.12em;
        border-radius: 14px;
    }
    .edge .c-box-2__img-link {
        padding: calc((11 / 375) * 100vw) calc((8 / 375) * 100vw) calc((11 / 375) * 100vw) calc((23 / 375) * 100vw);
    }
    .firefox .c-box-2__img-link {
        padding: calc((11 / 375) * 100vw) calc((8 / 375) * 100vw) calc((11 / 375) * 100vw) calc((23 / 375) * 100vw);
    }
    .android .c-box-2__img-link {
        padding: calc((11 / 375) * 100vw) calc((5 / 375) * 100vw) calc((11 / 375) * 100vw) calc((22 / 375) * 100vw);
    }
    .c-box-2__img-link::before {
        width: calc((13.5 / 375) * 100vw);
        height: calc((13.5 / 375) * 100vw);
        left: 2vw;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 751px) {
    .c-box-2__img-link:hover {
        background-color: #fff;
        color: #23A578;
    }
    .c-box-2__img-link:hover::before {
        background: url(../202205img/icon_arrow_under_green.svg) 0 0 no-repeat;
        background-size: 100% auto;
    }
}
@media screen and (max-width: 750px) {
    .c-box-2__img-head {
        position: absolute;
        top: 0;
        left: 5.03333vw;
        width: calc((93.3 / 375) * 100vw);
    }
    .c-box-2__img-head--type3 {
        width: calc((92 / 375) * 100vw);
        z-index: 100;
    }
    .c-box-2__img-head--type3 img {
        min-width: calc((92 / 375) * 100vw);
    }
}

@media screen and (max-width: 750px) {
    .c-box-2__img-body {
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 24.53333vw;
        padding-right: 5.33333vw;
    }
    .c-box-2__img-body--type3 {
        position: relative;
        margin-left: 23.83333vw;
    }
    .c-box-2__img-body img {
        min-width: 1152px;
    }
    .c-box-2__img-body--type3 img {
        min-width: 980px;
    }
}
@media screen and (max-width: 744px) {
    .c-box-2__img-body img {
        min-width: calc((581 / 375) * 100vw);
    }
    .c-box-2__img-body--type3 img {
        min-width: calc((490 / 375) * 100vw);
    }
}

.c-box-2__list {
    margin-top: 20px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-2__list {
        margin-top: 4vw;
        padding: 0 5.33333%;
    }
    .c-box-2--tokuten .c-box-2__list {
        margin-top: 5.2vw;
    }
}

.c-box-2__item {
    padding-left: 1.3em;
    color: #fff;
    text-indent: -1.3em;
    font-size: 12px;
}


@media screen and (max-width: 750px) {
    .c-box-2__item {
        margin-top: 1.06667vw;
        font-size: 3.2vw;
        line-height: 1.3;
    }
    .android .c-box-2__item {
        padding-left: 0.9em;
        text-indent: -0.9em;
    }
}

@media screen and (max-width: 750px) {
    .c-box-2__item:first-of-type {
        margin-top: 0;
    }
}
.c-box-2__list--color .c-box-2__item {
    color: #013560;
}

.c-box-2__medal-btn {
    width: 640px;
    margin: 50px auto 90px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn {
        width: calc((330 / 375) * 100vw);
    }
}

.c-box-2__medal-btn-link {
    position: relative;
    display: block;
    padding: 24px 0 21px;
    width: 100%;
    height: 100%;
    background-color: #EBFBF3;
    border: 2px solid #23A578;
    border-bottom: 4px solid #23A578;
    border-radius: 10px;
    box-shadow: 0px 5px 13px -10px #777777;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-link {
        padding: 15px 0 8px;
    }
}

.c-box-2__medal-btn-link:hover {
    background-color: #ffff;
}

.c-box-2__medal-btn-link::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_arrow_green.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 8px;
    height: 14px;
    top: 50%;
    right: 65px;
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-link::after {
        width: calc((6 / 375) * 100vw);
        height: calc((10 / 375) * 100vw);
        right: calc((12 / 375) * 100vw);
    }
    .iphone .c-box-2__medal-btn-link::after {
        right: calc((6 / 375) * 100vw);
    }
}

.c-box-2__medal-btn-txt {
    display: block;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.07692307692;
    color: #23A578;
}
.c-box-2__medal-btn-txt--l {
    display: inline;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-txt {
        font-size: calc((16 / 375) * 100vw);
        letter-spacing: 0.04em;
        line-height: 0.976923;
    }
    .c-box-2__medal-btn-txt--l {
        font-size: 5.3vw;
    }

    .iphone .c-box-2__medal-btn-txt--l {
        font-size: 5.3vw;
        letter-spacing: 0.03em;
    }
}

.c-box-2__medal-btn-anno {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #333333;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-anno {
        font-size: 2.93334vw;
        font-weight: 500;
        letter-spacing: -0.05em;
    }
    .iphone .c-box-2__medal-btn-anno {
        letter-spacing: -0.06em;
    }
}

.c-box-2__lead {
    margin-bottom: 15px;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-box-2__lead {
        margin-bottom: 1.33333vw;
        font-size: 3.73333vw;
    }
}

.c-box-2__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 50px;
    padding: 50px 75px;
    border-radius: 20px;
    background-color: #fff;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-2__check {
        display: block;
        margin-top: 11.33333vw;
        margin-right: auto;
        margin-left: auto;
        padding: 9.33333vw 4.66667vw;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-2__schedule {
    margin-top: 50px;
    padding: 33px 40px;
    border-radius: 20px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-2__schedule {
        margin-top: 10.66667vw;
        margin-right: auto;
        margin-left: auto;
        padding: 7.4% 3.43333%;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-2__img-medal {
    margin: 45px auto 0;
    max-width: 696px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-medal {
        max-width: initial;
        width: calc((348 / 375) * 100vw);
        margin: 11vw auto 0;
    }
}

.c-box-2__btn {
    width: 323px;
    margin: 58px auto 0;
}
@media screen and (max-width: 750px) {
    .c-box-2__btn {
        width: 91vw;
        margin: 8vw auto 0;
    }
}

.c-box-2__btn-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 6px 19px 6px 0px;
    transition: all 0.3s;
}
.c-box-2__btn-link::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_arrow_under.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 26px;
    transform: translateY(-50%);
    transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) and (min-width: 751px) {
    .c-box-2__btn-link:hover {
        background-color: #fff;
        color: #3D5EA1;
        border-radius: 12px;
    }
    .c-box-2__btn-link:hover::after {
        background-image: url(../202205img/icon_arrow_under_blue.svg);
    }
}
@media screen and (max-width: 750px) {
    .c-box-2__btn-link {
        font-size: calc((16 / 375) * 100vw);
        border-radius: calc((10 / 375) * 100vw);
        padding: calc((8 / 375) * 100vw) calc((21 / 375) * 100vw) calc((8 / 375) * 100vw) 0;
    }
    .c-box-2__btn-link::after {
        width: calc((18 / 375) * 100vw);
        height: calc((18 / 375) * 100vw);
        right: 14vw;
    }
}

.c-box-2__detail {
    position: absolute;
    top: 142px;
    right: 241px;
}
@media screen and (max-width: 750px) {
    .c-box-2__detail {
        top: 105.2vw;
        right: 41.3vw;
    }
}
.c-box-2__detail--2 {
    top: 267px;
    right: 5px;
}
@media screen and (max-width: 750px) {
    .c-box-2__detail--2 {
        top: auto;
        bottom: 24.3vw;
        right: 8.4vw;
    }
}

.c-box-2__detail__link {
    display: block;
    width: 100%;
    height: 100%;
}

.c-box-2__detail__link:hover .c-box-2__detail-txt {
    text-decoration: underline;
}
.c-box-2__detail-box {
    position: absolute;
    top: 13px;
    left: 18px;
}

@media screen and (max-width: 750px) {
    .c-box-2__detail-box {
        position: absolute;
        top: 5vw;
        left: 4.3vw;
    }
}
.c-box-2__detail-txt {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.1em;
    color: #2C6ABD;
}
.c-box-2__detail-txt::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_arrow_circle_blue.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 12px;
    height: 12px;
    top: 0;
    right: -16px;
    z-index: 100;
}

.c-box-2__detail-txt--lage {
    font-size: 13px;
}

.c-box-2__detail-txt--lage::after {
    content: none;
}

@media screen and (max-width: 750px) {
    .c-box-2__detail-txt,.c-box-2__detail-txt--lage {
        font-size: calc((12 / 375) * 100vw);
    }
    .c-box-2__detail-txt::after {
        width: calc((12 / 375) * 100vw);
        height: calc((12 / 375) * 100vw);
        top: 0;
        right: -4vw;
    }
}

.c-box-2__detail--2 .c-box-2__detail-txt {
    color: #23A578;
}

.c-box-2__detail--2 .c-box-2__detail-txt::after {
    background-image: url(../202205img/icon_arrow_circle_green.svg);
}

.c-box-2__detail-img {
    width: 140px;
    z-index: 10;
}
@media screen and (max-width: 750px) {
    .c-box-2__detail-img {
        width: 35.7vw;
        z-index: 10;
    }
}


.c-box-2__img-desc {
    margin-top: 83px;
}

.c-box-2__img-desc {
    margin-top: 0;
}

.c-box-2--tokuten .c-box-2__img-desc {
    margin-top: 90px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-desc {
        margin-top: 14.4vw;
    }
    .c-box-2__img-desc {
        margin-top: 0;
    }
}

.c-box-2__img-desc-ttl {
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 30px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-desc-ttl {
        font-size: 5.86667vw;
    }
}

.c-box-2__img-desc-txt {
    display: inline-block;
    margin-top: 8px;
    padding-left: 1em;
    color: #fff;
    text-align: left;
    text-indent: -1em;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-desc-txt {
        margin-top: 4.53333vw;
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}

/*  20230706 add
--------------------------------------------- */
.c-box-2__banner {
    width: 940px;
    margin: 45px auto 0;
}

@media screen and (max-width: 750px) {
    .c-box-2__banner {
        width: calc((320 / 375) * 100vw);
        margin-top: calc((32 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-box-3
--------------------------------------------- */
.c-box-3 {
    margin-top: 90px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

@media screen and (max-width: 750px) {
    .c-box-3 {
        margin-top: 13.33333vw;
    }
}

.c-box-3:first-of-type {
    margin-top: 0;
}

.c-box-3__container {
    margin-top: -156px;
    padding-top: 156px;
}

@media screen and (max-width: 750px) {
    .c-box-3__container {
        margin-top: -16vw;
        padding-top: 16vw;
    }
}

.c-box-3__lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 50px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-3__lead {
        display: block;
        margin-top: 5.33333vw;
    }
}

.c-box-3__lead-icon {
    display: block;
    margin-right: 12px;
    width: 40px;
}

@media screen and (max-width: 750px) {
    .c-box-3__lead-icon {
        margin-right: auto;
        margin-left: auto;
        width: 10.66667vw;
    }
}

.c-box-3__lead-txt {
    display: block;
    color: #235EA5;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .c-box-3__lead-txt {
        margin-top: 4.26667vw;
        font-size: 3.73333vw;
        line-height: 1.7;
    }
}

.ie .c-box-3__lead-txt {
    padding-top: 6px;
}

@media screen and (max-width: 750px) {
    .ie .c-box-3__lead-txt {
        padding-top: 0;
    }
}

.c-box-3__contents {
    margin-top: 50px;
    padding: 40px 60px;
    border: 2px solid #235EA5;
    border-radius: 20px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-3__contents {
        margin-top: 8vw;
        margin-right: auto;
        margin-left: auto;
        padding: 8% 5.86667%;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-3__unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-3__unit {
        display: block;
    }
}

.c-box-3__img {
    width: 371px;
}

@media screen and (max-width: 750px) {
    .c-box-3__img {
        width: 80vw;
    }
}

.c-box-3__list {
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-3__list {
        margin-top: 4vw;
    }
}

.c-box-3__item {
    margin-top: 20px;
    padding-left: 1em;
    color: #235EA5;
    text-indent: -1em;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
}

@media screen and (max-width: 750px) {
    .c-box-3__item {
        margin-top: 2.66667vw;
        letter-spacing: 0.1em;
        font-size: 4vw;
    }
}

.c-box-3__item:first-of-type {
    margin-top: 0;
}

.c-box-3__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 40px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-3__btn {
        display: block;
        margin-top: 6.66667vw;
    }
}

.c-box-3__note-list {
    margin-top: 20px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-3__note-list {
        margin-top: 4vw;
        padding: 0 5.33333%;
    }
}

.c-box-3__note-item {
    margin-top: 4px;
    padding-left: 1.3em;
    color: #666;
    text-indent: -1.3em;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-box-3__note-item {
        margin-top: 2vw;
        font-size: 3.2vw;
    }
    .android .c-box-3__note-item {
        padding-left: 0.9em;
        text-indent: -0.9em;
    }
}

.c-box-3__note-item:first-of-type {
    margin-top: 0;
}

.c-box-3__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-box-3__card {
        display: block;
        margin-top: 14.66667vw;
        padding: 0 5.33333%;
    }
}

@media screen and (max-width: 750px) {
    .c-box-3__facility img {
        width: 90.7%;
    }
}

/* ---------------------------------------------
*   c-box-4
--------------------------------------------- */
.c-box-4 {
    margin-top: 55px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    max-width: 1000px;
    border: 2px solid #235EA5;
    border-radius: 20px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-4 {
        margin-top: 6vw;
        margin-bottom: 13.33333vw;
        padding-top: 8vw;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-4__ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding-bottom: 18px;
    color: #235EA5;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl {
        display: block;
        padding-bottom: 5.86667vw;
    }
}

.c-box-4__ttl::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 60px;
    height: 2px;
    background-color: #235EA5;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl::before {
        width: 16vw;
        height: 1px;
    }
}

.c-box-4__ttl-icon {
    margin-right: 6px;
    width: 30px;
}

.ie .c-box-4__ttl-icon {
    margin-top: -8px;
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl-icon {
        margin-right: auto;
        margin-left: auto;
        width: 8vw;
    }
    .ie .c-box-4__ttl-icon {
        margin-top: 0;
    }
}

.c-box-4__ttl-txt {
    font-weight: bold;
    font-size: 24px;
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl-txt {
        margin-top: 4vw;
        font-size: 5.33333vw;
    }
}

.c-box-4__lead {
    margin-top: 40px;
    color: #235EA5;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
}

@media screen and (max-width: 750px) {
    .c-box-4__lead {
        margin-top: 4vw;
        font-size: 5.33333vw;
        line-height: 1.7;
    }
}

.c-box-4__lead span {
    position: relative;
    z-index: 1;
}

.c-box-4__lead span::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 10px;
    background-color: rgba(229, 112, 77, 0.3);
    content: "";
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.windows .c-box-4__lead span::before {
    bottom: 2px;
}

.ie .c-box-4__lead span::before {
    bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-box-4__lead span::before {
        bottom: -1.06667vw;
        height: 2.13333vw;
    }
    .android .c-box-4__lead span::before {
        bottom: -0.26667vw;
    }
    .windows .c-box-4__lead span::before {
        bottom: 0;
    }
    .ie .c-box-4__lead span::before {
        bottom: 2vw;
    }
}

.c-box-4__txt {
    margin-top: 30px;
    color: #235EA5;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .c-box-4__txt {
        margin-top: 3.33333vw;
        padding: 0 5.97015%;
        text-align: left;
        letter-spacing: 0.1em;
        font-size: 3.73333vw;
    }
}

.c-box-4__btn {
    margin-top: 35px;
}

@media screen and (max-width: 750px) {
    .c-box-4__btn {
        margin-top: 6vw;
        padding: 0 5.97015%;
    }
}

.c-box-4__note {
    margin-top: 40px;
    padding: 30px 98px;
    border-radius: 0 0 18px 18px;
    background-color: #F6F6F6;
    text-align: left;
    font-size: 14px;
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .c-box-4__note {
        margin-top: 6.66667vw;
        padding: 8.95522% 6.56716% 10.44776%;
        border-radius: 0 0 4.66667vw 4.66667vw;
        letter-spacing: 0.1em;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-box-5
--------------------------------------------- */
.c-box-5 {
    margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
    padding: 45px 88px 40px;
    width: 1000px;
    background: url(../202205img/bg_frame.png) 0 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-box-5 {
        margin-top: 6.66667vw;
        padding: 6.75676% 5.97015% 5.79151%;
        width: 89.33333%;
        background-image: url(../202205img/sp/bg_frame.png);
    }
}

.c-box-5__lead {
    color: #362A0A;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-box-5__lead {
        font-size: 4.26667vw;
    }
}

.c-box-5__txt {
    margin-top: 10px;
    color: #362A0A;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-box-5__txt {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}

.c-box-5__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: start;
    margin-top: 20px;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-5__list {
        -ms-flex-pack: justify;
        margin-top: 4.8vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.c-box-5__item {
    margin-left: 15px;
}

.c-box-5__item--card {
    width: 229px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--card {
        margin-left: 0;
        width: 59.72696%;
    }
}

.c-box-5__item--sp {
    width: 162px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--sp {
        margin-left: 0;
        width: 37.54266%;
    }
}

@media screen and (max-width: 750px) {
    .c-box-5__item:nth-of-type(n+3) {
        margin-top: 4.66667vw;
    }
}

.c-box-5__item:first-of-type {
    margin-left: 0;
}

.c-box-5__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: auto;
    margin-left: auto;
    height: 160px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-5__img {
        height: 32.53333vw;
    }
}

.c-box-5__item--card .c-box-5__img {
    width: 198px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--card .c-box-5__img {
        width: 86.85714%;
    }
}

.c-box-5__item--sp .c-box-5__img {
    width: 80px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--sp .c-box-5__img {
        width: 52.72727%;
    }
}

.c-box-5__img img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--card .c-box-5__img img {
        margin-top: 1.33333vw;
    }
}

.c-box-5__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 10px;
    height: 36px;
    color: #333333;
    font-weight: bold;
    font-size: 12px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-5__name {
        margin-top: 2.66667vw;
        height: auto;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-box-6
--------------------------------------------- */
.c-box-6 {
    margin-top: 45px;
    border: 1px solid #235EA5;
}

@media screen and (max-width: 750px) {
    .c-box-6 {
        margin-top: 8.8vw;
        margin-right: auto;
        margin-left: auto;
        width: 89.33333%;
    }
}

.c-box-6--02 {
    padding: 48px 140px 48px;
    border: none;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 750px) {
    .c-box-6--02 {
        margin-top: 10.4vw;
        padding: 5.5vw calc((14 / 375) * 100vw) 5.06667vw;
        width: 100%;
        border-radius: 5.33333vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    }
}

.c-box-6--03 {
    padding: 52px calc((90 / 1100) * 100%) 40px;
}

@media screen and (max-width: 750px) {
    .c-box-6--03 {
        padding: 5.5vw calc((14 / 375) * 100vw) 5.06667vw;
        overflow: hidden;
    }
}

.c-box-6__head {
    padding: 10px;
    background-color: #235EA5;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-box-6__head {
        padding: 1.6vw;
        letter-spacing: 0;
        font-size: 3.2vw;
    }
}

.c-box-6--02 .c-box-6__head {
    position: relative;
    padding: 0 0 18px;
    background-color: transparent;
    color: #235EA5;
    font-size: 24px;
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__head {
        padding-bottom: 3.43333vw;
        letter-spacing: 0.05em;
        font-size: 5.06667vw;
    }
}

.c-box-6--02 .c-box-6__head::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100px;
    height: 2px;
    background-color: #235EA5;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__head::before {
        width: 16vw;
        height: 0.53333vw;
    }
}

.c-box-6__body {
    padding: 26px 110px 25px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-6__body {
        padding: 4.53333vw 4.53333vw 5.33333vw;
    }
}

.c-box-6--02 .c-box-6__body {
    margin-top: 40px;
    padding: 0;
    background-color: transparent;
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__body {
        margin-top: 7.2vw;
    }
}

.c-box-6__icon {
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    width: 478px;
}

@media screen and (max-width: 750px) {
    .c-box-6__icon {
        width: calc((303 / 375) * 100vw);
    }
}

.c-box-6--02 .c-box-6__icon {
    margin-bottom: 40px;
    width: 707px;
}

@media screen and (min-width: 751px) {
    /*.c-box-6--02 .c-box-6__icon {
        position: relative;
        left: -13px;
    }*/
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__icon {
        margin-bottom: 4.8vw;
        width: 78.93333vw;
    }
}

.c-box-6__note {
    color: #555555;
    letter-spacing: 0.05em;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-box-6__note {
        font-size: 2.66667vw;
    }
}

.c-box-6__note--02 {
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-box-6__note--02 {
        font-size: 2.93333vw;
    }
}

.c-box-6__note-02 {
    margin-bottom: 18px;
    color: #555555;
    font-size: 12px;
    line-height: calc(22 / 12);
}

@media screen and (max-width: 750px) {
    .c-box-6__note-02 {
        margin-top: 1.3vw;
        margin-bottom: 5.6vw;
        text-align: left;
        letter-spacing: -.05em;
        font-size: 3.2vw;
        line-height: calc(16 / 12);
        width: calc((300 / 375) * 100vw);
        margin-inline: auto;
        padding-left: 1em;
        text-indent: -1em;
        letter-spacing: -.01em;
    }

    .android .c-box-6__note-02 {
        padding-left: 0.6em;
        text-indent: -0.6em;
    }

    .edge .c-box-6__note-02 {
        padding-left: 1.1em;
        text-indent: -1.1em;
    }
}

.c-box-6__note-02--top {
    margin-bottom: 0px;
}

@media screen and (max-width: 750px) {
    .c-box-6__note-02--top {
    }
}

.c-box-6__note-02 .ls {
    letter-spacing: -5em;
}

.c-box-6__note-link {
    position: relative;
    display: inline-block;
}

.c-box-6__note-link::before {
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: #555555;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-6__note-link::before {
        bottom: 0.4vw;
        height: 0.13333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-box-6__note-link {
        padding-left: 1em;
        text-indent: -1em;
    }
}

@media screen and (min-width: 751px) {
    .c-box-6__note-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-box-6__note-link:hover {
        opacity: 0.7;
    }
}

/*  20230710 add
--------------------------------------------- */
.c-box-6__head .small {
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .c-box-6__head .small {
        font-size: calc((12 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-box-7
--------------------------------------------- */
.c-box-7 {
    margin-top: 26px;
    padding: 36px 0 36px;
    border-radius: 30px;
    background-color: #F7F7F7;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 750px) {
    .c-box-7 {
        margin: 5.33333vw auto 0;
        padding: 9.6vw 0 10.46667vw;
        width: 100%;
        border-radius: 5.33333vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    }
}

.c-box-7__head {
    color: #041C53;
    font-weight: bold;
    font-size: 16px;
    line-height: calc(36 / 16);
}

@media screen and (max-width: 750px) {
    .c-box-7__head {
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}

.c-box-7__head-strong {
    position: relative;
    z-index: 0;
}

@media screen and (min-width: 751px) {
    .c-box-7__head-strong {
        font-size: 20px;
        line-height: calc(36 / 20);
    }
}

.c-box-7__head-strong::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 476px;
    height: 6px;
    border-radius: 10px;
    background-color: #FFECB4;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-7__head-strong::before {
        width: 44.2vw;
        height: 1.06667vw;
        border-radius: 2.66667vw;
        left: auto;
        right: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .c-box-7__head-strong--2::before {
        width: 48vw;
        right: 1vw;
    }
}

.c-box-7__btn {
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    .c-box-7__btn {
        margin-top: 7.33333vw;
    }
}

.c-box-7__link {
    position: relative;
    display: inline-block;
    margin-top: 14px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
    line-height: calc(24 / 14);
    padding-right: 11px;
    -webkit-transition: .1s;
    transition: .1s;
}

@media screen and (max-width: 750px) {
    .c-box-7__link {
        margin-top: 3.46667vw;
        margin-right: 2.93333vw;
        font-size: 3.2vw;
        line-height: calc(24 / 12);
        padding-right: 2.93333vw;
    }
}

@media screen and (min-width: 751px) {
    .c-box-7__link:hover {
        color: #06C9D3;
    }
}

@media screen and (min-width: 751px) {
    .c-box-7__link:hover .c-box-7__link-arrow .off {
        opacity: 0;
    }

    .c-box-7__link:hover .c-box-7__link-arrow .on {
        opacity: 1;
    }
}

.c-box-7__link-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /*content: "";*/
    /*right: -11px;*/
    /*display: block;*/
    /*height: 12px;*/
    /*background: url(../202205img/mfgroup/icon_arrow-s_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;*/
}

@media screen and (max-width: 750px) {
    .c-box-7__link-arrow {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
    }
}

.c-box-7__link-arrow img {
    display: block;
}

.c-box-7__link-arrow .on {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

@media screen and (max-width: 750px) {
    .c-box-7__link-arrow {
        /*right: -2.93333vw;*/
        width: 1.33333vw;
        height: 2.66667vw;
    }
}

.c-box-7__link-line {
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 750px) {
    .c-box-7__link-line {
        padding-left: 0.8vw;
    }
}

.c-box-7__link-line::before {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-box-7__link-line::before {
        bottom: 1.33333vw;
        height: 0.26667vw;
    }
}

.c-box-7__txt {
    margin-top: 24px;
    color: #222222;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 14px;
    line-height: calc(24 / 14);
}

@media screen and (max-width: 750px) {
    .c-box-7__txt {
        margin-top: 4.26667vw;
        letter-spacing: normal;
        font-size: 3.2vw;
        line-height: calc(20 / 12);
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    margin-top: 22px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--1 {
        margin-top: 5.86667vw;
    }
}

.c-btn-1--2 {
    margin-top: 43px;
    margin-bottom: 57px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--2 {
        margin-top: 7.46667vw;
        margin-bottom: 7.2vw;
    }
}

.c-btn-1--3 {
    margin-top: 56px;
    margin-bottom: 73px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--3 {
        margin-top: 8.8vw;
        margin-bottom: 8.8vw;
    }
}

.c-btn-1--4 {
    margin-top: 32px;
    margin-bottom: 29px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--4 {
        margin-top: 5.6vw;
        margin-bottom: 5.33333vw;
    }
}

.c-btn-1--5 {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--5 {
        margin-top: 7.46667vw;
    }
}

.c-btn-1--6 {
    margin-top: 49px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--6 {
        margin-top: 8.53333vw;
    }
}

.c-btn-1--white .c-btn-1__link {
    background-color: #fff;
}

@media screen and (min-width: 751px) {
    .c-btn-1--white .c-btn-1__link:hover {
        background-color: #C1E2FF;
        color: #19419E;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-1--white .c-btn-1__link:hover:after {
        background-image: url(../202205img/icon_arrow.png);
    }
}

.c-btn-1__link {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 18px 0;
    width: 502px;
    border: 1px solid #006BC1;
    background-color: #fff;
    color: #006BC1;
    text-align: center;
    font-size: 20px;
    -webkit-transition: background-color .35s,color .35s;
    transition: background-color .35s,color .35s;
}

.c-btn-1__link--1 {
    width: 362px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--1 {
        padding: 4vw 0;
        width: 74.66667vw;
        font-size: 3.46667vw;
    }
}

.c-btn-1__link--2 {
    margin-bottom: 53px;
}

.c-btn-1__link--3 {
    width: 650px;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--3 {
        padding: 4vw 0;
        width: 66.66667vw !important;
        font-size: 3.2vw !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--faq {
        width: 100% !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link {
        padding: 4vw 0;
        width: 74.66667vw;
        font-size: 3.46667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-1__link:hover {
        background-color: #006BC1;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-1__link:hover:after {
        background-image: url(../202205img/icon_arrow_w.png);
    }
}

.ie11 .c-btn-1__link {
    padding: 22px 0 14px;
}

@media screen and (max-width: 750px) {
    .ie11 .c-btn-1__link {
        padding: 4vw 0;
    }
}

@media screen and (max-width: 750px) {
    .android .c-btn-1__link {
        padding: 4.26667vw 0 3.73333vw;
    }
}

.c-btn-1__link:after {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 37px;
    height: 6px;
    background: url(../202205img/icon_arrow.png) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-1__link:after {
        right: 5.6vw;
        width: 7.46667vw;
        height: 1.06667vw;
    }
}

@media screen and (max-width: 750px) {
    .android .c-btn-1__link:after {
        top: 46%;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--1:after {
        right: 3.46667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--3:after {
        top: 64% !important;
        right: 10.66667vw !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--4 {
        width: 84.93333vw;
    }
}

.c-btn-1__link--4:after {
    right: 30px;
    width: 45px;
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--4:after {
        right: 4.53333vw;
        width: 7.73333vw;
        height: 1.06667vw;
    }
}

.c-btn-1__link--5:after {
    right: 21px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--5:after {
        right: 2.66667vw;
        width: 7.46667vw;
    }
}

.c-btn-1__link--6:after {
    right: 23px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--6:after {
        right: 3.2vw;
        width: 7.46667vw;
    }
}

.c-btn-1__link--7:after {
    right: 31px;
    width: 44px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--7:after {
        right: 8.26667vw;
        width: 8vw;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--8:after {
        top: 46% !important;
        left: 3.46667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--9:after {
        top: 46% !important;
        right: 2.66667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--1:after {
        top: 46% !important;
        right: 3.46667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--10 {
        padding: 4vw 0 4vw 8.53333vw;
    }
}

.c-btn-faq {
    cursor: pointer;
}

.c-btn-back {
    cursor: pointer;
}

/* ---------------------------------------------
*   c-btn-2
--------------------------------------------- */
.c-btn-2 {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 25px;
    width: 520px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}


@media screen and (min-width: 751px) {
    .c-btn-2 {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-btn-2:hover {
        opacity: 0.7;
    }
}

.ie .c-btn-2 {
    padding-top: 29px;
    padding-bottom: 21px;
}

@media screen and (max-width: 750px) {
    .c-btn-2 {
        margin-top: 2.66667vw;
        padding: 6.66667vw 1em;
        width: 80vw;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
    .ie .c-btn-2 {
        padding-top: 7.2vw;
        padding-bottom: 6.13333vw;
    }
}

.c-btn-2::before {
    position: absolute;
    top: 50%;
    right: 32px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-2::before {
        right: 5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

.c-btn-2--app {
    background-color: #5EC6D1;
}

.c-btn-2--web {
    background-color: #235EA5;
}

.c-btn-2:first-of-type {
    margin-top: 0;
}
.c-btn-2--tokuten {
    background-color: #235EA5;
    width: 580px;
    letter-spacing: 0.16em;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-btn-2--tokuten {
        width: calc((350 / 375) * 100vw);
        letter-spacing: 0.1em;
    }
}
.c-btn-2--tokuten:first-of-type {
    margin-top: 40px;
}

.c-btn-2--tokuten::before {
    background-image: url(../202205img/icon_arrow_white_thin.svg);
    transform: translateY(-50%) rotate(180deg);
    left: 20px;
    width: 9px;
    height: 15px;
    transition: all 0.3s;
}

@media (hover: hover) and (pointer: fine) and (min-width: 751px) {
    .c-btn-2--tokuten:hover {
        background-color: #fff;
        color: #235EA5;
        opacity: 1;
    }
    .c-btn-2--tokuten:hover::before {
        background-image: url(../202205img/icon_arrow_white_thin_blue.svg);
    }
}

/* ---------------------------------------------
*   c-btn-3
--------------------------------------------- */
.c-btn-3 {
    position: relative;
    display: block;
    margin-left: 30px;
    padding: 35px;
    width: 410px;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (min-width: 751px) {
    .c-btn-3 {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-btn-3:hover {
        opacity: 0.7;
    }
}

.ie .c-btn-3 {
    padding-top: 38px;
    padding-bottom: 32px;
}

@media screen and (max-width: 750px) {
    .c-btn-3 {
        margin-top: 2.93333vw;
        margin-left: 0;
        padding: 6vw 1em;
        width: 100%;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
    .ie .c-btn-3 {
        padding-top: 6.4vw;
        padding-bottom: 5.6vw;
    }
}

.c-btn-3::before {
    position: absolute;
    top: 50%;
    left: 24px;
    display: block;
    width: 60px;
    height: 60px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-3::before {
        left: 4.66667vw;
        width: 12vw;
        height: 12vw;
    }
}

.c-btn-3:first-of-type {
    margin-left: 0;
}

@media screen and (max-width: 750px) {
    .c-btn-3:first-of-type {
        margin-top: 0;
    }
}

.c-btn-3--app {
    background-color: #5EC6D1;
}

.c-btn-3--app::before {
    background-image: url(../202205img/img_app.png);
}

.c-btn-3--web {
    background-color: #235EA5;
}

.c-btn-3--web::before {
    background-image: url(../202205img/img_member.png);
}

.c-btn-3__txt {
    position: relative;
    display: inline-block;
    padding-left: 1em;
}

.c-btn-3__txt::before {
    position: absolute;
    top: 50%;
    right: -20px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ie .c-btn-3__txt::before {
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
}

@media screen and (max-width: 750px) {
    .c-btn-3__txt::before {
        right: -5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-btn-4
--------------------------------------------- */
.c-btn-4 {
    position: relative;
    display: block;
    margin-left: 32px;
    padding: 18px;
    width: 420px;
    border: 1px solid #235EA5;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 14px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}

.ie .c-btn-4 {
    padding-top: 20px;
    padding-bottom: 16px;
}

@media screen and (max-width: 750px) {
    .c-btn-4 {
        margin-top: 4.66667vw;
        margin-right: auto;
        margin-left: auto;
        padding: 4.8vw 1em;
        width: 100%;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
    .ie .c-btn-4 {
        padding-top: 5.06667vw;
        padding-bottom: 4.26667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-4:hover {
        background-color: #235EA5;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-4:hover::before {
        background-image: url(../202205img/icon_arrow_white_thin.svg);
    }
}

.c-btn-4:first-of-type {
    margin-left: 0;
}

@media screen and (max-width: 750px) {
    .c-btn-4:first-of-type {
        margin-top: 0;
    }
}

.c-btn-4::before {
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-4::before {
        right: 6.13333vw;
        width: 2.13333vw;
        height: 3.73333vw;
    }
}

.c-box-4 .c-btn-4, .c-block-2 .c-btn-4 {
    margin-right: auto;
    margin-left: auto;
}

.c-cassette-4 .c-btn-4 {
    position: absolute;
    bottom: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-4 .c-btn-4 {
        bottom: 32vw;
        width: 80%;
    }
}

.c-btn-4--blue {
    background-color: #235EA5;
    color: #fff;
}

.c-btn-4--blue::before {
    background-image: url(../202205img/icon_arrow_white_thin.svg);
}

@media screen and (min-width: 751px) {
    .c-btn-4--blue:hover {
        background-color: #fff;
        color: #235EA5;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-4--blue:hover::before {
        background-image: url(../202205img/icon_arrow_blue.svg);
    }
}

/* ---------------------------------------------
*   c-btn-5
--------------------------------------------- */
.c-btn-5 {
    position: relative;
    display: block;
    padding: 24px 1em;
    width: 397px;
    border: 1px solid #041C53;
    border-radius: 10px;
    background-color: #041C53;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color background;
    transition-property: color background;
}

@media screen and (max-width: 750px) {
    .c-btn-5 {
        margin-right: auto;
        margin-left: auto;
        padding: 4.8vw 1em;
        width: 80vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        font-size: 3.73333vw;
        line-height: 1.4;
    }
}

.c-btn-5::before {
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-5::before {
        right: 5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

.c-btn-5::after {
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_navy.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-5::after {
        right: 5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-5:hover {
        background-color: #fff;
        color: #041C53;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-5:hover::before {
        opacity: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-5:hover::after {
        opacity: 1;
    }
}

/* ---------------------------------------------
*   c-btn-6
--------------------------------------------- */
.c-btn-6 {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 18px;
    width: 360px;
    border: 1px solid #235EA5;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}

.c-btn-6.c-btn-6--02 {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-btn-6 {
        padding: 4.8vw;
        width: 80vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        font-size: 3.73333vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-6:hover {
        background-color: #235EA5;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-6:hover::before {
        background-image: url(../202205img/icon_arrow_white_thin.svg);
    }
}

.c-btn-6::before {
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-6::before {
        right: 4.53333vw;
        width: 2.13333vw;
        height: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-btn-7
--------------------------------------------- */
.c-btn-7 {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 28px 18px;
    width: 560px;
    border: 3px solid #235EA5;
    border-radius: 10px;
    background-color: #fff;
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media screen and (max-width: 750px) {
    .c-btn-7 {
        padding: 2.66667vw;
        width: calc((280 / 375) * 100vw);
        border: 2px solid #235EA5;
        border-radius: 2.66667vw;
        font-size: 4.26667vw;
        letter-spacing: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-7:hover {
        background-color: #235EA5;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-7:hover::before {
        background-image: url(../202205img/mfgroup/icon_arrow_white.svg);
    }
}

.c-btn-7::before {
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    width: 12px;
    height: 24px;
    background: url(../202205img/mfgroup/icon_arrow_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-7::before {
        right: 3.46667vw;
        width: 2.13333vw;
        height: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-card
--------------------------------------------- */
.c-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 16px;
    width: 442px;
    border-width: 2px;
    border-style: solid;
}

@media screen and (max-width: 750px) {
    .c-card {
        margin-top: 2.13333vw;
        margin-left: 0;
        width: 100%;
        border-width: 1px;
    }
}

.c-card--sale {
    border-color: #EBD03C;
    background-color: #EBD03C;
}

.c-cassette-4--premium .c-card--sale {
    border-color: #94D2EF;
    background-color: #94D2EF;
}

.c-card--point {
    border-color: #F5EAAE;
    background-color: #F5EAAE;
}

.c-cassette-4--premium .c-card--point {
    border-color: #BFD9ED;
    background-color: #BFD9ED;
}

.c-card:first-of-type {
    margin-left: 0;
}

.c-card__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 16px 0;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 13px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media screen and (max-width: 750px) {
    .c-card__head {
        padding: 4vw 0;
        font-size: 2.66667vw;
        line-height: 1.2;
    }
}

.c-card--sale .c-card__head {
    width: 120px;
}

@media screen and (max-width: 750px) {
    .c-card--sale .c-card__head {
        width: 22.76923%;
    }
}

.c-card--point .c-card__head {
    width: 140px;
}

@media screen and (max-width: 750px) {
    .c-card--point .c-card__head {
        width: 22.76923%;
    }
}

.c-card__body {
    display: block;
    padding-top: 19px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-card__body {
        padding-top: 4vw;
    }
}

.c-card__lead {
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-card__lead {
        font-size: 4vw;
        line-height: 1.2;
    }
}

.c-card__txt {
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card__txt {
        font-size: 3.2vw;
    }
}

.c-card__note {
    margin-top: 6px;
    color: #595757;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-card__note {
        display: block;
        margin-top: 1.6vw;
        padding-bottom: 1.86667vw;
        letter-spacing: -0.05em;
        font-size: 2.4vw;
        line-height: 1.2;
    }
}

/* ---------------------------------------------
*   c-card-2
--------------------------------------------- */
.c-card-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-left: 30px;
    padding: 0 28px;
    width: 485px;
    height: 115px;
    border: 1px solid #235EA5;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    text-align: left;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-card-2 {
        margin-top: 10.66667vw;
        margin-left: 0;
        padding: 0 6.56716%;
        width: 100%;
        height: 24vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.c-card-2::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 100%;
    border-left: 1px solid transparent;
    border-radius: 0 8px 8px 0;
    background-color: #235EA5;
    content: "";
    -webkit-transition: background .3s, border-color .3s;
    transition: background .3s, border-color .3s;
}

@media screen and (min-width: 751px) {
    .ie .c-card-2::before {
        border-radius: 0 10px 10px 0;
    }
}

@media screen and (max-width: 750px) {
    .c-card-2::before {
        width: 5.86667vw;
        border-radius: 0 2.13333vw 2.13333vw 0;
    }
}

.c-card-2::after {
    position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    width: 6px;
    height: 10px;
    background: url(../202205img/icon_arrow_white_bold.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-card-2::after {
        right: 1.6vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

.c-card-2:nth-of-type(2n+1) {
    margin-left: 0;
}

@media screen and (min-width: 751px) {
    .c-card-2:nth-of-type(n+3) {
        margin-top: 32px;
    }
}

@media screen and (max-width: 750px) {
    .c-card-2:first-of-type {
        margin-top: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-card-2:hover::before {
        border-color: #235EA5;
        background-color: #E2F1FF;
    }
}

@media screen and (min-width: 751px) {
    .c-card-2:hover::after {
        background-image: url(../202205img/icon_arrow_blue_bold.svg);
    }
}

.c-card-2__lead {
    position: absolute;
    top: -12px;
    left: 16px;
    padding: 4px 16px;
    border: 1px solid #235EA5;
    border-radius: 16px;
    background-color: #fff;
    color: #235EA5;
    font-weight: bold;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-card-2__lead {
        top: -5.6vw;
        left: 1.33333vw;
        padding: 1.06667vw 4vw;
        border-radius: 4vw;
        font-size: 2.66667vw;
    }
}

@media screen and (min-width: 751px) {
    .safari .c-card-2__lead {
        padding: 5px 16px 3px;
    }
}

.ie .c-card-2__lead {
    padding: 6px 16px 2px;
}

@media screen and (max-width: 750px) {
    .ie .c-card-2__lead {
        padding: 1.6vw 4vw 0.53333vw;
    }
}

@media screen and (max-width: 750px) {
    .edge .c-card-2__lead {
        padding: 1.06667vw 4vw 0.8vw;
    }
}

@media screen and (max-width: 750px) {
    .android .c-card-2__lead {
        padding: 1.33333vw 4vw 0.8vw;
    }
}

.c-card-2__lead::before {
    position: absolute;
    bottom: -4px;
    left: 20px;
    display: block;
    width: 8px;
    height: 5px;
    background: url(../202205img/icon_arrow_bubble.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-card-2__lead::before {
        bottom: -1.33333vw;
        left: 5.33333vw;
        width: 2.13333vw;
        height: 1.6vw;
    }
}

.c-card-2__img {
    display: block;
    margin-right: 30px;
    width: 80px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

@media screen and (max-width: 750px) {
    .c-card-2__img {
        margin-right: 4.26667vw;
        width: 17.06667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-card-2:hover .c-card-2__img {
        -webkit-transform: scale(1.13);
        transform: scale(1.13);
    }
}

.c-card-2__img--app img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 66px;
}

@media screen and (max-width: 750px) {
    .c-card-2__img--app img {
        width: 14.4vw;
    }
}

.c-card-2__name {
    color: #235EA5;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .c-card-2__name {
        font-size: 3.2vw;
    }
}

.c-card-2__txt {
    margin-top: 5px;
    color: #235EA5;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card-2__txt {
        margin-top: 1.06667vw;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-card-3
--------------------------------------------- */
.c-card-3 {
    margin-bottom: 10px;
    padding: 17px 26px 32px;
    background: url(../202205img/mfgroup/bg_box.png) 0 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-card-3 {
        margin-bottom: 3.46667vw;
        padding: 4.53333vw 5.06667vw 6.66667vw;
        background-image: url(../202205img/mfgroup/sp/bg_box.png);
    }
}

.c-card-3--02 {
    padding-top: 23px;
    padding-bottom: 36px;
    background: url(../202205img/mfgroup/bg_box_02.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 {
        margin-bottom: 5.6vw;
        padding-top: 6.13333vw;
        padding-bottom: 10.66667vw;
        background-image: url(../202205img/mfgroup/sp/bg_box_02.png);
    }
}

.c-card-3__lead {
    color: #063671;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card-3__lead {
        font-size: 3.2vw;
    }
}

.c-card-3__ttl {
    margin-top: 8px;
    color: #063671;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-card-3__ttl {
        margin-top: 1.6vw;
        font-size: 4.8vw;
    }
}

.c-card-3__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 10px;
    padding: 10px 0 10px 20px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-card-3__head {
        -ms-flex-pack: start;
        margin-top: 3.73333vw;
        padding: 2.66667vw 0 2.66667vw 0.8vw;

        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

.c-card-3--02 .c-card-3__head {
    margin-top: 0;
    padding-left: 0;
    border-color: #041C53;
    border-top: none;
}

@media screen and (min-width: 751px) {
    .c-card-3--02 .c-card-3__head {
        margin: 0 auto;
        width: 440px;
    }
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__head {
        -ms-flex-pack: center;
        padding-bottom: 3.46667vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-card-3__logo {
    margin-top: -2px;
    width: 44px;
}

@media screen and (max-width: 750px) {
    .c-card-3__logo {
        margin-top: -0.53333vw;
        width: 11.2vw;
    }
}

.c-card-3--02 .c-card-3__logo {
    width: 56px;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__logo {
        margin-top: -0.625rem;
        width: 9.6vw;
    }
}

.c-card-3--02 .c-card-3__logo img {
    width: 100%;
}

.c-card-3__icon {
    margin-left: 10px;
    width: 30px;
}

@media screen and (max-width: 750px) {
    .c-card-3__icon {
        margin-left: 1.33333vw;
        width: 8.53333vw;
    }
}

.c-card-3--02 .c-card-3__icon {
    width: 39px;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__icon {
        width: 8.53333vw;
    }
}

.c-card-3--02 .c-card-3__icon img {
    width: 100%;
}

.c-card-3__space {
    width: 100%;
}

.c-card-3__head-txt {
    margin-left: 6px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-card-3__head-txt {
        margin-left: 1.33333vw;
        letter-spacing: -0.05em;
        font-size: 3.2vw;
    }
}

.c-card-3__head-txt .space-small {
    letter-spacing: -0.05em;
}

.c-card-3__head-txt--img {
    width: 245px;
    font-size: 0;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .c-card-3__head-txt--img {
        margin-top: 1.6vw;
        width: 62.4vw;
    }
}

.c-card-3__head-txt--img img {
    width: 100%;
}

.c-card-3__txt {
    margin-top: 10px;
    letter-spacing: -0.05em;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card-3__txt {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}

.c-card-3__txt--img {
    margin: 24px auto 0;
    width: 505px;
    font-size: 0;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .c-card-3__txt--img {
        margin-top: 5.2vw;
        width: 62.93333vw;
    }
}

.c-card-3__txt--img img {
    width: 100%;
}

.c-card-3__btn {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    width: 260px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 750px) {
    .c-card-3__btn {
        margin-top: 4vw;
        width: 69.33333vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.25);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.25);
    }
}

.c-card-3__btn::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../202205img/mfgroup/btn_detail_hover.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

@media screen and (min-width: 751px) {
    .c-card-3__btn:hover::before {
        opacity: 1;
    }
}

.c-card-3--02 .c-card-3__btn {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__btn {
        margin-top: 7.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-1
--------------------------------------------- */
.c-cassette-1 {
    position: relative;
    z-index: 1;
    padding-top: 100px;
}
.c-cassette-1--tokuten {
    overflow-x: hidden;
    padding-top: 0;
}

@media screen and (max-width: 750px) {
    .c-cassette-1 {
        padding-top: 13.33333vw;
    }
}

.c-cassette-1::before, .c-cassette-1::after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-1::before, .c-cassette-1::after {
        content: none;
    }
}

.c-cassette-1::before {
    left: -42px;
    width: 130px;
    background-image: url(../202205img/bg_left.png);
}

.c-cassette-1::after {
    right: -17px;
    width: 115px;
    background-image: url(../202205img/bg_right.png);
}

.c-cassette-1__container {
    width: 100%;
    text-align: center;
}


.c-cassette-1__outer {
    margin-top: -156px;
    padding-top: 156px;
}

@media screen and (max-width: 750px) {
    .c-cassette-1__outer {
        margin-top: -16vw;
        padding-top: 16vw;
    }
}

.c-cassette-1__body {
    margin-top: 100px;
    padding-bottom: 150px;
}

@media screen and (max-width: 750px) {
    .c-cassette-1__body {
        margin-top: 11.33333vw;
        padding-bottom: 0;
    }
}

.c-cassette-1__body--high {
    padding-bottom: 209px;
}

@media screen and (max-width: 750px) {
    .c-cassette-1__body--high {
        padding-bottom: 0;
    }
}

.c-cassette-1__body--tokuten {
    padding-bottom: 80px;
}
@media screen and (max-width: 750px) {
    .c-cassette-1__body--tokuten {
        padding-bottom: 15%;
    }
}

/* ---------------------------------------------
*   c-cassette-2
--------------------------------------------- */
.c-cassette-2 {
    position: relative;
    z-index: 1;
    padding-top: 92px;
    background-color: #235EA5;
}

@media screen and (max-width: 750px) {
    .c-cassette-2 {
        padding-top: 13.33333vw;
    }
}

.c-cassette-2::before, .c-cassette-2::after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-2::before, .c-cassette-2::after {
        content: none;
    }
}

.c-cassette-2::before {
    left: -42px;
    width: 130px;
    background-image: url(../202205img/bg_left.png);
}

.c-cassette-2::after {
    right: -17px;
    width: 115px;
    background-image: url(../202205img/bg_right.png);
}

.c-cassette-2__container {
    width: 100%;
    text-align: center;
}

/* ---------------------------------------------
*   c-cassette-3
--------------------------------------------- */
.c-cassette-3 {
    position: relative;
    z-index: 1;
    padding-top: 100px;
    background-color: #E2F1FF;
}

@media screen and (max-width: 750px) {
    .c-cassette-3 {
        padding-top: 13.33333vw;
    }
}

.c-cassette-3::before, .c-cassette-3::after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-3::before, .c-cassette-3::after {
        content: none;
    }
}

.c-cassette-3::before {
    left: -42px;
    width: 130px;
    background-image: url(../202205img/bg_left.png);
}

.c-cassette-3::after {
    right: -17px;
    width: 115px;
    background-image: url(../202205img/bg_right.png);
}

.c-cassette-3__container {
    width: 100%;
    text-align: center;
}

/* ---------------------------------------------
*   c-cassette-4
--------------------------------------------- */
.c-cassette-4 {
    position: relative;
    padding: 30px;
    border-radius: 30px;
}

@media screen and (max-width: 750px) {
    .c-cassette-4 {
        padding: 5.33333% 3.2% 52.53333%;
        border-radius: 0;
    }

    .c-cassette-4--premium-contentnone {
        padding: 5.33333% 3.2% 8.53333%;
    }
}

.c-cassette-4::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1000px;
    height: 1px;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-4::before {
        width: 89.33333%;
    }
}

.c-cassette-4--bronze {
    background-color: #FBEAE4;
}

.c-cassette-4--bronze::before {
    background-color: #E5704D;
}

.c-cassette-4--silver {
    background-color: #DAE3EF;
}

.c-cassette-4--silver::before {
    background-color: #8F9EB0;
}

.c-cassette-4--gold {
    background-color: #FCF7E4;
}

.c-cassette-4--gold::before {
    background-color: #E0B502;
}

.c-cassette-4--premium {
    background-color: #CCC;
}

.c-cassette-4--premium::before {
    background-color: #000;
}

.c-cassette-4--premium-contentnone::before {
    content: none;
}

.c-cassette-4__note {
    position: absolute;
    bottom: -150px;
    left: 50%;
    padding-left: 1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #235EA5;
    text-indent: -1em;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-cassette-4__note {
        bottom: 12.26667vw;
        text-align: left;
        letter-spacing: 0.05em;
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}

/* ---------------------------------------------
*   c-cassette-5
--------------------------------------------- */
.c-cassette-5 {
    margin-top: 57px;
}

@media screen and (max-width: 750px) {
    .c-cassette-5 {
        margin-top: 8.66667vw;
        padding-bottom: 8vw;
    }
}

.c-cassette-5__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__list {
        display: block;
    }
}

.c-cassette-5__item {
    position: relative;
    margin-left: 34px;
    width: 200px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__item {
        margin-top: 9.33333vw;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

.c-cassette-5__item::before {
    position: absolute;
    top: 105px;
    right: -19px;
    display: block;
    width: 14px;
    height: 34px;
    background: url(../202205img/icon_triangle_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-5__item::before {
        top: auto;
        right: auto;
        bottom: -8vw;
        left: 50%;
        width: 2.66667vw;
        height: 6.66667vw;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}

.c-cassette-5__item:first-of-type {
    margin-left: 0;
}

.c-cassette-5__item:last-of-type {
    margin-left: 26px;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__item:last-of-type {
        margin-left: auto;
    }
}

.c-cassette-5__item:last-of-type::before {
    content: none;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__img {
        margin-left: 18.13333vw;
        width: 53.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-5__img--center {
        margin-right: auto;
        margin-left: auto;
    }
}

.c-cassette-5__txt {
    margin-top: 20px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__txt {
        margin-top: 3.2vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-5__note {
    margin-top: 1em;
    text-indent: -1em;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__note {
        margin-top: 0.5em;
        text-align: center;
        text-indent: 0;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-6
--------------------------------------------- */
.c-cassette-6__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 70px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__contents {
        display: block;
        padding: 0 4.66667vw;
    }
}

.c-cassette-6__unit {
    position: relative;
    width: 50%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit {
        padding: 6vw 0 8vw;
        width: 100%;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-6__unit:first-of-type::before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 100%;
        background: url(../202205img/img_line_gray.svg) 0 0 repeat-y;
        background-size: auto;
        content: "";
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: block;
        width: 100%;
        height: 1px;
        background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
        background-size: auto;
        content: "";
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit:last-of-type::before {
        content: none;
    }
}

.c-cassette-6__unit--wide {
    margin-top: 63px;
    width: 100%;
}


@media screen and (max-width: 750px) {
    .c-cassette-6__unit--wide {
        margin-top: 0;
    }
}

.c-cassette-6__unit--wide::after {
    position: absolute;
    top: -33px;
    left: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
    background-size: auto;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit--wide::after {
        content: none;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-6__unit--border:first-of-type::before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 100%;
        background: url(../202205img/img_line_gray.svg) 0 0 repeat-y;
        background-size: 1px 270px;
        content: "";
    }
}

.c-cassette-6__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #333;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__head {
        display: block;
        padding-bottom: 3.2vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-6__head span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    border: 1px solid #333333;
    border-radius: 50%;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-cassette-6__head span {
    margin-top: -6px;
    padding-top: 5px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__head span {
        margin-right: auto;
        margin-bottom: 2vw;
        margin-left: auto;
        width: 5.33333vw;
        height: 5.33333vw;
        font-size: 3.2vw;
    }
    .ie .c-cassette-6__head span {
        margin-top: 0;
        padding-top: 1.06667vw;
    }
}

.c-cassette-6__head::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 1px;
    background-color: #333333;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-6__head::before {
        width: 8vw;
    }
}

.c-cassette-6__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: start;
    margin-top: 50px;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__app {
        -ms-flex-align: center;
        margin-top: 8vw;

        -webkit-box-align: center;
        align-items: center;
    }
}

.c-cassette-6__app-inner {
    margin-right: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__app-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin-right: 0;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-cassette-6__icon {
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    width: 80px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__icon {
        margin-right: 7.73333vw;
        margin-bottom: 0;
        margin-left: 0;
        width: 18.66667vw;
    }
}

.c-cassette-6__app-qr {
    text-align: center;
}

.c-cassette-6__app-qr img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 60px;
}

.c-cassette-6__app-qr span {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    font-size: 10px;
}

.c-cassette-6__dl {
    margin-top: -7px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__dl {
        margin-top: 0;
    }
}

.c-cassette-6__dl-link {
    display: block;
    margin-top: 6px;
    width: 143px;
}

@media screen and (min-width: 751px) {
    .c-cassette-6__dl-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-cassette-6__dl-link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__dl-link {
        margin-top: 0;
        width: 38.13333vw;
    }
}

.c-cassette-6__dl-link:first-of-type {
    margin-top: 0;
}

.c-cassette-6__capture {
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
    width: 146px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__capture {
        margin-top: 7.33333vw;
        width: 43.66667vw;
    }
}

.c-cassette-6__capture--small {
    width: 146px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__capture--small {
        width: 38.93333vw;
    }
}

.c-cassette-6__txt {
    margin-top: 13px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
    padding: 0 8px;
}

.c-cassette-6__txt-nwp {
    white-space: nowrap;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__txt {
        margin-top: 5.33333vw;
        font-size: 3.73333vw;
        padding-left: 0;
    }
}

.c-cassette-6__txt--login {
    margin-top: 11px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__txt--login {
        margin-top: 3.73333vw;
        letter-spacing: -0.05em;
    }
}

@media screen and (max-width: 750px) {
    .windows .c-cassette-6__txt--login {
        letter-spacing: -0.05em;
    }
}

.c-cassette-6__txt--menu {
    margin-top: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__txt--menu {
        margin-top: 3.73333vw;
    }
}

.c-cassette-6__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: end;
    margin-top: 18px;

    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__list {
        display: block;
        margin-top: 8vw;
    }
}

.c-cassette-6__list--flex-start {
    -ms-flex-align: start;

    -webkit-box-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__list--flex-start {
        margin-top: 4.8vw;
    }
}

.c-cassette-6__item {
    position: relative;
    margin-right: 48px;
    width: 150px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item {
        margin-top: 8vw;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

.c-cassette-6__item::before {
    position: absolute;
    top: 90px;
    right: -34px;
    display: block;
    width: 14px;
    height: 34px;
    background: url(../202205img/icon_triangle_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item::before {
        top: auto;
        right: auto;
        bottom: -6.66667vw;
        left: 50%;
        width: 2.66667vw;
        height: 6.66667vw;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}

.c-cassette-6__item--menu {
    margin-right: 37px;
    margin-left: -20px;
    width: 296px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--menu {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

.c-cassette-6__item--menu::before {
    right: -23px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--menu::before {
        right: auto;
    }
}

.c-cassette-6__item:last-of-type {
    margin-right: 0;
}

.c-cassette-6__item:last-of-type::before {
    content: none;
}

.c-cassette-6__item--2col {
    width: 170px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col {
        width: 100%;

        margin-inline: auto;
    }
}

.c-cassette-6__item--2col.c-cassette-6__item--menu {
    margin-right: 88px;
    margin-left: 0;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col.c-cassette-6__item--menu {
        margin-inline: auto;
    }
}

.c-cassette-6__item--2col.c-cassette-6__item--menu::before {
    top: 80px;
    right: -51px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col.c-cassette-6__item--menu::before {
        top: auto;
        right: auto;
        bottom: -8.53333vw;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}

.c-cassette-6__item--2col .c-cassette-6__img {
    margin-bottom: 0;
    width: 146px;

    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col .c-cassette-6__img {
        width: 38.93333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col:last-of-type {
        margin-top: 10.93333vw;
        margin-right: auto;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__img {
        margin-right: auto;
        margin-left: auto;
        width: 40vw;
    }
}

.c-cassette-6__item--menu .c-cassette-6__img {
    margin-bottom: -15px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--menu .c-cassette-6__img {
        margin-bottom: 0;
        width: 70.66667vw;
    }
}

.c-cassette-6__item--2col .c-cassette-6__img {
    margin-bottom: 0;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col .c-cassette-6__img {
        margin-bottom: 0;
        width: 38.93333vw;
    }
}

.c-cassette-6__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding: 17px 65px;
    width: 660px;
    border-radius: 10px;
    background-color: #F5F5F5;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail {
        position: relative;
        display: block;
        margin-top: 0;
        padding: 6.66667vw 3.33333vw 13.33333vw 6.66667vw;
        width: 100%;
        border-radius: 0 0 2vw 2vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new {
        margin-top: 5.86667vw;
        padding: 6.66667vw 3.33333vw 8vw 3.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new .c-cassette-6__detail-head {
        margin-bottom: 5.33333vw;
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new .c-cassette-6__detail-txt {
        margin-top: 2.93333vw;
        margin-left: 0;
        text-align: center;
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new .c-cassette-6__detail-img {
        position: static;
        width: 59.73333vw;

        margin-inline: auto;
    }
}

.c-cassette-6__detail-img {
    margin-right: 27px;
    width: 128px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-img {
        position: absolute;
        bottom: 8.26667vw;
        left: 6.66667vw;
        margin: 0 auto;
        width: 28.8vw;
    }
}

.c-cassette-6__detail-img--wide {
    margin-right: 60px;
    width: 172px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-img--wide {
        width: 59.73333vw;

        margin-inline: auto;
    }
}

.c-cassette-6__detail-head {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-head {
        margin-bottom: 9.33333vw;
        font-size: 4.26667vw;
    }
}

.c-cassette-6__detail-txt {
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-txt {
        margin-left: 30.66667vw;
        letter-spacing: -0.06em;
        font-size: 3.73333vw;
    }
    .ie .c-cassette-6__detail-txt {
        letter-spacing: -0.07em;
    }
}

.c-cassette-6__column-list {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-list {
        margin-top: 0;
    }
}

.c-cassette-6__column-item {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-item {
        margin-top: 8vw;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-item::before {
        bottom: -6.66667vw;
        width: 2.66667vw;
        height: 6.66667vw;
    }
}

.c-cassette-6__column-item:first-of-type {
    margin-top: 0;
    width: fit-content;
}

.c-cassette-6__column-item:last-of-type {
    width: 616px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-item:last-of-type {
        width: 100%;
    }
}

.c-cassette-6__column-item:last-of-type::before {
    content: none;
}

.c-cassette-6__column-img {
    margin-right: auto;
    margin-left: auto;
    width: 132px;
}

.c-cassette-6__toggle-item-wrap {
    margin-top: 16px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__toggle-item-wrap {
        margin-top: 6.4vw;
    }
}

.c-cassette-6__toggle-txt {
    display: flex;
    align-items: center;
    font-size: 4.17vw;
    font-weight: bold;
    line-height: calc(20 / 14);
    color: #333;
    text-align: left;
    letter-spacing: -0.01em;
    margin-top: 1.79vw;
}

.edge .c-cassette-6__toggle-txt:nth-of-type(2) {
    letter-spacing: -0.06em;
}

.iphone .c-cassette-6__toggle-txt:nth-of-type(2) {
    letter-spacing: -0.03em;
}

.c-cassette-6__toggle-txt:nth-of-type(1)::before {
    content: 'A';
    background-color: #DEDEDE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.26vw;
    height: 6.26vw;
    color: #333;
    margin-right: 2.98vw;
    font-size: 3.28vw;
}

.c-cassette-6__toggle-txt:nth-of-type(2)::before {
    content: 'B';
    background-color: #DEDEDE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.26vw;
    height: 6.26vw;
    color: #333;
    margin-right: 2.98vw;
    font-size: 3.28vw;
}

.c-cassette-6__toggle-txt:nth-of-type(3)::before {
    content: 'C';
    background-color: #DEDEDE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.26vw;
    height: 6.26vw;
    color: #333;
    margin-right: 2.98vw;
    font-size: 3.28vw;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-img {
        width: 38.93333vw;
        margin-top: 5.33333vw;
    }
}

.c-cassette-6__column-txt {
    margin-top: 15px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-txt {
        margin-top: 4vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-6__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 21px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check {
        margin-top: 9.33333vw;
        display: block;
    }
}

.c-cassette-6__check-item {
    margin-right: 14px;
    margin-left: 14px;
    width: fit-content;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-item {
        display: grid;
        grid-template-columns: 33vw 1fr;
        gap: 4.77vw;
        text-align-last: left;
        margin-top: 7.16vw;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-item:first-of-type {
        margin-left: 0;
    }
}

.c-cassette-6__check-head {
    position: relative;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
    line-height: calc(18 / 14);
    color: #333;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head {
        letter-spacing: -0.05em;
        text-align: left;
        font-size: 3.73333vw;
        padding-bottom: 0;
    }

    .ie .c-cassette-6__check-head {
        letter-spacing: -0.06em;
    }
}

.c-cassette-6__check-head-inner {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(18 / 16);
    letter-spacing: -0.02em;
}

.c-cassette-6__check-img {
    margin-right: auto;
    margin-left: auto;
    width: 146px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-img {
        width: 100%;
    }
}

.c-cassette-6__check-head-sp {
    font-size: 3.88vw;
    font-weight: bold;
    color: #333;
    line-height: calc(18 / 16);
    text-align: left;
}

.edge .c-cassette-6__check-head-sp--1 {
    letter-spacing: -0.09em;
}

.iphone .c-cassette-6__check-head-sp--1 {
    letter-spacing: -0.09em;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp--1::before {
        content: 'A';
        background-color: #DEDEDE;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 7.16vw;
        height: 7.16vw;
        color: #333;
        font-size: 3.58vw;
        margin-bottom: 1.8vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp--2::before {
        content: 'B';
        background-color: #DEDEDE;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 7.16vw;
        height: 7.16vw;
        color: #333;
        font-size: 3.58vw;
        margin-bottom: 1.8vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp--3::before {
        content: 'C';
        background-color: #DEDEDE;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 7.16vw;
        height: 7.16vw;
        color: #333;
        font-size: 3.58vw;
        margin-bottom: 1.8vw;
    }
}

.c-cassette-6__check-head-sp-inner {
    font-size: 4.78vw;
    font-weight: bold;
    color: #333;
    line-height: calc(18 / 13);
}

.c-cassette-6__check-txt-wrap {
    align-self: center;
}

.c-cassette-6__check-txt {
    margin-top: 13px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
}

.ipad .c-cassette-6__check-txt {
    letter-spacing: -0.04em;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-txt {
        margin-top: 2vw;
        font-size: 3.73333vw;
        text-align: left;
    }

    .c-cassette-6__check-txt--pr {
        padding-right: 4vw;
    }
}

@media screen and (max-width: 750px) {
    .iphone .c-cassette-6__check-txt--pr {
        letter-spacing: -0.02em;
    }
}

.c-cassette-6__note {
    margin-top: 35px;
    font-size: 12px;
    color: #333;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__note {
        margin-top: 8vw;
        text-align: left;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-7
--------------------------------------------- */
.c-cassette-7 {
    margin-top: 60px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7 {
        margin-top: 9.33333vw;
    }
}

.c-cassette-7:first-of-type {
    margin-top: 0;
}

.c-cassette-7__container {
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 750px) {
    .c-cassette-7__container {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.c-cassette-7__ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 14px 1em 24px;
    border-radius: 20px 20px 0 0;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl {
        margin-left: -2.66667vw;
        padding: 5.33333vw 0;
        border-radius: 0;
    }
}

.c-cassette-7__ttl::before {
    position: absolute;
    bottom: 6px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl::before {
        bottom: 1.06667vw;
        height: 0.26667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl::after {
        position: absolute;
        top: 1.06667vw;
        left: 0;
        display: block;
        width: 100%;
        height: 0.26667vw;
        background-color: #fff;
        content: "";
    }
}

.c-cassette-7--app .c-cassette-7__ttl {
    background-color: #5EC6D1;
}

.c-cassette-7--web .c-cassette-7__ttl {
    background-color: #235EA5;
}

.c-cassette-7__ttl-icon {
    margin-right: 20px;
    width: 27px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl-icon {
        margin-right: 6.66667vw;
        width: 8.53333vw;
    }
}

.c-cassette-7__ttl-txt {
    margin-top: 7px;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 24px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl-txt {
        margin-top: 0;
        font-size: 5.33333vw;
    }
}

.c-cassette-7__ttl-txt .txt-small {
    vertical-align: text-bottom;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl-txt .txt-small {
        display: block;
        font-size: 3.2vw;
    }
}

.c-cassette-7__content {
    padding: 10px 20px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__content {
        padding: 1.86667% 5.33333% 0;
    }
}

.c-cassette-7__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0 40px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__row {
        display: block;
        padding: 0;
    }
}

.c-cassette-7__row::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
    background-size: auto;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-7__row::before {
        content: none;
    }
}

.c-cassette-7__row:last-of-type::before {
    content: none;
}

.c-cassette-7__unit {
    position: relative;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit {
        padding: 6.66667vw 0;
        width: 100%;
    }
}

.c-cassette-7__unit::before {
    position: absolute;
    top: 50%;
    right: -24px;
    display: block;
    width: 44px;
    height: 47px;
    background: url(../202205img/mfgroup/icon_arrow_app.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit::before {
        content: none;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
        background-size: auto;
        content: "";
    }
}

.c-cassette-7__unit:nth-of-type(2n)::before {
    content: none;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-01 {
        padding: 9.33333vw 0;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--app-02 {
        padding-right: 60px;
    }
}

.c-cassette-7__unit--app-03 {
    width: 100%;
}

.c-cassette-7__unit--app-03::before {
    content: none;
}

.c-cassette-7__unit--app-05 {
    display: none;
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--app-06 {
        width: 100%;
    }
}

.c-cassette-7__unit--app-06::after {
    content: none;
}

.c-cassette-7__unit--app-06::before {
    content: none;
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-01 {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--web-01 {
        padding: 9.33333vw 0;
    }
}

.c-cassette-7__unit--web-01::before {
    content: none;
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-02 {
        width: 33.7%;
    }
}

.c-cassette-7__unit--web-02::before {
    background-image: url(../202205img/mfgroup/icon_arrow_web.svg);
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-02::before {
        top: 56%;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-03 {
        width: 66.3%;
    }
}

.c-cassette-7__unit--web-03::after {
    content: none;
}

.c-cassette-7__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    align-items: center;
}

.c-cassette-7__unit--app-01 .c-cassette-7__head {
    padding-left: 40px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-01 .c-cassette-7__head {
        padding: 0;
    }
}

.c-cassette-7__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 20px;
    height: 20px;
    border: 1px solid #333333;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__num {
        width: 5.33333vw;
        height: 5.33333vw;
        font-size: 3.2vw;
    }
}

.c-cassette-7__head-txt {
    margin-top: 8px;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__head-txt {
        margin-top: 1.06667vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-7__head-txt--center {
    text-align: center;
}

.c-cassette-7__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: start;
    margin-top: 30px;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__app {
        -ms-flex-align: center;
        margin-top: 6vw;
        margin-left: 4vw;

        -webkit-box-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__app--02 {
        margin-top: 24px;
    }
}

.c-cassette-7__app-inner {
    margin-right: 13px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__app-inner {
        margin-right: 7.73333vw;
    }
}

.c-cassette-7__icon {
    margin-right: auto;
    margin-bottom: 23px;
    margin-left: auto;
    width: 74px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__icon {
        margin-bottom: 0;
        width: 18.66667vw;
    }
}

.c-cassette-7__app-qr {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 55px;
    text-align: center;
}

.c-cassette-7__dl-link {
    display: block;
    margin-top: 7px;
    width: 150px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__dl-link {
        margin-top: 1.86667vw;
        width: 39.46667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__dl-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-cassette-7__dl-link:hover {
        opacity: 0.7;
    }
}

.c-cassette-7__dl-link:first-of-type {
    margin-top: 0;
}

.c-cassette-7__txt {
    margin-top: 29px;
    color: #235EA5;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__txt {
        margin-top: 5.33333vw;
        font-size: 3.2vw;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__txt--app-01 {
        margin-top: 23px;
    }
}

.c-cassette-7__capture {
    margin-right: auto;
    margin-left: auto;
}

.c-cassette-7__unit--app-02 .c-cassette-7__capture {
    margin-top: 24px;
    width: 301px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-02 .c-cassette-7__capture {
        margin-top: 5.86667vw;
        width: 80.26667vw;
    }
}

.c-cassette-7__unit--app-03 .c-cassette-7__capture {
    margin-top: 26px;
    width: 528px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-03 .c-cassette-7__capture {
        margin-top: 6.66667vw;
        width: 64vw;
    }
}

.c-cassette-7__unit--app-04 .c-cassette-7__capture {
    width: 341px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-04 .c-cassette-7__capture {
        width: 90.93333vw;
    }
}

.c-cassette-7__unit--app-05 .c-cassette-7__capture {
    margin-top: -10px;
    width: 217px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-05 .c-cassette-7__capture {
        margin-top: -2.66667vw;
        width: 57.86667vw;
    }
}

.c-cassette-7__unit--app-06 .c-cassette-7__capture {
    margin-top: 10px;
    width: 541px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-06 .c-cassette-7__capture {
        margin-top: 1.33333vw;
        width: 75.73333vw;
    }
}

.c-cassette-7__unit--web-02 .c-cassette-7__capture {
    margin-top: 0px;
    width: 217px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--web-02 .c-cassette-7__capture {
        margin-top: -1.33333vw;
        width: 57.86667vw;
    }
}

.c-cassette-7__unit--web-03 .c-cassette-7__capture {
    margin-top: -10px;
    width: 483px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--web-03 .c-cassette-7__capture {
        margin-top: 0;
        width: 73.06667vw;
    }
}

.c-cassette-7__btn {
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__btn {
        margin-top: 6.66667vw;
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    width: 100%;
}

.c-kv__container {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-kv__container {
        margin-top: 16vw;
    }
}

.c-kv__ttl img {
    width: 100%;
}

/* ---------------------------------------------
*   c-kv-2
--------------------------------------------- */
.c-kv-2 {
    width: 100%;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-kv-2 {
        margin-top: 21.33333vw;
        background-color: #EDF6FF;
    }
}

.c-kv-2 img {
    width: 100%;
}

/*  20230710 add
--------------------------------------------- */
.c-kv-2__container {
    position: relative;
}

.c-kv-2__link {
    position: fixed;
    right: 64px;
    bottom: 14px;
    width: 208px;
    z-index: 99;
    display: none;
}

@media screen and (max-width: 750px) {
    .c-kv-2__link {
        display: none !important;
    }
}

.c-kv-2__label {
    width: 100%;
}

@media screen and (min-width: 751px) {
    .c-kv-2__label img {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    .c-kv-2__label:hover .off {
        opacity: 0;
    }

    .c-kv-2__label:hover .on {
        opacity: 1;
    }
}

.c-kv-2__label .on {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin: 49px auto 20px;
    width: 855px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-list-1 {
        margin: 0 auto;
        width: 76vw;
    }
}

.c-list-1__item {
    margin-right: 27px;
    margin-bottom: 25px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item {
        margin-right: 5.2vw;
        margin-bottom: 5.33333vw;
    }
}

.c-list-1__item:nth-of-type(5n) {
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    .c-list-1__item:nth-of-type(5n) {
        margin-right: 36px;
    }
}

@media screen and (max-width: 750px) {
    .c-list-1__item:nth-of-type(5n) {
        margin-right: 0;
    }
}

.c-list-1__item:last-of-type {
    margin-right: 0;
}

.c-list-1__item--lalaport {
    width: 156px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lalaport {
        width: 23.86667vw;
    }
}

.c-list-1__item--lalagarden {
    width: 156px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lalagarden {
        width: 24.13333vw;
    }
}

.c-list-1__item--lalaterrace {
    width: 156px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lalaterrace {
        width: 24vw;
    }
}

.c-list-1__item--lazona {
    margin-right: 42px;
    width: 90px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lazona {
        margin-right: 6.4vw;
        width: 13.73333vw;
    }
}

.c-list-1__item--divercity {
    width: 108px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--divercity {
        width: 16.13333vw;
    }
}

.c-list-1__item--andmall {
    width: 107px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--andmall {
        margin-right: 6.26667vw;
        width: 16vw;
    }
}

.c-list-1__item--mitsui-outlet-park {
    width: 178px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--mitsui-outlet-park {
        margin-right: 0;
        width: 26.93333vw;
    }
}

.c-list-1__item--arcakit {
    width: 157px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--arcakit {
        margin-right: 6.66667vw;
        width: 24vw;
    }
}

.c-list-1__item--lovela-bandai {
    width: 82px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lovela-bandai {
        margin-right: 6.4vw;
        width: 12.4vw;
    }
}

.c-list-1__item--lovela-2 {
    width: 118px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lovela-2 {
        width: 18vw;
    }
}

.c-list-1__item--odona {
    width: 102px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--odona {
        width: 17.6vw;
    }
}

.c-list-1__item--urban {
    width: 160px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--urban {
        width: 27.6vw;
    }
}

.c-list-1__item--rayard {
    margin-top: 7px;
    width: 157px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--rayard {
        margin-top: 0;
        margin-left: 4vw;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    .c-list-1__item--rayard img {
        width: 27.2vw;
    }
}

.c-list-1__item--tokyo-midtown-hibiya {
    width: 122px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--tokyo-midtown-hibiya {
        width: 21.73333vw;
    }
}

.c-list-1__item--tokyo-midtown {
    margin-top: 9px;
    width: 129px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--tokyo-midtown {
        margin-top: 0;
        width: 20.93333vw;
    }
}

/* ---------------------------------------------
*   c-acc-list
--------------------------------------------- */
.c-acc-list {
    margin-bottom: 93px;
}

@media screen and (max-width: 750px) {
    .c-acc-list {
        margin-bottom: 16vw;
    }
}

.c-acc-list__item {
    margin-bottom: 85px;
}

@media screen and (max-width: 750px) {
    .c-acc-list__item {
        margin-bottom: 9.33333vw;
    }
}

.c-acc-list__item:last-of-type .c-acc-list-lv2 {
    margin-bottom: 0;
}

.c-acc-list__head {
    position: relative;
    padding: 20px 12px;
    border-bottom: 2px solid #006CC3;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .c-acc-list__head {
        padding: 2.93333vw 0;
    }
}

@media screen and (min-width: 751px) {
    .c-acc-list__head {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-acc-list__head:hover {
        opacity: 0.7;
    }
}

.c-acc-list__head--pos-arrow:after {
    display: none;
}

.c-acc-list__head--pos-arrow .c-acc-list__ttl {
    position: relative;
}

.c-acc-list__head--pos-arrow .c-acc-list__ttl:after {
    position: absolute;
    top: 50%;
    right: -62px;
    width: 30px;
    height: 18px;
    background-image: url(../202205img/faq/icon_arrow_down.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-acc-list__head--pos-arrow .c-acc-list__ttl:after {
        right: 2.93333vw;
        width: 4.26667vw;
        height: 2.66667vw;
    }
}

.is-open .c-acc-list__head--pos-arrow .c-acc-list__ttl:after {
    background-image: url(../202205img/faq/icon_arrow_up.png);
}

.c-acc-list__head:after {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 30px;
    height: 18px;
    background-image: url(../202205img/faq/icon_arrow_down.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-acc-list__head:after {
        right: 2.93333vw;
        width: 4.26667vw;
        height: 2.66667vw;
    }
}

.is-open .c-acc-list__head:after {
    background-image: url(../202205img/faq/icon_arrow_up.png);
}

.c-acc-list__ttl {
    width: 920px;
    color: #006CC3;
    font-weight: bold;
    font-size: 34px;
}

@media screen and (max-width: 750px) {
    .c-acc-list__ttl {
        width: 100%;
        font-size: 5.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list__ttl--sp-slim {
        letter-spacing: -.06em;
    }
}

.c-acc-list__note {
    margin-top: 14px;
    margin-left: 1.5em;
    text-indent: -1.5em;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-acc-list__note {
        margin-top: 1.86667vw;
        font-size: 2.93333vw;
    }
}

/* ---------------------------------------------
*   c-acc-list-lv2
--------------------------------------------- */
.c-acc-list-lv2 {
    margin-top: 25px;
    margin-bottom: 180px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2 {
        margin-top: 0;
        margin-bottom: 21.33333vw;
    }
}

.c-acc-list-lv2__item {
    border-bottom: 1px dashed #595757;
}

.c-acc-list-lv2__item.is-open .c-acc-list-lv2__head-txt:before {
    background-image: url(../202205img/faq/icon_arrow_black_up.png);
}

.c-acc-list-lv2__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 51px 42px;
    cursor: pointer;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 751px) {
    .c-acc-list-lv2__head {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-acc-list-lv2__head:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__head {
        padding: 7.73333vw 0 7.73333vw 4.53333vw;
    }
}

.c-acc-list-lv2__q {
    margin-right: 120px;
    width: 45px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__q {
        margin-right: 15.73333vw;
        width: 7.46667vw;
    }
}

.c-acc-list-lv2__head-txt {
    position: relative;
    width: 796px;
    color: #595757;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.66;
}

@media screen and (min-width: 751px) {
    .ie11 .c-acc-list-lv2__head-txt {
        top: .2em;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__head-txt {
        width: 57.33333vw;
        font-size: 4vw;
    }
}

.c-acc-list-lv2__head-txt:before {
    position: absolute;
    top: 50%;
    left: -70px;
    width: 30px;
    height: 20px;
    background-image: url(../202205img/faq/icon_arrow_black_down.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 751px) {
    .ie11 .c-acc-list-lv2__head-txt:before {
        top: 42%;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__head-txt:before {
        left: -9.06667vw;
        width: 4vw;
        height: 2.66667vw;
    }
}

.c-acc-list-lv2__body {
    margin-bottom: 48px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body {
        margin-bottom: 7.73333vw;
    }
}

.c-acc-list-lv2__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 44px 42px 46px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body-inner {
        padding: 5.33333vw 4vw 6.66667vw 5.06667vw;
    }
}

.c-acc-list-lv2__a {
    position: relative;
    top: .8em;
    margin-right: 34px;
    width: 45px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__a {
        top: .1em;
        margin-right: 3.73333vw;
        width: 7.46667vw;
    }
}

.c-acc-list-lv2__body-txt-wrap {
    width: 850px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body-txt-wrap {
        width: 64vw;
    }
}

.c-acc-list-lv2__body-txt {
    margin-top: 20px;
    font-size: 20px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body-txt {
        font-size: 3.73333vw;
    }
}

.c-acc-list-lv2__body-txt:first-of-type {
    margin-top: 0;
}

.c-acc-list-lv2__txt-bold {
    font-weight: bold;
}

.c-acc-list-lv2__link {
    color: #006CC3;
    text-decoration: underline;
}

.c-acc-list-lv2__link:hover {
    text-decoration: none;
}

@media screen and (min-width: 751px) {
    .c-acc-list-lv2__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-acc-list-lv2__link:hover {
        opacity: 0.7;
    }
}

.c-acc-list-lv2__link-2 {
    color: #006CC3;
    text-decoration: underline;
}

.c-acc-list-lv2__link-2:hover {
    text-decoration: none;
}

.c-acc-list-lv2__note {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__note {
        margin-top: 2.66667vw;
    }
}

.c-acc-list-lv2__note-item {
    margin-left: 1em;
    text-indent: -1em;
    font-size: 16px;
    line-height: 2;
}

.c-acc-list-lv2__note-item-link {
    font-size: 16px;
    line-height: 2;
    color: #006CC3;
    text-decoration: underline;
}

.c-acc-list-lv2__note-item-link:hover {
    text-decoration: none;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__note-item {
        font-size: 3.2vw;
    }
    .c-acc-list-lv2__note-item-link {
        font-size: 3.2vw;
    }
}

@media screen and (max-width: 750px) {
    .android .c-acc-list-lv2__note-item {
        margin-left: .6em;
        text-indent: -.6em;
    }
}

.c-acc-list-lv2__point {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__point {
        margin-top: 2.66667vw;
    }
}

.c-acc-list-lv2__point-item {
    margin-left: 1em;
    text-indent: -1em;
    font-size: 20px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__point-item {
        font-size: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-list-3
--------------------------------------------- */
.c-list-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 40px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-list-3 {
        margin-top: 12vw;
    }
}

.c-list-3__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    width: 320px;
}

@media screen and (max-width: 750px) {
    .c-list-3__item {
        margin-left: 4.26667%;
        width: 42.66667%;
    }
}

.c-list-3__item:first-of-type {
    margin-left: 0;
}

.c-list-3__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 29px 33px;
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-list-3__link {
        display: block;
        padding: 4.53333vw 4.53333vw 8vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
    }
}

.c-list-3__link--app {
    background-color: #5EC6D1;
}

@media screen and (min-width: 751px) {
    .c-list-3__link--app:hover {
        background-color: #299EAA;
    }
}

.c-list-3__link--web {
    background-color: #235EA5;
}

@media screen and (min-width: 751px) {
    .c-list-3__link--web:hover {
        background-color: #023777;
    }
}

.c-list-3__link::before {
    position: absolute;
    top: 50%;
    right: 35px;
    display: block;
    width: 11px;
    height: 20px;
    background: url(../202205img/icon_arrow_white_thin.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

@media screen and (max-width: 750px) {
    .c-list-3__link::before {
        top: auto;
        right: 0;
        bottom: 4vw;
        left: 0;
        margin: auto;
        width: 2.13333vw;
        height: 4vw;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.c-list-3__logo {
    margin-right: 24px;
    width: 39px;
}

@media screen and (max-width: 750px) {
    .c-list-3__logo {
        margin-right: auto;
        margin-left: auto;
        width: 11.73333vw;
    }
}

.c-list-3__main {
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    .c-list-3__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin-top: 2.66667vw;
        min-height: 9.6vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-list-3__txt {
    letter-spacing: 0.1em;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-list-3__txt {
        text-align: center;
        font-size: 3.73333vw;
    }
}

.c-list-3__txt .txt-small {
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-list-3__txt .txt-small {
        font-size: 3.73333vw;
    }
}

.c-list-3__note {
    display: block;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-list-3__note {
        text-align: center;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   .mfp-wrap
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .mfp-wrap {
        top: 50% !important;
        height: 100% !important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/* ---------------------------------------------
*   mfp-container
--------------------------------------------- */
.mfp-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* ---------------------------------------------
*   mfp-content
--------------------------------------------- */
.mfp-content {
    margin: 0 auto !important;
    padding: 70px 0 170px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 750px) {
    .mfp-content {
        padding: 21.33333vw 0 46.66667vw;
    }
}

/* ---------------------------------------------
*   mfp-close
--------------------------------------------- */
/* ---------------------------------------------
*   c-popup
--------------------------------------------- */
.c-popup {
    position: relative;
    padding: 0 20px;
}

@media screen and (max-width: 750px) {
    .c-popup {
        padding: 0 5.33333%;
    }
}

.c-popup__container {
    margin: 0 auto;
    max-width: 800px;
    border-radius: 30px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-popup__container {
        border-radius: 5.33333vw;
    }
}

.c-popup__head {
    padding: 23px 0 17px;
    border-radius: 20px 20px 0 0;
    background-color: #E2F1FF;
    color: #235EA5;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-popup__head {
        padding: 4vw 0 2.66667vw;
    }
}

.c-popup__sub-ttl {
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-popup__sub-ttl {
        font-size: 3.73333vw;
    }
}

.c-popup__ttl {
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-popup__ttl {
        font-size: 5.86667vw;
    }
}

.c-popup__body {
    padding: 40px 70px 30px;
}

@media screen and (max-width: 750px) {
    .c-popup__body {
        padding: 8.95522% 5.37313% 7.46269%;
    }
}

.c-popup__txt {
    padding: 27px 1em;
    border-radius: 0 0 20px 20px;
    background-color: #F5F5F5;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-popup__txt {
        padding: 6.66667vw 1em;
        border-radius: 0 0 4.66667vw 4.66667vw;
        font-size: 3.73333vw;
    }
}

.c-popup__close {
    position: absolute;
    bottom: -80px;
    left: 50%;
    display: inline-block;
    padding: 18px 0;
    width: 335px;
    border-radius: 10px;
    background-color: #E4C754;
    color: #1F3983;
    font-weight: bold;
    font-size: 14px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
    .c-popup__close {
        padding: 19px 0 11px;
    }
}

@-moz-document url-prefix() {
    .c-popup__close {
        padding: 12px 0;
    }
}

@media screen and (max-width: 750px) {
    .c-popup__close {
        bottom: -20.8vw;
        padding: 4.8vw 0;
        width: 89.33333vw;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
}

.c-popup__close:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   c-popup-list
--------------------------------------------- */
.c-popup-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-popup-list__item {
    margin-left: 4.54545%;
    max-width: 200px;
    width: 30.30303%;
}

@media screen and (max-width: 750px) {
    .c-popup-list__item {
        margin-left: 6.33333%;
        max-width: none;
        width: 46.66667%;
    }
}

@media screen and (min-width: 751px) {
    .c-popup-list__item:nth-of-type(3n+1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-popup-list__item:nth-of-type(n+4) {
        margin-top: 4.54545%;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-list__item:nth-of-type(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-list__item:nth-of-type(n+3) {
        margin-top: 4.8vw;
    }
}

.c-popup-list__caption {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-popup-list__caption {
        margin-top: 2vw;
        letter-spacing: -0.05em;
        font-size: 2.66667vw;
    }
}

.c-popup-list__note {
    margin-top: 5px;
    text-align: center;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-popup-list__note {
        margin-top: 1.33333vw;
        white-space: nowrap;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-popup-2
--------------------------------------------- */
.c-popup-2 {
    position: relative;
    padding: 0 20px;
}

@media screen and (max-width: 750px) {
    .c-popup-2 {
        padding: 0 5.33333%;
    }
}

.c-popup-2__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    border-radius: 30px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-popup-2__container {
        max-width: none;
        border-radius: 5.33333vw;
    }
}

.c-popup-2__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 15px;
    border-radius: 28px 28px 0 0;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-popup-2__head {
        display: block;
        padding: 0.66667vw 0 2.66667vw;
        border-radius: 4.66667vw 4.66667vw 0 0;
    }
}

.c-popup-2--web .c-popup-2__head {
    background-color: #2F69B7;
}

.c-popup-2--app .c-popup-2__head {
    background-color: #5EC6D1;
}

.c-popup-2--app-medal .c-popup-2__head {
    padding-top: 20px;
    background-color: #5EC6D1;
}

@media screen and (max-width: 750px) {
    .c-popup-2--app-medal .c-popup-2__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 4vw;
    }
}

.c-popup-2__head-icon {
    margin-right: 15px;
    width: 50px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__head-icon {
        margin-right: auto;
        margin-bottom: 1.06667vw;
        margin-left: auto;
        width: 12vw;
    }
}

@media screen and (min-width: 751px) {
    .c-popup-2--app .c-popup-2__head-icon {
        margin-right: 7px;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-2--app-medal .c-popup-2__head-icon {
        margin-right: 2.66667vw;
        margin-left: 0;
        width: 13.86667vw;
    }
}

.c-popup-2__ttl {
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 22px;
}

.ie .c-popup-2__ttl {
    margin-top: 7px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__ttl {
        text-align: center;
        font-size: 4.8vw;
    }
    .ie .c-popup-2__ttl {
        margin-top: 0;
    }
}

.c-popup-2__ttl .txt-small {
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__ttl .txt-small {
        font-size: 3.73333vw;
    }
}

.c-popup-2--app-medal .c-popup-2__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-popup-2--app-medal .c-popup-2__ttl {
        font-size: 5.86667vw;
    }
}

.c-popup-2__body {
    padding: 50px 0 48px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__body {
        padding: 0;
    }
}

.c-popup-2__lead {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__lead {
        margin-top: 6.66667vw;
        font-size: 4.26667vw;
    }
}

.c-popup-2__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 30px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-popup-2__btn {
        margin-top: 6.66667vw;
        padding: 0 5.86667vw;
    }
}

.c-popup-2__close {
    position: absolute;
    bottom: -80px;
    left: 50%;
    display: inline-block;
    padding: 18px 0;
    width: 335px;
    border-radius: 10px;
    background-color: #E4C754;
    color: #1F3983;
    font-weight: bold;
    font-size: 14px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
    .c-popup-2__close {
        padding: 19px 0 11px;
    }
}

@-moz-document url-prefix() {
    .c-popup-2__close {
        padding: 12px 0;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-2__close {
        bottom: -20.8vw;
        padding: 4.8vw 0;
        width: 89.33333vw;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
}

.c-popup-2__close:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1__head {
    padding: 46px 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2B68CB), to(#1558A8));
    background: linear-gradient(#2B68CB, #1558A8);
}

@media screen and (max-width: 750px) {
    .c-section-1__head {
        padding: 22.66667vw 0 6.66667vw;
    }
}

.c-section-1__body {
    padding: 96px 20px 115px;
    background-color: #ECF1F8;
}

@media screen and (max-width: 750px) {
    .c-section-1__body {
        padding: 12vw 7.46667vw 16.53333vw;
    }
}

.c-section-1__container {
    margin: 0 auto;
    max-width: 1024px;
}

@media screen and (max-width: 750px) {
    .c-section-1__container {
        max-width: 100%;
    }
}

.c-section-1__bar {
    margin-bottom: 75px;
    padding: 16px 0 12px;
    background: -webkit-gradient(linear, left top, right top, from(#2288FF), to(#00D3DD));
    background: linear-gradient(to right, #2288FF, #00D3DD);
}

@media screen and (max-width: 750px) {
    .c-section-1__bar {
        margin-bottom: 9.33333vw;
        padding: 2.66667vw 0 1.6vw;
    }
}

/* ---------------------------------------------
*   c-section-bottom
--------------------------------------------- */
.c-section-bottom {
    margin: 163px 0 146px;
}

@media screen and (max-width: 750px) {
    .c-section-bottom {
        margin: 17.6vw 7.73333vw 34.66667vw;
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    padding-top: 90px;
    padding-bottom: 150px;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-section-2 {
        padding-top: 12vw;
        padding-bottom: 20.8vw;
    }
}

.c-section-2__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px;
}

@media screen and (max-width: 750px) {
    .c-section-2__container {
        max-width: none;
    }
}

.c-section-2__ttl {
    position: relative;
    padding-bottom: 33px;
    color: #003560;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 28px;
}

@media screen and (max-width: 750px) {
    .c-section-2__ttl {
        padding-bottom: 4.8vw;
        font-size: 5.33333vw;
    }
}

.c-section-2__ttl::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 1px;
    background-color: #003560;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-section-2__ttl::before {
        width: 16vw;
    }
}

.c-section-2__content {
    margin-top: 100px;
}

@media screen and (max-width: 750px) {
    .c-section-2__content {
        margin-top: 18.66667vw;
    }
}

/* ---------------------------------------------
*   c-selector
--------------------------------------------- */
.c-selector {
    position: relative;
    height: 60px;
}

@media screen and (max-width: 750px) {
    .c-selector {
        height: 17.06667vw;
    }
}

.c-selector__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    width: 100%;
    height: 100%;
    border-top: 2px solid #235EA5;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

.c-selector__list.is-fixed {
    position: fixed;
    top: 78px;
    z-index: 999;
    width: 100%;
    height: 60px;
}

.c-selector__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: calc(100% / 3);
    height: 100%;
    color: #235EA5;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-selector__item {
    padding-top: 6px;
}

@media screen and (max-width: 750px) {
    .c-selector__item {
        padding: 4vw 0;
        font-size: 3.73333vw;
        line-height: 1.28;
    }
    .ie .c-selector__item {
        padding: 4.8vw 0 3.2vw;
    }
}

.c-selector__item--1 {
    background-color: #fff;
}

.c-selector__item--2 {
    background-color: #235EA5;
    color: #fff;
}

.c-selector__item--3 {
    background-color: #E2F1FF;
}

.c-selector__item:hover {
    text-decoration: underline;
}

@media screen and (max-width: 750px) {
    .c-selector__item:hover {
        text-decoration: none;
    }
}

/*  c-selector-2
--------------------------------------------- */
.c-selector-2__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 1000px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-selector-2__list {
        width: 89.33333%;
    }
}

.c-selector-2__item {
    position: relative;
    padding-bottom: 21px;
    width: 25%;
    opacity: 0.2;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

@media screen and (max-width: 750px) {
    .c-selector-2__item {
        padding-bottom: 2vw;
    }
}

.c-selector-2__item::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    content: "";
    opacity: 0;
}

@media screen and (max-width: 750px) {
    .c-selector-2__item::before {
        bottom: -0.66667vw;
        height: 1.33333vw;
        border-radius: 0.66667vw;
    }
}

.c-selector-2__item:hover {
    opacity: 1;
}

.c-selector-2__item.is-current {
    opacity: 1;
}

.c-selector-2__item.is-current::before {
    opacity: 1;
}

.c-selector-2__item--bronze::before {
    background-color: #E5704D;
}

.c-selector-2__item--silver::before {
    background-color: #8F9EB0;
}

.c-selector-2__item--gold::before {
    background-color: #E0B502;
}

.c-selector-2__item--premium::before {
    background-color: #000;
}

.c-selector-2__item img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 175px;
}

@media screen and (max-width: 750px) {
    .c-selector-2__item img {
        width: 22.4vw;
    }
}

/* ---------------------------------------------
*   c-section-premium
--------------------------------------------- */
.c-section-premium {
    background-color: #F2EEE7;
}

.c-section-premium__inner {
    max-width: 1120px;
    padding: 50px 10px 100px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-section-premium__inner {
        max-width: none;
        padding: calc((25 / 375) * 100vw) 0 calc((70 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   c-slider-bnr
--------------------------------------------- */
.c-slider-bnr {
    margin: 0 auto;
    width: 640px;
}

@media screen and (max-width: 750px) {
    .c-slider-bnr {
        width: 85.33333vw;
    }
}

.c-slider-bnr__img {
    margin: 0 auto;
    width: 640px;
}

@media screen and (max-width: 750px) {
    .c-slider-bnr__img {
        width: 85.33333vw;
    }
}

.slick-dots {
    bottom: -40px !important;
    font-size: 10px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .slick-dots {
        bottom: -7.73333vw !important;
        font-size: 2.13333vw;
    }
}

.slick-dots li {
    width: 10px !important;
    height: auto !important;
}

@media screen and (max-width: 750px) {
    .slick-dots li {
        width: 2.13333vw !important;
    }
}

.slick-dots li + li {
    margin-left: 16px;
}

@media screen and (max-width: 750px) {
    .slick-dots li + li {
        margin-left: 3.73333vw;
    }
}

.slick-dots li button {
    width: 100%;
    height: 10px;
    border-radius: 100%;
    background-color: #B3B3B3;
}

@media screen and (max-width: 750px) {
    .slick-dots li button {
        height: 2.13333vw;
    }
}

.slick-dots li.slick-active button {
    background-color: #2B64A4;
}

.slick-dots li button:before {
    display: none;
}

.slick-slider {
    margin: 0 auto;
    max-width: 640px !important;
}

@media screen and (max-width: 750px) {
    .slick-slider {
        margin: 0 auto;
        max-width: 85.33333vw !important;
    }
}

.slick-slide {
    margin: 0 auto;
    max-width: 640px !important;
    max-height: 147px !important;
}

@media screen and (max-width: 750px) {
    .slick-slide {
        margin: 0 auto;
        max-width: 85.33333vw !important;
        max-height: 19.6vw !important;
    }
}

/* ---------------------------------------------
*   c-ttl-1
--------------------------------------------- */
.c-ttl-1 {
    position: relative;
    padding-bottom: 35px;
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 34px;
}

@media screen and (max-width: 750px) {
    .c-ttl-1 {
        padding-bottom: 6.4vw;
        font-size: 6.4vw;
    }
}

.c-cassette-2 .c-ttl-1 {
    color: #fff;
}

.c-ttl-1::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 140px;
    height: 3px;
    background-color: #235EA5;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-ttl-1::before {
        width: 21.33333vw;
        height: 0.8vw;
    }
}

.c-cassette-2 .c-ttl-1::before {
    background-color: #fff;
}

.c-ttl-1__small {
    display: block;
    margin-top: 8px;
    margin-bottom: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    letter-spacing: 0.1em;
    font-size: 16px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-ttl-1__small {
        margin-top: 1.06667vw;
        margin-bottom: 0;
        padding-left: 1em;
        text-align: left;
        text-indent: -1em;
        letter-spacing: 0;
        font-size: 3.73333vw;
    }
    .c-ttl-1__small--noindent {
        text-indent: 0;
        padding-left: 0;
    }
}

/* ---------------------------------------------
*   c-ttl-2
--------------------------------------------- */
.c-ttl-2 {
    position: relative;
    padding-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .c-ttl-2 {
        padding-bottom: 6.93333vw;
    }
}

.c-ttl-2::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 1px;
    background-color: #003560;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-ttl-2::before {
        width: 16vw;
        height: 1px;
    }
}

.c-ttl-2__img {
    margin-right: auto;
    margin-left: auto;
    height: 26px;
}

@media screen and (max-width: 750px) {
    .c-ttl-2__img {
        height: 6.4vw;
    }
}

.c-ttl-2__img img {
    width: auto;
    height: 100%;
}

.c-ttl-2__txt {
    margin-top: 15px;
    color: #003560;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 26px;
}

@media screen and (max-width: 750px) {
    .c-ttl-2__txt {
        margin-top: 3.2vw;
        letter-spacing: 0.05em;
        font-size: 5.33333vw;
    }
    .ie .c-ttl-2__txt {
        letter-spacing: 0.03em;
    }
}

/* ---------------------------------------------
*   c-ttl-3
--------------------------------------------- */
.c-ttl-3 {
    margin: 0 auto;
    width: 404px;
}

@media screen and (max-width: 750px) {
    .c-ttl-3 {
        width: 70vw;
    }
}

.c-ttl-3__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-ttl-3__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-ttl-3__link:hover {
        opacity: 0.7;
    }
}

/* ---------------------------------------------
*   c-ttl-4
--------------------------------------------- */
.c-ttl-4 {
    margin: 0 auto;
    width: 258px;
}

@media screen and (max-width: 750px) {
    .c-ttl-4 {
        width: 41.46667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-premium
--------------------------------------------- */
.c-ttl-premium {
    background: url(../202308img/mfgroup/bg_01.jpg) center center repeat;
    background-size: 683px auto;
    padding: 4px 0;
}
@media screen and (max-width: 750px) {
    .c-ttl-premium {
        background-size: 100% auto;
        padding: 0.8vw 0;
    }
}
.c-ttl-premium__inner {
    text-align: center;
    padding: 28px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
@media screen and (max-width: 750px) {
    .c-ttl-premium__inner {
        padding: 5.6vw 2.6666666667vw;
        position: relative;
    }
}

.c-ttl-premium__img {
    width: 392px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-ttl-premium__img {
        width: calc((270 / 375) * 100vw);
    }
}

/* ==========================================================
*
*   javascript style hooks
*
========================================================== */
/* ---------------------------------------------
*   js-acc-target
--------------------------------------------- */
.js-acc-target {
    display: none;
}

.js-acc-inner-target {
    display: none;
}

/* ---------------------------------------------
*   Magnific Popup
--------------------------------------------- */
/* Magnific Popup CSS */
.mfp-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1042;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1043;
    width: 100%;
    height: 100%;
    outline: none !important;

    -webkit-backface-visibility: hidden;
}

.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    z-index: 1045;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: left;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    position: absolute;
    top: 50%;
    right: 8px;
    left: 8px;
    z-index: 1044;
    margin-top: -0.8em;
    width: auto;
    color: #CCC;
    text-align: center;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    z-index: 1046;
    display: block;
    overflow: visible;
    padding: 0;
    outline: none;
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;

    -webkit-appearance: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 18px 10px;
    width: 44px;
    height: 44px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    line-height: 44px;
    opacity: 0.65;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: -6px;
    padding-right: 6px;
    width: 100%;
    color: #FFF;
    text-align: right;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    opacity: 0.65;

    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-top: 35px;
    margin-left: 35px;
    width: 0;
    height: 0;
    border: medium inset transparent;
    content: '';
}

.mfp-arrow:after {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    margin-left: 31px;
    border-right: 17px solid #FFF;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    margin-left: 39px;
    border-left: 17px solid #FFF;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 900px;
    width: 100%;
    line-height: 0;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Main image in popup */
img.mfp-img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0 40px;
    max-width: 100%;
    width: auto;
    height: auto;
    line-height: 0;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: -1;
    display: block;
    width: auto;
    height: auto;
    background: #444;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
}

.mfp-figure small {
    display: block;
    color: #BDBDBD;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -36px;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    padding-right: 36px;
    color: #F3F3F3;
    text-align: left;
    word-wrap: break-word;
    line-height: 18px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-right: 0;
        padding-left: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, 0.6);
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }
    .mfp-img-mobile .mfp-close {
        position: fixed;
        top: 0;
        right: 0;
        padding: 0;
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        line-height: 35px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-right: 6px;
        padding-left: 6px;
    }
}

/* ---------------------------------------------
*   scop
--------------------------------------------- */
.js-tab-target {
    display: none;
}

.js-tab-target.is-current {
    display: block;
}

.js-tab-trigger-scope {
    margin-top: -78px;
    padding-top: 78px;
}

@media screen and (max-width: 750px) {
    .js-tab-trigger-scope {
        margin-top: -21.33333vw;
        padding-top: 21.33333vw;
    }
}

.js-inner-tab-target {
    display: none;
}

.js-inner-tab-target.is-current {
    display: block;
}

.c-cassette-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.c-cassette {
    margin-top: 10px;
    padding: 10px;
    border: 1px dashed #000;
}
/* ---------------------------------------------
*   js-acc-target
--------------------------------------------- */
.js-acc-target-01 {
    --acc-body-height: 0px;
    height: 0;
    overflow: hidden;
}
.js-acc-scope-01.is-close .js-acc-target-01 {
    animation: closeAccAnim 0.5s forwards;
}

.js-acc-scope-01.is-open .js-acc-target-01 {
    animation: openAccAnim 0.5s forwards;
}

@keyframes openAccAnim {
    0% {
        height: 0px;
        visibility: hidden;
    }
    99% {
        height: var(--acc-body-height);
        visibility: visible;
    }
    100% {
        height: auto;
    }
}
@keyframes closeAccAnim {
    0% {
        height: var(--acc-body-height);
    }
    99% {
        visibility: visible;
    }
    100% {
        height: 0px;
        visibility: hidden;
    }
}
/* @keyframes openAccAnim {
    0% {
        height: 0px;
        visibility: hidden;
        overflow: hidden;
    }
    99% {
        height: var(--acc-body-height);
        visibility: visible;
        overflow: visible;
    }
    100% {
        height: auto;
        overflow: visible;
    }
}
@keyframes closeAccAnim {
    0% {
        height: var(--acc-body-height);
        overflow: visible;
    }
    99% {
        visibility: visible;
        overflow: hidden;
    }
    100% {
        height: 0px;
        visibility: hidden;
        overflow: hidden;
    }
} */
/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

/* ---------------------------------------------
*   txt-col-red
--------------------------------------------- */
.txt-col-red {
    color: #FF0000;
}

@media screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}

/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 0.66667vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }
    .mgt-sp--15 {
        margin-top: 2vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }
    .mgt-sp--30 {
        margin-top: 4vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }
    .mgt-sp--45 {
        margin-top: 6vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }
    .mgt-sp--60 {
        margin-top: 8vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }
    .mgt-sp--75 {
        margin-top: 10vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }
    .mgt-sp--90 {
        margin-top: 12vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }
    .mgt-sp--105 {
        margin-top: 14vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }
    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }
    .mgt-sp--120 {
        margin-top: 16vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }
    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }
    .mgt-sp--135 {
        margin-top: 18vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }
    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }
    .mgt-sp--150 {
        margin-top: 20vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }
    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }
    .mgt-sp--165 {
        margin-top: 22vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }
    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }
    .mgt-sp--180 {
        margin-top: 24vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }
    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }
    .mgt-sp--195 {
        margin-top: 26vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }
    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }
    .mgt-sp--210 {
        margin-top: 28vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }
    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }
    .mgt-sp--225 {
        margin-top: 30vw !important;
    }
    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }
    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }
    .mgt-sp--240 {
        margin-top: 32vw !important;
    }
    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }
    .mgt-sp--250 {
        margin-top: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.66667vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}
hr[id^=anchor-] {
    /*display: block;
    width: auto;
    height: 0;
    padding: 76px 0 0 0;
    border: 0;
    margin: -76px 0 0 0;
    background: 0;
    pointer-events: none;*/
}
@media screen and (max-width: 750px) {
    hr[id^=anchor-] {
        padding-top: calc((35 / 375) * 100vw);
        margin-top: calc((-35 / 375) * 100vw);
    }
}

/* ---------------------------------------------
*   contents
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .footer-wrap {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .footer-pagetop {
        position: fixed;
        right: 24px;
        bottom: 30px;
        z-index: 999;
        display: none;
        width: 68px;
        height: 68px;
    }
    .footer-pagetop--icon {
        right: 30px;
        bottom: 100px;
        z-index: 1000;
        width: 156px;
        height: auto;
    }
    .footer-pagetop--icon.is-absolute {
        top: -247px !important;
        bottom: auto;
    }
    .footer-pagetop--use {
        right: 30px;
        bottom: 100px;
        z-index: 1000;
        width: 98px;
        height: auto;
        -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
        filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
    }
    .footer-pagetop--use.is-absolute {
        top: -210px !important;
        bottom: auto;
    }
    .footer-pagetop.is-absolute {
        position: absolute;
        top: -110px;
        bottom: auto;
    }
    .footer-pagetop__link {
        display: block;
    }
    .footer-pagetop__link-txt {
        display: block;
    }
    .footer-pagetop__link-txt::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../202205img/icon_pagetop_hover.png);
        background-position: 0 0;
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        opacity: 0;
    }
    .footer-pagetop__link-txt:hover {
        opacity: 1;
    }
    .footer-pagetop__link-txt:hover::before {
        opacity: 1;
    }
    .footer-pagetop--icon .footer-pagetop__link-txt::before {
        background-image: url(../202205img/img_fixed_btn_hover.png);
    }
    .footer-pagetop--use .footer-pagetop__link-txt::before {
        background-image: url(../202205img/mfgroup/btn_benefit_use_hover.png);
    }
    .footer-facility {
        margin: 0 auto;
        padding: 2em 0;
        width: 100%;
        background: #0068b7;
        color: #fff;
    }
    .footer-facility__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        margin: 0 auto;
        max-width: 1080px;
        width: 100%;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 751px) and (max-width: 1234px) {
    .footer-facility__list {
        max-width: 900px;
    }
}

@media screen and (min-width: 751px) and (max-width: 1028px) {
    .footer-facility__list {
        max-width: 720px;
    }
}

@media screen and (min-width: 751px) and (max-width: 822px) {
    .footer-facility__list {
        max-width: 540px;
    }
}

@media screen and (min-width: 751px) {
    .footer-facility__list li {
        margin: 5px;
        width: 170px;
        height: 70px;
        border-radius: 5px;
        background-color: #fff;
    }
    .footer-facility__list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        width: 100%;
        height: 100%;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .num_01 {
        width: 115px;
    }
    .num_02 {
        width: 145px;
    }
    .num_03 {
        width: 150px;
    }
    .num_04 {
        width: 88px;
    }
    .num_05 {
        width: 83px;
    }
    .num_06 {
        width: 120px;
    }
    .num_07 {
        width: 90px;
    }
    .num_08 {
        width: 155px;
    }
    .num_09 {
        width: 125px;
    }
    .num_10 {
        width: 127px;
    }
    .num_11 {
        width: 115px;
    }
    .num_12 {
        width: 78px;
    }
    .num_15 {
        width: 89px;
    }
    .footer-facility__txtlink-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        margin-top: 25px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1080px;

        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer-facility__txtlink {
        margin-top: 15px;
        padding: 0 12px;
        border-left: 1px solid #fff;
        font-weight: normal;
        font-size: 14px;
        line-height: 1;
    }
    .footer-facility__txtlink:nth-child(4) {
        border-right: 1px solid #fff;
    }
    .footer-facility__txtlink:last-child {
        border-right: 1px solid #fff;
    }
    .footer_bottom .footer_bottom_wrap {
        position: relative;
        margin: 30px auto 0;
        padding-bottom: 30px;
        width: 810px;
        background: #ffffff;
        font-size: 12px;
    }
    .mf-logo {
        position: absolute;
        top: 0;
        right: 0;
    }
    .mf-logo:hover {
        opacity: 0.7;
    }
    .mf-logo img {
        width: 206px;
        height: auto;
    }
    .footer_bottom_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #908d7d;
        font-weight: normal;
    }
    .footer_bottom_list li {
        margin-right: 1em;
    }
    .footer_bottom_list li:first-child {
        color: #000;
    }
    #footer .copyright {
        min-width: auto;
        height: auto;
        background: none;
        color: #d2cdba;
    }
    #footer .copyright span {
        display: inline;
        padding-top: 0;
        color: #d2cdba;
        text-align: left;
    }
    .footer__bnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        height: 90px;
        background-color: #77c2dd;

        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .footer__bnr-item {
        width: 450px;
        height: 45px;
    }
    .footer__bnr-item--large {
        width: 530px;
    }
    .footer__bnr-link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin: 0 auto;
        height: 100%;
        background-color: white;
        color: #77c2dd;
        font-size: 18px;
        -webkit-transition: .3s;
        transition: .3s;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .footer__bnr-link:after {
        position: absolute;
        top: 50%;
        right: 6%;
        width: 10px;
        height: 10px;
        border-top: 2px solid #77c2dd;
        border-right: 2px solid #77c2dd;
        content: '';
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    .footer__bnr-link:hover {
        background-color: #0068b7;
        color: white;
    }
    .footer__bnr-link:hover:after {
        border-top: 2px solid white;
        border-right: 2px solid white;
    }
    .footer__bnr-link--rounded {
        border-radius: 5px;
    }
}

@media screen and (max-width: 750px) {
    #footer {
        padding-bottom: 0;
        background-color: #fffae6;
    }
    .footer--rower {
        margin-bottom: 17.53333vw;
    }
    .footer--type2 {
        margin-bottom: 28.8vw;
    }
    .footer-wrap {
        position: relative;
    }
    .footer {
        position: relative;
    }
    .footer-pagetop {
        position: absolute;
        top: -33.33333vw;
        right: 1.73333vw;
        left: auto;
        z-index: 999;
        display: none;
        width: 18.13333vw;
        height: 18.13333vw;
    }
    .footer-pagetop--icon {
        position: fixed;
        top: auto;
        right: 3.2vw;
        right: 0;
        bottom: 16vw;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        height: 12.8vw;
    }
    .windows .footer-pagetop--icon {
        bottom: -0.8vw;
    }
    .footer-pagetop--icon.is-absolute {
        position: absolute;
        top: auto !important;
        bottom: 100%;
    }
    .windows .footer-pagetop--icon.is-absolute {
        bottom: 99%;
    }
    .footer-pagetop--use {
        position: fixed;
        top: auto;
        right: 3.2vw;
        right: 0;
        bottom: 16vw;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        height: 11.73333vw;
    }
    .windows .footer-pagetop--use {
        bottom: -0.8vw;
    }
    .footer-pagetop--use.is-absolute {
        position: absolute;
        top: auto !important;
        bottom: 99%;
    }
    .footer-pagetop__link {
        display: block;
    }
    .footer_bottom {
        background-color: #ffffff;
    }
    .footer-facility {
        padding-bottom: 3.33333vw;
        background: #0068b7;
    }
    .footer-facility__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        margin: 0 auto;
        padding-top: 5.33333vw;
        width: 80vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .footer-facility__list li {
        margin: 0.66667vw;
        width: 25.33333vw;
        height: 9.33333vw;
        border-radius: 5px;
        background-color: #fff;
    }
    .footer-facility__list li a {
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        width: 100%;
        height: 100%;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .num_01 {
        width: 15.33333vw;
    }
    .num_02 {
        width: 15.73333vw;
    }
    .num_03 {
        width: 20vw;
    }
    .num_04 {
        width: 11.73333vw;
    }
    .num_05 {
        width: 11.06667vw;
    }
    .num_06 {
        width: 16vw;
    }
    .num_07 {
        width: 12vw;
    }
    .num_08 {
        width: 20.66667vw;
    }
    .num_09 {
        width: 16.66667vw;
    }
    .num_10 {
        width: 16.93333vw;
    }
    .num_11 {
        width: 15.33333vw;
    }
    .num_12 {
        width: 10.4vw;
    }
    .num_15 {
        width: 11.86667vw;
    }
    .footer-facility__txtlink-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        margin: 0 auto;
        margin-top: 3.33333vw;
        width: 80vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .footer-facility__txtlink-list--facility {
        margin-top: 0;
        padding-top: 5.33333vw;
    }
    .footer-facility__txtlink {
        display: inherit;
        margin-bottom: .35em;
        padding: 0 1.46667vw;
        border-left: 1px solid #fff;
        font-weight: normal;
        line-height: 1;
    }
    .footer-facility__txtlink:nth-of-type(3n) {
        border-right: 1px solid #fff;
    }
    .footer-facility__txtlink:last-child {
        border-right: 1px solid #fff;
    }
    .footer-facility__txtlink a {
        color: #fff;
        font-size: 1.86667vw;
    }
    .footer_bottom .footer_bottom_wrap {
        position: relative;
        margin: 4vw auto;
        padding: 0 5.33333vw;
        width: 100%;
        background: #ffffff;
        font-size: 1.6vw;
    }
    .mf-logo {
        position: static;
        text-align: center;
    }
    .mf-logo:hover {
        opacity: 0.7;
    }
    .mf-logo img {
        margin: 2.66667vh auto;
        max-width: 200px;
        width: 50%;
        height: auto;
    }
    .footer_bottom_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        margin: 0 auto;
        width: 66.66667vw;
        color: #908d7d;
        font-weight: normal;
        font-size: 1.6vw;

        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer_bottom_list li {
        margin-right: 1em;
        margin-bottom: 1em;
    }
    .footer_bottom_list li:first-child {
        color: #000;
    }
    .footer_bottom_list li:last-of-type {
        margin-right: 0;
        margin-bottom: 0;
    }
    .footer_bottom_list li a {
        font-size: 1.6vw;
    }
    #footer .copyright {
        min-width: auto;
        height: auto;
        background: none;
        color: #d2cdba;
        text-align: center;
    }
    #footer .copyright span {
        display: inline;
        padding-top: 0;
        color: #d2cdba;
        text-align: left;
        font-size: 1.6vw;
    }
    .footer__bnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        height: 12vw;
        background-color: #77c2dd;

        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .footer__bnr-item {
        width: 57.33333vw;
        height: 6vw;
    }
    .footer__bnr-item--large {
        width: 70.66667vw;
    }
    .footer__bnr-link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin: 0 auto;
        height: 100%;
        background-color: white;
        color: #77c2dd;
        font-size: 2.4vw;
        -webkit-transition: .3s;
        transition: .3s;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .footer__bnr-link:after {
        position: absolute;
        top: 50%;
        right: 6%;
        width: 1.33333vw;
        height: 1.33333vw;
        border-top: 2px solid #77c2dd;
        border-right: 2px solid #77c2dd;
        content: '';
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    .footer__bnr-link:hover {
        background-color: #0068b7;
        color: white;
    }
    .footer__bnr-link:hover:after {
        border-top: 2px solid white;
        border-right: 2px solid white;
    }
    .footer__bnr-link--rounded {
        border-radius: 5px;
    }
    .footer--top {
        margin-bottom: 15.33333vw;
    }
}

/* ---------------------------------------------
*   header
--------------------------------------------- */
.header {
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .header {
        position: relative;
        height: 49px;
        border-bottom: 1px solid #ccc;
    }
}

/*  header-container
--------------------------------------------- */
/*  header-logo
--------------------------------------------- */
.header-logo {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
    height: 50px;
}

@media screen and (max-width: 750px) {
    .header-logo {
        float: left;
        margin-left: 9px;
        max-width: none;
        width: auto;
        height: auto;
        font-weight: bold;
        line-height: 49px;
    }
}

.header-logo__link {
    display: block;
    margin: 0 auto;
    padding: 15px 0px 0px 5px;
}

@media screen and (min-width: 751px) {
    .header-logo__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .header-logo__link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 750px) {
    .header-logo__link {
        display: inline;
        margin: auto;
        padding: 0;
        font-size: 0.78em;
    }
}

.header-logo__link:before {
    margin-right: 0.2em;
    content: url(../202205img/icon_logomark.png);
}

@media screen and (max-width: 750px) {
    .header-logo__link:before {
        display: inline-block;
        margin: 0;
        width: 2.5em;
        height: 1.5em;
        background: url(../202205img/icon_logomark.png) no-repeat;
        background-size: contain;
        content: "";
        vertical-align: middle;
    }
}

.header-logo__img {
    vertical-align: baseline;
}

@media screen and (max-width: 750px) {
    .header-logo__img {
        position: absolute;
        top: 50%;
        left: 10.7%;
        width: 60%;
        vertical-align: top;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/*  header-nav
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .header-nav__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .header-nav__link:hover {
        opacity: 0.7;
    }
}

/*  header-sp-trigger
--------------------------------------------- */
/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
.wrapper.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================
*
*   component
*
========================================================== */
/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
.c-block-1 {
    padding-top: 40px;
    padding-bottom: 80px;
}

@media screen and (max-width: 750px) {
    .c-block-1 {
        padding-top: 8vw;
        padding-bottom: 10.66667vw;
    }
}

.c-block-1__lead {
    color: #041C53;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
}

@media screen and (max-width: 750px) {
    .c-block-1__lead {
        font-size: 4.53333vw;
        line-height: 1.7;
    }
}

.c-block-1__info {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .c-block-1__info {
        margin-top: 5.33333vw;
    }
}

.c-block-1__info-head {
    margin-right: auto;
    margin-left: auto;
    width: 269px;
}

@media screen and (max-width: 750px) {
    .c-block-1__info-head {
        width: 58.4%;
    }
}

.c-block-1__slide {
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 37px;
    max-width: 1000px;
}

@media screen and (max-width: 750px) {
    .c-block-1__slide {
        margin-top: 1.86667vw;
        padding-bottom: 7.2vw;
        max-width: 88%;
    }
}

.c-block-1__slide .swiper-pagination {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.c-block-1__slide .swiper-pagination-bullet {
    display: block;
    margin: 0 8px !important;
    width: 10px;
    height: 10px;
    background-color: #D8D8D8;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
}

@media screen and (max-width: 750px) {
    .c-block-1__slide .swiper-pagination-bullet {
        margin: 0 2.13333vw !important;
        width: 2.66667vw;
        height: 2.66667vw;
    }
}

.c-block-1__slide .swiper-pagination-bullet:hover {
    background-color: #999;
}

.c-block-1__slide .swiper-pagination-bullet-active {
    background-color: #999;
}

.c-block-1__slide-img {
    margin-right: 20px;
    width: 490px;
}

@media screen and (max-width: 750px) {
    .c-block-1__slide-img {
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (min-width: 751px) {
    .single .c-block-1__slide-img {
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width: 751px) {
    .double .c-block-1__slide-img:last-of-type {
        margin-right: 0;
    }
}

.c-block-1__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-block-1__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-block-1__link:hover {
        opacity: 0.7;
    }
}

.c-block-1__detail {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .c-block-1__detail {
        margin-top: 10.66667vw;
    }
}

.c-block-1__detail-lead {
    color: #041C53;
    text-align: center;
    font-weight: bold;
    font-size: 34px;
}

@media screen and (max-width: 750px) {
    .c-block-1__detail-lead {
        font-size: 5.86667vw;
    }
}

.c-block-1__detail-txt {
    margin-top: 15px;
    color: #041C53;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .c-block-1__detail-txt {
        margin-top: 6.66667vw;
        font-size: 4.26667vw;
    }
}

/* ---------------------------------------------
*   c-block-2
--------------------------------------------- */
.c-block-2 {
    position: relative;
    z-index: 1;
    margin-top: 126px;
    padding: 60px;
    width: 100%;
    border-top: 5px solid #235EA5;
    background-color: #E2F1FF;
}

@media screen and (max-width: 750px) {
    .c-block-2 {
        margin-top: 0;
        padding-top: 6.93333vw;
        padding-right: 9.86667%;
        padding-bottom: 34.66667vw;
        padding-left: 9.86667%;
        border-width: 5px;
    }
    .c-block-2--hide {
        overflow-x: hidden;
    }
}

.c-cassette-1 .c-block-2 {
    margin-top: 0;
}

.c-cassette-3 .c-block-2 {
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-block-2::before, .c-block-2::after {
        position: absolute;
        top: 0;
        z-index: -1;
        display: block;
        height: 100%;
        background-position: 0 0;
        background-size: 100% auto;
        background-repeat: repeat-y;
        content: "";
    }
}

@media screen and (max-width: 750px) {
    .c-block-2::before {
        left: -5.33333vw;
        width: 18.53333vw;
        background-image: url(../202205img/sp/bg_left.png);
    }
}

@media screen and (max-width: 750px) {
    .c-block-2::after {
        right: -2.13333vw;
        width: 14vw;
        background-image: url(../202205img/sp/bg_right.png);
    }
}

.c-block-2__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

.c-block-2__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-block-2__head {
        display: block;
        text-align: center;
    }
}

.c-block-2__icon {
    margin-right: 10px;
    width: 52px;
}

@media screen and (max-width: 750px) {
    .c-block-2__icon {
        margin-right: auto;
        margin-left: auto;
        width: 13.86667vw;
    }
}

.c-block-2__ttl {
    color: #235EA5;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-block-2__ttl {
        margin-top: 2.66667vw;
        font-size: 4.8vw;
    }
}

.c-block-2__btn {
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    .c-block-2__btn {
        margin-top: 6.66667vw;
    }
}

/* ---------------------------------------------
*   c-block-3
--------------------------------------------- */
.c-block-3 {
    margin-right: auto;
    margin-left: auto;
    width: 1060px;
}

@media screen and (max-width: 750px) {
    .c-block-3 {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-block-4
--------------------------------------------- */
.c-block-4 {
    position: relative;
    padding-top: 46px;
    padding-bottom: 45px;
    border-top: 4px solid #063671;
    border-bottom: 4px solid #063671;
    background-color: #EDF6FF;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-block-4 {
        padding-top: 6.66667vw;
        padding-bottom: 11.2vw;
        border-width: 1.06667vw;
    }
}

.c-block-4--02 {
    padding-bottom: 145px;
}

@media screen and (max-width: 750px) {
    .c-block-4--02 {
        padding-bottom: 15.46667vw;
    }
}

.c-block-4::before, .c-block-4::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #063671;
    content: "";
}

.c-block-4::before {
    top: 6px;
}

@media screen and (max-width: 750px) {
    .c-block-4::before {
        top: 0.8vw;
    }
}

.c-block-4::after {
    bottom: 6px;
}

@media screen and (max-width: 750px) {
    .c-block-4::after {
        bottom: 0.8vw;
    }
}

.c-block-4__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 720px;
    text-align: center;
}

@media screen and (min-width: 751px) {
    .c-block-4--02 .c-block-4__container {
        padding: 0 10px;
        max-width: 1020px;
    }
}

@media screen and (max-width: 750px) {
    .c-block-4--02 .c-block-4__container {
        max-width: none;
    }
}

.c-block-4__logo {
    margin: 0 auto;
    width: 220px;
}

@media screen and (max-width: 750px) {
    .c-block-4__logo {
        width: 50.66667vw;
    }
}

.c-block-4__ttl {
    margin-top: 13px;
    color: #041C53;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 40px;
}

@media screen and (max-width: 750px) {
    .c-block-4__ttl {
        margin-top: 2.66667vw;
        letter-spacing: 0;
        font-size: 8vw;
    }
}

.c-block-4__content {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .c-block-4__content {
        margin-top: 5.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-block-4--02 .c-block-4__content {
        margin-top: 4vw;
    }
}

.c-block-4__lead {
    color: #041C53;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-block-4__lead {
        font-size: 4vw;
        line-height: 1.73;
    }
}

@media screen and (max-width: 750px) {
    .c-block-4--02 .c-block-4__lead {
        font-size: 3.46667vw;
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-box-1
--------------------------------------------- */
.c-box-1 {
    margin-bottom: 10px;
    padding: 50px;
    border-radius: 30px;
    background-color: #fff;
}

.c-box-1--tokuten {
    padding: 42px 95px 53px;
}

@media screen and (max-width: 750px) {
    .c-box-1 {
        margin-bottom: 2.93333vw;
        padding: 8.57143% 5.71429% 8.57143%;
        border-radius: 5.33333vw;
    }
    .c-cassette-4--gold .c-box-1, .c-cassette-4--premium .c-box-1 {
        padding-right: 3.42857%;
        padding-left: 3.42857%;
    }

    .c-cassette-4--premium-contentnone .c-box-1 {
        padding-right: 1.42857%;
        padding-left: 1.42857%;
    }
    .c-box-1--tokuten {
        padding: 8.57143% 5.71429% 11.57143%;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1--coupon {
        padding-right: 5.71429% !important;
/*        padding-bottom: 14.28571% !important;*/
        padding-bottom: 0 !important;
        padding-left: 5.71429% !important;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1--sp-pd0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.c-box-1:last-of-type {
    margin-bottom: 0;
}

.c-box-1__body {
    margin-top: 30px;
}

.c-box-1__body--tokuten {
    margin-top: 46px;
}

@media screen and (max-width: 750px) {
    .c-box-1__body {
        margin-top: 6vw;
    }
}

.c-box-1__txt {
    position: relative;
    color: #003560;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-box-1__txt {
        letter-spacing: 0.03em;
        font-size: 3.73333vw;
        line-height: 1.7;
    }
    .windows .c-box-1__txt {
        letter-spacing: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1--campaign .c-box-1__txt {
        padding-top: 26.66667vw;
    }
}

.c-box-1__date {
    font-size: 12px;
    font-weight: bold;
    width: 330px;
    padding: 6px 0;
    text-align: center;
    margin: 15px auto 0;
    color: #fff;
    background-color: #003560;
}

@media screen and (max-width: 750px) {
    .c-box-1__date {
        font-size: calc((12 / 375) * 100vw);
        width: calc((325 / 375) * 100vw);
        padding: calc((6 / 375) * 100vw) 0;
        margin: calc((12 / 375) * 100vw) auto 0;
    }
    .android .c-box-1__date {
        padding: calc((8 / 375) * 100vw) 0 calc((6 / 375) * 100vw);
    }
}

.c-box-1--campaign .c-box-1__txt::before {
    position: absolute;
    top: -20px;
    left: 146px;
    display: block;
    width: 120px;
    height: 99px;
    background: url(../202205img/img_present.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-box-1--campaign .c-box-1__txt::before {
        top: -1.33333vw;
        right: 6.93333vw;
        left: auto;
        width: 28.53333vw;
        height: 23.46667vw;
    }
    .c-cassette-4--gold .c-box-1--campaign .c-box-1__txt::before, .c-cassette-4--premium .c-box-1--campaign .c-box-1__txt::before {
        right: 9.06667vw;
    }
}

.c-box-1--campaign .c-box-1__txt::after {
    position: absolute;
    top: -27px;
    right: 104px;
    display: block;
    width: 170px;
    height: 105px;
    background: url(../202205img/img_campaign.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-box-1--campaign .c-box-1__txt::after {
        top: -6vw;
        right: auto;
        left: 6.4vw;
        width: 44.8vw;
        height: 27.73333vw;
    }
    .c-cassette-4--gold .c-box-1--campaign .c-box-1__txt::after, .c-cassette-4--premium .c-box-1--campaign .c-box-1__txt::after {
        left: 8.8vw;
    }
}

.c-box-1__txt .txt-small {
    font-size: 12px;
}

.c-box-1__note {
    margin-top: 10px;
    color: #013560;
    letter-spacing: 0.05em;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-box-1__note {
        margin-top: 4vw;
        font-size: 2.66667vw;
    }
}

.c-box-1__coupon {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon {
        margin-top: 6.66667vw;
    }
}

.c-box-1__coupon-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: auto;
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head {
        -ms-flex-pack: start;

        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

.c-box-1__coupon-head::before, .c-box-1__coupon-head::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 26px;
    background: url(../202205img/icon_line.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head::before, .c-box-1__coupon-head::after {
        width: 3.33333vw;
        height: 4.13333vw;
    }
}

.c-box-1__coupon-head::before {
    left: -34px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head::before {
        left: -5.33333vw;
    }
}

.c-box-1__coupon-head::after {
    right: -24px;
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg);
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head::after {
        right: -3.73333vw;
    }
}

.c-box-1__coupon-head-icon {
    margin-right: 7px;
    width: 51px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head-icon {
        margin-right: 2.13333vw;
        width: 9.33333vw;
    }
}

.c-box-1__coupon-head-txt {
    color: #E5704D;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-head-txt {
        font-size: 4.26667vw;
    }
}

.c-box-1__coupon-btn {
    margin-top: 12px;
}

@media screen and (max-width: 750px) {
    .c-box-1__coupon-btn {
        margin-top: 2.4vw;
    }
}

.c-box-1__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 40px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-1__contents {
        display: block;
        margin-top: 8vw;
    }
}

.c-box-1__schedule {
    margin-top: 16px;
}

@media screen and (max-width: 750px) {
    .c-box-1__schedule {
        margin-top: 5.33333vw;
    }
}

.c-box-1__note-list {
    margin-top: 25px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-1__note-list {
        margin-top: 4.66667vw;
    }
    .c-box-1__note-list--tokuten {
        padding-right: 3.72857%;
        padding-left: 3.72857%;
    }
}

.c-box-1__note-item {
    margin-top: 5px;
    padding-left: 1.3em;
    color: #666;
    text-indent: -1.3em;
    font-size: 12px;
}

.c-box-1__note-item--blue {
    color: #013560;
}

@media screen and (max-width: 750px) {
    .c-box-1__note-item {
        margin-top: 2.66667vw;
        font-size: 3.2vw;
    }
    .android .c-box-1__note-item {
        padding-left: 0.9em;
        text-indent: -0.9em;
    }
}

.c-box-1__note-item:first-of-type {
    margin-top: 0;
}

.c-box-1__note-item a {
    text-decoration: underline;
}

.c-box-1__note-item a:hover {
    text-decoration: none;
}

.c-box-1__img {
    margin-top: 40px;
}
.c-box-1__img--tokuten {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .c-box-1__img {
        margin-top: 5.33333vw;
    }
}

.c-box-1__unit {
    margin-top: 62px;
    margin-right: auto;
    margin-left: auto;
    max-width: 750px;
}

@media screen and (max-width: 750px) {
    .c-box-1__unit {
        margin-top: 10.13333vw;
        max-width: none;
    }
}

.c-box-1__unit:first-of-type {
    margin-top: 0;
}

.c-box-1__limi {
    width: 750px;
    margin: 42px auto 0;
    background-color: #F6F6F6;
    border-radius: 20px;
    padding: 30px 0;
    box-sizing: border-box;
}
@media screen and (max-width: 750px) {
    .c-box-1__limi {
        width: 100%;
        padding: 8.6% 0;
        border-radius: 0 0 20px 20px;
    }
}

.c-box-1__limi-ttl {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #013560;
}

@media screen and (max-width: 750px) {
    .c-box-1__limi-ttl {
        font-size: calc((16 / 375) * 100vw);
    }
}

.c-box-1__limi-lead {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #013560;
}

@media screen and (max-width: 750px) {
    .c-box-1__limi-lead {
        margin-top: 5.8vw;
    }
}

@media screen and (max-width: 750px) {
    .c-box-1__limi-lead {
        font-size: calc((14 / 375) * 100vw);
    }
}

.c-box-1__limi__img-box {
    display: flex;
    width: 528px;
    justify-content: space-between;
    margin: 26px auto 13px;
}
@media screen and (max-width: 750px) {
    .c-box-1__limi__img-box {
        width: calc((290 / 375) * 100vw);
        margin: 30px auto 0;
    }
}

.c-list-limi {
    display: flex;
    justify-content: center;
    margin-top: 21px;
    gap: 4px;
}

@media screen and (max-width: 750px) {
    .c-list-limi {
        display: block;
        margin-top: 7vw;
    }
}

.c-list-limi__item {
    padding: 9px 20px;
    background-color: #EBF5FF;
    border: 1px solid #235EA5;
    border-radius: 10px;
}

@media screen and (max-width: 750px) {
    .c-list-limi__item {
        width: calc((260 / 375) * 100vw);
        padding: calc((12 / 375) * 100vw) 0;
        margin: 0 auto;
        border-radius: calc((10 / 375) * 100vw);
    }

    .c-list-limi__item:nth-of-type(n+2) {
        margin-top: calc((8 / 375) * 100vw);
    }
}

.c-list-limi__txt {
    display: block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #235EA5;
}

@media screen and (max-width: 750px) {
    .c-list-limi__txt {
        font-size: calc((13 / 375) * 100vw);
    }
}


.c-box-1__limi__img {
    width: 260px;
}
@media screen and (max-width: 750px) {
    .c-box-1__limi__img {
        width: calc((144 / 375) * 100vw);
    }
}

.c-box-1__ttl {
    margin-top: 27px;
    padding: 32px 0;
    background: url(../202205img/bg_ttl.svg) 0 0 repeat-x;
    background-size: 100% 100%;
    color: #013560;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-box-1__ttl {
        margin-top: 8vw;
        padding: 5.33333vw 0;
        background-image: url(../202205img/sp/bg_ttl.svg);
        background-size: contain;
        font-size: 4.8vw;
    }
}

.c-box-1__unit-inner {
    margin-top: 33px;
}

@media screen and (max-width: 750px) {
    .c-box-1__unit-inner {
        margin-top: 6.66667vw;
        padding-right: 5.71429%;
        padding-left: 5.71429%;
    }
}

.c-box-1__benefits {
    display: grid;

    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "img txt" "img btn";
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits {
        display: block;
    }
}

.c-box-1__benefits-txt {
    margin-top: 35px;
    margin-left: 6px;
    color: #003560;
    text-align: left;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;

    grid-area: txt;
    grid-column: 2;
    grid-row: 1;
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits-txt {
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        font-size: 3.73333vw;
        line-height: 1.7;
    }
}

.c-box-1__benefits-img {
    margin-right: 41px;
    margin-left: 8px;
    width: 267px;

    grid-area: img;
    grid-column: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits-img {
        margin-top: 7.46667vw;
        margin-right: auto;
        margin-left: auto;
        width: 81.06667vw;
    }
}

.c-box-1__benefits-btn {
    grid-area: btn;
    grid-column: 2;
    grid-row: 2;
}

@media screen and (max-width: 750px) {
    .c-box-1__benefits-btn {
        margin-top: 10.13333vw;
        padding-bottom: 8vw;
    }
}

.c-box-1__info {
    position: relative;
    width: 100%;
    margin-top: 51px;
}
@media screen and (max-width: 750px) {
    .c-box-1__info {
        padding-left: 2%;
        padding-right: 2%;
        margin-top: 9vw;
    }
}

@media screen and (min-width: 751px) {
    .c-box-1__info::before,.c-box-1__info::after {
        position: absolute;
        content: "";
        width: 197px;
        height: 2px;
        background-color: #333333;
        top: 11px;
    }
    .c-box-1__info::before {
        left: 0;
    }
    .c-box-1__info::after {
        right: 0;
    }
}

.c-box-1__info-ttl {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-box-1__info-ttl {
        display: block;
        font-size: calc((17 / 375) * 100vw);
        letter-spacing: -0.06em;
        padding-left: 8%;
    }
}

.c-box-1__info-ttl::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_atention.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 26px;
    height: 26px;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .c-box-1__info-ttl::after {
        width: calc((24 / 375) * 100vw);
        height: calc((24 / 375) * 100vw);
        left: calc((6 / 375) * 100vw);
    }
    .edge .c-box-1__info-ttl::after {
        left: 0;
    }
    .iphone .c-box-1__info-ttl::after {
        left: calc((3 / 375) * 100vw);
    }
}

.c-box-1__info-txt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #333333;
    margin-top: 20px;
}
@media screen and (max-width: 750px) {
    .c-box-1__info-txt {
        text-align: left;
        font-size: calc((12 / 375) * 100vw);
        letter-spacing: 0.05em;
        line-height: 1.67;
        margin-top: 3vw;
        padding-right: 3%;
        padding-left: 6%;
    }
}

/* ---------------------------------------------
*   c-box-2
--------------------------------------------- */
.c-box-2 {
    margin-top: 110px;
}

@media screen and (max-width: 750px) {
    .c-box-2 {
        margin-top: 13.66667vw;
    }
}

.c-box-2:first-of-type {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .c-box-2:last-of-type {
        padding-bottom: 13.33333vw;
    }
    .c-box-2--tokuten:last-of-type {
        padding-bottom: 6.33333vw;
    }
    .c-box-2--medal {
        margin-top: 23.66667vw;
    }
}

.c-box-2__container {
    margin-top: -156px;
    padding-top: 156px;
}

@media screen and (max-width: 750px) {
    .c-box-2__container {
        margin-top: -16vw;
        padding-top: 16vw;
    }
}

.c-box-2__body {
    position: relative;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

.c-box-2__body--top {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .c-box-2__body {
        margin-top: 6.66667vw;
    }
    .c-box-2--tokuten .c-box-2__body {
        margin-top: 22.66667vw;
    }
    .c-box-2__body--top {
        margin-top: 0;
    }
}


.c-box-2__txt {
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-box-2__txt {
        font-size: 3.73333vw;
        line-height: 1.72;
    }
}

.c-box-2__img {
    position: relative;
    margin-top: 37px;
}

.c-box-2--tokuten .c-box-2__img {
    margin-top: 60px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img {
        position: relative;
        margin-top: 6.66667vw;
        padding: 0 0 0 5.33333vw;
    }

    .c-box-2--tokuten .c-box-2__img {
        margin-top: 10.16667vw;
    }
}

.c-box-2__img-btn {
    position: absolute;
    top: 176px;
    right: 37px;
}
@media screen and (max-width: 750px) {
    .c-box-2__img-btn {
        top: 29vw;
        right: -56vw;
    }
    .edge .c-box-2__img-btn {
        right: -59vw;
    }
}
@media screen and (max-width: 460px) {
    .edge .c-box-2__img-btn {
        right: -60vw;
    }
}

.c-box-2__img-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 12px 7px 39px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -.05em;
    line-height: 1.2833333333;
    color: #fff;
    background-color: #23A578;
    border-radius: 14px;
    text-align: initial;
    transition: all 0.3s;
}

.c-box-2__img-link::before {
    position: absolute;
    display:block;
    content: "";
    background: url(../202205img/icon_arrow_under.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.safari .c-box-2__img-link::before {
    transition: initial;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-link {
        width: calc((190 / 375) * 100vw);
        padding: calc((11 / 375) * 100vw) calc((8 / 375) * 100vw) calc((11 / 375) * 100vw) calc((24 / 375) * 100vw);
        font-size: calc((10 / 375) * 100vw);
        box-sizing: border-box;
        letter-spacing: -.12em;
        border-radius: 14px;
    }
    .edge .c-box-2__img-link {
        padding: calc((11 / 375) * 100vw) calc((8 / 375) * 100vw) calc((11 / 375) * 100vw) calc((23 / 375) * 100vw);
    }
    .firefox .c-box-2__img-link {
        padding: calc((11 / 375) * 100vw) calc((8 / 375) * 100vw) calc((11 / 375) * 100vw) calc((23 / 375) * 100vw);
    }
    .android .c-box-2__img-link {
        padding: calc((11 / 375) * 100vw) calc((5 / 375) * 100vw) calc((11 / 375) * 100vw) calc((22 / 375) * 100vw);
    }
    .c-box-2__img-link::before {
        width: calc((13.5 / 375) * 100vw);
        height: calc((13.5 / 375) * 100vw);
        left: 2vw;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 751px) {
    .c-box-2__img-link:hover {
        background-color: #fff;
        color: #23A578;
    }
    .c-box-2__img-link:hover::before {
        background: url(../202205img/icon_arrow_under_green.svg) 0 0 no-repeat;
        background-size: 100% auto;
    }
}
@media screen and (max-width: 750px) {
    .c-box-2__img-head {
        position: absolute;
        top: 0;
        left: 5.03333vw;
        width: calc((93.3 / 375) * 100vw);
    }
    .c-box-2__img-head--type3 {
        width: calc((92 / 375) * 100vw);
        z-index: 100;
    }
    .c-box-2__img-head--type3 img {
        min-width: calc((92 / 375) * 100vw);
    }
}

@media screen and (max-width: 750px) {
    .c-box-2__img-body {
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 24.53333vw;
        padding-right: 5.33333vw;
    }
    .c-box-2__img-body--type3 {
        position: relative;
        margin-left: 23.83333vw;
    }
    .c-box-2__img-body img {
        min-width: 1152px;
    }
    .c-box-2__img-body--type3 img {
        min-width: 980px;
    }
}
@media screen and (max-width: 744px) {
    .c-box-2__img-body img {
        min-width: calc((581 / 375) * 100vw);
    }
    .c-box-2__img-body--type3 img {
        min-width: calc((490 / 375) * 100vw);
    }
}

.c-box-2__list {
    margin-top: 20px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-2__list {
        margin-top: 4vw;
        padding: 0 5.33333%;
    }
    .c-box-2--tokuten .c-box-2__list {
        margin-top: 5.2vw;
    }
}

.c-box-2__item {
    padding-left: 1.3em;
    color: #fff;
    text-indent: -1.3em;
    font-size: 12px;
}


@media screen and (max-width: 750px) {
    .c-box-2__item {
        margin-top: 1.06667vw;
        font-size: 3.2vw;
        line-height: 1.3;
    }
    .android .c-box-2__item {
        padding-left: 0.9em;
        text-indent: -0.9em;
    }
}

@media screen and (max-width: 750px) {
    .c-box-2__item:first-of-type {
        margin-top: 0;
    }
}
.c-box-2__list--color .c-box-2__item {
    color: #013560;
}

.c-box-2__medal-btn {
    width: 640px;
    margin: 50px auto 90px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn {
        width: calc((330 / 375) * 100vw);
    }
}

.c-box-2__medal-btn-link {
    position: relative;
    display: block;
    padding: 24px 0 21px;
    width: 100%;
    height: 100%;
    background-color: #EBFBF3;
    border: 2px solid #23A578;
    border-bottom: 4px solid #23A578;
    border-radius: 10px;
    box-shadow: 0px 5px 13px -10px #777777;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-link {
        padding: 15px 0 8px;
    }
}

.c-box-2__medal-btn-link:hover {
    background-color: #ffff;
}

.c-box-2__medal-btn-link::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_arrow_green.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 8px;
    height: 14px;
    top: 50%;
    right: 65px;
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-link::after {
        width: calc((6 / 375) * 100vw);
        height: calc((10 / 375) * 100vw);
        right: calc((12 / 375) * 100vw);
    }
    .iphone .c-box-2__medal-btn-link::after {
        right: calc((6 / 375) * 100vw);
    }
}

.c-box-2__medal-btn-txt {
    display: block;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.07692307692;
    color: #23A578;
}
.c-box-2__medal-btn-txt--l {
    display: inline;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-txt {
        font-size: calc((16 / 375) * 100vw);
        letter-spacing: 0.04em;
        line-height: 0.976923;
    }
    .c-box-2__medal-btn-txt--l {
        font-size: 5.3vw;
    }

    .iphone .c-box-2__medal-btn-txt--l {
        font-size: 5.3vw;
        letter-spacing: 0.03em;
    }
}

.c-box-2__medal-btn-anno {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #333333;
}
@media screen and (max-width: 750px) {
    .c-box-2__medal-btn-anno {
        font-size: 2.93334vw;
        font-weight: 500;
        letter-spacing: -0.05em;
    }
    .iphone .c-box-2__medal-btn-anno {
        letter-spacing: -0.06em;
    }
}

.c-box-2__lead {
    margin-bottom: 15px;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-box-2__lead {
        margin-bottom: 1.33333vw;
        font-size: 3.73333vw;
    }
}

.c-box-2__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 50px;
    padding: 50px 75px;
    border-radius: 20px;
    background-color: #fff;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-2__check {
        display: block;
        margin-top: 11.33333vw;
        margin-right: auto;
        margin-left: auto;
        padding: 9.33333vw 4.66667vw;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-2__schedule {
    margin-top: 50px;
    padding: 33px 40px;
    border-radius: 20px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-2__schedule {
        margin-top: 10.66667vw;
        margin-right: auto;
        margin-left: auto;
        padding: 7.4% 3.43333%;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-2__img-medal {
    margin: 45px auto 0;
    max-width: 696px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-medal {
        max-width: initial;
        width: calc((348 / 375) * 100vw);
        margin: 11vw auto 0;
    }
}

.c-box-2__btn {
    width: 323px;
    margin: 58px auto 0;
}
@media screen and (max-width: 750px) {
    .c-box-2__btn {
        width: 91vw;
        margin: 8vw auto 0;
    }
}

.c-box-2__btn-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 6px 19px 6px 0px;
    transition: all 0.3s;
}
.c-box-2__btn-link::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_arrow_under.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 26px;
    transform: translateY(-50%);
    transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) and (min-width: 751px) {
    .c-box-2__btn-link:hover {
        background-color: #fff;
        color: #3D5EA1;
        border-radius: 12px;
    }
    .c-box-2__btn-link:hover::after {
        background-image: url(../202205img/icon_arrow_under_blue.svg);
    }
}
@media screen and (max-width: 750px) {
    .c-box-2__btn-link {
        font-size: calc((16 / 375) * 100vw);
        border-radius: calc((10 / 375) * 100vw);
        padding: calc((8 / 375) * 100vw) calc((21 / 375) * 100vw) calc((8 / 375) * 100vw) 0;
    }
    .c-box-2__btn-link::after {
        width: calc((18 / 375) * 100vw);
        height: calc((18 / 375) * 100vw);
        right: 14vw;
    }
}

.c-box-2__detail {
    position: absolute;
    top: 142px;
    right: 241px;
}
@media screen and (max-width: 750px) {
    .c-box-2__detail {
        top: 105.2vw;
        right: 41.3vw;
    }
}
.c-box-2__detail--2 {
    top: 267px;
    right: 5px;
}
@media screen and (max-width: 750px) {
    .c-box-2__detail--2 {
        top: auto;
        bottom: 24.3vw;
        right: 8.4vw;
    }
}

.c-box-2__detail__link {
    display: block;
    width: 100%;
    height: 100%;
}

.c-box-2__detail__link:hover .c-box-2__detail-txt {
    text-decoration: underline;
}
.c-box-2__detail-box {
    position: absolute;
    top: 13px;
    left: 18px;
}

@media screen and (max-width: 750px) {
    .c-box-2__detail-box {
        position: absolute;
        top: 5vw;
        left: 4.3vw;
    }
}
.c-box-2__detail-txt {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.1em;
    color: #2C6ABD;
}
.c-box-2__detail-txt::after {
    position: absolute;
    content: "";
    background: url(../202205img/icon_arrow_circle_blue.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 12px;
    height: 12px;
    top: 0;
    right: -16px;
    z-index: 100;
}

.c-box-2__detail-txt--lage {
    font-size: 13px;
}

.c-box-2__detail-txt--lage::after {
    content: none;
}

@media screen and (max-width: 750px) {
    .c-box-2__detail-txt,.c-box-2__detail-txt--lage {
        font-size: calc((12 / 375) * 100vw);
    }
    .c-box-2__detail-txt::after {
        width: calc((12 / 375) * 100vw);
        height: calc((12 / 375) * 100vw);
        top: 0;
        right: -4vw;
    }
}

.c-box-2__detail--2 .c-box-2__detail-txt {
    color: #23A578;
}

.c-box-2__detail--2 .c-box-2__detail-txt::after {
    background-image: url(../202205img/icon_arrow_circle_green.svg);
}

.c-box-2__detail-img {
    width: 140px;
    z-index: 10;
}
@media screen and (max-width: 750px) {
    .c-box-2__detail-img {
        width: 35.7vw;
        z-index: 10;
    }
}


.c-box-2__img-desc {
    margin-top: 83px;
}

.c-box-2__img-desc {
    margin-top: 0;
}

.c-box-2--tokuten .c-box-2__img-desc {
    margin-top: 90px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-desc {
        margin-top: 14.4vw;
    }
    .c-box-2__img-desc {
        margin-top: 0;
    }
}

.c-box-2__img-desc-ttl {
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 30px;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-desc-ttl {
        font-size: 5.86667vw;
    }
}

.c-box-2__img-desc-txt {
    display: inline-block;
    margin-top: 8px;
    padding-left: 1em;
    color: #fff;
    text-align: left;
    text-indent: -1em;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-box-2__img-desc-txt {
        margin-top: 4.53333vw;
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}
/* ---------------------------------------------
*   c-box-3
--------------------------------------------- */
.c-box-3 {
    margin-top: 90px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

@media screen and (max-width: 750px) {
    .c-box-3 {
        margin-top: 13.33333vw;
    }
}

.c-box-3:first-of-type {
    margin-top: 0;
}

.c-box-3__container {
    margin-top: -156px;
    padding-top: 156px;
}

@media screen and (max-width: 750px) {
    .c-box-3__container {
        margin-top: -16vw;
        padding-top: 16vw;
    }
}

.c-box-3__lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 50px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-3__lead {
        display: block;
        margin-top: 5.33333vw;
    }
}

.c-box-3__lead-icon {
    display: block;
    margin-right: 12px;
    width: 40px;
}

@media screen and (max-width: 750px) {
    .c-box-3__lead-icon {
        margin-right: auto;
        margin-left: auto;
        width: 10.66667vw;
    }
}

.c-box-3__lead-txt {
    display: block;
    color: #235EA5;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .c-box-3__lead-txt {
        margin-top: 4.26667vw;
        font-size: 3.73333vw;
        line-height: 1.7;
    }
}

.ie .c-box-3__lead-txt {
    padding-top: 6px;
}

@media screen and (max-width: 750px) {
    .ie .c-box-3__lead-txt {
        padding-top: 0;
    }
}

.c-box-3__contents {
    margin-top: 50px;
    padding: 40px 60px;
    border: 2px solid #235EA5;
    border-radius: 20px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-3__contents {
        margin-top: 8vw;
        margin-right: auto;
        margin-left: auto;
        padding: 8% 5.86667%;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-3__unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-3__unit {
        display: block;
    }
}

.c-box-3__img {
    width: 371px;
}

@media screen and (max-width: 750px) {
    .c-box-3__img {
        width: 80vw;
    }
}

.c-box-3__list {
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-3__list {
        margin-top: 4vw;
    }
}

.c-box-3__item {
    margin-top: 20px;
    padding-left: 1em;
    color: #235EA5;
    text-indent: -1em;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
}

@media screen and (max-width: 750px) {
    .c-box-3__item {
        margin-top: 2.66667vw;
        letter-spacing: 0.1em;
        font-size: 4vw;
    }
}

.c-box-3__item:first-of-type {
    margin-top: 0;
}

.c-box-3__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 40px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-3__btn {
        display: block;
        margin-top: 6.66667vw;
    }
}

.c-box-3__note-list {
    margin-top: 20px;
    text-align: left;
}

@media screen and (max-width: 750px) {
    .c-box-3__note-list {
        margin-top: 4vw;
        padding: 0 5.33333%;
    }
}

.c-box-3__note-item {
    margin-top: 4px;
    padding-left: 1.3em;
    color: #666;
    text-indent: -1.3em;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-box-3__note-item {
        margin-top: 2vw;
        font-size: 3.2vw;
    }
    .android .c-box-3__note-item {
        padding-left: 0.9em;
        text-indent: -0.9em;
    }
}

.c-box-3__note-item:first-of-type {
    margin-top: 0;
}

.c-box-3__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-box-3__card {
        display: block;
        margin-top: 14.66667vw;
        padding: 0 5.33333%;
    }
}

@media screen and (max-width: 750px) {
    .c-box-3__facility img {
        width: 90.7%;
    }
}

/* ---------------------------------------------
*   c-box-4
--------------------------------------------- */
.c-box-4 {
    margin-top: 55px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    max-width: 1000px;
    border: 2px solid #235EA5;
    border-radius: 20px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-4 {
        margin-top: 6vw;
        margin-bottom: 13.33333vw;
        padding-top: 8vw;
        width: 89.33333%;
        border-radius: 5.33333vw;
    }
}

.c-box-4__ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding-bottom: 18px;
    color: #235EA5;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl {
        display: block;
        padding-bottom: 5.86667vw;
    }
}

.c-box-4__ttl::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 60px;
    height: 2px;
    background-color: #235EA5;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl::before {
        width: 16vw;
        height: 1px;
    }
}

.c-box-4__ttl-icon {
    margin-right: 6px;
    width: 30px;
}

.ie .c-box-4__ttl-icon {
    margin-top: -8px;
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl-icon {
        margin-right: auto;
        margin-left: auto;
        width: 8vw;
    }
    .ie .c-box-4__ttl-icon {
        margin-top: 0;
    }
}

.c-box-4__ttl-txt {
    font-weight: bold;
    font-size: 24px;
}

@media screen and (max-width: 750px) {
    .c-box-4__ttl-txt {
        margin-top: 4vw;
        font-size: 5.33333vw;
    }
}

.c-box-4__lead {
    margin-top: 40px;
    color: #235EA5;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
}

@media screen and (max-width: 750px) {
    .c-box-4__lead {
        margin-top: 4vw;
        font-size: 5.33333vw;
        line-height: 1.7;
    }
}

.c-box-4__lead span {
    position: relative;
    z-index: 1;
}

.c-box-4__lead span::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 10px;
    background-color: rgba(229, 112, 77, 0.3);
    content: "";
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.windows .c-box-4__lead span::before {
    bottom: 2px;
}

.ie .c-box-4__lead span::before {
    bottom: 10px;
}

@media screen and (max-width: 750px) {
    .c-box-4__lead span::before {
        bottom: -1.06667vw;
        height: 2.13333vw;
    }
    .android .c-box-4__lead span::before {
        bottom: -0.26667vw;
    }
    .windows .c-box-4__lead span::before {
        bottom: 0;
    }
    .ie .c-box-4__lead span::before {
        bottom: 2vw;
    }
}

.c-box-4__txt {
    margin-top: 30px;
    color: #235EA5;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .c-box-4__txt {
        margin-top: 3.33333vw;
        padding: 0 5.97015%;
        text-align: left;
        letter-spacing: 0.1em;
        font-size: 3.73333vw;
    }
}

.c-box-4__btn {
    margin-top: 35px;
}

@media screen and (max-width: 750px) {
    .c-box-4__btn {
        margin-top: 6vw;
        padding: 0 5.97015%;
    }
}

.c-box-4__note {
    margin-top: 40px;
    padding: 30px 98px;
    border-radius: 0 0 18px 18px;
    background-color: #F6F6F6;
    text-align: left;
    font-size: 14px;
    line-height: 1.7;
}

@media screen and (max-width: 750px) {
    .c-box-4__note {
        margin-top: 6.66667vw;
        padding: 8.95522% 6.56716% 10.44776%;
        border-radius: 0 0 4.66667vw 4.66667vw;
        letter-spacing: 0.1em;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-box-5
--------------------------------------------- */
.c-box-5 {
    margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
    padding: 45px 88px 40px;
    width: 1000px;
    background: url(../202205img/bg_frame.png) 0 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-box-5 {
        margin-top: 6.66667vw;
        padding: 6.75676% 5.97015% 5.79151%;
        width: 89.33333%;
        background-image: url(../202205img/sp/bg_frame.png);
    }
}

.c-box-5__lead {
    color: #362A0A;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-box-5__lead {
        font-size: 4.26667vw;
    }
}

.c-box-5__txt {
    margin-top: 10px;
    color: #362A0A;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-box-5__txt {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}

.c-box-5__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: start;
    margin-top: 20px;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-5__list {
        -ms-flex-pack: justify;
        margin-top: 4.8vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.c-box-5__item {
    margin-left: 15px;
}

.c-box-5__item--card {
    width: 229px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--card {
        margin-left: 0;
        width: 59.72696%;
    }
}

.c-box-5__item--sp {
    width: 162px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--sp {
        margin-left: 0;
        width: 37.54266%;
    }
}

@media screen and (max-width: 750px) {
    .c-box-5__item:nth-of-type(n+3) {
        margin-top: 4.66667vw;
    }
}

.c-box-5__item:first-of-type {
    margin-left: 0;
}

.c-box-5__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: auto;
    margin-left: auto;
    height: 160px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-5__img {
        height: 32.53333vw;
    }
}

.c-box-5__item--card .c-box-5__img {
    width: 198px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--card .c-box-5__img {
        width: 86.85714%;
    }
}

.c-box-5__item--sp .c-box-5__img {
    width: 80px;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--sp .c-box-5__img {
        width: 52.72727%;
    }
}

.c-box-5__img img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-box-5__item--card .c-box-5__img img {
        margin-top: 1.33333vw;
    }
}

.c-box-5__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 10px;
    height: 36px;
    color: #333333;
    font-weight: bold;
    font-size: 12px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-box-5__name {
        margin-top: 2.66667vw;
        height: auto;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-box-6
--------------------------------------------- */
.c-box-6 {
    margin-top: 45px;
    border: 1px solid #235EA5;
}

@media screen and (max-width: 750px) {
    .c-box-6 {
        margin-top: 8.8vw;
        margin-right: auto;
        margin-left: auto;
        width: 89.33333%;
    }
}

.c-box-6--02 {
    padding: 58px 125px 74px;
    border: none;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 750px) {
    .c-box-6--02 {
        margin-top: 10.4vw;
        padding: 7.2vw 5.33333vw 9.06667vw;
        width: 90.66667%;
        border-radius: 5.33333vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    }
}

.c-box-6__head {
    padding: 10px;
    background-color: #235EA5;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-box-6__head {
        padding: 1.6vw;
        letter-spacing: 0;
        font-size: 3.2vw;
    }
}

.c-box-6--02 .c-box-6__head {
    position: relative;
    padding: 0 0 18px;
    background-color: transparent;
    color: #235EA5;
    font-size: 24px;
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__head {
        padding-bottom: 3.73333vw;
        letter-spacing: 0;
        font-size: 5.06667vw;
    }
}

.c-box-6--02 .c-box-6__head::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100px;
    height: 2px;
    background-color: #235EA5;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__head::before {
        width: 16vw;
        height: 0.53333vw;
    }
}

.c-box-6__body {
    padding: 26px 110px 25px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-box-6__body {
        padding: 4.53333vw 4.53333vw 5.33333vw;
    }
}

.c-box-6--02 .c-box-6__body {
    margin-top: 30px;
    padding: 0;
    background-color: transparent;
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__body {
        margin-top: 7.2vw;
    }
}

.c-box-6__icon {
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    width: 478px;
}

@media screen and (max-width: 750px) {
    .c-box-6__icon {
        width: 70.66667vw;
    }
}

.c-box-6--02 .c-box-6__icon {
    margin-bottom: 60px;
    width: 545px;
}

@media screen and (min-width: 751px) {
    .c-box-6--02 .c-box-6__icon {
        position: relative;
        left: -13px;
    }
}

@media screen and (max-width: 750px) {
    .c-box-6--02 .c-box-6__icon {
        margin-bottom: 8.8vw;
        width: 78.93333vw;
    }
}

.c-box-6__note {
    color: #555555;
    letter-spacing: 0.05em;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-box-6__note {
        font-size: 2.66667vw;
    }
}

.c-box-6__note--02 {
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-box-6__note--02 {
        font-size: 2.93333vw;
    }
}

.c-box-6__note-02 {
    margin-bottom: 18px;
    color: #555555;
    font-size: 12px;
    line-height: calc(22 / 12);
}

@media screen and (max-width: 750px) {
    .c-box-6__note-02 {
        margin-bottom: 5.6vw;
        text-align: left;
        letter-spacing: -.05em;
        font-size: 3.2vw;
        line-height: calc(18 / 12);
    }
}

.c-box-6__note-02--top {
    margin-bottom: 0px;
}

@media screen and (max-width: 750px) {
    .c-box-6__note-02--top {
        padding-left: 1em;
        text-indent: -1em;
        letter-spacing: -.01em;
    }
}

.c-box-6__note-02 .ls {
    letter-spacing: -5em;
}

.c-box-6__note-link {
    position: relative;
    display: inline-block;
}

.c-box-6__note-link::before {
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: #555555;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-6__note-link::before {
        bottom: 0.4vw;
        height: 0.13333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-box-6__note-link {
        padding-left: 1em;
        text-indent: -1em;
    }
}

@media screen and (min-width: 751px) {
    .c-box-6__note-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-box-6__note-link:hover {
        opacity: 0.7;
    }
}

/* ---------------------------------------------
*   c-box-7
--------------------------------------------- */
.c-box-7 {
    margin-top: 46px;
    padding: 48px 0 53px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 750px) {
    .c-box-7 {
        margin: 5.33333vw auto 0;
        padding: 9.6vw 0 7.46667vw;
        width: 90.66667%;
        border-radius: 5.33333vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    }
}

.c-box-7__head {
    color: #041C53;
    font-weight: bold;
    font-size: 16px;
    line-height: calc(36 / 16);
}

@media screen and (max-width: 750px) {
    .c-box-7__head {
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}

.c-box-7__head-strong {
    position: relative;
    z-index: 0;
}

@media screen and (min-width: 751px) {
    .c-box-7__head-strong {
        font-size: 20px;
        line-height: calc(36 / 20);
    }
}

.c-box-7__head-strong::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 476px;
    height: 6px;
    border-radius: 10px;
    background-color: #FFECB4;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-7__head-strong::before {
        width: 79.2vw;
        height: 1.06667vw;
        border-radius: 2.66667vw;
    }
}

.c-box-7__btn {
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    .c-box-7__btn {
        margin-top: 5.33333vw;
    }
}

.c-box-7__link {
    position: relative;
    display: inline-block;
    margin-top: 14px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
    line-height: calc(24 / 14);
    -webkit-transition: color .1s;
    transition: color .1s;
}

@media screen and (max-width: 750px) {
    .c-box-7__link {
        margin-top: 3.46667vw;
        margin-right: 2.93333vw;
        font-size: 3.2vw;
        line-height: calc(24 / 12);
    }
}

@media screen and (min-width: 751px) {
    .c-box-7__link:hover {
        color: #06C9D3;
    }
}

@media screen and (min-width: 751px) {
    .c-box-7__link:hover::before {
        background-image: url(../202205img/mfgroup/icon_arrow-s_sky-blue.svg);
    }
}

.c-box-7__link::before {
    position: absolute;
    top: 50%;
    right: -11px;
    display: block;
    width: 6px;
    height: 12px;
    background: url(../202205img/mfgroup/icon_arrow-s_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-box-7__link::before {
        right: -2.93333vw;
        width: 1.33333vw;
        height: 2.66667vw;
    }
}

.c-box-7__link-line {
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 750px) {
    .c-box-7__link-line {
        padding-left: 0.8vw;
    }
}

.c-box-7__link-line::before {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-box-7__link-line::before {
        bottom: 1.33333vw;
        height: 0.26667vw;
    }
}

.c-box-7__txt {
    margin-top: 24px;
    color: #222222;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 14px;
    line-height: calc(24 / 14);
}

@media screen and (max-width: 750px) {
    .c-box-7__txt {
        margin-top: 4.26667vw;
        letter-spacing: normal;
        font-size: 3.2vw;
        line-height: calc(20 / 12);
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    margin-top: 22px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--1 {
        margin-top: 5.86667vw;
    }
}

.c-btn-1--2 {
    margin-top: 43px;
    margin-bottom: 57px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--2 {
        margin-top: 7.46667vw;
        margin-bottom: 7.2vw;
    }
}

.c-btn-1--3 {
    margin-top: 56px;
    margin-bottom: 73px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--3 {
        margin-top: 8.8vw;
        margin-bottom: 8.8vw;
    }
}

.c-btn-1--4 {
    margin-top: 32px;
    margin-bottom: 29px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--4 {
        margin-top: 5.6vw;
        margin-bottom: 5.33333vw;
    }
}

.c-btn-1--5 {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--5 {
        margin-top: 7.46667vw;
    }
}

.c-btn-1--6 {
    margin-top: 49px;
}

@media screen and (max-width: 750px) {
    .c-btn-1--6 {
        margin-top: 8.53333vw;
    }
}

.c-btn-1--white .c-btn-1__link {
    background-color: #fff;
}

@media screen and (min-width: 751px) {
    .c-btn-1--white .c-btn-1__link:hover {
        background-color: #C1E2FF;
        color: #19419E;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-1--white .c-btn-1__link:hover:after {
        background-image: url(../202205img/icon_arrow.png);
    }
}

.c-btn-1__link {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 18px 0;
    width: 502px;
    border: 1px solid #006BC1;
    background-color: #fff;
    color: #006BC1;
    text-align: center;
    font-size: 20px;
    -webkit-transition: background-color .35s,color .35s;
    transition: background-color .35s,color .35s;
}

.c-btn-1__link--1 {
    width: 362px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--1 {
        padding: 4vw 0;
        width: 74.66667vw;
        font-size: 3.46667vw;
    }
}

.c-btn-1__link--2 {
    margin-bottom: 53px;
}

.c-btn-1__link--3 {
    width: 650px;
    font-size: 18px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--3 {
        padding: 4vw 0;
        width: 66.66667vw !important;
        font-size: 3.2vw !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--faq {
        width: 100% !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link {
        padding: 4vw 0;
        width: 74.66667vw;
        font-size: 3.46667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-1__link:hover {
        background-color: #006BC1;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-1__link:hover:after {
        background-image: url(../202205img/icon_arrow_w.png);
    }
}

.ie11 .c-btn-1__link {
    padding: 22px 0 14px;
}

@media screen and (max-width: 750px) {
    .ie11 .c-btn-1__link {
        padding: 4vw 0;
    }
}

@media screen and (max-width: 750px) {
    .android .c-btn-1__link {
        padding: 4.26667vw 0 3.73333vw;
    }
}

.c-btn-1__link:after {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 37px;
    height: 6px;
    background: url(../202205img/icon_arrow.png) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-1__link:after {
        right: 5.6vw;
        width: 7.46667vw;
        height: 1.06667vw;
    }
}

@media screen and (max-width: 750px) {
    .android .c-btn-1__link:after {
        top: 46%;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--1:after {
        right: 3.46667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--3:after {
        top: 64% !important;
        right: 10.66667vw !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--4 {
        width: 84.93333vw;
    }
}

.c-btn-1__link--4:after {
    right: 30px;
    width: 45px;
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--4:after {
        right: 4.53333vw;
        width: 7.73333vw;
        height: 1.06667vw;
    }
}

.c-btn-1__link--5:after {
    right: 21px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--5:after {
        right: 2.66667vw;
        width: 7.46667vw;
    }
}

.c-btn-1__link--6:after {
    right: 23px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--6:after {
        right: 3.2vw;
        width: 7.46667vw;
    }
}

.c-btn-1__link--7:after {
    right: 31px;
    width: 44px;
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--7:after {
        right: 8.26667vw;
        width: 8vw;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--8:after {
        top: 46% !important;
        left: 3.46667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--9:after {
        top: 46% !important;
        right: 2.66667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__link--1:after {
        top: 46% !important;
        right: 3.46667vw !important;
        width: 7.73333vw !important;
        height: 1.06667vw !important;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-1__link--10 {
        padding: 4vw 0 4vw 8.53333vw;
    }
}

.c-btn-faq {
    cursor: pointer;
}

.c-btn-back {
    cursor: pointer;
}

/* ---------------------------------------------
*   c-btn-2
--------------------------------------------- */
.c-btn-2 {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 25px;
    width: 520px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}


@media screen and (min-width: 751px) {
    .c-btn-2 {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-btn-2:hover {
        opacity: 0.7;
    }
}

.ie .c-btn-2 {
    padding-top: 29px;
    padding-bottom: 21px;
}

@media screen and (max-width: 750px) {
    .c-btn-2 {
        margin-top: 2.66667vw;
        padding: 6.66667vw 1em;
        width: 80vw;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
    .ie .c-btn-2 {
        padding-top: 7.2vw;
        padding-bottom: 6.13333vw;
    }
}

.c-btn-2::before {
    position: absolute;
    top: 50%;
    right: 32px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-2::before {
        right: 5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

.c-btn-2--app {
    background-color: #5EC6D1;
}

.c-btn-2--web {
    background-color: #235EA5;
}

.c-btn-2:first-of-type {
    margin-top: 0;
}
.c-btn-2--tokuten {
    background-color: #235EA5;
    width: 580px;
    letter-spacing: 0.16em;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-btn-2--tokuten {
        width: calc((350 / 375) * 100vw);
        letter-spacing: 0.1em;
    }
}
.c-btn-2--tokuten:first-of-type {
    margin-top: 40px;
}

.c-btn-2--tokuten::before {
    background-image: url(../202205img/icon_arrow_white_thin.svg);
    transform: translateY(-50%) rotate(180deg);
    left: 20px;
    width: 9px;
    height: 15px;
    transition: all 0.3s;
}

@media (hover: hover) and (pointer: fine) and (min-width: 751px) {
    .c-btn-2--tokuten:hover {
        background-color: #fff;
        color: #235EA5;
        opacity: 1;
    }
    .c-btn-2--tokuten:hover::before {
        background-image: url(../202205img/icon_arrow_white_thin_blue.svg);
    }
}

/* ---------------------------------------------
*   c-btn-3
--------------------------------------------- */
.c-btn-3 {
    position: relative;
    display: block;
    margin-left: 30px;
    padding: 35px;
    width: 410px;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (min-width: 751px) {
    .c-btn-3 {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-btn-3:hover {
        opacity: 0.7;
    }
}

.ie .c-btn-3 {
    padding-top: 38px;
    padding-bottom: 32px;
}

@media screen and (max-width: 750px) {
    .c-btn-3 {
        margin-top: 2.93333vw;
        margin-left: 0;
        padding: 6vw 1em;
        width: 100%;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
    .ie .c-btn-3 {
        padding-top: 6.4vw;
        padding-bottom: 5.6vw;
    }
}

.c-btn-3::before {
    position: absolute;
    top: 50%;
    left: 24px;
    display: block;
    width: 60px;
    height: 60px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-3::before {
        left: 4.66667vw;
        width: 12vw;
        height: 12vw;
    }
}

.c-btn-3:first-of-type {
    margin-left: 0;
}

@media screen and (max-width: 750px) {
    .c-btn-3:first-of-type {
        margin-top: 0;
    }
}

.c-btn-3--app {
    background-color: #5EC6D1;
}

.c-btn-3--app::before {
    background-image: url(../202205img/img_app.png);
}

.c-btn-3--web {
    background-color: #235EA5;
}

.c-btn-3--web::before {
    background-image: url(../202205img/img_member.png);
}

.c-btn-3__txt {
    position: relative;
    display: inline-block;
    padding-left: 1em;
}

.c-btn-3__txt::before {
    position: absolute;
    top: 50%;
    right: -20px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ie .c-btn-3__txt::before {
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
}

@media screen and (max-width: 750px) {
    .c-btn-3__txt::before {
        right: -5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-btn-4
--------------------------------------------- */
.c-btn-4 {
    position: relative;
    display: block;
    margin-left: 32px;
    padding: 18px;
    width: 420px;
    border: 1px solid #235EA5;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 14px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}

.ie .c-btn-4 {
    padding-top: 20px;
    padding-bottom: 16px;
}

@media screen and (max-width: 750px) {
    .c-btn-4 {
        margin-top: 4.66667vw;
        margin-right: auto;
        margin-left: auto;
        padding: 4.8vw 1em;
        width: 100%;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
    .ie .c-btn-4 {
        padding-top: 5.06667vw;
        padding-bottom: 4.26667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-4:hover {
        background-color: #235EA5;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-4:hover::before {
        background-image: url(../202205img/icon_arrow_white_thin.svg);
    }
}

.c-btn-4:first-of-type {
    margin-left: 0;
}

@media screen and (max-width: 750px) {
    .c-btn-4:first-of-type {
        margin-top: 0;
    }
}

.c-btn-4::before {
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-4::before {
        right: 6.13333vw;
        width: 2.13333vw;
        height: 3.73333vw;
    }
}

.c-box-4 .c-btn-4, .c-block-2 .c-btn-4 {
    margin-right: auto;
    margin-left: auto;
}

.c-cassette-4 .c-btn-4 {
    position: absolute;
    bottom: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-4 .c-btn-4 {
        bottom: 32vw;
        width: 80%;
    }
}

.c-btn-4--blue {
    background-color: #235EA5;
    color: #fff;
}

.c-btn-4--blue::before {
    background-image: url(../202205img/icon_arrow_white_thin.svg);
}

@media screen and (min-width: 751px) {
    .c-btn-4--blue:hover {
        background-color: #fff;
        color: #235EA5;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-4--blue:hover::before {
        background-image: url(../202205img/icon_arrow_blue.svg);
    }
}

/* ---------------------------------------------
*   c-btn-5
--------------------------------------------- */
.c-btn-5 {
    position: relative;
    display: block;
    padding: 24px 1em;
    width: 397px;
    border: 1px solid #041C53;
    border-radius: 10px;
    background-color: #041C53;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color background;
    transition-property: color background;
}

@media screen and (max-width: 750px) {
    .c-btn-5 {
        margin-right: auto;
        margin-left: auto;
        padding: 4.8vw 1em;
        width: 80vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        font-size: 3.73333vw;
        line-height: 1.4;
    }
}

.c-btn-5::before {
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-5::before {
        right: 5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

.c-btn-5::after {
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_navy.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-5::after {
        right: 5.33333vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-5:hover {
        background-color: #fff;
        color: #041C53;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-5:hover::before {
        opacity: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-5:hover::after {
        opacity: 1;
    }
}

/* ---------------------------------------------
*   c-btn-6
--------------------------------------------- */
.c-btn-6 {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 18px;
    width: 360px;
    border: 1px solid #235EA5;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}

@media screen and (max-width: 750px) {
    .c-btn-6 {
        padding: 4.8vw;
        width: 80vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        font-size: 3.73333vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-6:hover {
        background-color: #235EA5;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-6:hover::before {
        background-image: url(../202205img/icon_arrow_white_thin.svg);
    }
}

.c-btn-6::before {
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../202205img/icon_arrow_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-6::before {
        right: 4.53333vw;
        width: 2.13333vw;
        height: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-btn-7
--------------------------------------------- */
.c-btn-7 {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 28px 18px;
    width: 560px;
    border: 3px solid #235EA5;
    border-radius: 10px;
    background-color: #EDF6FF;
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}

@media screen and (max-width: 750px) {
    .c-btn-7 {
        padding: 2.66667vw;
        width: 82.66667vw;
        border-width: 0.53333vw;
        border-radius: 2.66667vw;
        font-size: 4.26667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-7:hover {
        background-color: #235EA5;
        color: #fff;
    }
}

@media screen and (min-width: 751px) {
    .c-btn-7:hover::before {
        background-image: url(../202205img/mfgroup/icon_arrow_white.svg);
    }
}

.c-btn-7::before {
    position: absolute;
    top: 50%;
    right: 23px;
    display: block;
    width: 12px;
    height: 24px;
    background: url(../202205img/mfgroup/icon_arrow_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-7::before {
        right: 3.46667vw;
        width: 2.13333vw;
        height: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-card
--------------------------------------------- */
.c-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 16px;
    width: 442px;
    border-width: 2px;
    border-style: solid;
}

@media screen and (max-width: 750px) {
    .c-card {
        margin-top: 2.13333vw;
        margin-left: 0;
        width: 100%;
        border-width: 1px;
    }
}

.c-card--sale {
    border-color: #EBD03C;
    background-color: #EBD03C;
}

.c-cassette-4--premium .c-card--sale {
    border-color: #94D2EF;
    background-color: #94D2EF;
}

.c-card--point {
    border-color: #F5EAAE;
    background-color: #F5EAAE;
}

.c-cassette-4--premium .c-card--point {
    border-color: #BFD9ED;
    background-color: #BFD9ED;
}

.c-card:first-of-type {
    margin-left: 0;
}

.c-card__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 16px 0;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 13px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media screen and (max-width: 750px) {
    .c-card__head {
        padding: 4vw 0;
        font-size: 2.66667vw;
        line-height: 1.2;
    }
}

.c-card--sale .c-card__head {
    width: 120px;
}

@media screen and (max-width: 750px) {
    .c-card--sale .c-card__head {
        width: 22.76923%;
    }
}

.c-card--point .c-card__head {
    width: 140px;
}

@media screen and (max-width: 750px) {
    .c-card--point .c-card__head {
        width: 22.76923%;
    }
}

.c-card__body {
    display: block;
    padding-top: 19px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-card__body {
        padding-top: 4vw;
    }
}

.c-card__lead {
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-card__lead {
        font-size: 4vw;
        line-height: 1.2;
    }
}

.c-card__txt {
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card__txt {
        font-size: 3.2vw;
    }
}

.c-card__note {
    margin-top: 6px;
    color: #595757;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-card__note {
        display: block;
        margin-top: 1.6vw;
        padding-bottom: 1.86667vw;
        letter-spacing: -0.05em;
        font-size: 2.4vw;
        line-height: 1.2;
    }
}

/* ---------------------------------------------
*   c-card-2
--------------------------------------------- */
.c-card-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-left: 30px;
    padding: 0 28px;
    width: 485px;
    height: 115px;
    border: 1px solid #235EA5;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    text-align: left;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-card-2 {
        margin-top: 10.66667vw;
        margin-left: 0;
        padding: 0 6.56716%;
        width: 100%;
        height: 24vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.c-card-2::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 100%;
    border-left: 1px solid transparent;
    border-radius: 0 8px 8px 0;
    background-color: #235EA5;
    content: "";
    -webkit-transition: background .3s, border-color .3s;
    transition: background .3s, border-color .3s;
}

@media screen and (min-width: 751px) {
    .ie .c-card-2::before {
        border-radius: 0 10px 10px 0;
    }
}

@media screen and (max-width: 750px) {
    .c-card-2::before {
        width: 5.86667vw;
        border-radius: 0 2.13333vw 2.13333vw 0;
    }
}

.c-card-2::after {
    position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    width: 6px;
    height: 10px;
    background: url(../202205img/icon_arrow_white_bold.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-card-2::after {
        right: 1.6vw;
        width: 1.6vw;
        height: 2.66667vw;
    }
}

.c-card-2:nth-of-type(2n+1) {
    margin-left: 0;
}

@media screen and (min-width: 751px) {
    .c-card-2:nth-of-type(n+3) {
        margin-top: 32px;
    }
}

@media screen and (max-width: 750px) {
    .c-card-2:first-of-type {
        margin-top: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-card-2:hover::before {
        border-color: #235EA5;
        background-color: #E2F1FF;
    }
}

@media screen and (min-width: 751px) {
    .c-card-2:hover::after {
        background-image: url(../202205img/icon_arrow_blue_bold.svg);
    }
}

.c-card-2__lead {
    position: absolute;
    top: -12px;
    left: 16px;
    padding: 4px 16px;
    border: 1px solid #235EA5;
    border-radius: 16px;
    background-color: #fff;
    color: #235EA5;
    font-weight: bold;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-card-2__lead {
        top: -5.6vw;
        left: 1.33333vw;
        padding: 1.06667vw 4vw;
        border-radius: 4vw;
        font-size: 2.66667vw;
    }
}

@media screen and (min-width: 751px) {
    .safari .c-card-2__lead {
        padding: 5px 16px 3px;
    }
}

.ie .c-card-2__lead {
    padding: 6px 16px 2px;
}

@media screen and (max-width: 750px) {
    .ie .c-card-2__lead {
        padding: 1.6vw 4vw 0.53333vw;
    }
}

@media screen and (max-width: 750px) {
    .edge .c-card-2__lead {
        padding: 1.06667vw 4vw 0.8vw;
    }
}

@media screen and (max-width: 750px) {
    .android .c-card-2__lead {
        padding: 1.33333vw 4vw 0.8vw;
    }
}

.c-card-2__lead::before {
    position: absolute;
    bottom: -4px;
    left: 20px;
    display: block;
    width: 8px;
    height: 5px;
    background: url(../202205img/icon_arrow_bubble.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-card-2__lead::before {
        bottom: -1.33333vw;
        left: 5.33333vw;
        width: 2.13333vw;
        height: 1.6vw;
    }
}

.c-card-2__img {
    display: block;
    margin-right: 30px;
    width: 80px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

@media screen and (max-width: 750px) {
    .c-card-2__img {
        margin-right: 4.26667vw;
        width: 17.06667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-card-2:hover .c-card-2__img {
        -webkit-transform: scale(1.13);
        transform: scale(1.13);
    }
}

.c-card-2__img--app img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 66px;
}

@media screen and (max-width: 750px) {
    .c-card-2__img--app img {
        width: 14.4vw;
    }
}

.c-card-2__name {
    color: #235EA5;
    font-weight: bold;
    font-size: 15px;
}

@media screen and (max-width: 750px) {
    .c-card-2__name {
        font-size: 3.2vw;
    }
}

.c-card-2__txt {
    margin-top: 5px;
    color: #235EA5;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card-2__txt {
        margin-top: 1.06667vw;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-card-3
--------------------------------------------- */
.c-card-3 {
    margin-bottom: 10px;
    padding: 17px 26px 32px;
    background: url(../202205img/mfgroup/bg_box.png) 0 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-card-3 {
        margin-bottom: 3.46667vw;
        padding: 4.53333vw 5.06667vw 6.66667vw;
        background-image: url(../202205img/mfgroup/sp/bg_box.png);
    }
}

.c-card-3--02 {
    padding-top: 23px;
    padding-bottom: 36px;
    background: url(../202205img/mfgroup/bg_box_02.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 {
        margin-bottom: 5.6vw;
        padding-top: 6.13333vw;
        padding-bottom: 10.66667vw;
        background-image: url(../202205img/mfgroup/sp/bg_box_02.png);
    }
}

.c-card-3__lead {
    color: #063671;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card-3__lead {
        font-size: 3.2vw;
    }
}

.c-card-3__ttl {
    margin-top: 8px;
    color: #063671;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-card-3__ttl {
        margin-top: 1.6vw;
        font-size: 4.8vw;
    }
}

.c-card-3__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-top: 10px;
    padding: 10px 0 10px 20px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-card-3__head {
        -ms-flex-pack: start;
        margin-top: 3.73333vw;
        padding: 2.66667vw 0 2.66667vw 0.8vw;

        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

.c-card-3--02 .c-card-3__head {
    margin-top: 0;
    padding-left: 0;
    border-color: #041C53;
    border-top: none;
}

@media screen and (min-width: 751px) {
    .c-card-3--02 .c-card-3__head {
        margin: 0 auto;
        width: 440px;
    }
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__head {
        -ms-flex-pack: center;
        padding-bottom: 3.46667vw;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-card-3__logo {
    margin-top: -2px;
    width: 44px;
}

@media screen and (max-width: 750px) {
    .c-card-3__logo {
        margin-top: -0.53333vw;
        width: 11.2vw;
    }
}

.c-card-3--02 .c-card-3__logo {
    width: 56px;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__logo {
        margin-top: -0.625rem;
        width: 9.6vw;
    }
}

.c-card-3--02 .c-card-3__logo img {
    width: 100%;
}

.c-card-3__icon {
    margin-left: 10px;
    width: 30px;
}

@media screen and (max-width: 750px) {
    .c-card-3__icon {
        margin-left: 1.33333vw;
        width: 8.53333vw;
    }
}

.c-card-3--02 .c-card-3__icon {
    width: 39px;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__icon {
        width: 8.53333vw;
    }
}

.c-card-3--02 .c-card-3__icon img {
    width: 100%;
}

.c-card-3__space {
    width: 100%;
}

.c-card-3__head-txt {
    margin-left: 6px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 750px) {
    .c-card-3__head-txt {
        margin-left: 1.33333vw;
        letter-spacing: -0.05em;
        font-size: 3.2vw;
    }
}

.c-card-3__head-txt .space-small {
    letter-spacing: -0.05em;
}

.c-card-3__head-txt--img {
    width: 245px;
    font-size: 0;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .c-card-3__head-txt--img {
        margin-top: 1.6vw;
        width: 62.4vw;
    }
}

.c-card-3__head-txt--img img {
    width: 100%;
}

.c-card-3__txt {
    margin-top: 10px;
    letter-spacing: -0.05em;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-card-3__txt {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}

.c-card-3__txt--img {
    margin: 24px auto 0;
    width: 505px;
    font-size: 0;
    line-height: 0;
}

@media screen and (max-width: 750px) {
    .c-card-3__txt--img {
        margin-top: 5.2vw;
        width: 62.93333vw;
    }
}

.c-card-3__txt--img img {
    width: 100%;
}

.c-card-3__btn {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    width: 260px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 750px) {
    .c-card-3__btn {
        margin-top: 4vw;
        width: 69.33333vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.25);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.25);
    }
}

.c-card-3__btn::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../202205img/mfgroup/btn_detail_hover.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

@media screen and (min-width: 751px) {
    .c-card-3__btn:hover::before {
        opacity: 1;
    }
}

.c-card-3--02 .c-card-3__btn {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-card-3--02 .c-card-3__btn {
        margin-top: 7.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-1
--------------------------------------------- */
.c-cassette-1 {
    position: relative;
    z-index: 1;
    padding-top: 100px;
}
.c-cassette-1--tokuten {
    overflow-x: hidden;
    padding-top: 0;
}

@media screen and (max-width: 750px) {
    .c-cassette-1 {
        padding-top: 13.33333vw;
    }
}

.c-cassette-1::before, .c-cassette-1::after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-1::before, .c-cassette-1::after {
        content: none;
    }
}

.c-cassette-1::before {
    left: -42px;
    width: 130px;
    background-image: url(../202205img/bg_left.png);
}

.c-cassette-1::after {
    right: -17px;
    width: 115px;
    background-image: url(../202205img/bg_right.png);
}

.c-cassette-1__container {
    width: 100%;
    text-align: center;
}


.c-cassette-1__outer {
    margin-top: -156px;
    padding-top: 156px;
}

@media screen and (max-width: 750px) {
    .c-cassette-1__outer {
        margin-top: -16vw;
        padding-top: 16vw;
    }
}

.c-cassette-1__body {
    margin-top: 100px;
    padding-bottom: 150px;
}

@media screen and (max-width: 750px) {
    .c-cassette-1__body {
        margin-top: 11.33333vw;
        padding-bottom: 0;
    }
}

.c-cassette-1__body--high {
    padding-bottom: 209px;
}

@media screen and (max-width: 750px) {
    .c-cassette-1__body--high {
        padding-bottom: 0;
    }
}

.c-cassette-1__body--tokuten {
    padding-bottom: 80px;
}
@media screen and (max-width: 750px) {
    .c-cassette-1__body--tokuten {
        padding-bottom: 15%;
    }
}

/* ---------------------------------------------
*   c-cassette-2
--------------------------------------------- */
.c-cassette-2 {
    position: relative;
    z-index: 1;
    padding-top: 92px;
    background-color: #235EA5;
}

@media screen and (max-width: 750px) {
    .c-cassette-2 {
        padding-top: 13.33333vw;
    }
}

.c-cassette-2::before, .c-cassette-2::after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-2::before, .c-cassette-2::after {
        content: none;
    }
}

.c-cassette-2::before {
    left: -42px;
    width: 130px;
    background-image: url(../202205img/bg_left.png);
}

.c-cassette-2::after {
    right: -17px;
    width: 115px;
    background-image: url(../202205img/bg_right.png);
}

.c-cassette-2__container {
    width: 100%;
    text-align: center;
}

/* ---------------------------------------------
*   c-cassette-3
--------------------------------------------- */
.c-cassette-3 {
    position: relative;
    z-index: 1;
    padding-top: 100px;
    background-color: #E2F1FF;
}

@media screen and (max-width: 750px) {
    .c-cassette-3 {
        padding-top: 13.33333vw;
    }
}

.c-cassette-3::before, .c-cassette-3::after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: repeat-y;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-3::before, .c-cassette-3::after {
        content: none;
    }
}

.c-cassette-3::before {
    left: -42px;
    width: 130px;
    background-image: url(../202205img/bg_left.png);
}

.c-cassette-3::after {
    right: -17px;
    width: 115px;
    background-image: url(../202205img/bg_right.png);
}

.c-cassette-3__container {
    width: 100%;
    text-align: center;
}

/* ---------------------------------------------
*   c-cassette-4
--------------------------------------------- */
.c-cassette-4 {
    position: relative;
    padding: 30px;
    border-radius: 30px;
}

@media screen and (max-width: 750px) {
    .c-cassette-4 {
        padding: 5.33333% 3.2% 52.53333%;
        border-radius: 0;
    }

    .c-cassette-4--premium-contentnone {
        padding: 5.33333% 3.2% 8.53333%;
    }
}

.c-cassette-4::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1000px;
    height: 1px;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-4::before {
        width: 89.33333%;
    }
}

.c-cassette-4--bronze {
    background-color: #FBEAE4;
}

.c-cassette-4--bronze::before {
    background-color: #E5704D;
}

.c-cassette-4--silver {
    background-color: #DAE3EF;
}

.c-cassette-4--silver::before {
    background-color: #8F9EB0;
}

.c-cassette-4--gold {
    background-color: #FCF7E4;
}

.c-cassette-4--gold::before {
    background-color: #E0B502;
}

.c-cassette-4--premium {
    background-color: #CCC;
}

.c-cassette-4--premium::before {
    background-color: #000;
}

.c-cassette-4--premium-contentnone::before {
    content: none;
}

.c-cassette-4__note {
    position: absolute;
    bottom: -150px;
    left: 50%;
    padding-left: 1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #235EA5;
    text-indent: -1em;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-cassette-4__note {
        bottom: 12.26667vw;
        text-align: left;
        letter-spacing: 0.05em;
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}

/* ---------------------------------------------
*   c-cassette-5
--------------------------------------------- */
.c-cassette-5 {
    margin-top: 57px;
}

@media screen and (max-width: 750px) {
    .c-cassette-5 {
        margin-top: 8.66667vw;
        padding-bottom: 8vw;
    }
}

.c-cassette-5__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__list {
        display: block;
    }
}

.c-cassette-5__item {
    position: relative;
    margin-left: 34px;
    width: 200px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__item {
        margin-top: 9.33333vw;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

.c-cassette-5__item::before {
    position: absolute;
    top: 105px;
    right: -19px;
    display: block;
    width: 14px;
    height: 34px;
    background: url(../202205img/icon_triangle_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-5__item::before {
        top: auto;
        right: auto;
        bottom: -8vw;
        left: 50%;
        width: 2.66667vw;
        height: 6.66667vw;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}

.c-cassette-5__item:first-of-type {
    margin-left: 0;
}

.c-cassette-5__item:last-of-type {
    margin-left: 26px;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__item:last-of-type {
        margin-left: auto;
    }
}

.c-cassette-5__item:last-of-type::before {
    content: none;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__img {
        margin-left: 18.13333vw;
        width: 53.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-5__img--center {
        margin-right: auto;
        margin-left: auto;
    }
}

.c-cassette-5__txt {
    margin-top: 20px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__txt {
        margin-top: 3.2vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-5__note {
    margin-top: 1em;
    text-indent: -1em;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
}

@media screen and (max-width: 750px) {
    .c-cassette-5__note {
        margin-top: 0.5em;
        text-align: center;
        text-indent: 0;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-6
--------------------------------------------- */
.c-cassette-6__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 70px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__contents {
        display: block;
        padding: 0 4.66667vw;
    }
}

.c-cassette-6__unit {
    position: relative;
    width: 50%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit {
        padding: 6vw 0 8vw;
        width: 100%;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-6__unit:first-of-type::before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 100%;
        background: url(../202205img/img_line_gray.svg) 0 0 repeat-y;
        background-size: auto;
        content: "";
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: block;
        width: 100%;
        height: 1px;
        background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
        background-size: auto;
        content: "";
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit:last-of-type::before {
        content: none;
    }
}

.c-cassette-6__unit--wide {
    margin-top: 63px;
    width: 100%;
}


@media screen and (max-width: 750px) {
    .c-cassette-6__unit--wide {
        margin-top: 0;
    }
}

.c-cassette-6__unit--wide::after {
    position: absolute;
    top: -33px;
    left: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
    background-size: auto;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-6__unit--wide::after {
        content: none;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-6__unit--border:first-of-type::before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 100%;
        background: url(../202205img/img_line_gray.svg) 0 0 repeat-y;
        background-size: 1px 270px;
        content: "";
    }
}

.c-cassette-6__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #333;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__head {
        display: block;
        padding-bottom: 3.2vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-6__head span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    border: 1px solid #333333;
    border-radius: 50%;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-cassette-6__head span {
    margin-top: -6px;
    padding-top: 5px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__head span {
        margin-right: auto;
        margin-bottom: 2vw;
        margin-left: auto;
        width: 5.33333vw;
        height: 5.33333vw;
        font-size: 3.2vw;
    }
    .ie .c-cassette-6__head span {
        margin-top: 0;
        padding-top: 1.06667vw;
    }
}

.c-cassette-6__head::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 1px;
    background-color: #333333;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-6__head::before {
        width: 8vw;
    }
}

.c-cassette-6__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: start;
    margin-top: 50px;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__app {
        -ms-flex-align: center;
        margin-top: 8vw;

        -webkit-box-align: center;
        align-items: center;
    }
}

.c-cassette-6__app-inner {
    margin-right: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__app-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin-right: 0;

        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-cassette-6__icon {
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    width: 80px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__icon {
        margin-right: 7.73333vw;
        margin-bottom: 0;
        margin-left: 0;
        width: 18.66667vw;
    }
}

.c-cassette-6__app-qr {
    text-align: center;
}

.c-cassette-6__app-qr img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 60px;
}

.c-cassette-6__app-qr span {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    font-size: 10px;
}

.c-cassette-6__dl {
    margin-top: -7px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__dl {
        margin-top: 0;
    }
}

.c-cassette-6__dl-link {
    display: block;
    margin-top: 6px;
    width: 143px;
}

@media screen and (min-width: 751px) {
    .c-cassette-6__dl-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-cassette-6__dl-link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__dl-link {
        margin-top: 0;
        width: 38.13333vw;
    }
}

.c-cassette-6__dl-link:first-of-type {
    margin-top: 0;
}

.c-cassette-6__capture {
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
    width: 146px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__capture {
        margin-top: 7.33333vw;
        width: 43.66667vw;
    }
}

.c-cassette-6__capture--small {
    width: 146px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__capture--small {
        width: 38.93333vw;
    }
}

.c-cassette-6__txt {
    margin-top: 13px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
    padding: 0 8px;
}

.c-cassette-6__txt-nwp {
    white-space: nowrap;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__txt {
        margin-top: 5.33333vw;
        font-size: 3.73333vw;
        padding-left: 0;
    }
}

.c-cassette-6__txt--login {
    margin-top: 11px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__txt--login {
        margin-top: 3.73333vw;
        letter-spacing: -0.05em;
    }
}

@media screen and (max-width: 750px) {
    .windows .c-cassette-6__txt--login {
        letter-spacing: -0.05em;
    }
}

.c-cassette-6__txt--menu {
    margin-top: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__txt--menu {
        margin-top: 3.73333vw;
    }
}

.c-cassette-6__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: end;
    margin-top: 18px;

    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__list {
        display: block;
        margin-top: 8vw;
    }
}

.c-cassette-6__list--flex-start {
    -ms-flex-align: start;

    -webkit-box-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__list--flex-start {
        margin-top: 4.8vw;
    }
}

.c-cassette-6__item {
    position: relative;
    margin-right: 48px;
    width: 150px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item {
        margin-top: 8vw;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

.c-cassette-6__item::before {
    position: absolute;
    top: 90px;
    right: -34px;
    display: block;
    width: 14px;
    height: 34px;
    background: url(../202205img/icon_triangle_blue.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item::before {
        top: auto;
        right: auto;
        bottom: -6.66667vw;
        left: 50%;
        width: 2.66667vw;
        height: 6.66667vw;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}

.c-cassette-6__item--menu {
    margin-right: 37px;
    margin-left: -20px;
    width: 296px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--menu {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

.c-cassette-6__item--menu::before {
    right: -23px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--menu::before {
        right: auto;
    }
}

.c-cassette-6__item:last-of-type {
    margin-right: 0;
}

.c-cassette-6__item:last-of-type::before {
    content: none;
}

.c-cassette-6__item--2col {
    width: 170px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col {
        width: 100%;

        margin-inline: auto;
    }
}

.c-cassette-6__item--2col.c-cassette-6__item--menu {
    margin-right: 88px;
    margin-left: 0;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col.c-cassette-6__item--menu {
        margin-inline: auto;
    }
}

.c-cassette-6__item--2col.c-cassette-6__item--menu::before {
    top: 80px;
    right: -51px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col.c-cassette-6__item--menu::before {
        top: auto;
        right: auto;
        bottom: -8.53333vw;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}

.c-cassette-6__item--2col .c-cassette-6__img {
    margin-bottom: 0;
    width: 146px;

    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col .c-cassette-6__img {
        width: 38.93333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col:last-of-type {
        margin-top: 10.93333vw;
        margin-right: auto;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__img {
        margin-right: auto;
        margin-left: auto;
        width: 40vw;
    }
}

.c-cassette-6__item--menu .c-cassette-6__img {
    margin-bottom: -15px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--menu .c-cassette-6__img {
        margin-bottom: 0;
        width: 70.66667vw;
    }
}

.c-cassette-6__item--2col .c-cassette-6__img {
    margin-bottom: 0;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__item--2col .c-cassette-6__img {
        margin-bottom: 0;
        width: 38.93333vw;
    }
}

.c-cassette-6__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding: 17px 65px;
    width: 660px;
    border-radius: 10px;
    background-color: #F5F5F5;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail {
        position: relative;
        display: block;
        margin-top: 0;
        padding: 6.66667vw 3.33333vw 13.33333vw 6.66667vw;
        width: 100%;
        border-radius: 0 0 2vw 2vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new {
        margin-top: 5.86667vw;
        padding: 6.66667vw 3.33333vw 8vw 3.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new .c-cassette-6__detail-head {
        margin-bottom: 5.33333vw;
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new .c-cassette-6__detail-txt {
        margin-top: 2.93333vw;
        margin-left: 0;
        text-align: center;
        font-size: 3.73333vw;
        line-height: calc(24 / 14);
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail--new .c-cassette-6__detail-img {
        position: static;
        width: 59.73333vw;

        margin-inline: auto;
    }
}

.c-cassette-6__detail-img {
    margin-right: 27px;
    width: 128px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-img {
        position: absolute;
        bottom: 8.26667vw;
        left: 6.66667vw;
        margin: 0 auto;
        width: 28.8vw;
    }
}

.c-cassette-6__detail-img--wide {
    margin-right: 60px;
    width: 172px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-img--wide {
        width: 59.73333vw;

        margin-inline: auto;
    }
}

.c-cassette-6__detail-head {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-head {
        margin-bottom: 9.33333vw;
        font-size: 4.26667vw;
    }
}

.c-cassette-6__detail-txt {
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__detail-txt {
        margin-left: 30.66667vw;
        letter-spacing: -0.06em;
        font-size: 3.73333vw;
    }
    .ie .c-cassette-6__detail-txt {
        letter-spacing: -0.07em;
    }
}

.c-cassette-6__column-list {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-list {
        margin-top: 0;
    }
}

.c-cassette-6__column-item {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-item {
        margin-top: 8vw;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-item::before {
        bottom: -6.66667vw;
        width: 2.66667vw;
        height: 6.66667vw;
    }
}

.c-cassette-6__column-item:first-of-type {
    margin-top: 0;
    width: fit-content;
}

.c-cassette-6__column-item:last-of-type {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-item:last-of-type {
        width: 100%;
    }
}

.c-cassette-6__column-item:last-of-type::before {
    content: none;
}

.c-cassette-6__column-img {
    margin-right: auto;
    margin-left: auto;
    width: 132px;
}

.c-cassette-6__toggle-item-wrap {
    margin-top: 7px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__toggle-item-wrap {
        margin-top: 2vw;
    }
}

.c-cassette-6__toggle-img {
    width: 30px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__toggle-img {
        width: 8vw;
    }
}

.c-cassette-6__toggle-txt {
    display: flex;
    align-items: center;
    font-size: 3.73vw;
    font-weight: bold;
    line-height: calc(20 / 14);
    color: #333;
    text-align: left;
    letter-spacing: -0.01em;
    margin-top: 1.79vw;
}

.c-cassette-6__toggle-txt:nth-of-type(1) {
    margin-top: 5.4vw;
}

.edge .c-cassette-6__toggle-txt:nth-of-type(2) {
    letter-spacing: -0.06em;
}

.iphone .c-cassette-6__toggle-txt:nth-of-type(2) {
    letter-spacing: -0.03em;
}

.c-cassette-6__toggle-txt:nth-of-type(1)::before {
    content: 'A';
    background-color: #DEDEDE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.33vw;
    height: 5.33vw;
    color: #333;
    margin-right: 2.98vw;
    font-size: 2.93vw;
}

.c-cassette-6__toggle-txt:nth-of-type(2)::before {
    content: 'B';
    background-color: #DEDEDE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.33vw;
    height: 5.33vw;
    color: #333;
    margin-right: 2.98vw;
    font-size: 2.93vw;
}

.c-cassette-6__toggle-txt:nth-of-type(3)::before {
    content: 'C';
    background-color: #DEDEDE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.33vw;
    height: 5.33vw;
    color: #333;
    margin-right: 2.98vw;
    font-size: 2.93vw;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-img {
        width: 38.93333vw;
        margin-top: 5.33333vw;
    }
}

.c-cassette-6__column-txt {
    margin-top: 15px;
    color: #235EA5;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__column-txt {
        margin-top: 4vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-6__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -ms-flex-pack: center;
    margin-top: 21px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check {
        margin-top: 9.33333vw;
        display: block;
    }
}

.c-cassette-6__check-wrap {
    padding: 33px 21px 20px;
}

.ipad.safari .c-cassette-6__check-wrap {
    padding-right: 17px;
    padding-left: 17px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-wrap {
        padding: 7.73vw 2.8vw 6.67vw 4.8vw;
    }
}

.c-cassette-6__check-wrap:nth-of-type(1) {
    width: 191px;
    background: url(../202308img/img_bg_small.png) no-repeat 0 0 / 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-wrap:nth-of-type(1) {
        width: 100%;
        background: url(../202308img/sp/img_bg_small.png) no-repeat 0 0 / 100% 100%;
    }
}

.c-cassette-6__check-wrap:nth-of-type(2) {
    width: 455px;
    background: url(../202308img/img_bg_big.png) no-repeat 0 0 / 100% 100%;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-wrap:nth-of-type(2) {
        width: 100%;
        margin-top: 2.67vw;
        background: url(../202308img/sp/img_bg_big.png) no-repeat 0 0 / 100% 100%;
    }
}

.c-cassette-6__check-term {
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    line-height: calc(18 / 16);
    color: #333;
    padding-bottom: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-term {
        font-size: 3.73vw;
        padding-bottom: 4.27vw;
    }
}

.c-cassette-6__check-term::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 30px;
    height: 1px;
    background-color: #333;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-term::after {
        width: 8vw;
    }
}

.c-cassette-6__check-item-wrap {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-item-wrap {
        display: block;
    }
}
.c-cassette-6__check-item.c-cassette-6__check-item--wide {
    width: calc(264 / 455 * 100%);
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-item.c-cassette-6__check-item--wide {
        width: 100%;
    }
}
.c-cassette-6__check-item.c-cassette-6__check-item--tight {
    width: calc(167 / 455 * 100%);
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-item.c-cassette-6__check-item--tight {
        width: 100%;
    }
}


@media screen and (max-width: 750px) {
    .c-cassette-6__check-item {
        display: grid;
        grid-template-columns: 29vw 1fr;
        gap: 4.77vw;
        text-align-last: left;
        margin-top: 7.16vw;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-item:first-of-type {
        margin-left: 0;
    }
}

.c-cassette-6__check-head {
    position: relative;
    padding-bottom: 8px;
    margin-top: 29px;
    font-weight: bold;
    font-size: 14px;
    line-height: calc(18 / 14);
    color: #333;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head {
        letter-spacing: -0.05em;
        text-align: left;
        font-size: 3.73333vw;
        padding-bottom: 0;
    }

    .ie .c-cassette-6__check-head {
        letter-spacing: -0.06em;
    }
}

.c-cassette-6__check-head-inner {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(18 / 16);
    letter-spacing: -0.02em;
}

.c-cassette-6__check-img {
    margin-right: auto;
    margin-left: auto;
    width: 112px;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-img {
        width: 100%;
    }
}

.c-cassette-6__check-head-sp {
    font-size: 3.46vw;
    font-weight: bold;
    color: #333;
    line-height: calc(18 / 16);
    text-align: left;
}

.edge .c-cassette-6__check-head-sp--1 {
    letter-spacing: -0.09em;
}

.iphone .c-cassette-6__check-head-sp--1 {
    letter-spacing: -0.09em;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp--1::before {
        content: 'A';
        background-color: #DEDEDE;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 6.4vw;
        height: 6.4vw;
        color: #333;
        font-size: 3.58vw;
        margin-bottom: 1.8vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp--2::before {
        content: 'B';
        background-color: #DEDEDE;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 6.4vw;
        height: 6.4vw;
        color: #333;
        font-size: 3.58vw;
        margin-bottom: 1.8vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp--3::before {
        content: 'C';
        background-color: #DEDEDE;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 6.4vw;
        height: 6.4vw;
        color: #333;
        font-size: 3.58vw;
        margin-bottom: 1.8vw;
    }
}

.c-cassette-6__check-head-sp-inner {
    font-size: 4.26vw;
    font-weight: bold;
    color: #333;
    line-height: calc(18 / 13);
}

.c-cassette-6__check-txt-wrap {
    align-self: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-txt-wrap.c-cassette-6__check-txt-wrap--3 {
        align-self: end;
    }
}

.c-cassette-6__check-txt {
    margin-top: 13px;
    color: #0074A2;
    font-weight: bold;
    font-size: 14px;
}

.ipad .c-cassette-6__check-txt {
    letter-spacing: -0.04em;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__check-txt {
        margin-top: 2vw;
        font-size: 3.73333vw;
        text-align: left;
    }
}

@media screen and (max-width: 750px) {
    .iphone .c-cassette-6__check-txt--pr {
        letter-spacing: -0.02em;
    }
}

.c-cassette-6__note {
    margin-top: 35px;
    font-size: 12px;
    color: #333;
}

@media screen and (max-width: 750px) {
    .c-cassette-6__note {
        margin-top: 8vw;
        text-align: left;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-cassette-7
--------------------------------------------- */
.c-cassette-7 {
    margin-top: 60px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7 {
        margin-top: 9.33333vw;
    }
}

.c-cassette-7:first-of-type {
    margin-top: 0;
}

.c-cassette-7__container {
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 750px) {
    .c-cassette-7__container {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.c-cassette-7__ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 14px 1em 24px;
    border-radius: 20px 20px 0 0;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl {
        margin-left: -2.66667vw;
        padding: 5.33333vw 0;
        border-radius: 0;
    }
}

.c-cassette-7__ttl::before {
    position: absolute;
    bottom: 6px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: "";
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl::before {
        bottom: 1.06667vw;
        height: 0.26667vw;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl::after {
        position: absolute;
        top: 1.06667vw;
        left: 0;
        display: block;
        width: 100%;
        height: 0.26667vw;
        background-color: #fff;
        content: "";
    }
}

.c-cassette-7--app .c-cassette-7__ttl {
    background-color: #5EC6D1;
}

.c-cassette-7--web .c-cassette-7__ttl {
    background-color: #235EA5;
}

.c-cassette-7__ttl-icon {
    margin-right: 20px;
    width: 27px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl-icon {
        margin-right: 6.66667vw;
        width: 8.53333vw;
    }
}

.c-cassette-7__ttl-txt {
    margin-top: 7px;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 24px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl-txt {
        margin-top: 0;
        font-size: 5.33333vw;
    }
}

.c-cassette-7__ttl-txt .txt-small {
    vertical-align: text-bottom;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__ttl-txt .txt-small {
        display: block;
        font-size: 3.2vw;
    }
}

.c-cassette-7__content {
    padding: 10px 20px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__content {
        padding: 1.86667% 5.33333% 0;
    }
}

.c-cassette-7__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0 40px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__row {
        display: block;
        padding: 0;
    }
}

.c-cassette-7__row::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
    background-size: auto;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-7__row::before {
        content: none;
    }
}

.c-cassette-7__row:last-of-type::before {
    content: none;
}

.c-cassette-7__unit {
    position: relative;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit {
        padding: 6.66667vw 0;
        width: 100%;
    }
}

.c-cassette-7__unit::before {
    position: absolute;
    top: 50%;
    right: -24px;
    display: block;
    width: 44px;
    height: 47px;
    background: url(../202205img/mfgroup/icon_arrow_app.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit::before {
        content: none;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: url(../202205img/sp/img_line_gray.svg) 0 0 repeat-x;
        background-size: auto;
        content: "";
    }
}

.c-cassette-7__unit:nth-of-type(2n)::before {
    content: none;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-01 {
        padding: 9.33333vw 0;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--app-02 {
        padding-right: 60px;
    }
}

.c-cassette-7__unit--app-03 {
    width: 100%;
}

.c-cassette-7__unit--app-03::before {
    content: none;
}

.c-cassette-7__unit--app-05 {
    display: none;
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--app-06 {
        width: 100%;
    }
}

.c-cassette-7__unit--app-06::after {
    content: none;
}

.c-cassette-7__unit--app-06::before {
    content: none;
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-01 {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--web-01 {
        padding: 9.33333vw 0;
    }
}

.c-cassette-7__unit--web-01::before {
    content: none;
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-02 {
        width: 33.7%;
    }
}

.c-cassette-7__unit--web-02::before {
    background-image: url(../202205img/mfgroup/icon_arrow_web.svg);
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-02::before {
        top: 56%;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__unit--web-03 {
        width: 66.3%;
    }
}

.c-cassette-7__unit--web-03::after {
    content: none;
}

.c-cassette-7__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    align-items: center;
}

.c-cassette-7__unit--app-01 .c-cassette-7__head {
    padding-left: 40px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-01 .c-cassette-7__head {
        padding: 0;
    }
}

.c-cassette-7__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 20px;
    height: 20px;
    border: 1px solid #333333;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__num {
        width: 5.33333vw;
        height: 5.33333vw;
        font-size: 3.2vw;
    }
}

.c-cassette-7__head-txt {
    margin-top: 8px;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__head-txt {
        margin-top: 1.06667vw;
        font-size: 3.73333vw;
    }
}

.c-cassette-7__head-txt--center {
    text-align: center;
}

.c-cassette-7__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: start;
    margin-top: 30px;

    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__app {
        -ms-flex-align: center;
        margin-top: 6vw;
        margin-left: 4vw;

        -webkit-box-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__app--02 {
        margin-top: 24px;
    }
}

.c-cassette-7__app-inner {
    margin-right: 13px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__app-inner {
        margin-right: 7.73333vw;
    }
}

.c-cassette-7__icon {
    margin-right: auto;
    margin-bottom: 23px;
    margin-left: auto;
    width: 74px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__icon {
        margin-bottom: 0;
        width: 18.66667vw;
    }
}

.c-cassette-7__app-qr {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 55px;
    text-align: center;
}

.c-cassette-7__dl-link {
    display: block;
    margin-top: 7px;
    width: 150px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__dl-link {
        margin-top: 1.86667vw;
        width: 39.46667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__dl-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-cassette-7__dl-link:hover {
        opacity: 0.7;
    }
}

.c-cassette-7__dl-link:first-of-type {
    margin-top: 0;
}

.c-cassette-7__txt {
    margin-top: 29px;
    color: #235EA5;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__txt {
        margin-top: 5.33333vw;
        font-size: 3.2vw;
    }
}

@media screen and (min-width: 751px) {
    .c-cassette-7__txt--app-01 {
        margin-top: 23px;
    }
}

.c-cassette-7__capture {
    margin-right: auto;
    margin-left: auto;
}

.c-cassette-7__unit--app-02 .c-cassette-7__capture {
    margin-top: 24px;
    width: 301px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-02 .c-cassette-7__capture {
        margin-top: 5.86667vw;
        width: 80.26667vw;
    }
}

.c-cassette-7__unit--app-03 .c-cassette-7__capture {
    margin-top: 26px;
    width: 528px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-03 .c-cassette-7__capture {
        margin-top: 6.66667vw;
        width: 64vw;
    }
}

.c-cassette-7__unit--app-04 .c-cassette-7__capture {
    width: 341px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-04 .c-cassette-7__capture {
        width: 90.93333vw;
    }
}

.c-cassette-7__unit--app-05 .c-cassette-7__capture {
    margin-top: -10px;
    width: 217px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-05 .c-cassette-7__capture {
        margin-top: -2.66667vw;
        width: 57.86667vw;
    }
}

.c-cassette-7__unit--app-06 .c-cassette-7__capture {
    margin-top: 10px;
    width: 541px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--app-06 .c-cassette-7__capture {
        margin-top: 1.33333vw;
        width: 75.73333vw;
    }
}

.c-cassette-7__unit--web-02 .c-cassette-7__capture {
    margin-top: 0px;
    width: 217px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--web-02 .c-cassette-7__capture {
        margin-top: -1.33333vw;
        width: 57.86667vw;
    }
}

.c-cassette-7__unit--web-03 .c-cassette-7__capture {
    margin-top: -10px;
    width: 483px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__unit--web-03 .c-cassette-7__capture {
        margin-top: 0;
        width: 73.06667vw;
    }
}

.c-cassette-7__btn {
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    .c-cassette-7__btn {
        margin-top: 6.66667vw;
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    width: 100%;
}

.c-kv__container {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .c-kv__container {
        margin-top: 16vw;
    }
}

.c-kv__ttl img {
    width: 100%;
}

/* ---------------------------------------------
*   c-kv-2
--------------------------------------------- */
.c-kv-2 {
    width: 100%;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-kv-2 {
        margin-top: 21.33333vw;
    }
}

.c-kv-2 img {
    width: 100%;
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin: 49px auto 20px;
    width: 855px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-list-1 {
        margin: 0 auto;
        width: 76vw;
    }
}

.c-list-1__item {
    margin-right: 27px;
    margin-bottom: 25px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item {
        margin-right: 5.2vw;
        margin-bottom: 5.33333vw;
    }
}

.c-list-1__item:nth-of-type(5n) {
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    .c-list-1__item:nth-of-type(5n) {
        margin-right: 36px;
    }
}

@media screen and (max-width: 750px) {
    .c-list-1__item:nth-of-type(5n) {
        margin-right: 0;
    }
}

.c-list-1__item:last-of-type {
    margin-right: 0;
}

.c-list-1__item--lalaport {
    width: 156px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lalaport {
        width: 23.86667vw;
    }
}

.c-list-1__item--lalagarden {
    width: 156px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lalagarden {
        width: 24.13333vw;
    }
}

.c-list-1__item--lalaterrace {
    width: 156px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lalaterrace {
        width: 24vw;
    }
}

.c-list-1__item--lazona {
    margin-right: 42px;
    width: 90px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lazona {
        margin-right: 6.4vw;
        width: 13.73333vw;
    }
}

.c-list-1__item--divercity {
    width: 108px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--divercity {
        width: 16.13333vw;
    }
}

.c-list-1__item--andmall {
    width: 107px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--andmall {
        margin-right: 6.26667vw;
        width: 16vw;
    }
}

.c-list-1__item--mitsui-outlet-park {
    width: 178px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--mitsui-outlet-park {
        margin-right: 0;
        width: 26.93333vw;
    }
}

.c-list-1__item--arcakit {
    width: 157px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--arcakit {
        margin-right: 6.66667vw;
        width: 24vw;
    }
}

.c-list-1__item--lovela-bandai {
    width: 82px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lovela-bandai {
        margin-right: 6.4vw;
        width: 12.4vw;
    }
}

.c-list-1__item--lovela-2 {
    width: 118px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--lovela-2 {
        width: 18vw;
    }
}

.c-list-1__item--odona {
    width: 102px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--odona {
        width: 17.6vw;
    }
}

.c-list-1__item--urban {
    width: 160px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--urban {
        width: 27.6vw;
    }
}

.c-list-1__item--rayard {
    margin-top: 7px;
    width: 157px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--rayard {
        margin-top: 0;
        margin-left: 4vw;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    .c-list-1__item--rayard img {
        width: 27.2vw;
    }
}

.c-list-1__item--tokyo-midtown-hibiya {
    width: 122px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--tokyo-midtown-hibiya {
        width: 21.73333vw;
    }
}

.c-list-1__item--tokyo-midtown {
    margin-top: 9px;
    width: 129px;
}

@media screen and (max-width: 750px) {
    .c-list-1__item--tokyo-midtown {
        margin-top: 0;
        width: 20.93333vw;
    }
}

/* ---------------------------------------------
*   c-acc-list
--------------------------------------------- */
.c-acc-list {
    margin-bottom: 93px;
}

@media screen and (max-width: 750px) {
    .c-acc-list {
        margin-bottom: 16vw;
    }
}

.c-acc-list__item {
    margin-bottom: 85px;
}

@media screen and (max-width: 750px) {
    .c-acc-list__item {
        margin-bottom: 9.33333vw;
    }
}

.c-acc-list__item:last-of-type .c-acc-list-lv2 {
    margin-bottom: 0;
}

.c-acc-list__head {
    position: relative;
    padding: 20px 12px;
    border-bottom: 2px solid #006CC3;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .c-acc-list__head {
        padding: 2.93333vw 0;
    }
}

@media screen and (min-width: 751px) {
    .c-acc-list__head {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-acc-list__head:hover {
        opacity: 0.7;
    }
}

.c-acc-list__head--pos-arrow:after {
    display: none;
}

.c-acc-list__head--pos-arrow .c-acc-list__ttl {
    position: relative;
}

.c-acc-list__head--pos-arrow .c-acc-list__ttl:after {
    position: absolute;
    top: 50%;
    right: -62px;
    width: 30px;
    height: 18px;
    background-image: url(../202205img/faq/icon_arrow_down.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-acc-list__head--pos-arrow .c-acc-list__ttl:after {
        right: 2.93333vw;
        width: 4.26667vw;
        height: 2.66667vw;
    }
}

.is-open .c-acc-list__head--pos-arrow .c-acc-list__ttl:after {
    background-image: url(../202205img/faq/icon_arrow_up.png);
}

.c-acc-list__head:after {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 30px;
    height: 18px;
    background-image: url(../202205img/faq/icon_arrow_down.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-acc-list__head:after {
        right: 2.93333vw;
        width: 4.26667vw;
        height: 2.66667vw;
    }
}

.is-open .c-acc-list__head:after {
    background-image: url(../202205img/faq/icon_arrow_up.png);
}

.c-acc-list__ttl {
    width: 920px;
    color: #006CC3;
    font-weight: bold;
    font-size: 34px;
}

@media screen and (max-width: 750px) {
    .c-acc-list__ttl {
        width: 100%;
        font-size: 5.33333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list__ttl--sp-slim {
        letter-spacing: -.06em;
    }
}

.c-acc-list__note {
    margin-top: 14px;
    margin-left: 1.5em;
    text-indent: -1.5em;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-acc-list__note {
        margin-top: 1.86667vw;
        font-size: 2.93333vw;
    }
}

/* ---------------------------------------------
*   c-acc-list-lv2
--------------------------------------------- */
.c-acc-list-lv2 {
    margin-top: 25px;
    margin-bottom: 180px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2 {
        margin-top: 0;
        margin-bottom: 21.33333vw;
    }
}

.c-acc-list-lv2__item {
    border-bottom: 1px dashed #595757;
}

.c-acc-list-lv2__item.is-open .c-acc-list-lv2__head-txt:before {
    background-image: url(../202205img/faq/icon_arrow_black_up.png);
}

.c-acc-list-lv2__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 51px 42px;
    cursor: pointer;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 751px) {
    .c-acc-list-lv2__head {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-acc-list-lv2__head:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__head {
        padding: 7.73333vw 0 7.73333vw 4.53333vw;
    }
}

.c-acc-list-lv2__q {
    margin-right: 120px;
    width: 45px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__q {
        margin-right: 15.73333vw;
        width: 7.46667vw;
    }
}

.c-acc-list-lv2__head-txt {
    position: relative;
    width: 796px;
    color: #595757;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.66;
}

@media screen and (min-width: 751px) {
    .ie11 .c-acc-list-lv2__head-txt {
        top: .2em;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__head-txt {
        width: 57.33333vw;
        font-size: 4vw;
    }
}

.c-acc-list-lv2__head-txt:before {
    position: absolute;
    top: 50%;
    left: -70px;
    width: 30px;
    height: 20px;
    background-image: url(../202205img/faq/icon_arrow_black_down.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 751px) {
    .ie11 .c-acc-list-lv2__head-txt:before {
        top: 42%;
    }
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__head-txt:before {
        left: -9.06667vw;
        width: 4vw;
        height: 2.66667vw;
    }
}

.c-acc-list-lv2__body {
    margin-bottom: 48px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body {
        margin-bottom: 7.73333vw;
    }
}

.c-acc-list-lv2__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 44px 42px 46px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body-inner {
        padding: 5.33333vw 4vw 6.66667vw 5.06667vw;
    }
}

.c-acc-list-lv2__a {
    position: relative;
    top: .8em;
    margin-right: 34px;
    width: 45px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__a {
        top: .1em;
        margin-right: 3.73333vw;
        width: 7.46667vw;
    }
}

.c-acc-list-lv2__body-txt-wrap {
    width: 850px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body-txt-wrap {
        width: 64vw;
    }
}

.c-acc-list-lv2__body-txt {
    margin-top: 20px;
    font-size: 20px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__body-txt {
        font-size: 3.73333vw;
    }
}

.c-acc-list-lv2__body-txt:first-of-type {
    margin-top: 0;
}

.c-acc-list-lv2__txt-bold {
    font-weight: bold;
}

.c-acc-list-lv2__link {
    color: #006CC3;
    text-decoration: underline;
}

.c-acc-list-lv2__link:hover {
    text-decoration: none;
}

@media screen and (min-width: 751px) {
    .c-acc-list-lv2__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-acc-list-lv2__link:hover {
        opacity: 0.7;
    }
}

.c-acc-list-lv2__link-2 {
    color: #006CC3;
    text-decoration: underline;
}

.c-acc-list-lv2__link-2:hover {
    text-decoration: none;
}

.c-acc-list-lv2__note {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__note {
        margin-top: 2.66667vw;
    }
}

.c-acc-list-lv2__note-item {
    margin-left: 1em;
    text-indent: -1em;
    font-size: 16px;
    line-height: 2;
}

.c-acc-list-lv2__note-item-link {
    font-size: 16px;
    line-height: 2;
    color: #006CC3;
    text-decoration: underline;
}

.c-acc-list-lv2__note-item-link:hover {
    text-decoration: none;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__note-item {
        font-size: 3.2vw;
    }
    .c-acc-list-lv2__note-item-link {
        font-size: 3.2vw;
    }
}

@media screen and (max-width: 750px) {
    .android .c-acc-list-lv2__note-item {
        margin-left: .6em;
        text-indent: -.6em;
    }
}

.c-acc-list-lv2__point {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__point {
        margin-top: 2.66667vw;
    }
}

.c-acc-list-lv2__point-item {
    margin-left: 1em;
    text-indent: -1em;
    font-size: 20px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    .c-acc-list-lv2__point-item {
        font-size: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-list-3
--------------------------------------------- */
.c-list-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 40px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-list-3 {
        margin-top: 12vw;
    }
}

.c-list-3__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    width: 320px;
}

@media screen and (max-width: 750px) {
    .c-list-3__item {
        margin-left: 4.26667%;
        width: 42.66667%;
    }
}

.c-list-3__item:first-of-type {
    margin-left: 0;
}

.c-list-3__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 29px 33px;
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-list-3__link {
        display: block;
        padding: 4.53333vw 4.53333vw 8vw;
        border-radius: 2.66667vw;
        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
    }
}

.c-list-3__link--app {
    background-color: #5EC6D1;
}

@media screen and (min-width: 751px) {
    .c-list-3__link--app:hover {
        background-color: #299EAA;
    }
}

.c-list-3__link--web {
    background-color: #235EA5;
}

@media screen and (min-width: 751px) {
    .c-list-3__link--web:hover {
        background-color: #023777;
    }
}

.c-list-3__link::before {
    position: absolute;
    top: 50%;
    right: 35px;
    display: block;
    width: 11px;
    height: 20px;
    background: url(../202205img/icon_arrow_white_thin.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

@media screen and (max-width: 750px) {
    .c-list-3__link::before {
        top: auto;
        right: 0;
        bottom: 4vw;
        left: 0;
        margin: auto;
        width: 2.13333vw;
        height: 4vw;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.c-list-3__logo {
    margin-right: 24px;
    width: 39px;
}

@media screen and (max-width: 750px) {
    .c-list-3__logo {
        margin-right: auto;
        margin-left: auto;
        width: 11.73333vw;
    }
}

.c-list-3__main {
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    .c-list-3__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        margin-top: 2.66667vw;
        min-height: 9.6vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.c-list-3__txt {
    letter-spacing: 0.1em;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-list-3__txt {
        text-align: center;
        font-size: 3.73333vw;
    }
}

.c-list-3__txt .txt-small {
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-list-3__txt .txt-small {
        font-size: 3.73333vw;
    }
}

.c-list-3__note {
    display: block;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-list-3__note {
        text-align: center;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   .mfp-wrap
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .mfp-wrap {
        top: 50% !important;
        height: 100% !important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/* ---------------------------------------------
*   mfp-container
--------------------------------------------- */
.mfp-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* ---------------------------------------------
*   mfp-content
--------------------------------------------- */
.mfp-content {
    margin: 0 auto !important;
    padding: 70px 0 170px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 750px) {
    .mfp-content {
        padding: 21.33333vw 0 46.66667vw;
    }
}

/* ---------------------------------------------
*   mfp-close
--------------------------------------------- */
/* ---------------------------------------------
*   c-popup
--------------------------------------------- */
.c-popup {
    position: relative;
    padding: 0 20px;
}

@media screen and (max-width: 750px) {
    .c-popup {
        padding: 0 5.33333%;
    }
}

.c-popup__container {
    margin: 0 auto;
    max-width: 800px;
    border-radius: 30px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-popup__container {
        border-radius: 5.33333vw;
    }
}

.c-popup__head {
    padding: 23px 0 17px;
    border-radius: 20px 20px 0 0;
    background-color: #E2F1FF;
    color: #235EA5;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-popup__head {
        padding: 4vw 0 2.66667vw;
    }
}

.c-popup__sub-ttl {
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-popup__sub-ttl {
        font-size: 3.73333vw;
    }
}

.c-popup__ttl {
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 750px) {
    .c-popup__ttl {
        font-size: 5.86667vw;
    }
}

.c-popup__body {
    padding: 40px 70px 30px;
}

@media screen and (max-width: 750px) {
    .c-popup__body {
        padding: 8.95522% 5.37313% 7.46269%;
    }
}

.c-popup__txt {
    padding: 27px 1em;
    border-radius: 0 0 20px 20px;
    background-color: #F5F5F5;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-popup__txt {
        padding: 6.66667vw 1em;
        border-radius: 0 0 4.66667vw 4.66667vw;
        font-size: 3.73333vw;
    }
}

.c-popup__close {
    position: absolute;
    bottom: -80px;
    left: 50%;
    display: inline-block;
    padding: 18px 0;
    width: 335px;
    border-radius: 10px;
    background-color: #E4C754;
    color: #1F3983;
    font-weight: bold;
    font-size: 14px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
    .c-popup__close {
        padding: 19px 0 11px;
    }
}

@-moz-document url-prefix() {
    .c-popup__close {
        padding: 12px 0;
    }
}

@media screen and (max-width: 750px) {
    .c-popup__close {
        bottom: -20.8vw;
        padding: 4.8vw 0;
        width: 89.33333vw;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
}

.c-popup__close:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   c-popup-list
--------------------------------------------- */
.c-popup-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-popup-list__item {
    margin-left: 4.54545%;
    max-width: 200px;
    width: 30.30303%;
}

@media screen and (max-width: 750px) {
    .c-popup-list__item {
        margin-left: 6.33333%;
        max-width: none;
        width: 46.66667%;
    }
}

@media screen and (min-width: 751px) {
    .c-popup-list__item:nth-of-type(3n+1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-popup-list__item:nth-of-type(n+4) {
        margin-top: 4.54545%;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-list__item:nth-of-type(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-list__item:nth-of-type(n+3) {
        margin-top: 4.8vw;
    }
}

.c-popup-list__caption {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
}

@media screen and (max-width: 750px) {
    .c-popup-list__caption {
        margin-top: 2vw;
        letter-spacing: -0.05em;
        font-size: 2.66667vw;
    }
}

.c-popup-list__note {
    margin-top: 5px;
    text-align: center;
    font-size: 10px;
}

@media screen and (max-width: 750px) {
    .c-popup-list__note {
        margin-top: 1.33333vw;
        white-space: nowrap;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-popup-2
--------------------------------------------- */
.c-popup-2 {
    position: relative;
    padding: 0 20px;
}

@media screen and (max-width: 750px) {
    .c-popup-2 {
        padding: 0 5.33333%;
    }
}

.c-popup-2__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    border-radius: 30px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-popup-2__container {
        max-width: none;
        border-radius: 5.33333vw;
    }
}

.c-popup-2__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 15px;
    border-radius: 28px 28px 0 0;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-popup-2__head {
        display: block;
        padding: 0.66667vw 0 2.66667vw;
        border-radius: 4.66667vw 4.66667vw 0 0;
    }
}

.c-popup-2--web .c-popup-2__head {
    background-color: #2F69B7;
}

.c-popup-2--app .c-popup-2__head {
    background-color: #5EC6D1;
}

.c-popup-2--app-medal .c-popup-2__head {
    padding-top: 20px;
    background-color: #5EC6D1;
}

@media screen and (max-width: 750px) {
    .c-popup-2--app-medal .c-popup-2__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 4vw;
    }
}

.c-popup-2__head-icon {
    margin-right: 15px;
    width: 50px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__head-icon {
        margin-right: auto;
        margin-bottom: 1.06667vw;
        margin-left: auto;
        width: 12vw;
    }
}

@media screen and (min-width: 751px) {
    .c-popup-2--app .c-popup-2__head-icon {
        margin-right: 7px;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-2--app-medal .c-popup-2__head-icon {
        margin-right: 2.66667vw;
        margin-left: 0;
        width: 13.86667vw;
    }
}

.c-popup-2__ttl {
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 22px;
}

.ie .c-popup-2__ttl {
    margin-top: 7px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__ttl {
        text-align: center;
        font-size: 4.8vw;
    }
    .ie .c-popup-2__ttl {
        margin-top: 0;
    }
}

.c-popup-2__ttl .txt-small {
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__ttl .txt-small {
        font-size: 3.73333vw;
    }
}

.c-popup-2--app-medal .c-popup-2__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .c-popup-2--app-medal .c-popup-2__ttl {
        font-size: 5.86667vw;
    }
}

.c-popup-2__body {
    padding: 50px 0 48px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__body {
        padding: 0;
    }
}

.c-popup-2__lead {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 750px) {
    .c-popup-2__lead {
        margin-top: 6.66667vw;
        font-size: 4.26667vw;
    }
}

.c-popup-2__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-top: 30px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-popup-2__btn {
        margin-top: 6.66667vw;
        padding: 0 5.86667vw;
    }
}

.c-popup-2__close {
    position: absolute;
    bottom: -80px;
    left: 50%;
    display: inline-block;
    padding: 18px 0;
    width: 335px;
    border-radius: 10px;
    background-color: #E4C754;
    color: #1F3983;
    font-weight: bold;
    font-size: 14px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
    .c-popup-2__close {
        padding: 19px 0 11px;
    }
}

@-moz-document url-prefix() {
    .c-popup-2__close {
        padding: 12px 0;
    }
}

@media screen and (max-width: 750px) {
    .c-popup-2__close {
        bottom: -20.8vw;
        padding: 4.8vw 0;
        width: 89.33333vw;
        border-radius: 2.66667vw;
        font-size: 3.73333vw;
    }
}

.c-popup-2__close:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1__head {
    padding: 46px 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2B68CB), to(#1558A8));
    background: linear-gradient(#2B68CB, #1558A8);
}

@media screen and (max-width: 750px) {
    .c-section-1__head {
        padding: 22.66667vw 0 6.66667vw;
    }
}

.c-section-1__body {
    padding: 96px 20px 115px;
    background-color: #ECF1F8;
}

@media screen and (max-width: 750px) {
    .c-section-1__body {
        padding: 12vw 7.46667vw 16.53333vw;
    }
}

.c-section-1__container {
    margin: 0 auto;
    max-width: 1024px;
}

@media screen and (max-width: 750px) {
    .c-section-1__container {
        max-width: 100%;
    }
}

.c-section-1__bar {
    margin-bottom: 75px;
    padding: 16px 0 12px;
    background: -webkit-gradient(linear, left top, right top, from(#2288FF), to(#00D3DD));
    background: linear-gradient(to right, #2288FF, #00D3DD);
}

@media screen and (max-width: 750px) {
    .c-section-1__bar {
        margin-bottom: 9.33333vw;
        padding: 2.66667vw 0 1.6vw;
    }
}

/* ---------------------------------------------
*   c-section-bottom
--------------------------------------------- */
.c-section-bottom {
    margin: 163px 0 146px;
}

@media screen and (max-width: 750px) {
    .c-section-bottom {
        margin: 17.6vw 7.73333vw 34.66667vw;
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    padding-top: 90px;
    padding-bottom: 150px;
    color: #333333;
}

@media screen and (max-width: 750px) {
    .c-section-2 {
        padding-top: 12vw;
        padding-bottom: 20.8vw;
    }
}

.c-section-2__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px;
}

@media screen and (max-width: 750px) {
    .c-section-2__container {
        max-width: none;
    }
}

.c-section-2__ttl {
    position: relative;
    padding-bottom: 33px;
    color: #003560;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 28px;
}

@media screen and (max-width: 750px) {
    .c-section-2__ttl {
        padding-bottom: 4.8vw;
        font-size: 5.33333vw;
    }
}

.c-section-2__ttl::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 1px;
    background-color: #003560;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-section-2__ttl::before {
        width: 16vw;
    }
}

.c-section-2__content {
    margin-top: 100px;
}

@media screen and (max-width: 750px) {
    .c-section-2__content {
        margin-top: 18.66667vw;
    }
}

/* ---------------------------------------------
*   c-selector
--------------------------------------------- */
.c-selector {
    position: relative;
    height: 60px;
}

@media screen and (max-width: 750px) {
    .c-selector {
        height: 17.06667vw;
    }
}

.c-selector__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    width: 100%;
    height: 100%;
    border-top: 2px solid #235EA5;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

.c-selector__list.is-fixed {
    position: fixed;
    top: 78px;
    z-index: 999;
    width: 100%;
    height: 60px;
}

.c-selector__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: calc(100% / 3);
    height: 100%;
    color: #235EA5;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-selector__item {
    padding-top: 6px;
}

@media screen and (max-width: 750px) {
    .c-selector__item {
        padding: 4vw 0;
        font-size: 3.73333vw;
        line-height: 1.28;
    }
    .ie .c-selector__item {
        padding: 4.8vw 0 3.2vw;
    }
}

.c-selector__item--1 {
    background-color: #fff;
}

.c-selector__item--2 {
    background-color: #235EA5;
    color: #fff;
}

.c-selector__item--3 {
    background-color: #E2F1FF;
}

.c-selector__item:hover {
    text-decoration: underline;
}

@media screen and (max-width: 750px) {
    .c-selector__item:hover {
        text-decoration: none;
    }
}

/*  c-selector-2
--------------------------------------------- */
.c-selector-2__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 1000px;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-selector-2__list {
        width: 89.33333%;
    }
}

.c-selector-2__item {
    position: relative;
    padding-bottom: 21px;
    width: 25%;
    opacity: 0.2;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

@media screen and (max-width: 750px) {
    .c-selector-2__item {
        padding-bottom: 2vw;
    }
}

.c-selector-2__item::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    content: "";
    opacity: 0;
}

@media screen and (max-width: 750px) {
    .c-selector-2__item::before {
        bottom: -0.66667vw;
        height: 1.33333vw;
        border-radius: 0.66667vw;
    }
}

.c-selector-2__item:hover {
    opacity: 1;
}

.c-selector-2__item.is-current {
    opacity: 1;
}

.c-selector-2__item.is-current::before {
    opacity: 1;
}

.c-selector-2__item--bronze::before {
    background-color: #E5704D;
}

.c-selector-2__item--silver::before {
    background-color: #8F9EB0;
}

.c-selector-2__item--gold::before {
    background-color: #E0B502;
}

.c-selector-2__item--premium::before {
    background-color: #000;
}

.c-selector-2__item img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 175px;
}

@media screen and (max-width: 750px) {
    .c-selector-2__item img {
        width: 22.4vw;
    }
}

/* ---------------------------------------------
*   c-slider-bnr
--------------------------------------------- */
.c-slider-bnr {
    margin: 0 auto;
    width: 640px;
}

@media screen and (max-width: 750px) {
    .c-slider-bnr {
        width: 85.33333vw;
    }
}

.c-slider-bnr__img {
    margin: 0 auto;
    width: 640px;
}

@media screen and (max-width: 750px) {
    .c-slider-bnr__img {
        width: 85.33333vw;
    }
}

.slick-dots {
    bottom: -40px !important;
    font-size: 10px;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .slick-dots {
        bottom: -7.73333vw !important;
        font-size: 2.13333vw;
    }
}

.slick-dots li {
    width: 10px !important;
    height: auto !important;
}

@media screen and (max-width: 750px) {
    .slick-dots li {
        width: 2.13333vw !important;
    }
}

.slick-dots li + li {
    margin-left: 16px;
}

@media screen and (max-width: 750px) {
    .slick-dots li + li {
        margin-left: 3.73333vw;
    }
}

.slick-dots li button {
    width: 100%;
    height: 10px;
    border-radius: 100%;
    background-color: #B3B3B3;
}

@media screen and (max-width: 750px) {
    .slick-dots li button {
        height: 2.13333vw;
    }
}

.slick-dots li.slick-active button {
    background-color: #2B64A4;
}

.slick-dots li button:before {
    display: none;
}

.slick-slider {
    margin: 0 auto;
    max-width: 640px !important;
}

@media screen and (max-width: 750px) {
    .slick-slider {
        margin: 0 auto;
        max-width: 85.33333vw !important;
    }
}

.slick-slide {
    margin: 0 auto;
    max-width: 640px !important;
    max-height: 147px !important;
}

@media screen and (max-width: 750px) {
    .slick-slide {
        margin: 0 auto;
        max-width: 85.33333vw !important;
        max-height: 19.6vw !important;
    }
}

/* ---------------------------------------------
*   c-ttl-1
--------------------------------------------- */
.c-ttl-1 {
    position: relative;
    padding-bottom: 35px;
    color: #235EA5;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 34px;
}

@media screen and (max-width: 750px) {
    .c-ttl-1 {
        padding-bottom: 6.4vw;
        font-size: 6.4vw;
    }
}

.c-cassette-2 .c-ttl-1 {
    color: #fff;
}

.c-ttl-1::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 140px;
    height: 3px;
    background-color: #235EA5;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-ttl-1::before {
        width: 21.33333vw;
        height: 0.8vw;
    }
}

.c-cassette-2 .c-ttl-1::before {
    background-color: #fff;
}

.c-ttl-1__small {
    display: block;
    margin-top: 8px;
    margin-bottom: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    letter-spacing: 0.1em;
    font-size: 16px;
    margin-inline: auto;
}

@media screen and (max-width: 750px) {
    .c-ttl-1__small {
        margin-top: 1.06667vw;
        margin-bottom: 0;
        padding-left: 1em;
        text-align: left;
        text-indent: -1em;
        letter-spacing: 0;
        font-size: 3.73333vw;
    }
    .c-ttl-1__small--noindent {
        text-indent: 0;
        padding-left: 0;
    }
}

/* ---------------------------------------------
*   c-ttl-2
--------------------------------------------- */
.c-ttl-2 {
    position: relative;
    padding-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .c-ttl-2 {
        padding-bottom: 6.93333vw;
    }
}

.c-ttl-2::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 1px;
    background-color: #003560;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-ttl-2::before {
        width: 16vw;
        height: 1px;
    }
}

.c-ttl-2__img {
    margin-right: auto;
    margin-left: auto;
    height: 26px;
}

@media screen and (max-width: 750px) {
    .c-ttl-2__img {
        height: 6.4vw;
    }
}

.c-ttl-2__img img {
    width: auto;
    height: 100%;
}

.c-ttl-2__txt {
    margin-top: 15px;
    color: #003560;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 26px;
}

@media screen and (max-width: 750px) {
    .c-ttl-2__txt {
        margin-top: 3.2vw;
        letter-spacing: 0.05em;
        font-size: 5.33333vw;
    }
    .ie .c-ttl-2__txt {
        letter-spacing: 0.03em;
    }
}

/* ---------------------------------------------
*   c-ttl-3
--------------------------------------------- */
.c-ttl-3 {
    margin: 0 auto;
    width: 404px;
}

@media screen and (max-width: 750px) {
    .c-ttl-3 {
        width: 70vw;
    }
}

.c-ttl-3__link {
    display: block;
}

@media screen and (min-width: 751px) {
    .c-ttl-3__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-ttl-3__link:hover {
        opacity: 0.7;
    }
}

/* ---------------------------------------------
*   c-ttl-4
--------------------------------------------- */
.c-ttl-4 {
    margin: 0 auto;
    width: 258px;
}

@media screen and (max-width: 750px) {
    .c-ttl-4 {
        width: 41.46667vw;
    }
}

/* ==========================================================
*
*   javascript style hooks
*
========================================================== */
/* ---------------------------------------------
*   js-acc-target
--------------------------------------------- */
.js-acc-target {
    display: none;
}

.js-acc-inner-target {
    display: none;
}

/* ---------------------------------------------
*   Magnific Popup
--------------------------------------------- */
/* Magnific Popup CSS */
.mfp-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1042;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1043;
    width: 100%;
    height: 100%;
    outline: none !important;

    -webkit-backface-visibility: hidden;
}

.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    z-index: 1045;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: left;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    position: absolute;
    top: 50%;
    right: 8px;
    left: 8px;
    z-index: 1044;
    margin-top: -0.8em;
    width: auto;
    color: #CCC;
    text-align: center;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    z-index: 1046;
    display: block;
    overflow: visible;
    padding: 0;
    outline: none;
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;

    -webkit-appearance: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 18px 10px;
    width: 44px;
    height: 44px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    line-height: 44px;
    opacity: 0.65;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: -6px;
    padding-right: 6px;
    width: 100%;
    color: #FFF;
    text-align: right;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    opacity: 0.65;

    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-top: 35px;
    margin-left: 35px;
    width: 0;
    height: 0;
    border: medium inset transparent;
    content: '';
}

.mfp-arrow:after {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    margin-left: 31px;
    border-right: 17px solid #FFF;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    margin-left: 39px;
    border-left: 17px solid #FFF;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 900px;
    width: 100%;
    line-height: 0;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Main image in popup */
img.mfp-img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0 40px;
    max-width: 100%;
    width: auto;
    height: auto;
    line-height: 0;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: -1;
    display: block;
    width: auto;
    height: auto;
    background: #444;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
}

.mfp-figure small {
    display: block;
    color: #BDBDBD;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -36px;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    padding-right: 36px;
    color: #F3F3F3;
    text-align: left;
    word-wrap: break-word;
    line-height: 18px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-right: 0;
        padding-left: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, 0.6);
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }
    .mfp-img-mobile .mfp-close {
        position: fixed;
        top: 0;
        right: 0;
        padding: 0;
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        line-height: 35px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-right: 6px;
        padding-left: 6px;
    }
}

/* ---------------------------------------------
*   scop
--------------------------------------------- */
.js-tab-target {
    display: none;
}

.js-tab-target.is-current {
    display: block;
}

.js-tab-trigger-scope {
    margin-top: -78px;
    padding-top: 78px;
}

@media screen and (max-width: 750px) {
    .js-tab-trigger-scope {
        margin-top: -21.33333vw;
        padding-top: 21.33333vw;
    }
}

.js-inner-tab-target {
    display: none;
}

.js-inner-tab-target.is-current {
    display: block;
}

.c-cassette-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.c-cassette {
    margin-top: 10px;
    padding: 10px;
    border: 1px dashed #000;
}

/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

/* ---------------------------------------------
*   txt-col-red
--------------------------------------------- */
.txt-col-red {
    color: #FF0000;
}

@media screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}

/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    height: 80px;
}
@media screen and (max-width: 750px) {
    .l-header {
        height: 60px;
    }
}

/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    padding-top: 80px;
}

/* ---------------------------------------------
*   footer-pagetop
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .footer-pagetop--top {
        top: -13.93333vw !important;
        width: 16.13333vw !important;
        height: 16.13333vw !important;
    }
}
@media screen and (max-width: 750px) {
    .footer-pagetop--faq {
        top: -23.93333vw !important;
        width: 16.13333vw !important;
        height: 16.13333vw !important;
    }
}

/* ---------------------------------------------
*   c-block
--------------------------------------------- */
/* ---------------------------------------------
*   c-box
--------------------------------------------- */
.c-box-3__unit--2 {
    margin-block: 26px 22px;
    -moz-column-gap: 30px;
         column-gap: 30px;
}
@media screen and (max-width: 750px) {
    .c-box-3__unit--2 {
        margin-block: 5.3333333333vw;
    }
}
.c-box-3__img--2 {
    width: 276px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .c-box-3__img--2 {
        width: 68.8vw;
        margin-inline: auto;
        margin-bottom: 4.833333vw;
    }
}
.c-box-3__list {
    align-items: flex-start;
    margin-top: 8px;
}
@media screen and (max-width: 750px) {
    .c-box-3__list {
        margin-top: 0;
    }
}
@media screen and (max-width: 750px) {
    .c-box-3__item {
        padding-left: 1.5em;
        text-indent: -1.5em;
    }
}
.c-box-3__item--2 {
    color: #333333;
    margin-top: 10px;
}
@media screen and (max-width: 750px) {
    .c-box-3__item--2 {
        margin-top: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   .c-box-6
--------------------------------------------- */
.c-box-6__note-02 .ls {
    letter-spacing: -0.5em;
}
.c-box-6__note-link {
    text-decoration: underline;
}
.c-box-6__note-link::before {
    content: none;
}
.c-box-6__note-02 {
    line-height: 1.4166666667;
}

/* ---------------------------------------------
*   p-top-btn
--------------------------------------------- */
.p-top-btn {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    border: 1px solid #133755;
    padding-block: 19px;
    border-radius: 5px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #133755;
    background-color: #fff;
    text-align: center;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-btn {
        padding-block: 3.5vw;
        border-radius: 1.3333333333vw;
        font-size: 3.7333333333vw;
        box-shadow: 0px 0.8vw 2.6666666667vw rgba(0, 0, 0, 0.15);
    }
}
@media screen and (min-width: 751px) {
    .p-top-btn:hover {
        color: #fff;
        background-color: #133755;
    }
    .p-top-btn:hover::before {
        background-color: #fff;
    }
}
.p-top-btn::before {
    content: "";
    position: absolute;
    -webkit-mask: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg);
            mask: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg);
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: #133755;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    transition: background-color 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-btn::before {
        width: 4.5333333333vw;
        height: 4.5333333333vw;
        right: 4.8vw;
    }
}

/* ---------------------------------------------
*   p-top-btn-2
--------------------------------------------- */
.p-top-btn-2 {
    position: relative;
    display: block;
    width: 490px;
    margin-top: 35px;
    padding-block: 41px;
    border-radius: 5px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.1111111111;
    letter-spacing: 0.05em;
    color: #133755;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-btn-2 {
        width: 100%;
        font-size: 4.2666666667vw;
        margin-top: 8vw;
        padding-block: 8.033333vw;
        border-radius: 1.3333333333vw;
    }
    .p-top-btn-2:nth-of-type(2) {
        margin-top: 4vw;
        padding-left: 3.2vw;
    }
}
@media screen and (min-width: 751px) {
    .p-top-btn-2:hover {
        background-color: #D9EAF0;
    }
}
.p-top-btn-2::before {
    content: "";
    position: absolute;
    background: url(/msppoint/membersprogram/202405img/icon_plus.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .p-top-btn-2::before {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
        right: 5.3333333333vw;
    }
}
.p-top-btn-2--2::before {
    background-image: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg);
}
.p-top-btn-2::after {
    content: "";
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 47px;
    height: 47px;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .p-top-btn-2::after {
        width: 9.8666666667vw;
        height: 9.8666666667vw;
        left: 5.3333333333vw;
    }
}
.p-top-btn-2:nth-of-type(1)::after {
    background-image: url(/msppoint/membersprogram/202405img/icon_msp.png);
}
.p-top-btn-2:nth-of-type(2)::after {
    background-image: url(/msppoint/membersprogram/202405img/icon_member.png);
}

/* ---------------------------------------------
*   p-top-card
--------------------------------------------- */
.p-top-card {
    max-width: 1000px;
    margin: 43px auto 0;
    background-color: #FEFCDD;
    border-radius: 5px;
    padding: 4px;
    background: linear-gradient(to right, #bf974c 0%, #dfca86 20%, #bf974c 74%, #dfca86 100%);
}
@media screen and (max-width: 750px) {
    .p-top-card {
        max-width: initial;
        width: 100%;
        margin: 8vw auto 0;
        border-radius: 1.3333333333vw;
        padding: 1.0666666667vw;
        border: none;
        background: linear-gradient(to right, #bf974c 0%, #dfca86 20%, #bf974c 74%, #dfca86 100%);
    }
}
.p-top-card__container {
    background: #FEFCDD;
    border-radius: 4px;
    padding-block: 39px 30px;
}
@media screen and (max-width: 750px) {
    .p-top-card__container {
        border-radius: 1.0666666667vw;
        padding-block: 6.333333vw 5.466667vw;
    }
}
.p-top-card__head {
    text-align: center;
}
.p-top-card__lead {
    position: relative;
    font-family: "Shippori Mincho", serif;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    line-height: 1.2;
    font-weight: 700;
    color: #A37F3B;
}
@media screen and (max-width: 750px) {
    .p-top-card__lead {
        font-size: 4.2666666667vw;
        line-height: 1.5;
    }
}
.p-top-card__lead::after {
    position: absolute;
    content: "";
    background: url(/msppoint/membersprogram/202405img/icon_arrow_dawn.svg) 0 0 no-repeat;
    background-size: contain;
    width: 9px;
    height: 24px;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
    .p-top-card__lead::after {
        width: 2.4vw;
        height: 6.4vw;
        bottom: -10.1vw;
    }
}
.p-top-card__body {
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-top-card__body {
        padding-inline: 6.6666666667vw;
        text-align: left;
    }
}
.p-top-card__icon {
    width: 138px;
    margin: 58px auto 13px;
}
@media screen and (max-width: 750px) {
    .p-top-card__icon {
        width: 36.8vw;
        margin: 12vw auto 0.666667vw;
    }
}
.p-top-card__icon img {
    width: 100%;
}
.p-top-card__txt {
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-top-card__txt {
        font-size: 4.2666666667vw;
        line-height: 1.5;
        text-align: center;
    }
}
.p-top-card__list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 16px 17px;
}
@media screen and (max-width: 750px) {
    .p-top-card__list {
        flex-wrap: wrap;
        width: 72vw;
        -moz-column-gap: 8vw;
             column-gap: 8vw;
        margin: 0 auto;
    }
}
.p-top-card__list-item:nth-of-type(1) {
    width: 104px;
    margin-right: 47px;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(1) {
        width: 27.7333333333vw;
        margin-right: 0;
        transform: translate(-8vw, 2.6666666667vw);
    }
}
.p-top-card__list-item:nth-of-type(1) .p-top-card__list-img {
    width: 46px;
    margin: 7px auto 0px;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(1) .p-top-card__list-img {
        width: 12.2666666667vw;
        margin: 1.3333333333vw auto 0px;
    }
}
.p-top-card__list-item:nth-of-type(2) {
    width: 65px;
    margin-right: 49px;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(2) {
        width: 17.3333333333vw;
        margin-right: 0;
        transform: translate(0.8vw, 2.4vw);
    }
}
.p-top-card__list-item:nth-of-type(2) .p-top-card__list-img {
    width: 62px;
    margin: 3px auto 0px;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(2) .p-top-card__list-img {
        width: 16.5333333333vw;
        margin: 1.6vw auto 0px;
    }
}
.p-top-card__list-item:nth-of-type(3) {
    width: 91px;
    margin-right: 28px;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(3) {
        width: 24.2666666667vw;
        transform: translate(2.6666666667vw, 2.6666666667vw);
        margin-right: 0;
    }
}
.p-top-card__list-item:nth-of-type(3) .p-top-card__list-img {
    width: 80px;
    margin: 9px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(3) .p-top-card__list-img {
        width: 21.3333333333vw;
    }
}
.p-top-card__list-item:nth-of-type(4) {
    width: 143px;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(4) {
        width: 38.1333333333vw;
        transform: translate(2.6666666667vw, 2.9333333333vw);
    }
}
.p-top-card__list-item:nth-of-type(4) .p-top-card__list-img {
    width: 43px;
    margin: 10px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-item:nth-of-type(4) .p-top-card__list-img {
        width: 11.4666666667vw;
        margin: 1.3333333333vw auto 0;
    }
}
.p-top-card__list-txt {
    margin-top: 3px;
    font-family: "Shippori Mincho", serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.8461538462;
    white-space: nowrap;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-top-card__list-txt {
        font-size: 3.4666666667vw;
    }
}
.p-top-card__more {
    position: absolute;
    bottom: 0px;
    right: 168px;
    font-family: "Shippori Mincho", serif;
    font-size: 0.8125rem;
    font-weight: 900;
    line-height: 1.8461538462;
    letter-spacing: 0.05em;
    color: #A37F3B;
}
@media screen and (max-width: 750px) {
    .p-top-card__more {
        position: static;
        font-size: 3.4666666667vw;
        display: block;
        text-align: right;
        margin-block: 3.066667vw 1.666667vw;
        margin-right: -3.666667vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-card__anno {
        text-indent: -1em;
        padding-left: 1em;
    }
    .android .p-top-card__anno--android {
        text-indent: -0.7em;
        padding-left: 0.7em;
    }
}

/* ---------------------------------------------
*   p-top-card-2
--------------------------------------------- */
.p-top-card-2 {
    max-width: 1000px;
    background: url(/msppoint/membersprogram/202405img/bg_card01.png) 0 0 no-repeat;
    background-size: contain;
    padding-block: 51px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2 {
        background-image: url(/msppoint/membersprogram/202405img/sp/bg_card01.png);
        padding-block: 8vw 10.6666666667vw;
    }
}
.p-top-card-2--2 {
    background-image: url(/msppoint/membersprogram/202405img/bg_card02.png);
    margin-top: 30px;
    padding-block: 50px 60px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2--2 {
        padding-block: 8vw 12vw;
        background-image: url(/msppoint/membersprogram/202405img/sp/bg_card01.png);
    }
    .p-top-card-2--2 .p-top-card-2__container {
        padding-inline: 5.3333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-card-2__container {
        padding-inline: 6.6666666667vw;
    }
}
.p-top-card-2__head {
    text-align: center;
}
.p-top-card-2__lead {
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #A37F3B;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__lead {
        font-size: 4.2666666667vw;
        line-height: 1.5;
    }
}
.p-top-card-2__lead--2 {
    font-size: 1.5rem;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__lead--2 {
        font-size: 5.3333333333vw;
    }
}
.p-top-card-2__body {
    text-align: center;
}
.p-top-card-2__list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 26px 22px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list {
        flex-wrap: wrap;
        margin-block: 6.1333333333vw 4.2666666667vw;
    }
}
.p-top-card-2__list-item:nth-of-type(1) {
    width: 201px;
    margin-right: 72px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list-item:nth-of-type(1) {
        width: 53.6vw;
        margin-right: 0;
    }
}
.p-top-card-2__list-item:nth-of-type(1) .p-top-card-2__list-img {
    width: 193px;
    margin: 19px auto 20px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list-item:nth-of-type(1) .p-top-card-2__list-img {
        width: 36.5333333333vw;
        margin: 0 auto 1.8666666667vw;
    }
}
.p-top-card-2__list-item:nth-of-type(2) {
    width: 122px;
    margin-right: 48px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list-item:nth-of-type(2) {
        width: 32.5333333333vw;
        margin-right: 5.0666666667vw;
    }
}
.p-top-card-2__list-item:nth-of-type(2) .p-top-card-2__list-img {
    width: 68px;
    margin: 8px auto 11px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list-item:nth-of-type(2) .p-top-card-2__list-img {
        width: 14.6666666667vw;
        margin: 2.966667vw auto 4.2666666667vw;
    }
}
.p-top-card-2__list-item:nth-of-type(3) {
    width: 208px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list-item:nth-of-type(3) {
        width: 33.6vw;
    }
}
.p-top-card-2__list-item:nth-of-type(3) .p-top-card-2__list-img {
    width: 68px;
    margin: 8px auto 11px;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list-item:nth-of-type(3) .p-top-card-2__list-img {
        width: 14.6666666667vw;
        margin: 5.066667vw auto 2.4vw;
    }
}
.p-top-card-2__list-txt {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.8461538462;
    white-space: nowrap;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__list-txt {
        font-size: 3.2vw;
        line-height: 1.246154;
        letter-spacing: 0.05em;
    }
}
.p-top-card-2__img {
    width: 700px;
    margin: 10px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-card-2__img {
        width: 100%;
        margin: 5.3333333333vw auto 0;
    }
}
@media screen and (max-width: 750px) {
    .p-top-card-2__anno {
        text-indent: -1em;
        padding-left: 1em;
        text-align: left;
    }
}

/* ---------------------------------------------
*   p-top-card-3
--------------------------------------------- */
.p-top-card-3 {
    width: 100%;
    background-color: #fff;
    padding-block: 36px 50px;
    margin-top: 30px;
    border-radius: 5px;
}
@media screen and (max-width: 750px) {
    .p-top-card-3 {
        width: 89.3333333333vw;
        margin: 2.6666666667vw auto 0;
        padding: 8vw 5.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.p-top-card-3__ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    transform: translateX(-15px);
}
@media screen and (max-width: 750px) {
    .p-top-card-3__ttl {
        gap: 4.5333333333vw;
        transform: translateX(0);
    }
}
.p-top-card-3__ttl-img {
    width: 67px;
}
@media screen and (max-width: 750px) {
    .p-top-card-3__ttl-img {
        width: 13.8666666667vw;
    }
}
.p-top-card-3__ttl-txt {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.2;
    color: #333333;
}
@media screen and (max-width: 750px) {
    .p-top-card-3__ttl-txt {
        font-size: 4.8vw;
        line-height: 1.1111111111;
    }
}
.p-top-card-3__body {
    text-align: center;
}
.p-top-card-3__list {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 50px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-top-card-3__list {
        display: block;
        margin-top: 6.6666666667vw;
    }
}
.p-top-card-3__list-item {
    width: 220px;
}
@media screen and (max-width: 750px) {
    .p-top-card-3__list-item {
        display: flex;
        align-items: center;
        width: auto;
        gap: 2.1333333333vw;
    }
    .p-top-card-3__list-item:nth-of-type(n+2) {
        margin-top: 3.7333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-card-3__list-img {
        width: 37.3333333333vw;
        flex-shrink: 0;
    }
}
.p-top-card-3__list-txt {
    display: block;
    margin-top: 7px;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5384615385;
}
@media screen and (max-width: 750px) {
    .p-top-card-3__list-txt {
        font-size: 3.4666666667vw;
        text-align: left;
        white-space: nowrap;
    }
}
.p-top-card-3__txt {
    display: block;
    margin-block: 35px 15px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
    .p-top-card-3__txt {
        margin-block: 4.966667vw 1.5vw;
        font-size: 4.2666666667vw;
        line-height: 1.75;
    }
}
.p-top-card-3__btn {
    width: 420px;
    margin: 25px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-card-3__btn {
        width: 100%;
        margin: 1.875rem auto 0;
    }
}
@media screen and (max-width: 750px) {
    .p-top-card-3__anno {
        text-indent: -1em;
        padding-left: 1em;
        text-align: left;
    }
}

/* ---------------------------------------------
*   p-top-card-4-box
--------------------------------------------- */
.p-top-card-4-box {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}
@media screen and (max-width: 750px) {
    .p-top-card-4-box {
        display: block;
        margin-top: 8.5333333333vw;
    }
}

/* ---------------------------------------------
*   p-top-card-4
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .p-top-card-4:nth-of-type(2) {
        margin-top: 8vw;
    }
}
.p-top-card-4__head {
    background-color: #133755;
    text-align: center;
    padding-bottom: 5px;
    border-radius: 4px 4px 0px 0px;
}
@media screen and (max-width: 750px) {
    .p-top-card-4__head {
        padding-block: 3.366667vw;
        padding-block: 0.37vw 1.37vw;
    }
}
.p-top-card-4__ttl {
    display: block;
    padding-block: 22px 19px;
    font-weight: 700;
    font-family: "Shippori Mincho", serif;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #fff;
    border-bottom: 0.5px solid #fff;
}
@media screen and (max-width: 750px) {
    .p-top-card-4__ttl {
        padding-block: 3.57vw;
        font-size: 4.2666666667vw;
        line-height: 1.5;
    }
}
.p-top-card-4__body {
    border: 1px solid #EAEAEA;
    border-top: none;
    padding: 28px 30px 40px;
    border-radius: 0px 0px 4px 4px;
}
@media screen and (max-width: 750px) {
    .p-top-card-4__body {
        border: 0.5333333333vw solid #EAEAEA;
        border-radius: 0px 0px 1.0666666667vw 1.0666666667vw;
        padding: 4.733333vw 5.3333333333vw 10.6666666667vw;
    }
}

.p-top-card-living .p-top-card-4__body--2 {
    padding-top: 33px;
}

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

    .p-top-card-living .p-top-card-4__body--2 {
        padding-top: 6.9333333333vw;
    }
}
.p-top-card-4__logo {
    width: 186px;
    margin: 0 auto 22px;
}
@media screen and (max-width: 750px) {
    .p-top-card-4__logo {
        width: 46.9333333333vw;
        margin: 0 auto 3.4666666667vw;
    }
}
.p-top-card-4__logo--2 {
    width: 206px;
    margin: 0 auto 29px;
}
@media screen and (max-width: 750px) {
    .p-top-card-4__logo--2 {
        width: 49.6vw;
        margin: 0 auto 5.0666666667vw;
    }
}
.p-top-card-4__img {
    margin-bottom: 14px;
}
@media screen and (max-width: 750px) {
    .p-top-card-4__img {
        margin-bottom: 3.233333vw;
    }
}
.p-top-card-4__btn {
    margin-top: 15px;
}
@media screen and (max-width: 750px) {
    .p-top-card-4__btn {
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-card
--------------------------------------------- */
.c-card {
    width: 100%;
    margin-left: 0;
}
@media screen and (max-width: 750px) {
    .c-card {
        width: 78.6666666667vw;
        margin-inline: auto;
    }
    .c-card:first-of-type {
        margin-inline: auto;
    }
}
.c-card--2 {
    width: 400px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-card--2 {
        width: 78.6666666667vw;
        margin-inline: auto;
    }
}
.c-card--premium {
    border: 1px solid #94D2EF;
}
@media screen and (max-width: 750px) {
    .c-card--premium {
        border: 0.2666666667vw solid #94D2EF;
    }
}
.c-card--premium .c-card__body {
    background-color: #94D2EF;
}
.c-card--premium + .c-card--premium {
    border-color: #BFD9ED;
}
.c-card--premium + .c-card--premium .c-card__body {
    background-color: #BFD9ED;
}
.c-card--gold {
    border: 1px solid #EAD03B;
}
@media screen and (max-width: 750px) {
    .c-card--gold {
        border: 0.2666666667vw solid #EAD03B;
    }
}
.c-card--gold .c-card__body {
    background-color: #EAD03B;
}
.c-card--gold + .c-card--gold {
    border-color: #F5EAAE;
}
.c-card--gold + .c-card--gold .c-card__body {
    background-color: #F5EAAE;
}
.c-card--silver {
    border: 1px solid #DBDBDB;
}
@media screen and (max-width: 750px) {
    .c-card--silver {
        border: 0.2666666667vw solid #DBDBDB;
    }
}
.c-card--silver .c-card__body {
    background-color: #DBDBDB;
}
.c-card__head {
    padding: 13px 14px;
    font-weight: 700;
    font-size: 0.625rem;
    letter-spacing: -0.05em;
    line-height: 1.2;
    text-align: center;
    color: #333;
}
@media screen and (max-width: 750px) {
    .c-card__head {
        padding: 3.7333333333vw 2.9333333333vw;
        font-size: 2.6666666667vw;
    }
}
.c-card__body {
    padding-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c-card__txt {
    font-size: 0.8125rem;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .c-card__txt {
        font-size: 3.4666666667vw;
    }
}
.c-card__txt--s {
    display: block;
    font-size: 0.75rem;
}
@media screen and (max-width: 750px) {
    .c-card__txt--s {
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   p-group-card
--------------------------------------------- */
.p-group-card {
    width: 100%;
    background: url(/msppoint/membersprogram/202405img/mfgroup/bg_card.png) 0 0 no-repeat;
    background-size: 100% auto;
    padding-block: 44px 50px;
}
@media screen and (max-width: 750px) {
    .p-group-card {
        background-image: url(/msppoint/membersprogram/202405img/mfgroup/sp/bg_card.png);
        padding-block: 9.6vw 12.166667vw;
    }
}
.p-group-card__ttl {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.375rem;
    text-align: center;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-group-card__ttl {
        font-size: 4.2666666667vw;
    }
}
.p-group-card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 46px;
    margin-top: 15px;
}
@media screen and (max-width: 750px) {
    .p-group-card__body {
        display: block;
        margin-top: 4vw;
    }
}
.p-group-card__img {
    width: 267px;
}
@media screen and (max-width: 750px) {
    .p-group-card__img {
        width: 73.0666666667vw;
        margin-inline: auto;
    }
}
.p-group-card__link {
    position: relative;
    display: block;
    width: 313px;
    border: 1px solid #133755;
    padding-block: 21px;
    border-radius: 5px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #133755;
    background-color: #fff;
    text-align: center;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 750px) {
    .p-group-card__link {
        width: 78.6666666667vw;
        padding-block: 2.466667vw;
        border-radius: 1.3333333333vw;
        border: 0.2666666667vw solid #133755;
        box-shadow: 0px 0.8vw 2.6666666667vw rgba(0, 0, 0, 0.15);
        margin: 6.6666666667vw auto 0;
    }
}
@media screen and (min-width: 751px) {
    .p-group-card__link:hover {
        color: #fff;
        background-color: #133755;
    }
    .p-group-card__link:hover::before {
        background-color: #fff;
    }
}
.p-group-card__link::before {
    content: "";
    position: absolute;
    -webkit-mask: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg) 0 0 no-repeat;
            mask: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: #133755;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(90deg);
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .p-group-card__link::before {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
        right: 4.8vw;
    }
}

/* ---------------------------------------------
*   p-group-cassette
--------------------------------------------- */
.p-group-cassette {
    padding-block: 68px 55px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette {
        padding-block: 12.666667vw 13.3333333333vw;
    }
}
.p-group-cassette--1 {
    background-color: #ECF6FF;
    padding-block: 55px 45px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette--1 {
        padding-block: 12vw;
    }
}
.p-group-cassette__container {
    max-width: 1140px;
    margin: 0 auto;
    padding-inline: 20px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette__container {
        max-width: initial;
        width: 89.3333333333vw;
        margin-inline: auto;
        padding-inline: 0;
    }
}
.p-group-cassette__head {
    margin-bottom: 34px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette__head {
        margin-bottom: 5.3333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-group-cassette__head--mb {
        margin-bottom: 3.333333vw;
    }
}
.p-group-cassette__ttl {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.1333333333;
    text-align: center;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-group-cassette__ttl {
        font-size: 6.4vw;
        line-height: 1.25;
        letter-spacing: -0.01em;
    }
}
.p-group-cassette__ttl--s {
    font-size: 1.125rem;
    line-height: 1.6666666667;
    margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette__ttl--s {
        font-size: 3.7333333333vw;
        margin-bottom: 1.3333333333vw;
    }
}
.p-group-cassette__txt {
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-group-cassette__txt .c-txt {
        font-size: 3.7333333333vw;
        letter-spacing: -0.01em;
    }
}
.p-group-cassette .c-box-6__note-02 {
    margin: 0;
}

/* ---------------------------------------------
*   p-group-cassette-2
--------------------------------------------- */
.p-group-cassette-2__ttl {
    background: linear-gradient(to bottom, #315C81 0%, #133755 100%);
    text-align: center;
    padding-top: 25px;
    padding-bottom: 1px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__ttl {
        padding-top: 3.433333vw;
        padding-bottom: 0.2666666667vw;
    }
}
.p-group-cassette-2__ttl-inner {
    display: block;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
    padding-bottom: 15px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__ttl-inner {
        margin-bottom: 1.3333333333vw;
        padding-bottom: 3.433333vw;
    }
}
.p-group-cassette-2__ttl-sub {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.1em;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__ttl-sub {
        font-size: 3.2vw;
    }
}
.p-group-cassette-2__ttl-main {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.5875;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__ttl-main {
        font-size: 5.8666666667vw;
        line-height: 1.1818181818;
        margin-top: 1.8666666667vw;
    }
}
.p-group-cassette-2__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-block: 50px;
    overflow: hidden;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__inner {
        display: block;
        width: 90.6666666667vw;
        margin-inline: auto;
        margin-block: 8vw 6vw;
    }
}
.p-group-cassette-2__inner--gap0 {
    gap: 0;
}
.p-group-cassette-2__img {
    width: 500px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__img {
        width: 100%;
    }
}
.p-group-cassette-2__logo {
    width: 270px;
    margin-bottom: 12px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__logo {
        width: 54.1333333333vw;
        margin: 4.933333vw auto 3.233333vw;
    }
}
.p-group-cassette-2__logo--2 {
    width: 360px;
    margin-bottom: 23px;
    margin-left: 75px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__logo--2 {
        width: 73.8666666667vw;
        margin: 0 auto calc(15 / 375 * 100vw);
    }
}
.p-group-cassette-2__logo--3 {
    width: 331px;
    margin-top: 12px;
    margin-bottom: 33px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__logo--3 {
        width: calc(276 / 375 * 100vw);
        margin-top: calc(28 / 375 * 100vw);
        margin-bottom: calc(16 / 375 * 100vw);
        margin-inline: auto;
    }
}
.p-group-cassette-2__lead-txt {
    margin-top: 18px;
    font-weight: 500;
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    line-height: 1.7777777778;
    color: #333;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__lead-txt {
        display: block;
        margin-top: 0;
        letter-spacing: 0;
        font-size: 3.7333333333vw;
        line-height: calc(24 / 14);
        text-align: center;
    }
}
.p-group-cassette-2__lead-txt--02 {
    margin-top: 0;
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: calc(28 / 16);
    color: #333;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__lead-txt {
        letter-spacing: 0;
        font-size: 3.7333333333vw;
        text-align: center;
    }
}
.p-group-cassette-2__lead-txt--03 {
    display: block;
    margin-left: 50px;
    margin-right: calc(50% - 50vw);
    letter-spacing: -0.02em;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__lead-txt--03 {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
}
.p-group-cassette-2__heading {
    margin-bottom: 6px;
    display: block;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: calc(20 / 17);
    letter-spacing: -0.04em;
    font-family: "Shippori Mincho", serif;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-2__heading {
        margin-top: calc(28 / 375 * 100vw);
        margin-bottom: calc(4 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        line-height: calc(20 / 14);
        letter-spacing: -0.04em;
    }
}

/* ---------------------------------------------
*   p-group-cassette-3
--------------------------------------------- */
.p-group-cassette-3 {
    padding-block: 56px 63px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3 {
        padding-block: 9.2vw 11.333333vw;
    }
}
.p-group-cassette-3--2 {
    padding-bottom: 52px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3--2 {
        padding-top: calc(33 / 375 * 100vw);
        padding-bottom: calc(40 / 375 * 100vw);
    }
}
.p-group-cassette-3--3 {
    padding-bottom: 70px;
}
.p-group-cassette-3--pb {
    padding-bottom: 120px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3--pb {
        padding-bottom: 21.8666666667vw;
    }
}
.p-group-cassette-3--pb0 {
    padding-bottom: 0;
}
.p-group-cassette-3--color {
    background-color: #ECEEF5;
}
.p-group-cassette-3__container {
    max-width: 1040px;
    margin: 0 auto;
    padding-inline: 20px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__container {
        max-width: initial;
        width: 89.3333333333vw;
        padding-inline: 0;
    }
}
.p-group-cassette-3__ttl {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.1538461538;
    text-align: center;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__ttl {
        font-size: 5.8666666667vw;
        line-height: 1.3636363636;
    }
}
.p-group-cassette-3__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__list {
        display: block;
        margin-top: 5.3333333333vw;
    }
}
.p-group-cassette-3__list-item {
    width: 490px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__list-item {
        width: 100%;
        border-radius: 1.3333333333vw;
        box-shadow: 0px 0.8vw 2.6666666667vw rgba(0, 0, 0, 0.16);
    }
    .p-group-cassette-3__list-item:nth-of-type(n+2) {
        margin-top: 4.533333vw;
    }
    .p-group-cassette-3__list-item:nth-of-type(4) .p-group-cassette-3__list-link {
        gap: 4vw;
    }
}
.p-group-cassette-3__list-link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 30px;
    padding: 15px 32px 15px;
    border-radius: 5px;
    border: 2px solid transparent;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__list-link {
        gap: 9.8666666667vw;
        border-radius: 1.3333333333vw;
        padding: 4vw 5.3333333333vw 4vw;
    }
}
.p-group-cassette-3__list-link::before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__list-link::before {
        bottom: 2.4vw;
        right: 2.4vw;
        width: 3.7333333333vw;
        height: 3.833333vw;
    }
}
@media screen and (min-width: 751px) {
    .p-group-cassette-3__list-link:hover {
        border: 2px solid #000;
    }
}
.p-group-cassette-3__list-link--noicon {
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__list-link--noicon {
        gap: 4vw;
    }
}
.p-group-cassette-3__list-link--noicon::before {
    content: none;
}
.p-group-cassette-3__list-img {
    width: 110px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__list-img {
        width: 29.3333333333vw;
    }
}
.p-group-cassette-3__list-txt {
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    line-height: 1.4285714286;
    color: #333;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__list-txt {
        font-size: 3.4666666667vw;
        line-height: 1.5384615385;
    }
}
.p-group-cassette-3__card {
    background-color: #fff;
    margin-top: 30px;
    padding-block: 40px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card {
        margin-top: 5.3333333333vw;
        padding-block: 6.9333333333vw 7.333333vw;
        padding-inline: 4.2666666667vw;
    }
}
.p-group-cassette-3__card:not(:first-of-type) {
    margin-top: 20px;
}
.p-group-cassette-3__card--p0 {
    padding-block: 0;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card--p0 {
        padding-inline: 0;
    }
}
.p-group-cassette-3__card-head {
    padding-block: 11px 13px;
    background: linear-gradient(90deg, #254e72 0%, #4b7498 48.33%, #254e72 100%);
}
.p-group-cassette-3__card-head {
    padding-block: 11px 13px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-head {
        padding-block: calc(13 / 375 * 100vw) calc(12 / 375 * 100vw);
    }
}
.p-group-cassette-3__card-head-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: calc(20 / 20);
    letter-spacing: 0.05em;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-head-txt {
        font-size: calc(16 / 375 * 100vw);
        line-height: calc(20 / 16);
    }
}
.p-group-cassette-3__card-head-txt small {
    font-size: 1rem;
    font-weight: bold;
    line-height: calc(20 / 16);
    letter-spacing: 0.05em;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-head-txt small {
        font-size: calc(13 / 375 * 100vw);
        line-height: calc(20 / 13);
    }
}
.p-group-cassette-3__card-body {
    padding-block: 25px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-body {
        padding-block: calc(17 / 375 * 100vw) calc(2 / 375 * 100vw);
    }
}
.p-group-cassette-3__card-img {
    width: 696px;
    margin: 0 auto 28px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-img {
        width: 80.2666666667vw;
        margin: 0 auto 4.166667vw;
    }
}
.p-group-cassette-3__card-img--2 {
    width: 698px;
    margin:  0  calc(162 / 1000 * 100%) 0 calc(139 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-img--2 {
        width: 54.4vw;
        margin: 1.3333333333vw auto 5.3333333333vw;
    }
}
.p-group-cassette-3__card-img--3 {
    width: 531px;
    margin:  0  calc(224 / 1000 * 100%) 0 calc(243 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-img--3 {
        width: calc(189 / 375 * 100vw);
        margin: calc(5 / 375 * 100vw) auto calc(19 / 375 * 100vw);
    }
}
.p-group-cassette-3__card-img--4 {
    width: 785px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-img--4 {
        width: calc(292 / 375 * 100vw);
        margin: calc(5 / 375 * 100vw) auto calc(19 / 375 * 100vw);
    }
}
.p-group-cassette-3__card-txt {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5714285714;
    text-align: center;
    color: #333;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__card-txt {
        font-size: 3.4666666667vw;
        line-height: 1.6923076923;
        letter-spacing: -0.025em;
        text-align: left;
    }
}
.p-group-cassette-3__txt {
    text-align: center;
    margin-block: 30px 10px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__txt {
        margin-block: 2.933333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__txt .c-txt {
        font-size: 3.7333333333vw;
        letter-spacing: -0.01em;
    }
}
.p-group-cassette-3__anno {
    display: block;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    text-align: center;
    color: #666;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-3__anno {
        text-indent: -1em;
        padding-left: 1em;
        text-align: left;
    }
}
/* ---------------------------------------------
*   p-group-cassette-4
--------------------------------------------- */
.p-group-cassette-4 {
    padding-block: 40px 70px;
    background-color: #ECEEF5;
    overflow: hidden;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4 {
        padding-block: calc(30 / 375 * 100vw) calc(40 / 375 * 100vw);
    }
}
.p-group-cassette-4__container {
    max-width: 1040px;
    margin: 0 auto;
    padding-inline: 20px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__container {
        padding-inline: calc(20 / 375 * 100vw);
    }
}
.p-group-cassette-4__img {
    margin-inline: auto;
    width: 430px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__img {
        width: calc(315 / 375 * 100vw);
    }
}
.p-group-cassette-4__img img {
    width: 100%;
    height: auto;
}
.p-group-cassette-4__heading {
    position: relative;
    display: block;
    margin-top: 18px;
    margin-inline: calc(318 / 1000 * 100%) calc(288 / 1000 * 100%);
    text-align: center;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: calc(23 / 18);
    font-family: "Shippori Mincho", serif;
    color: #133755;
    width: 389px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__heading {
        margin-top: calc(14 / 375 * 100vw);
        margin-inline: calc(39 / 375 * 100vw) calc(40 / 375 * 100vw);
        font-size: calc(16 / 375 * 100vw);
        line-height: calc(23 / 16);
        width: calc(254 / 375 * 100vw);
    }
}
.p-group-cassette-4__heading::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 5px;
    height: 26px;
    border-top: 1px solid #133755;
    border-left: 1px solid #133755;
    border-bottom: 1px solid #133755;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__heading::before {
        width: calc(5 / 375 * 100vw);
        height: calc(45 / 375 * 100vw);
    }
}
.p-group-cassette-4__heading::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 5px;
    height: 26px;
    border-top: 1px solid #133755;
    border-right: 1px solid #133755;
    border-bottom: 1px solid #133755;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__heading::after {
        width: calc(5 / 375 * 100vw);
        height: calc(45 / 375 * 100vw);
    }
}
.p-group-cassette-4__lead {
    display: block;
    margin-top: 22px;
    text-align: center;
    font-size: 1.625rem;
    font-weight: bold;
    line-height: calc(30 / 26);
    font-family: "Shippori Mincho", serif;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__lead {
        margin-top: calc(14 / 375 * 100vw);
        font-size: calc(20 / 375 * 100vw);
        line-height: calc(28 / 20);
    }
}
.p-group-cassette-4__txt {
    display: block;
    margin-top: 18px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__txt {
        margin-top: calc(9 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        line-height: calc(17 / 14);
    }
}
.p-group-cassette-4__txt-link {
    text-decoration: underline;
}
@media screen and (min-width: 751px) {
    .p-group-cassette-4__txt-link:hover {
        text-decoration: none;
    }
}
.p-group-cassette-4__note {
    display: block;
    margin-top: 24px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: calc(28 / 16);
    letter-spacing: 0.05em;
    color: #333333;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__note {
        margin-top: calc(16 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        line-height: calc(24 / 14);
        letter-spacing: 0;
    }
}
.p-group-cassette-4__body {
    margin-top: 24px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4__body {
        margin-top: calc(21 / 375 * 100vw);
    }
}
.p-group-cassette-4 .c-acc__head {
    position: relative;
    display: block;
    padding-block: 30px;
    border-radius: 4px;
    background-color: #254E72;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: calc(20 / 20);
    letter-spacing: -0.01em;
    color: #FFFFFF;
    font-family: "Shippori Mincho", serif;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.3s;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4 .c-acc__head {
        padding-block: calc(31 / 375 * 100vw) calc(28 / 375 * 100vw);
        padding-right: calc(13 / 375 * 100vw);
        font-size: calc(15 / 375 * 100vw);
        line-height: calc(21 / 15);
        letter-spacing: -0.01em;
    }
    .edge .p-group-cassette-4 .c-acc__head {
        padding-block: calc(28 / 375 * 100vw) calc(30 / 375 * 100vw);
        padding-right: calc(13 / 375 * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .p-group-cassette-4 .c-acc__head:hover {
        background-color: #143757;
    }
}
.p-group-cassette-4 .c-acc__head::after {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 23px;
    height: 23px;
    background: url(/msppoint/membersprogram/202505img/mfgroup/icon_accordion.png) 0 0 no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    transition: transform 0.3s;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4 .c-acc__head::after {
        right: calc(10 / 375 * 100vw);
        width: calc(17 / 375 * 100vw);
        height: calc(17 / 375 * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4 .c-acc__head--2 {
        padding-block: calc(21 / 375 * 100vw) calc(18 / 375 * 100vw);
        padding-right: calc(3 / 375 * 100vw);
    }
    .windows.chrome .p-group-cassette-4 .c-acc__head--2 {
        padding-right: calc(10 / 375 * 100vw);
    }
    .windows.edge .p-group-cassette-4 .c-acc__head--2 {
        padding-right: calc(20 / 375 * 100vw);
    }
}
.p-group-cassette-4 .c-acc.is-open .c-acc__head::after {
    transform: translateY(-50%) rotate(-180deg);
}
.p-group-cassette-4 .c-acc:not(:first-of-type) {
    margin-top: 20px;
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4 .c-acc:not(:first-of-type) {
        margin-top: calc(20 / 375 * 100vw);
    }
}
.p-group-cassette-4 .c-acc__body-inner {
    margin-inline: auto;
    padding-bottom: 20px;
    max-width: 1000px;
}
@media screen and (max-width: 1040px) {
    .p-group-cassette-4 .c-acc__body-inner {
        max-width: 984px;
    }
}
@media screen and (max-width: 750px) {
    .p-group-cassette-4 .c-acc__body-inner {
        padding-bottom: 0;
        padding-inline: calc(20 / 375 * 100vw);
        min-width: auto;
    }
    .windows.chrome .p-group-cassette-4 .c-acc__body-inner {
        padding-inline: calc(25 / 375 * 100vw);
    }
    .windows.edge .p-group-cassette-4 .c-acc__body-inner {
        padding-inline: calc(25 / 375 * 100vw);
    }
}
.p-group-cassette-4 .c-item-15__inner {
    justify-content: flex-start;
    gap: 44px;
}
/* ---------------------------------------------
*   c-cassette-6
--------------------------------------------- */
.c-cassette-6__head {
    color: #133755;
}
.c-cassette-6__head span {
    border-color: #133755;
}
@media screen and (max-width: 750px) {
    .c-cassette-6__head span {
        padding-top: 0.2666666667vw;
    }
}
.c-cassette-6__head::before {
    background-color: #133755;
}
.c-cassette-6__txt {
    color: #333333;
}
@media screen and (min-width: 751px) {
    .c-cassette-6__txt {
        letter-spacing: -0.02em;
    }
}
.c-cassette-6__unit:first-of-type::before {
    background: #CCCCCC;
}
.c-cassette-6__unit--wide::after {
    background: #CCCCCC;
}
@media screen and (min-width: 751px) {
    .c-cassette-6__check-head {
        padding-bottom: 20px;
    }
}
.c-cassette-6__check-term {
    color: #133755;
}
.c-cassette-6__check-term::after {
    background-color: #133755 !important;
}
.c-cassette-6__check-item {
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-6__check-item:nth-of-type(n+2) {
        margin-top: 4.8vw;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-6__check-wrap {
        padding: 33px 5px 20px;
    }
}
@media screen and (min-width: 751px) {
    .c-cassette-6__check-img {
        width: 120px;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp-inner {
        font-size: 4.2666666667vw;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-6__check-head-sp {
        font-size: 3.4666666667vw;
        white-space: nowrap;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-6__check-txt {
        font-size: 3.43333vw;
        color: #0074A2;
    }
}
.c-cassette-6__column-txt {
    color: #333333;
}
.c-cassette-6__column-txt--color {
    color: #0074A2;
}
.c-cassette-6__check-term::after {
    color: #133755;
}
.c-cassette-6__check-wrap:nth-of-type(1), .c-cassette-6__check-wrap:nth-of-type(2) {
    background: #F8F8F8;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
}

/* ---------------------------------------------
*   c-figure
--------------------------------------------- */
/* ---------------------------------------------
*   c-form
--------------------------------------------- */
/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .c-kv__container {
        margin-top: 21vw;
    }
}

/* ---------------------------------------------
*   c-kv-2
--------------------------------------------- */
.c-kv-2__link {
    right: 20px;
    bottom: 14px;
    width: 130px;
    z-index: 99;
}
@media screen and (max-width: 750px) {
    .c-kv-2 {
        margin-top: 21.53333vw;
    }
}

/* ---------------------------------------------
*   c-kv-faq
--------------------------------------------- */
.c-kv-faq {
    background: linear-gradient(to right, #005187 0%, #0b6f9e 50%, #08588c 100%);
    padding-block: 63px;
}
@media screen and (max-width: 750px) {
    .c-kv-faq {
        margin-top: 21.3333333333vw;
        padding-block: 6.4vw;
    }
}
.c-kv-faq__img {
    width: 333px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .c-kv-faq__img {
        width: 59.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-link
--------------------------------------------- */
/* ---------------------------------------------
*   p-top-list
--------------------------------------------- */
.p-top-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
@media screen and (max-width: 750px) {
    .p-top-list {
        display: block;
    }
}
.p-top-list__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 31.3%;
    height: 100px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    z-index: 0;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-list__item {
        width: 89.3333333333vw;
        height: 18.6666666667vw;
        border-radius: 1.3333333333vw;
        margin: 0 auto;
    }
    .p-top-list__item:nth-of-type(n+2) {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 751px) {
    .p-top-list__item--l {
        width: 48.5%;
        padding-left: 40px;
    }
    .p-top-list__item--l:nth-of-type(1) .p-top-list__btn {
        gap: 43px;
    }
    .p-top-list__item--l:nth-of-type(2) .p-top-list__btn {
        gap: 28px;
    }
}
.p-top-list__item::before {
    content: "";
    position: absolute;
    background: url(/msppoint/membersprogram/202405img/icon_plus.svg) 0 0 no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    .p-top-list__item::before {
        width: 5.8666666667vw;
        height: 5.8666666667vw;
        right: 4vw;
    }
}
.p-top-list__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to right, #CECECE 0%, #FFFFFF 50%, #CECECE 100%);
    opacity: 0;
    transition: 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-list__item:after {
        border-radius: 1.3333333333vw;
    }
}
.p-top-list__img img {
    width: 100%;
}
.p-top-list__img--bonus {
    width: 58px;
}
@media screen and (max-width: 750px) {
    .p-top-list__img--bonus {
        width: 12vw;
    }
}
.p-top-list__img--sale {
    width: 74px;
}
@media screen and (max-width: 750px) {
    .p-top-list__img--sale {
        width: 14.1333333333vw;
    }
}
.p-top-list__img--pointup {
    width: 95px;
    margin-left: 25px;
}
@media screen and (max-width: 750px) {
    .p-top-list__img--pointup {
        width: 18.9333333333vw;
        margin-left: 4vw;
    }
}
.p-top-list__img--coupon {
    width: 77px;
    margin-left: 28px;
}
.p-top-list__item--l .p-top-list__img--coupon {
    margin-left: 0;
}
@media screen and (max-width: 750px) {
    .p-top-list__img--coupon {
        width: 18.1333333333vw;
        margin-left: 5.3333333333vw;
    }
    .p-top-list__item--l .p-top-list__img--coupon {
        margin-left: 5.3333333333vw;
    }
}
.p-top-list__img--pre {
    width: 52px;
    margin-left: 30px;
}
.p-top-list__item--l .p-top-list__img--pre {
    margin-left: 0;
}
@media screen and (max-width: 750px) {
    .p-top-list__img--pre {
        width: 10.9333333333vw;
        margin-left: 8.8vw;
    }
    .p-top-list__item--l .p-top-list__img--pre {
        margin-left: 8.8vw;
    }
}
.p-top-list__btn {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 20px;
}
@media screen and (max-width: 750px) {
    .p-top-list__btn--bouns {
        gap: 7.7333333333vw;
        padding-left: 6.9333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-list__btn--sale {
        gap: 6.1333333333vw;
        padding-left: 6.9333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-list__btn--pointup {
        gap: 4vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-list__btn--coupon {
        gap: 3.7333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-list__btn--pre {
        gap: 7.4666666667vw;
    }
}
.p-top-list__txt {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.0909090909;
    color: #333333;
    text-align: left;
}
@media screen and (max-width: 750px) {
    .p-top-list__txt {
        font-size: 4.2666666667vw;
        line-height: 1.25;
    }
}

/* ---------------------------------------------
*   p-top-list-2
--------------------------------------------- */
.p-top-list-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 38px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2 {
        display: block;
        margin-top: 5.8666666667vw;
    }
}
.p-top-list-2__item {
    position: relative;
    width: calc(51.2% - 20px);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__item {
        width: 100%;
        border-radius: 2.1333333333vw;
    }
    .p-top-list-2__item:nth-of-type(n+2) {
        margin-top: 5.3333333333vw;
    }
}
.p-top-list-2__item::before {
    content: "";
    position: absolute;
    background: url(/msppoint/membersprogram/202405img/icon_arrow_link_blue.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    right: 10px;
    bottom: 10px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__item::before {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
        right: 2.6666666667vw;
        bottom: 2.6666666667vw;
    }
}
.p-top-list-2__item--l .p-top-list-2__img {
    width: 61px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__item--l .p-top-list-2__img {
        width: 13.6vw;
    }
}
.p-top-list-2__item--l .p-top-list-2__body {
    padding-left: 30px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__item--l .p-top-list-2__body {
        padding-left: 5.3333333333vw;
    }
}
.p-top-list-2__item--l .p-top-list-2__inner {
    gap: 30px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__item--l .p-top-list-2__inner {
        gap: 2.9333333333vw;
    }
}
.p-top-list-2__item--border .p-top-list-2__body {
    height: 100%;
    border-radius: 5px;
    border-width: 2px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__item--border .p-top-list-2__body {
        height: 21.3333333333vw;
        border-radius: 1.3333333333vw;
    }
}
.p-top-list-2__link {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__link {
        border-radius: 1.8666666667vw;
    }
}
@media screen and (min-width: 751px) {
    .p-top-list-2__link:hover .p-top-list-2__body {
        border-color: #0074A2;
    }
}
.p-top-list-2__head {
    padding-block: 7px 8px;
    height: 30px;
    border-radius: 5px 5px 0px 0px;
    background: #0074a2;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__head {
        height: 6.6666666667vw;
        padding-block: 1.4vw 1.066667vw;
        border-radius: 1.3333333333vw 1.3333333333vw 0px 0px;
    }
}
@media screen and (min-width: 751px) {
    .safari .p-top-list-2__head {
        padding-block: 8px 7px;
    }
}

@media screen and (min-width: 751px) {
    .windows .p-top-list-2__head {
        padding-block: 8px 7px;
    }
}

.p-top-list-2__ttl {
    display: block;
    font-weight: 700;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    line-height: 1.2307692308;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__ttl {
        font-size: 2.9333333333vw;
        line-height: 1.4545454545;
    }
}
.p-top-list-2__img {
    width: 47px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__img {
        width: 10.666667vw;
    }
}
.p-top-list-2__body {
    display: flex;
    align-items: center;
    height: 100px;
    padding-left: 38px;
    border-radius: 0px 0px 5px 5px;
    border: solid transparent;
    border-width: 0 2px 2px 2px;
    background-color: #fff;
    transition: all .3s;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__body {
        height: 22.6666666667vw;
        padding-left: 6.6666666667vw;
        border-radius: 0px 0px 1.3333333333vw 1.3333333333vw;
    }
}
.p-top-list-2__inner {
    display: flex;
    align-items: center;
    gap: 37px;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__inner {
        gap: 4.8vw;
    }
}
.p-top-list-2__txt {
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.01em;
    line-height: 1.375;
    color: #0074a2;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__txt {
        font-size: 3.4666666667vw;
        line-height: 1.3076923077;
    }
}
.p-top-list-2__txt--s {
    font-size: 13px;
    line-height: 1.2307692308;
}
@media screen and (max-width: 750px) {
    .p-top-list-2__txt--s {
        font-size: 2.9333333333vw;
        line-height: 1.4545454545;
    }
}

/* ---------------------------------------------
*   p-top-list-nav
--------------------------------------------- */
.p-top-list-nav {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
}
@media screen and (max-width: 750px) {
    .p-top-list-nav {
        display: block;
    }
}
.p-top-list-nav--1 .p-top-list-nav__item {
    border-top: 1px solid #D3D9E0;
}
@media screen and (max-width: 750px) {
    .p-top-list-nav--1 .p-top-list-nav__item {
        border-top: 0.2666666667vw solid #D3D9E0;
    }
    .p-top-list-nav--1 .p-top-list-nav__item:nth-of-type(2) {
        border-top: none;
    }
}
.p-top-list-nav--2 {
    gap: 55px;
}
@media screen and (max-width: 750px) {
    .p-top-list-nav--2 {
        display: flex;
        flex-wrap: wrap;
        -moz-column-gap: 10.6666666667vw;
             column-gap: 10.6666666667vw;
        row-gap: 2.033333vw;
    }
}
.p-top-list-nav--2 .p-top-list-nav__item {
    width: 97px;
    padding: 0;
    border-bottom: none;
}
@media screen and (min-width: 751px) {
    .p-top-list-nav--2 .p-top-list-nav__item:nth-of-type(4) {
        width: 107px;
    }
}
@media screen and (max-width: 750px) {
    .p-top-list-nav--2 .p-top-list-nav__item {
        width: 33.8666666667vw;
    }
}
.p-top-list-nav__item {
    width: 48.7804878049%;
    padding: 14px 20px 15px;
    border-bottom: 1px solid #D3D9E0;
}
@media screen and (max-width: 750px) {
    .p-top-list-nav__item {
        width: 100%;
        padding: 3.533333vw 5.033333vw 3.833333vw;
        border-bottom: 0.2666666667vw solid #D3D9E0;
    }
}
.p-top-list-nav__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 751px) and (hover: hover) and (pointer: fine) {
    .p-top-list-nav__link:hover .p-top-list-nav__txt {
        color: #0057AA;
    }
}
.p-top-list-nav__link::before {
    content: "";
    position: absolute;
    background: url(/msppoint/membersprogram/202405img/icon_arrow_blue.svg) 0 0 no-repeat;
    background-size: contain;
    width: 5px;
    height: 10px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .p-top-list-nav__link::before {
        width: 1.3333333333vw;
        height: 2.6666666667vw;
    }
}
.p-top-list-nav__txt {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #133755;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-list-nav__txt {
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   p-group-list
--------------------------------------------- */
.p-group-list {
    display: flex;
    justify-content: center;
    -moz-column-gap: 8px;
         column-gap: 8px;
}
@media screen and (max-width: 750px) {
    .p-group-list {
        flex-wrap: wrap;
        -moz-column-gap: 4.5333333333vw;
             column-gap: 4.5333333333vw;
        row-gap: 5.3333333333vw;
    }
}
.p-group-list__item {
    width: 130px;
}
@media screen and (max-width: 750px) {
    .p-group-list__item {
        width: 26.6666666667vw;
    }
}
.p-group-list__txt {
    display: block;
    margin-top: 6px;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    text-align: center;
    color: #333;
}
@media screen and (max-width: 750px) {
    .p-group-list__txt {
        font-size: 3.2vw;
    }
    .android .p-group-list__txt {
        letter-spacing: -0.01em;
    }
}

/* ---------------------------------------------
*   c-faq-list
--------------------------------------------- */
.c-faq-list {
    display: flex;
    -moz-column-gap: 22px;
         column-gap: 22px;
    margin-top: 28px;
}
@media screen and (max-width: 750px) {
    .c-faq-list {
        flex-wrap: nowrap;
        width: 89.333333vw;
        padding-right: 8vw;
        overflow-x: auto;
        margin-top: 4vw;
        -moz-column-gap: 5.3333333333vw;
             column-gap: 5.3333333333vw;
        scrollbar-width: none;
    }
    .c-faq-list::-webkit-scrollbar {
        display: none;
    }
}
.c-faq-list--mt {
    margin-top: 14px;
}
@media screen and (max-width: 750px) {
    .c-faq-list--mt {
        margin-top: 4vw;
    }
}
.c-faq-list__item {
    width: 175px;
}
@media screen and (max-width: 750px) {
    .c-faq-list__item {
        flex-shrink: 0;
        width: 46.266667vw;
    }
}

/* ---------------------------------------------
*   p-top-anchor-outer
--------------------------------------------- */
.p-top-anchor-outer {
    background-color: #01548A;
}
.p-top-anchor-outer--2 {
    background-color: #254E72;
}

/* ---------------------------------------------
*   p-top-anchor
--------------------------------------------- */
.p-top-anchor {
    display: flex;
    max-width: 1064px;
    padding-inline: 20px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 750px) {
    .p-top-anchor {
        flex-wrap: wrap;
        justify-content: unset;
        align-items: unset;
        max-width: initial;
        padding-inline: 0;
    }
}
.p-top-anchor--2 {
    max-width: 1000px;
    padding-inline: 0;
}
@media screen and (min-width: 751px) {
    .p-top-anchor--2 .p-top-anchor__link {
        justify-content: center;
        padding-block: 15px;
    }
}
@media screen and (min-width: 751px) {
    .p-top-anchor--2 .p-top-anchor__link:hover {
        background-color: #143757;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--2 {
        flex-wrap: wrap;
        justify-content: unset;
        align-items: unset;
        max-width: initial;
        padding-inline: 0;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--2 .p-top-anchor__item {
        position: relative;
        width: 50%;
        height: 14.1333333333vw;
    }
    .p-top-anchor--2 .p-top-anchor__item:nth-of-type(odd) {
        border-right: 0.2666666667vw solid #fff;
        width: calc(50% - 0.2666666667vw);
    }
    .p-top-anchor--2 .p-top-anchor__item:nth-of-type(n+3) {
        border-top: 0.2666666667vw solid #fff;
    }
    .p-top-anchor--2 .p-top-anchor__item::before {
        background-image: url(/msppoint/membersprogram/202405img/icon_anchor.svg);
        right: 1.666667vw;
    }
}
@media screen and (min-width: 751px) {
    .p-top-anchor--2 .p-top-anchor__item:nth-of-type(1) {
        width: 30.4%;
    }
    .p-top-anchor--2 .p-top-anchor__item:nth-of-type(2) {
        width: 16.7%;
    }
    .p-top-anchor--2 .p-top-anchor__item:nth-of-type(3) {
        width: 33.2%;
    }
    .p-top-anchor--2 .p-top-anchor__item:nth-of-type(4) {
        width: 19.7%;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--2 .p-top-anchor__txt {
        padding-right: 0;
    }
}
.p-top-anchor--2 .p-top-anchor__txt::before {
    background-image: url(/msppoint/membersprogram/202405img/icon_anchor.svg);
    transform: translateY(-50%) rotate(0deg);
}
.p-top-anchor--2 .p-top-anchor__txt--s::before {
    content: none;
}
.p-top-anchor--3 {
    max-width: 1000px;
    padding-inline: 0;
}
@media screen and (min-width: 751px) {
    .p-top-anchor--3 .p-top-anchor__link {
        justify-content: center;
        padding-block: 15px;
    }
}
@media screen and (min-width: 751px) {
    .p-top-anchor--3 .p-top-anchor__link:hover {
        background-color: #143757;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--3 {
        flex-wrap: wrap;
        justify-content: unset;
        align-items: unset;
        max-width: initial;
        padding-inline: 0;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--3 .p-top-anchor__item {
        position: relative;
        width: 50%;
        height: 14.1333333333vw;
    }
    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(odd) {
        border-right: 0.2666666667vw solid #fff;
        width: calc(50% - 0.2666666667vw);
    }
    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(even) {
        border-right: none;
    }
    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(n+3) {
        border-top: 0.2666666667vw solid #fff;
    }
    .p-top-anchor--3 .p-top-anchor__item::before {
        background-image: url(/msppoint/membersprogram/202405img/icon_anchor.svg);
        right: 1.666667vw;
    }
}
@media screen and (min-width: 751px) {
    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(1) {
        width: 30.4%;
    }
    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(2) {
        width: 15.7%;
    }
    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(3) {
        width: 33.2%;
    }
    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(4) {
        width: 15.7%;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--3 .p-top-anchor__txt {
        padding-right: 0;
    }

    .p-top-anchor--3 .p-top-anchor__item:nth-of-type(4) .p-top-anchor__link {
        padding-right: 3vw;
    }
}
.p-top-anchor--3 .p-top-anchor__txt::before {
    background-image: url(/msppoint/membersprogram/202405img/icon_anchor.svg);
    transform: translateY(-50%) rotate(0deg);
}
.p-top-anchor--3 .p-top-anchor__txt--s::before {
    content: none;
}
.p-top-anchor--4 {
    max-width: 1040px;
}
@media screen and (max-width: 750px) {
    .p-top-anchor--4 {
        flex-wrap: wrap;
    }
}
.p-top-anchor--4 .p-top-anchor__item:nth-of-type(1) {
    width: calc(322 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor--4 .p-top-anchor__item:nth-of-type(1) {
        width: 50%;
    }
    .p-top-anchor--4 .p-top-anchor__item:nth-of-type(1) .p-top-anchor__link {
        padding-left: calc(27 / 375 * 100vw);
    }
}
.p-top-anchor--4 .p-top-anchor__item:nth-of-type(2) {
    width: calc(198 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor--4 .p-top-anchor__item:nth-of-type(2) {
        width: 50%;
    }
    .p-top-anchor--4 .p-top-anchor__item:nth-of-type(2) .p-top-anchor__link {
        padding-left: calc(28 / 375 * 100vw);
    }
}
.p-top-anchor--4 .p-top-anchor__item:nth-of-type(3) {
    width: calc(480 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor--4 .p-top-anchor__item:nth-of-type(3) {
        width: 100%;
        border-right: none;
    }
    .p-top-anchor--4 .p-top-anchor__item:nth-of-type(3) .p-top-anchor__link {
        padding-left: calc(21 / 375 * 100vw);
    }
    .windows.chrome .p-top-anchor--4 .p-top-anchor__item:nth-of-type(3) .p-top-anchor__link {
        padding-left: calc(15 / 375 * 100vw);
    }
    .windows.edge .p-top-anchor--4 .p-top-anchor__item:nth-of-type(3) .p-top-anchor__link {
        padding-left: calc(15 / 375 * 100vw);
    }
    .p-top-anchor--4 .p-top-anchor__item:nth-of-type(3) .p-top-anchor__txt {
        font-size: calc(13 / 375 * 100vw);
        letter-spacing: -0.04em;
    }
}
.p-top-anchor--4 .p-top-anchor__link {
    padding-block: 16px;
}
@media screen and (min-width: 751px) {
    .p-top-anchor--4 .p-top-anchor__link:hover {
        background-color: #143757;
    }
}
.p-top-anchor--4 .p-top-anchor__txt {
    margin-right: 4px;
    padding-right: 34px;
}
@media screen and (max-width: 750px) {
    .p-top-anchor--4 .p-top-anchor__txt {
        margin-right: calc(4 / 375 * 100vw);
        padding-right: calc(34 / 375 * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--4 .p-top-anchor__item::before {
        right: calc(10 / 375 * 100vw);
    }
}
.p-top-anchor--5 {
    max-width: 1040px;
}
@media screen and (max-width: 750px) {
    .p-top-anchor--5 {
        flex-wrap: wrap;
    }
}
.p-top-anchor--5 .p-top-anchor__item:nth-of-type(1) {
    width: calc(316 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(1) {
        width: 50%;
    }
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(1).p-top-anchor__item--blank::before {
        right: calc(10 / 375 * 100vw);
    }
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(1) .p-top-anchor__link {
        padding-left: calc(15 / 375 * 100vw);
    }
    .edge .p-top-anchor--5 .p-top-anchor__item:nth-of-type(1) .p-top-anchor__link {
        padding-left: calc(10 / 375 * 100vw);
    }
    .edge .p-top-anchor--5 .p-top-anchor__item:nth-of-type(1) .p-top-anchor__txt {
        padding-right: calc(28 / 375 * 100vw);
    }
}
.p-top-anchor--5 .p-top-anchor__item:nth-of-type(2) {
    width: calc(314 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(2) {
        width: 50%;
    }
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(2) .p-top-anchor__link {
        padding-left: calc(16 / 375 * 100vw);
    }
}
.p-top-anchor--5 .p-top-anchor__item:nth-of-type(3) {
    width: calc(176 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(3) {
        width: 50%;
    }
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(3) .p-top-anchor__link {
        padding-left: calc(16 / 375 * 100vw);
    }
}
.p-top-anchor--5 .p-top-anchor__item:nth-of-type(4) {
    width: calc(190 / 1000 * 100%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(4) {
        width: 50%;
    }
    .p-top-anchor--5 .p-top-anchor__item:nth-of-type(4) .p-top-anchor__link {
        padding-left: calc(16 / 375 * 100vw);
    }
}
.p-top-anchor--5 .p-top-anchor__link {
    padding-block: 16px;
}
@media screen and (min-width: 751px) {
    .p-top-anchor--5 .p-top-anchor__link:hover {
        background-color: #143757;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor--5 .p-top-anchor__item::before {
        right: calc(7 / 375 * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor__item {
        position: relative;
        width: 50%;
        height: 14.1333333333vw;
    }
    .p-top-anchor__item:nth-of-type(odd) {
        border-right: 0.2666666667vw solid #fff;
        width: calc(50% - 0.2666666667vw);
    }
    .p-top-anchor__item:nth-of-type(n+3) {
        border-top: 0.2666666667vw solid #fff;
    }
    .p-top-anchor__item::before {
        content: "";
        position: absolute;
        background: url(/msppoint/membersprogram/202405img/icon_anchor_white.svg) 0 0 no-repeat;
        background-size: 100% 100%;
        width: calc(14 / 375 * 100vw);
        height: calc(14 / 375 * 100vw);
        top: 50%;
        right: 5.0666666667vw;
        transform: translateY(-50%);
    }

    .p-top-anchor__item:nth-of-type(6)::before {
        transform: translateY(-50%) rotate(-90deg);
    }
}
@media screen and (min-width: 751px) {
    .p-top-anchor__item:nth-of-type(1) {
        width: 21.97265625%;
    }
    .p-top-anchor__item:nth-of-type(2) {
        width: 15.72265625%;
    }
    .p-top-anchor__item:nth-of-type(3) {
        width: 20.3125%;
    }
    .p-top-anchor__item:nth-of-type(4) {
        width: 14.453125%;
    }
    .p-top-anchor__item:nth-of-type(5) {
        width: 14.453125%;
    }
    .p-top-anchor__item:nth-of-type(6) {
        width: 13.0859375%;
    }
    .p-top-anchor__item:nth-of-type(6) .p-top-anchor__txt::before {
        transform: translateY(-50%) rotate(-90deg);
    }
}
.p-top-anchor__item--blank .p-top-anchor__txt::before {
    background-image: url(/msppoint/membersprogram/202405img/icon_blank.svg);
    width: 12px;
    height: 12px;
}
@media screen and (max-width: 750px) {
    .p-top-anchor__item--blank .p-top-anchor__txt::before {
        content: none;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor__item--blank::before {
        background-image: url(/msppoint/membersprogram/202405img/icon_blank.svg) !important;
        width: 3.2vw;
        height: 3.2vw;
    }
}
.p-top-anchor__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-block: 10px;
    transition: all 0.3s;
}
@media screen and (min-width: 751px) {
    .p-top-anchor__link:hover {
        background-color: #0074A2;
    }
}
@media screen and (max-width: 750px) {
    .p-top-anchor__link {
        padding-block: 3.2vw 2.6666666667vw;
        justify-content: center;
        text-align: center;
    }
}
.p-top-anchor__txt {
    position: relative;
    display: block;
    padding-right: 24px;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Shippori Mincho", serif;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2857142857;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .p-top-anchor__txt {
        padding-right: 6.4vw;
        font-size: 3.7333333333vw;
    }
}
.p-top-anchor__txt--s {
    display: inline;
    font-size: 0.75rem;
    padding-right: 0;
}
@media screen and (max-width: 750px) {
    .p-top-anchor__txt--s {
        font-size: 3.2vw;
    }
}
.p-top-anchor__txt--s::before {
    content: none;
}
.p-top-anchor__txt::before {
    content: "";
    position: absolute;
    background: url(/msppoint/membersprogram/202405img/icon_anchor_white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 14px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .p-top-anchor__txt::before {
        content: none;
    }
}
.p-top-anchor__txt small {
    font-size: 0.75rem;
    font-weight: bold;
    line-height: calc(18 / 12);
}

/* ---------------------------------------------
*   p-top-section
--------------------------------------------- */
.p-top-section {
    padding-block: 80px;
}
@media screen and (max-width: 750px) {
    .p-top-section {
        padding-block: 13.3333333333vw;
    }
}
.p-top-section--1 {
    background: linear-gradient(to right, #005187 0%, #0b6f9e 50%, #08588c 100%);
    padding-block: 75px 50px;
}
@media screen and (max-width: 750px) {
    .p-top-section--1 {
        padding-block: 14.4vw 13.3333333333vw;
    }
}
.p-top-section--2 {
    background: linear-gradient(to right, #f8f3e3 0%, #fdfcf5 50%, #f1ebdd 100%);
}
@media screen and (min-width: 751px) {
    .p-top-section--2 .p-top-section__head {
        white-space: nowrap;
    }
}
.p-top-section--2 .p-top-section__body {
    margin-top: 45px;
}
@media screen and (max-width: 750px) {
    .p-top-section--2 .p-top-section__body {
        margin-top: 6.9333333333vw;
    }
}
.p-top-section--3 {
    padding-block: 57px 80px;
    background: linear-gradient(to right, #F4F4F4 0%, #FFFFFF 50%, #F4F4F4 100%);
}
@media screen and (max-width: 750px) {
    .p-top-section--3 {
        padding-block: 12.8vw 12.8vw;
    }
}
.p-top-section--4 {
    padding-block: 75px;
}
@media screen and (max-width: 750px) {
    .p-top-section--4 {
        padding-block: 14.6666666667vw;
    }
}
.p-top-section__container {
    max-width: 1040px;
    margin: 0 auto;
    padding-inline: 20px;
}
@media screen and (max-width: 750px) {
    .p-top-section__container {
        max-width: initial;
        width: 89.3333333333vw;
        padding-inline: 0;
    }
}
.p-top-section__head {
    text-align: center;
}
.p-top-section__flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
@media screen and (max-width: 750px) {
    .p-top-section__flex {
        display: block;
        width: 83.2vw;
        margin: 0 auto;
    }
}

/* ---------------------------------------------
*   p-top-section-2
--------------------------------------------- */
.p-top-section-2 {
    padding-top: 80px;
}
@media screen and (max-width: 750px) {
    .p-top-section-2 {
        padding-top: 13.8666666667vw;
    }
}
.p-top-section-2__head {
    text-align: center;
}

/* ---------------------------------------------
*   p-top-section-3
--------------------------------------------- */
.p-top-section-3 {
    padding-block: 50px 60px;
    background-color: #F9F7EE;
}
@media screen and (max-width: 750px) {
    .p-top-section-3 {
        padding-block: 10.6666666667vw;
    }
}
.p-top-section-3__container {
    max-width: 820px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__container {
        max-width: initial;
        width: 89.3333333333vw;
    }
}
.p-top-section-3__head {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17px;
    padding-bottom: 20px;
    border-bottom: 1px solid #133755;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__head {
        gap: 2.466667vw;
        padding-bottom: 4.8vw;
        border-bottom: 0.2666666667vw solid #133755;
    }
}
.p-top-section-3__icon {
    width: 37px;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__icon {
        width: 8vw;
    }
}
.p-top-section-3__ttl {
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.1538461538;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__ttl {
        font-size: 5.0666666667vw;
        line-height: 1.5789473684;
    }
}
@media screen and (min-width: 751px) {
    .p-top-section-3__body {
        text-align: center;
    }
}
@media screen and (max-width: 750px) {
    .p-top-section-3__txt {
        width: 84vw;
        margin: 0 auto;
    }
}
.p-top-section-3__lead {
    margin-block: 50px 22px;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.2727272727;
    text-align: center;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__lead {
        margin-block: 6vw;
        font-size: 4.8vw;
        line-height: 1.5555555556;
    }
}
.p-top-section-3__lead--line {
    background: linear-gradient(transparent 70%, #E6CF52 50%);
}
@media screen and (max-width: 750px) {
    .p-top-section-3__lead--line {
        background: linear-gradient(transparent 60%, #E6CF52 50%);
    }
}
.p-top-section-3__btn {
    width: 430px;
    margin: 25px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__btn {
        width: 100%;
        margin: 5.1vw auto 0;
    }
}
.p-top-section-3__box {
    margin-top: 30px;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__box {
        margin-top: 4.6vw;
        border-radius: 1.3333333333vw;
        padding: 5.3333333333vw;
    }
}
.p-top-section-3__box-txt {
    display: block;
    font-weight: 500;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    line-height: 1.6666666667;
    text-align: left;
    color: #666;
}
@media screen and (max-width: 750px) {
    .p-top-section-3__box-txt {
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   p-group-section
--------------------------------------------- */
.p-group-section__head {
    position: relative;
    background-color: #ecf6ff;
    border-top: 4px solid #133755;
    border-bottom: 4px solid #133755;
}
@media screen and (max-width: 750px) {
    .p-group-section__head {
        background: linear-gradient(90deg, #ecf6ff 0%, #fff 50%, #ecf6ff 100%);
        border-width: 1.066666667vw;
    }
}
.p-group-section__head::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-top: 2px solid #133755;
    border-bottom: 2px solid #133755;
    content: '';
    display: block;
    width: 100%;
    height: calc(431 / 440 * 100%);
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    .p-group-section__head::after {
        border-width: 0.5333333333vw;
        height: calc(573 / 578 * 100%);
    }
}
.p-group-section__head-inner {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto;
    padding: 55px 20px 61px;
    background: linear-gradient(90deg, #ecf6ff 0%, #fff 50%, #ecf6ff 100%);
}
@media screen and (max-width: 750px) {
    .p-group-section__head-inner {
        display: block;
        max-width: initial;
        width: 89.3333333333vw;
        padding: 10.6666666667vw 0 10.6666666667vw;
        background: none;
    }
}
.p-group-section__ttl-img {
    width: 240px;
    margin: 10px auto 23px 100px;
}
@media screen and (max-width: 750px) {
    .p-group-section__ttl-img {
        width: 46.1333333333vw;
        margin: 0 auto 4.333333vw;
    }
}
.p-group-section__ttl {
    margin-bottom: 15px;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2.5rem;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-group-section__ttl {
        margin-bottom: 3.633333vw;
        font-size: 6.6666666667vw;
        text-align: center;
    }
}
.p-group-section__lead {
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.7777777778;
    color: #333;
}
@media screen and (max-width: 750px) {
    .p-group-section__lead {
        font-size: 3.7333333333vw;
        line-height: 1.7142857143;
        letter-spacing: 0;
        text-align: center;
        white-space: nowrap;
    }
}
.p-group-section__lead--bold {
    margin-top: 15px;
    font-weight: 700;
    line-height: 1.5555555556;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-group-section__lead--bold {
        margin-top: 3.333333vw;
        line-height: 1.6428571429;
    }
}
.p-group-section__img {
    margin-top: 13px;
    width: 338px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .p-group-section__img {
        width: 72vw;
        margin-top: 5.3333333333vw;
        margin-inline: auto;
    }
}
/* ---------------------------------------------
*   p-group-section-2
--------------------------------------------- */
.p-group-section-2__head {
    padding-block: 50px 60px;
    background: linear-gradient(to right, #f8f3e3 0%, #fdfcf5 50%, #f1ebdd 100%);
}
@media screen and (max-width: 750px) {
    .p-group-section-2__head {
        padding-block: 8vw 13.3333333333vw;
    }
}
.p-group-section-2__limited {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    transform: translateX(-20px);
    margin-bottom: 38px;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__limited {
        display: block;
        transform: translateX(0);
        margin-bottom: 6.4vw;
        text-align: center;
    }
}
.p-group-section-2__limited-img {
    width: 68px;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__limited-img {
        width: 18.1333333333vw;
        margin: 0 auto 2.6666666667vw;
    }
}
.p-group-section-2__limited-img img {
    width: 100%;
}
.p-group-section-2__limited-txt {
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1;
    text-align: center;
    color: #333;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__limited-txt {
        font-size: 5.3333333333vw;
    }
}
.p-group-section-2__ttl {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 170px;
    background: linear-gradient(to right, #133755 0%, #325E83 50%, #133755 100%);
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__ttl {
        height: 37.3333333333vw;
    }
}
.p-group-section-2__ttl::before, .p-group-section-2__ttl::after {
    position: absolute;
    content: "";
    left: 50%;
    width: 99%;
    height: 8px;
    -webkit-mask: url(/msppoint/membersprogram/202405img/mfgroup/bg_01.svg);
            mask: url(/msppoint/membersprogram/202405img/mfgroup/bg_01.svg);
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
    -webkit-mask-position: center;
            mask-position: center;
    z-index: 1;
    transform: translateX(-50%);
    background-color: #F8F3E3;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__ttl::before, .p-group-section-2__ttl::after {
        width: 94.4vw;
        height: 2.1333333333vw;
        -webkit-mask: url(/msppoint/membersprogram/202405img/mfgroup/sp/bg_01.svg);
                mask: url(/msppoint/membersprogram/202405img/mfgroup/sp/bg_01.svg);
        -webkit-mask-size: 100% auto;
                mask-size: 100% auto;
        -webkit-mask-position: center;
                mask-position: center;
    }
}
.p-group-section-2__ttl::before {
    top: 10px;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__ttl::before {
        top: 2.6666666667vw;
    }
}
.p-group-section-2__ttl::after {
    bottom: 10px;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__ttl::after {
        bottom: 2.6666666667vw;
    }
}
.p-group-section-2__ttl-sub {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4166666667;
    color: #f8f3e3;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__ttl-sub {
        font-size: 4.2666666667vw;
        line-height: 1.875;
    }
}
.p-group-section-2__ttl-main {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.3333333333;
    color: #f8f3e3;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__ttl-main {
        font-size: 8.5333333333vw;
        line-height: 1.0666666667;
    }
}
.p-group-section-2__lead {
    margin-block: 34px 28px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-group-section-2__lead {
        margin-block: 7vw 4.333333vw;
        margin-inline: auto;
        text-align: left;
        width: 86.6666666667vw;
    }
    .p-group-section-2__lead .c-txt {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-faq
--------------------------------------------- */
.c-section-faq {
    padding-bottom: 60px;
}
@media screen and (max-width: 750px) {
    .c-section-faq {
        padding-bottom: 32vw;
    }
}
.c-section-faq__ttl {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 26px;
    margin-block: 45px;
    margin-inline: auto;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.1333333333;
    text-align: center;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .c-section-faq__ttl {
        padding-bottom: 3.7333333333vw;
        margin-block: 12vw 9.3333333333vw;
        font-size: 6.4vw;
    }
}
.c-section-faq__ttl::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 1px;
    background-color: #133755;
    transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
    .c-section-faq__ttl::before {
        width: 16vw;
    }
}
.c-section-faq__btn {
    width: 430px;
    margin: 60px auto 0;
}
@media screen and (max-width: 750px) {
    .c-section-faq__btn {
        width: 89.3333333333vw;
        margin: 18.6666666667vw auto 0;
    }
}
.c-section-faq__btn:nth-of-type(n+2) {
    margin-top: 40px;
}
@media screen and (max-width: 750px) {
    .c-section-faq__btn:nth-of-type(n+2) {
        margin-top: 13.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-slider
--------------------------------------------- */
.c-item-2__foot {
    text-align: center;
}

/* ---------------------------------------------
*   p-top-slide
--------------------------------------------- */
.p-top-slide {
    padding-block: 50px;
}
@media screen and (max-width: 750px) {
    .p-top-slide {
        padding-block: 8vw 9.466667vw;
    }
}
.p-top-slide__container {
    max-width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .p-top-slide__container {
        width: 88vw;
    }
}
.p-top-slide__img {
    width: 490px;
}
@media screen and (max-width: 750px) {
    .p-top-slide__img {
        width: 88vw;
    }
}
.p-top-slide__img img {
    width: 100%;
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
    .p-top-slide__link {
        transition: opacity 300ms;
    }
    .p-top-slide__link:hover {
        opacity: 0.8;
    }
}

/*  .c-slider
--------------------------------------------- */
.c-slider .splide__slide {
    transform: translate3d(0, 0, 0);
}
.c-slider .splide__pagination {
    margin-top: 20px;
    gap: 16px;
}
@media screen and (max-width: 750px) {
    .c-slider .splide__pagination {
        margin-top: 4.5333333333vw;
        gap: 4.2666666667vw;
    }
}
.c-slider .splide__pagination li {
    font-size: 0;
}
.c-slider .splide__pagination__page {
    width: 10px;
    height: 10px;
    background-color: #D8D8D8;
    border-radius: 50%;
    touch-action: manipulation;
    cursor: pointer;
}
@media screen and (max-width: 750px) {
    .c-slider .splide__pagination__page {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
    }
}
.c-slider .splide__pagination__page.is-active {
    background-color: #999999;
}
.c-slider .splide__pagination__page:focus-visible {
    outline: 3px solid #999999;
    outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
    .c-slider .splide__pagination__page {
        transition: opacity 0.3s;
    }
    .c-slider .splide__pagination__page:hover {
        opacity: 0.8;
    }
}
.c-slider__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.splide__list--single {
    justify-content: center;
}

/* ---------------------------------------------
*   c-table
--------------------------------------------- */
/* ---------------------------------------------
*   c-tile
--------------------------------------------- */
/* ---------------------------------------------
*   p-top-ttl
--------------------------------------------- */
.c-ttl {
    position: relative;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.1333333333;
    margin-bottom: 33px;
    padding-bottom: 26px;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .c-ttl {
        font-size: 6.4vw;
        line-height: 1.25;
        margin-bottom: 5.5vw;
        padding-bottom: 3.7333333333vw;
    }
}
.c-ttl::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 1px;
    background-color: #133755;
    transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
    .c-ttl::after {
        width: 16vw;
        height: 0.2666666667vw;
    }
}
.c-ttl--yellow {
    color: #E6CF52;
}
.c-ttl--yellow::after {
    background-color: #E6CF52;
}

/* ---------------------------------------------
*   c-ttl-2
--------------------------------------------- */
.c-ttl-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 25px;
    gap: 10px;
}
@media screen and (max-width: 750px) {
    .c-ttl-3 {
        margin-bottom: 3.333333vw;
        gap: 0;
    }
}
.c-ttl-3__img {
    width: 63px;
}
@media screen and (max-width: 750px) {
    .c-ttl-3__img {
        width: 14.4vw;
    }
}
.c-ttl-3__txt {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.0666666667;
}
@media screen and (max-width: 750px) {
    .c-ttl-3__txt {
        font-weight: 700;
        font-size: 5.8666666667vw;
        line-height: 1.3636363636;
    }
}

/* ---------------------------------------------
*   c-txt
--------------------------------------------- */
.c-txt {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #333333;
}
@media screen and (max-width: 750px) {
    .c-txt {
        font-size: 4.2666666667vw;
        letter-spacing: 0.04em;
    }
}
.c-txt--white {
    color: #fff;
}

/* ---------------------------------------------
*   c-txt-anno
--------------------------------------------- */
.c-txt-anno {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3333333333;
    color: #666666;
}
@media screen and (max-width: 750px) {
    .c-txt-anno {
        font-size: 3.2vw;
    }
}
.c-txt-anno--center {
    text-align: center;
    padding-bottom: 60px;
}
@media screen and (max-width: 750px) {
    .c-txt-anno--center {
        line-height: 1.6;
        padding-bottom: 8vw;
    }
}
.c-txt-anno--center a {
    text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
    .c-txt-anno--center a {
        transition: opacity 300ms;
    }
    .c-txt-anno--center a:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   p-top-tab-selector
--------------------------------------------- */
.p-top-tab-selector {
    max-width: 1440px;
    margin: 0 auto;
}
.p-top-tab-selector__list {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}
.p-top-tab-selector__item {
    width: 25%;
    opacity: 0.35;
    transition: opacity 0.3s;
    cursor: pointer;
}
@media screen and (min-width: 751px) {
    .p-top-tab-selector__item:hover {
        opacity: 1;
    }
}
.p-top-tab-selector__item.is-current {
    opacity: 1;
}
.p-top-tab-selector.js-tab-trigger-scope-2 {
    margin-top: -78px;
    padding-top: 78px;
}

/*  js-tab-target
--------------------------------------------- */
.js-tab-target-2 {
    display: none;
}
.js-tab-target-2.is-current {
    display: block;
}

/* ---------------------------------------------
*   p-top-tab
--------------------------------------------- */
.c-block-3 {
    width: 100% !important;
}
@media screen and (max-width: 750px) {
    .c-block-3 {
        position: relative;
        margin-top: -0.2666666667vw;
    }
}

.p-top-tab--bronze {
    background: linear-gradient(to right, #5D2705 0%, #C49E87 50%, #5D2705 100%);
}
.p-top-tab--bronze .p-top-list__item {
    position: relative;
    z-index: 0;
    transition: all 0.3s;
}
.p-top-tab--bronze .p-top-list__item:after {
    background: linear-gradient(to right, #F0DFD5 0%, #FFFFFF 50%, #F0DFD5 100%);
}
@media screen and (min-width: 751px) {
    .p-top-tab--bronze .p-top-list__item:hover::after {
        opacity: 1;
    }
}
.p-top-tab--silver {
    background: linear-gradient(to right, #728092 0%, #B2BECE 50%, #728092 100%);
}
.p-top-tab--silver .p-top-list__item {
    position: relative;
    z-index: 0;
    transition: all 0.3s;
}
.p-top-tab--silver .p-top-list__item:after {
    background: linear-gradient(to right, #DBE4EF 0%, #FFFFFF 50%, #DBE4EF 100%);
}
@media screen and (min-width: 751px) {
    .p-top-tab--silver .p-top-list__item:hover::after {
        opacity: 1;
    }
}
.p-top-tab--gold {
    background: linear-gradient(to right, #816a0d 0%, #b9ad81 50%, #816a0d 100%);
}
.p-top-tab--gold .p-top-list__item {
    position: relative;
    z-index: 0;
    transition: all 0.3s;
}
.p-top-tab--gold .p-top-list__item:after {
    background: linear-gradient(to right, #F2E8BF 0%, #FFFFFF 50%, #F2E8BF 100%);
}
@media screen and (min-width: 751px) {
    .p-top-tab--gold .p-top-list__item:hover::after {
        opacity: 1;
    }
}
.p-top-tab--premium {
    background-color: #080808;
}
.p-top-tab--premium .p-top-list__item {
    position: relative;
    z-index: 0;
    transition: all 0.3s;
}
.p-top-tab--premium .p-top-list__item:after {
    background: linear-gradient(to right, #CECECE 0%, #FFFFFF 50%, #CECECE 100%);
}
@media screen and (min-width: 751px) {
    .p-top-tab--premium .p-top-list__item:hover::after {
        opacity: 1;
    }
}
.p-top-tab--premium .p-top-tab__inner {
    max-width: 1440px;
    margin: 0 auto;
    background-image: url(/msppoint/membersprogram/202405img/bg_premium.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 750px) {
    .p-top-tab--premium .p-top-tab__inner {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 170%;
    }
}
.p-top-tab__container {
    padding-block: 27px 70px;
}
@media screen and (max-width: 750px) {
    .p-top-tab__container {
        padding-block: 2.9333333333vw 13.666667vw;
        overflow: hidden;
    }
}
.p-top-tab__head {
    text-align: center;
}
.p-top-tab__opacity {
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 5.0625rem;
    color: #fff;
    opacity: 0.1;
}
@media screen and (max-width: 750px) {
    .p-top-tab__opacity {
        font-size: 18.1333333333vw;
        line-height: 1.5352112676;
    }
}
.p-top-tab__ttl {
    margin-top: -70px;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .p-top-tab__ttl {
        margin-top: -17.6vw;
    }
}
.p-top-tab__ttl-main {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.0588235294;
}
.p-top-tab--premium .p-top-tab__ttl-main {
    text-shadow: 0px 0px 6px #000;
}
@media screen and (max-width: 750px) {
    .p-top-tab--premium .p-top-tab__ttl-main {
        text-shadow: 0px 0px 1.6vw #000;
    }
}
@media screen and (max-width: 750px) {
    .p-top-tab__ttl-main {
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.p-top-tab__ttl-sub {
    display: block;
    margin-top: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.375;
}
.p-top-tab--premium .p-top-tab__ttl-sub {
    text-shadow: 0px 0px 6px #000;
}
@media screen and (max-width: 750px) {
    .p-top-tab--premium .p-top-tab__ttl-sub {
        text-shadow: 0px 0px 1.6vw #000;
    }
}
@media screen and (max-width: 750px) {
    .p-top-tab__ttl-sub {
        margin-top: 0.5333333333vw;
        font-size: 3.7333333333vw;
        line-height: 1.5714285714;
    }
}
.p-top-tab__body {
    max-width: 1000px;
    margin: 45px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-tab__body {
        margin: 8vw auto 0;
    }
}

/* ---------------------------------------------
*   p-top-acc
--------------------------------------------- */
.p-top-acc {
    margin-top: 40px;
    background-color: #F8F8F8;
    border-radius: 5px;
    padding-block: 48px 46px;
    border: 1px solid #EAEAEA;
}
@media screen and (max-width: 750px) {
    .p-top-acc {
        margin-top: 8vw;
        border-radius: 1.3333333333vw;
        padding-block: 7.866667vw 7.966667vw;
        border: 0.2666666667vw solid #EAEAEA;
    }
}
@media screen and (max-width: 750px) {
    .p-top-acc__head {
        width: 78.6666666667vw;
        margin: 0 auto;
    }
}
.p-top-acc__ttl {
    margin-bottom: 28px;
    font-family: "Shippori Mincho", serif;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.4;
    color: #133755;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-top-acc__ttl {
        margin-bottom: 4.8vw;
        font-size: 5.8666666667vw;
    }
}
.p-top-acc__lead {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 18px;
}
@media screen and (max-width: 750px) {
    .p-top-acc__lead {
        display: block;
        margin-bottom: 5.3333333333vw;
    }
}
.p-top-acc__lead__2 {
    margin-bottom: 35px;
}
@media screen and (max-width: 750px) {
    .p-top-acc__lead__2 {
        margin-bottom: 6.9333333333vw;
    }
}
.p-top-acc__lead-img {
    width: 49px;
}
@media screen and (max-width: 750px) {
    .p-top-acc__lead-img {
        width: 13.0666666667vw;
        margin: 0 auto 2.8vw;
    }
}
.p-top-acc__lead-img img {
    width: 100%;
    height: 100%;
}
.p-top-acc__body {
    display: none;
    width: 820px;
    margin: 0 auto 50px;
}
@media screen and (max-width: 750px) {
    .p-top-acc__body {
        width: 78.6666666667vw;
        margin: 0 auto 8vw;
    }
}
.p-top-acc__body--2 {
    text-align: center;
}
.p-top-acc__body--3 {
    display: block;
    margin-bottom: 0;
}
.p-top-acc__btn-area {
    display: flex;
    gap: 18px;
    margin-block: 35px 0;
}
@media screen and (max-width: 750px) {
    .p-top-acc__btn-area {
        display: block;
        margin-block: 8vw 0;
    }
}
@media screen and (max-width: 750px) {
    .p-top-acc__btn-area .p-top-btn {
        padding-block: 4.2666666667vw;
    }
}
.p-top-acc__btn-area .p-top-btn:nth-of-type(1):before {
    -webkit-mask-image: url(/msppoint/membersprogram/202405img/icon_plus.svg);
            mask-image: url(/msppoint/membersprogram/202405img/icon_plus.svg);
}
@media screen and (max-width: 750px) {
    .p-top-acc__btn-area .p-top-btn:nth-of-type(2) {
        margin-top: 2.5vw;
    }
}
.p-top-acc__foot {
    width: 430px;
    margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-acc__foot {
        width: 78.6666666667vw;
        margin: 5.7vw auto 0;
    }
}
.p-top-acc__foot .p-top-btn {
    color: #fff;
    background: linear-gradient(to right, #0074A2 0%, #00587B 100%);
    border: none;
}
.p-top-acc__foot .p-top-btn::before {
    -webkit-mask-image: url(/msppoint/membersprogram/202405img/icon_arrow_link_white.svg);
            mask-image: url(/msppoint/membersprogram/202405img/icon_arrow_link_white.svg);
    transform: translateY(-50%) rotate(90deg);
    background-color: #fff;
    transition: transform 0.3s;
}
.p-top-acc__foot .p-top-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #00587B;
    opacity: 0;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-acc__foot .p-top-btn:after {
        border-radius: 1.3333333333vw;
    }
}
@media screen and (min-width: 751px) {
    .p-top-acc__foot .p-top-btn:hover::after {
        opacity: 1;
    }
}
.p-top-acc__foot .p-top-btn.is-current::before {
    transform: translateY(-50%) rotate(270deg);
}
.p-top-acc__store {
    width: 820px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .p-top-acc__store {
        width: 69.3333333333vw;
    }
}
.p-top-acc__btn {
    width: 430px;
    margin: 30px auto;
}
@media screen and (max-width: 750px) {
    .p-top-acc__btn {
        width: 100%;
        margin: 10.6666666667vw auto 5.666667vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-acc__txt--nowrap {
        white-space: nowrap;
    }
}
.p-top-acc__anno {
    margin-top: 30px;
    text-align: center;
}
.p-top-acc__anno:nth-of-type(n+2) {
    margin-top: 9px;
}
@media screen and (max-width: 750px) {
    .p-top-acc__anno {
        margin-top: 8vw;
        text-indent: -1em;
        padding-left: 1em;
        text-align: left;
    }
    .p-top-acc__anno:nth-of-type(n+2) {
        margin-top: 3.2vw;
    }
}
.p-top-acc .c-box-3__unit {
    gap: 30px;
}
@media screen and (max-width: 750px) {
    .p-top-acc .c-box-3__unit {
        width: 73.3333333333vw;
        margin-inline: auto;
    }
}
.p-top-acc .c-box-3__img {
    width: 279px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .p-top-acc .c-box-3__img {
        width: 71.8vw;
        margin: 7.7333333333vw auto 0;
    }
}
.p-top-acc .c-box-3__list {
    margin-top: -10px;
}
@media screen and (max-width: 750px) {
    .p-top-acc .c-box-3__list {
        margin-top: 0;
    }
}
.p-top-acc .c-box-3__item {
    margin-top: 14px;
    padding-left: 1.3em;
    text-indent: -1.3em;
    letter-spacing: 0.05em;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .p-top-acc .c-box-3__item {
        margin-top: 4.8vw;
        padding-left: 1em;
        text-indent: -1.4em;
    }
}

/*------------------------------------------- */
/*  .c-acc-block
--------------------------------------------- */
.c-acc-block .js-acc-multi-target {
    display: none;
}
.c-acc-block .js-acc-multi-target-2 {
    display: none;
}
.c-acc-block__lv1-item:nth-of-type(n+2) {
    margin-top: 10px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__lv1-item:nth-of-type(n+2) {
        margin-top: 2.75vw;
    }
}
.c-acc-block__head {
    display: block;
    width: 100%;
    padding-block: 32px;
    background-color: #EFF3F7;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-acc-block__head {
        padding-block: 4.8vw;
        padding-inline: 5.3333333333vw 7.4666666667vw;
        text-align: left;
    }
}
@media screen and (min-width: 751px) {
    .c-acc-block__head:hover {
        background-color: #D0DEEB;
    }
}
.c-acc-block__trigger {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding-right: 45px;
    color: #133755;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.3636363636;
    touch-action: manipulation;
    overflow: hidden;
    cursor: pointer;
}
@media screen and (max-width: 750px) {
    .c-acc-block__trigger {
        display: block;
        width: 100%;
        padding-right: 0;
        font-size: 4.8vw;
        text-align: left;
    }
}
.c-acc-block__trigger::after {
    content: "";
    position: absolute;
    background: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg) 0 0 no-repeat;
    background-size: contain;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
    width: 27px;
    height: 27px;
    transition: transform 0.3s;
}
@media screen and (max-width: 750px) {
    .c-acc-block__trigger::after {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
    }
}
.is-acc-open .c-acc-block__trigger::after {
    transform: translateY(-50%) rotate(270deg);
}

.c-acc-block__trigger--2 {
    padding-left: 30px;
    padding-right: 0;
    margin-right: auto;
    margin-left: 0;
    font-size: 1.125rem;
    line-height: 1.5555555556;
    letter-spacing: 0.05em;
    text-align: left;
    color: #333333;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-acc-block__trigger--2 {
        font-size: 4.2666666667vw;
        line-height: 1.5;
        padding-left: 6.333333vw;
    }
}
.c-acc-block__trigger--2::after {
    top: 6px;
    right: auto;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(0) rotate(90deg);
}
@media screen and (max-width: 750px) {
    .c-acc-block__trigger--2::after {
        top: 1.0666666667vw;
        width: 4.2666666667vw;
        height: 4.2666666667vw;
    }
}
.is-acc-open .c-acc-block__trigger--2::after {
    transform: translateY(0) rotate(90deg);
}

.is-acc-open2 .c-acc-block__trigger--2::after {
    transform: translateY(0) rotate(270deg);
}

.c-acc-block__lv2 {
    max-width: 1000px;
    margin: 30px auto 60px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__lv2 {
        max-width: initial;
        width: 89.3333333333vw;
        margin: 2.6666666667vw auto 10.6666666667vw;
    }
}
.c-acc-block__lv2-item {
    border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 750px) {
    .c-acc-block__lv2-item {
        border-bottom: 0.2666666667vw solid #CCCCCC;
    }
}
.c-acc-block__lv2-head {
    display: flex;
    gap: 10px;
    padding-block: 30px;
    cursor: pointer;
}
@media screen and (max-width: 750px) {
    .c-acc-block__lv2-head {
        gap: 1.8666666667vw;
        padding-block: 6.6666666667vw;
    }
}
@media screen and (min-width: 751px) {
    .c-acc-block__lv2-head:hover .c-acc-block__trigger--2 {
        color: #0074A2;
    }
}
.c-acc-block__flex {
    display: flex;
    gap: 6px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__flex {
        gap: 0.7vw;
    }
}
.c-acc-block__lv2-question {
    width: 19px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__lv2-question {
        width: 5.0666666667vw;
        transform: translateY(-0.8vw);
    }
}
.c-acc-block__lv2-question img {
    width: 100%;
}
.c-acc-block__lv2-answer {
    flex-shrink: 0;
    width: 19px;
    transform: translateY(-3px);
}
@media screen and (max-width: 750px) {
    .c-acc-block__lv2-answer {
        width: 4.5333333333vw;
        transform: translateY(-1.3333333333vw);
    }
}
.c-acc-block__lv2-answer img {
    width: 100%;
}
.c-acc-block__btn {
    width: 430px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__btn {
        width: 78.6666666667vw;
    }
}
.c-acc-block__btn .p-top-btn:before {
    -webkit-mask-image: url(/msppoint/membersprogram/202405img/icon_plus.svg);
            mask-image: url(/msppoint/membersprogram/202405img/icon_plus.svg);
}
.c-acc-block__txt {
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.03em;
    line-height: 1.75;
    color: #333;
}
@media screen and (max-width: 750px) {
    .c-acc-block__txt {
        font-size: 4.2666666667vw;
        line-height: 1.5;
    }
}
.c-acc-block__txt--mt {
    margin-top: 22px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__txt--mt {
        margin-top: 3.666667vw;
    }
}
.c-acc-block__txt--bold {
    font-weight: 700;
}
.c-acc-block__txt--indent {
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (max-width: 750px) {
    .c-acc-block__txt--sp-lih {
        line-height: 1.75;
    }
}
.c-acc-block__txt a {
    text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
    .c-acc-block__txt a {
        transition: opacity 300ms;
    }
    .c-acc-block__txt a:hover {
        opacity: 0.8;
    }
}
.c-acc-block__link-txt {
    margin-top: 20px;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    line-height: 1.4285714286;
    color: #133755;
}
@media screen and (max-width: 750px) {
    .c-acc-block__link-txt {
        margin-top: 8vw;
        font-size: 3.7333333333vw;
    }
}
.c-acc-block__link-txt a {
    text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
    .c-acc-block__link-txt a {
        transition: opacity 300ms;
    }
    .c-acc-block__link-txt a:hover {
        opacity: 0.8;
    }
}
.c-acc-block__inner {
    display: none;
}
@media screen and (max-width: 750px) {
    .c-acc-block__inner {
        width: 89.3333333333vw;
    }
}
.c-acc-block__inner.is-acc-open2 {
    padding-bottom: 50px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__inner.is-acc-open2 {
        padding-bottom: 8vw;
    }
}
@media screen and (max-width: 750px) {
    .c-acc-block__content {
        width: 84vw;
    }
}
.c-acc-block__img--1 {
    width: 696px;
    margin-top: 25px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__img--1 {
        width: 100%;
        margin-top: 8vw;
    }
}
.c-acc-block__img--2 {
    width: 700px;
    margin-top: 37px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__img--2 {
        width: 78.6666666667vw;
        margin-top: 6.6666666667vw;
    }
}
.c-acc-block__img--3 {
    width: 406px;
    margin-block: 30px 0;
}
@media screen and (max-width: 750px) {
    .c-acc-block__img--3 {
        width: 77.8666666667vw;
        margin-block: 4vw 1.866667vw;
    }
}
.c-acc-block__img--4 {
    width: 700px;
    margin-block: 25px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__img--4 {
        width: 100%;
        margin-block: 8vw 5.3333333333vw;
    }
}
.c-acc-block__anno {
    margin-top: 12px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__anno {
        margin-top: 4.2666666667vw;
    }
}
.c-acc-block__txt-anno {
    display: block;
    padding-left: 1.2em;
    text-indent: -1.2em;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6666666667;
    color: #333;
}
@media screen and (max-width: 750px) {
    .c-acc-block__txt-anno {
        font-size: 3.2vw;
    }
}
.c-acc-block__txt-anno a {
    text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
    .c-acc-block__txt-anno a {
        transition: opacity 300ms;
    }
    .c-acc-block__txt-anno a:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 750px) {
    .c-acc-block__scroll {
        position: relative;
        display: block;
        padding-right: 4.433333vw;
        margin-top: 4vw;
        font-weight: 500;
        font-size: 3.2vw;
        line-height: 1.1666666667;
        text-align: right;
        color: #666;
    }
    .c-acc-block__scroll::after {
        content: "";
        position: absolute;
        background: url(/msppoint/membersprogram/202405img/faq/icon_scroll.svg) 0 0 no-repeat;
        background-size: contain;
        width: 2.866667vw;
        height: 2.7vw;
        top: 61%;
        right: 0.233333vw;
        transform: translateY(-50%);
    }
}
.c-acc-block__web {
    margin-top: 65px;
}
@media screen and (max-width: 750px) {
    .c-acc-block__web {
        margin-top: 12vw;
    }
}

/* ---------------------------------------------
*   p-top-nav
--------------------------------------------- */
.p-top-nav {
    padding-block: 50px 60px;
    background-color: #EFF3F7;
}
@media screen and (max-width: 750px) {
    .p-top-nav {
        padding-block: 13.3333333333vw;
    }
}
.p-top-nav__container {
    max-width: 820px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .p-top-nav__container {
        max-width: initial;
        width: 89.3333333333vw;
    }
}
.p-top-nav__ttl {
    width: 220px;
    margin: 0 auto 40px;
}
@media screen and (max-width: 750px) {
    .p-top-nav__ttl {
        width: 50.6666666667vw;
        margin: 0 auto 8vw;
    }
}
.p-top-nav__ttl img {
    width: 100%;
    height: 100%;
}
.p-top-nav__inner {
    display: flex;
    align-items: center;
    padding: 12px 17px 13px 20px;
    border-bottom: 1px solid #D3D9E0;
}
@media screen and (max-width: 750px) {
    .p-top-nav__inner {
        display: block;
        padding: 4.333333vw 5.3333333333vw 3.833333vw;
    }
}
.p-top-nav__category {
    margin-right: 69px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #133755;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .p-top-nav__category {
        display: block;
        font-size: 3.2vw;
        margin-right: 0;
        margin-bottom: 2.6666666667vw;
    }
}
@media screen and (min-width: 751px) and (hover: hover) and (pointer: fine) {
    .p-top-nav__category:hover {
        color: #0057AA;
    }
}

/* ---------------------------------------------
*   white-popup
--------------------------------------------- */
.white-popup {
    width: 800px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .white-popup {
        width: 89.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-popup__container
--------------------------------------------- */
.c-popup {
    padding: 0;
}
.c-popup__ttl {
    font-family: "Shippori Mincho", serif;
}
.c-popup--top .c-popup__container {
    border-radius: 5px;
}
@media screen and (max-width: 750px) {
    .c-popup--top .c-popup__container {
        border-radius: 1.3333333333vw;
    }
}
.c-popup--top .c-popup__head {
    background-color: #fff;
    padding: 48px 0 0 0;
}
@media screen and (max-width: 750px) {
    .c-popup--top .c-popup__head {
        padding: 10.6666666667vw 0 0 0;
    }
}
.c-popup--top .c-popup__sub-ttl {
    font-family: "Shippori Mincho", serif;
}
.c-popup--top .c-popup__sub-ttl {
    font-family: "Shippori Mincho", serif;
}
.c-popup--top .c-popup__body {
    padding: 37px 70px 30px;
}
@media screen and (max-width: 750px) {
    .c-popup--top .c-popup__body {
        padding: 9.8666666667vw 5.3333333333vw 8vw;
    }
}
.c-popup--top .c-popup__txt {
    background-color: #fff;
    padding: 0;
    margin-bottom: 17px;
}
@media screen and (max-width: 750px) {
    .c-popup--top .c-popup__txt {
        margin-bottom: 4.5333333333vw;
    }
}
.c-popup--top .c-popup__body {
    text-align: center;
}
.c-popup .c-popup__close-btn .p-top-btn {
    position: absolute;
    left: 50%;
    bottom: -100px;
    width: 430px;
    transform: translateX(-50%);
    background: linear-gradient(to right, #0074A2 0%, #00587B 100%);
    border: none;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .c-popup .c-popup__close-btn .p-top-btn {
        bottom: -21.3333333333vw;
        width: 89.3333333333vw;
    }
}
.c-popup .c-popup__close-btn .p-top-btn::before {
    -webkit-mask-image: url(/msppoint/membersprogram/202405img/modal/icon_modal_close.svg);
            mask-image: url(/msppoint/membersprogram/202405img/modal/icon_modal_close.svg);
    background-color: #fff;
}
.c-popup .c-popup__close-btn .p-top-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #00587B;
    opacity: 0;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-popup .c-popup__close-btn .p-top-btn:after {
        border-radius: 1.3333333333vw;
    }
}
@media screen and (min-width: 751px) {
    .c-popup .c-popup__close-btn .p-top-btn:hover::after {
        opacity: 1;
    }
}
.c-popup .c-popup__close-btn .p-top-btn--static {
    position: static;
    transform: translateX(0);
    background: #fff;
    color: #133755;
    margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
    .c-popup .c-popup__close-btn .p-top-btn--static {
        margin: 8vw auto 0;
        width: 100%;
    }
}
.c-popup .c-popup__close-btn .p-top-btn--static::before {
    background-image: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg);
}

/* ---------------------------------------------
*   .c-popup-2
--------------------------------------------- */
.c-popup-2 {
    padding: 0;
}
.c-popup-2__container {
    border-radius: 5px;
}
@media screen and (max-width: 750px) {
    .c-popup-2__container {
        border-radius: 1.3333333333vw;
    }
}

/* ---------------------------------------------
*   p-top-popup
--------------------------------------------- */
.p-top-popup {
    padding-bottom: 50px;
}
@media screen and (max-width: 750px) {
    .p-top-popup {
        padding-bottom: 13.3333333333vw;
    }
}
.p-top-popup--gold .p-top-popup__head--2 {
    background-color: #F5F1DF;
}
.p-top-popup--gold .p-top-popup__day {
    color: #D3AA03;
}
.p-top-popup--gold .p-top-popup__day::before, .p-top-popup--gold .p-top-popup__day::after {
    background: #D3AA03;
}
.p-top-popup--silver .p-top-popup__head--2 {
    background-color: #F0F0F0;
}
.p-top-popup--silver .p-top-popup__day {
    color: #6A6A6A;
}
.p-top-popup--silver .p-top-popup__day::before, .p-top-popup--silver .p-top-popup__day::after {
    background: #BCBCBC;
}
.p-top-popup__head {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 26px;
    border-bottom: 1px solid #333333;
}
@media screen and (max-width: 750px) {
    .p-top-popup__head {
        max-width: initial;
        width: 84vw;
        padding-top: 8.8vw;
        padding-bottom: 6.9333333333vw;
        border-bottom: 0.2666666667vw solid #333333;
    }
}
.p-top-popup__head--2 {
    max-width: initial;
    border: none;
    background-color: #E2EBF2;
    padding-top: 27px;
    padding-bottom: 23px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__head--2 {
        padding-block: 6.4vw;
        width: 100%;
    }
}
.p-top-popup__head--radius {
    border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 750px) {
    .p-top-popup__head--radius {
        border-radius: 1.3333333333vw 1.3333333333vw 0 0;
    }
}
.p-top-popup__ttl-img {
    width: 111px;
    margin: 0 auto 15px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__ttl-img {
        width: 25.0666666667vw;
        margin: 0 auto 4vw;
    }
}
.p-top-popup__ttl-img--2 {
    width: 86px;
    margin: 0 auto 15px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__ttl-img--2 {
        width: 18.6666666667vw;
        margin: 0 auto 4vw;
    }
}
.p-top-popup__ttl-img--3 {
    width: 85px;
    margin: 0 auto 15px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__ttl-img--3 {
        width: 19.2vw;
        margin: 0 auto 4vw;
    }
}
.p-top-popup__ttl-img--4 {
    width: 103px;
    margin: 0 auto 15px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__ttl-img--4 {
        width: 23.7333333333vw;
        margin: 0 auto 4vw;
    }
}
.p-top-popup__ttl-img img {
    width: 100%;
}
.p-top-popup__btn {
    width: 420px;
    margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
    .p-top-popup__btn {
        width: 78.6666666667vw;
        margin: 8vw auto 0;
    }
}
.p-top-popup__ttl-txt {
    display: block;
    font-weight: bold;
    font-size: 1.625rem;
    letter-spacing: 0.05em;
    line-height: 1.3;
    color: #333;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-top-popup__ttl-txt {
        font-size: 5.8666666667vw;
    }
}
.p-top-popup__body {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .p-top-popup__body {
        max-width: initial;
        width: 84vw;
        margin-top: 8vw;
    }
}
.p-top-popup__body--pb {
    padding-bottom: 40px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__body--pb {
        padding-bottom: 5.3333333333vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-popup__body--center {
        text-align: center;
    }
}
.p-top-popup__txt {
    text-align: center;
}
.p-top-popup__img {
    margin-top: 25px;
    margin-bottom: 17px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__img {
        width: 78.6666666667vw;
        margin-inline: auto;
        margin-top: 8vw;
        margin-bottom: 5.3333333333vw;
    }
}
.p-top-popup__img--l {
    margin-top: 35px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__img--l {
        width: 84vw;
        margin-top: 5.3333333333vw;
    }
}
.p-top-popup__img--2 {
    margin-block: 30px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__img--2 {
        margin-block: 4vw;
    }
}
.p-top-popup__anno {
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 7px;
    line-height: 0.933333;
    text-align: left;
}
@media screen and (max-width: 750px) {
    .p-top-popup__anno {
        margin-top: 2.6666666667vw;
    }
    .p-top-popup__anno--s {
        width: 78.6666666667vw;
        margin-inline: auto;
    }
}
.p-top-popup__anno .c-txt-anno {
    line-height: 1.433333;
}
.p-top-popup__anno a {
    text-decoration: underline;
}
@media screen and (max-width: 750px) and (hover: hover) and (pointer: fine) {
    .p-top-popup__anno a {
        transition: opacity 300ms;
    }
    .p-top-popup__anno a:hover {
        opacity: 0.8;
    }
}
.p-top-popup__card-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__card-area {
        display: block;
        margin-top: 5.3333333333vw;
    }
}
.p-top-popup__limited {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2.1538461538;
}
@media screen and (max-width: 750px) {
    .p-top-popup__limited {
        font-size: 3.4666666667vw;
    }
}
.p-top-popup__limited::before, .p-top-popup__limited:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 1px;
    height: 40%;
    background: #000;
    border-radius: 3px;
}
.p-top-popup__limited::before {
    left: -7px;
    transform: translateY(-50%) rotate(-40deg);
}
.p-top-popup__limited:after {
    right: -7px;
    transform: translateY(-50%) rotate(40deg);
}
.p-top-popup__day {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 7px;
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.05em;
    line-height: 1;
    text-align: center;
    color: #4DA9D6;
}
@media screen and (max-width: 750px) {
    .p-top-popup__day {
        margin-top: 5.0666666667vw;
        margin-bottom: 1.3333333333vw;
        font-size: 3.7333333333vw;
    }
}
.p-top-popup__day::before, .p-top-popup__day::after {
    position: absolute;
    top: 50%;
    content: "";
    width: 8px;
    height: 1px;
    background: #4DA9D6;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .p-top-popup__day::before, .p-top-popup__day::after {
        width: 2.366667vw;
        height: 0.2666666667vw;
    }
}
.p-top-popup__day::before {
    left: -15px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__day::before {
        left: -4vw;
    }
}
.p-top-popup__day:after {
    right: -15px;
}
@media screen and (max-width: 750px) {
    .p-top-popup__day:after {
        right: -4vw;
    }
}
@media screen and (max-width: 750px) {
    .p-top-popup .c-box-1__info {
        width: 78.9333333333vw;
        margin-inline: auto;
        padding-inline: 0;
        margin-top: 14vw;
    }
}
.p-top-popup .c-box-1__info::before, .p-top-popup .c-box-1__info::after {
    width: 145px;
}
.p-top-popup .c-box-1__info-ttl {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    transform: translateX(20px);
}
@media screen and (max-width: 750px) {
    .p-top-popup .c-box-1__info-ttl {
        transform: translateX(0);
        width: auto;
        padding-left: 0;
        font-size: 4.2666666667vw;
        letter-spacing: 0.1em;
    }
}
.p-top-popup .c-box-1__info-ttl::after {
    background-image: url(/msppoint/membersprogram/202405img/icon_atention.svg);
}
@media screen and (max-width: 750px) {
    .p-top-popup .c-box-1__info-ttl::after {
        background-image: url(/msppoint/membersprogram/202405img/sp/icon_atention.svg);
        top: -8vw;
        left: 50%;
        transform: translateX(-50%);
    }
}
.p-top-popup .c-box-1__info-txt {
    text-align: center;
}
@media screen and (min-width: 751px) {
    .p-top-popup .c-box-1__info-txt {
        width: 102%;
    }
}
@media screen and (max-width: 750px) {
    .p-top-popup .c-box-1__info-txt {
        text-align: left;
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-popup-2
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .edge .c-popup-2 {
        padding: 0 3.33333%;
    }
}

.c-popup-2--top .p-top-btn {
    position: absolute;
    left: 50%;
    bottom: -100px;
    width: 430px;
    transform: translateX(-50%);
    background: linear-gradient(to right, #0074A2 0%, #00587B 100%);
    border: none;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .c-popup-2--top .p-top-btn {
        bottom: -21.3333333333vw;
        width: 89.3333333333vw;
    }
}
.c-popup-2--top .p-top-btn::before {
    -webkit-mask-image: url(/msppoint/membersprogram/202405img/modal/icon_modal_close.svg);
            mask-image: url(/msppoint/membersprogram/202405img/modal/icon_modal_close.svg);
    background-color: #fff;
}
.c-popup-2--top .p-top-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #00587B;
    opacity: 0;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-popup-2--top .p-top-btn:after {
        border-radius: 1.3333333333vw;
    }
}
@media screen and (min-width: 751px) {
    .c-popup-2--top .p-top-btn:hover::after {
        opacity: 1;
    }
}
.c-popup-2--top .p-top-btn--static {
    position: static;
    transform: translateX(0);
    background: #fff;
    color: #133755;
    margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
    .c-popup-2--top .p-top-btn--static {
        margin: 8vw auto 0;
        width: 100%;
    }
}
.c-popup-2--top .p-top-btn--static::before {
    background-image: url(/msppoint/membersprogram/202405img/icon_arrow_link_btn.svg);
}
.c-popup-2--app-medal .c-popup-2__head {
    padding-block: 24px 22px;
    background-color: #0A6B9B;
}
.c-popup-2__head {
    border-radius: 5px 5px 0 0;
    padding: 25px;
}
.c-popup-2__head-icon {
    width: 48px;
}
/* ---------------------------------------------
*   c-popup-list
--------------------------------------------- */
.c-popup-list__note {
    margin-top: 1px;
}
@media screen and (max-width: 750px) {
    .c-popup-list__note {
        margin-top: 1.3333333333vw;
    }
}
.c-popup-list__caption {
    line-height: 1.6;
}

/* ---------------------------------------------
*   c-item-1
--------------------------------------------- */
.c-item-1 {
    margin-top: 35px;
}
@media screen and (max-width: 750px) {
    .c-item-1 {
        margin-top: 3.7333333333vw;
    }
}
.c-item-1__item {
    position: relative;
    width: 47.3%;
}
@media screen and (max-width: 750px) {
    .c-item-1__item {
        width: 100%;
    }
}
.c-item-1__inner {
    margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
    .c-item-1__inner {
        margin-bottom: 6.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-item-2
--------------------------------------------- */
.c-item-2 {
    border-radius: 10px;
}
.c-item-2--type01 {
    border: 1px solid #0074A2;
    background-color: #0074A2;
}
.c-item-2--type01 .c-item-2__num {
    background-color: #0074A2;
}
.c-item-2--type01 .c-item-2__slide-number {
    color: #0074A2;
}
.c-item-2--type01 .swiper-pagination-bullet-active {
    background: #0074A2;
}
.c-item-2--type01 .swiper-button-next:after {
    background-image: url(/msppoint/membersprogram/202405img/mfgroup/icon_slider01_next.svg);
}
.c-item-2--type01 .swiper-button-prev:after {
    background-image: url(/msppoint/membersprogram/202405img/mfgroup/icon_slider01_prev.svg);
}
.c-item-2--type02 {
    border: 1px solid #133755;
    background-color: #133755;
}
.c-item-2--type02 .c-item-2__num {
    background-color: #133755;
}
.c-item-2--type02 .c-item-2__slide-number {
    color: #133755;
}
@media screen and (max-width: 750px) {
    .c-item-2--type02 .c-item-2__img-outer {
        height: 62.1333333333vw;
    }
}
.c-item-2--type02 .swiper-pagination-bullet-active {
    background: #133755;
}
.c-item-2--type02 .swiper-button-next:after {
    background-image: url(/msppoint/membersprogram/202405img/mfgroup/icon_slider02_next.svg);
}
.c-item-2--type02 .swiper-button-prev:after {
    background-image: url(/msppoint/membersprogram/202405img/mfgroup/icon_slider02_prev.svg);
}
.c-item-2__box {
    position: static;
}
@media screen and (max-width: 750px) {
    .c-item-2__box {
        margin-top: 8vw;
    }
}
.c-item-2__head {
    border-radius: 10px 10px 0 0;
    padding: 16px;
}
@media screen and (max-width: 750px) {
    .c-item-2__head {
        border-radius: 2.6666666667vw 2.6666666667vw 0 0;
        padding: 4.2666666667vw;
    }
}
.c-item-2__icn {
    width: 29px;
}
@media screen and (max-width: 750px) {
    .c-item-2__icn {
        width: 7.7333333333vw;
    }
}
.c-item-2__icn img {
    width: 100%;
}
.c-item-2__ttl {
    font-weight: 700;
    font-size: 1.125rem;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .c-item-2__ttl {
        font-size: 4.8vw;
    }
}
.c-item-2__body {
    position: static;
    height: calc(100% - 60px);
}
@media screen and (max-width: 750px) {
    .c-item-2__body {
        height: auto;
    }
}
.c-item-2__img-outer--center {
    align-items: center;
}
.c-item-2__img-outer--mt {
    margin-top: 15px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img-outer--mt {
        margin-top: 4vw;
    }
}
.c-item-2__catch {
    height: 51px;
}
@media screen and (max-width: 750px) {
    .c-item-2__catch {
        height: 13.6vw;
    }
}
.c-item-2__catch-txt {
    white-space: normal;
}
.c-item-2__img--01 {
    width: 230px;
    transform: translateX(-14px);
}
@media screen and (max-width: 750px) {
    .c-item-2__img--01 {
        width: 55.333333vw;
        transform: translateX(0.666667vw);
    }
}
.c-item-2__img--02 {
    width: 149px;
    margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--02 {
        width: 39.7333333333vw;
        margin-bottom: 0;
    }
}
.c-item-2__img--03 {
    width: 230px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--03 {
        width: 53.3333333333vw;
    }
}
.c-item-2__img--04 {
    width: 240px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--04 {
        width: 55.2vw;
    }
}
.c-item-2__img--05 {
    width: 149px;
    margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--05 {
        width: 39.7333333333vw;
        margin-bottom: 0;
    }
}
.c-item-2__img--07 {
    width: 380px;
    margin-bottom: 0;
    margin-top: 66px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--07 {
        width: 68.333333vw;
        margin-bottom: 0;
        margin-top: 66px;
    }
}
.c-item-2__img--07 .c-btn-6 {
    border-radius: 5px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--07 .c-btn-6 {
        border-radius: 1.3333333333vw;
    }
}
.c-item-2__img--08 {
    width: 149px;
    margin-bottom: 0;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--08 {
        width: 39.7333333333vw;
    }
}
.c-item-2__img--09 {
    width: 240px;
    margin-bottom: 0;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--09 {
        width: 64vw;
    }
}
.c-item-2__img--10 {
    width: 240px;
    margin-bottom: 0;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--10 {
        width: 64vw;
    }
}
.c-item-2__img--11 {
    width: 240px;
    margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img--11 {
        width: 64vw;
        margin-bottom: 0;
    }
}
.c-item-2__img-item--2 {
    width: 60px;
}
@media screen and (max-width: 750px) {
    .c-item-2__img-item--2 {
        width: 16vw;
    }
}
.c-item-2__img-item img {
    width: 100%;
}
.c-item-2__img-anno {
    display: block;
    margin-top: 24px;
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 1.4;
    color: #222;
}
.c-item-2__txt {
    margin-top: -5px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-item-2__txt {
        margin-top: 3.4666666667vw;
        text-align: left;
    }
}
.c-item-2__num {
    width: 34px;
    height: 34px;
}
@media screen and (max-width: 750px) {
    .c-item-2__num {
        width: 9.0666666667vw;
        height: 9.0666666667vw;
    }
}
.c-item-2__num-txt {
    font-size: 15px;
}
@media screen and (max-width: 750px) {
    .c-item-2__num-txt {
        font-size: 4vw;
        padding-top: 0.2666666667vw;
    }
}
.c-item-2 .c-btn-6 {
    border: 1px solid #133755;
    color: #133755;
    transition: all 0.3s;
}
.c-item-2 .c-btn-6::before {
    background: unset;
    -webkit-mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_blank.svg);
            mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_blank.svg);
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    width: 13px;
    height: 13px;
    top: 46%;
    right: 10px;
    background-color: #133755;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-item-2 .c-btn-6::before {
        top: 48%;
        width: 3.4666666667vw;
        height: 3.4666666667vw;
        right: 2.6666666667vw;
    }
}
@media screen and (min-width: 751px) {
    .c-item-2 .c-btn-6:hover {
        background-color: #133755;
        color: #fff;
    }
    .c-item-2 .c-btn-6:hover::before {
        background-color: #fff;
    }
}
.c-item-2--type01 {
    border: 1px solid #0074A2;
    background-color: #0074A2;
}
.c-item-2--type01 .c-item-2__num {
    background-color: #0074A2;
}
.c-item-2--type01 .c-item-2__slide-number {
    color: #0074A2;
}
.c-item-2--type01 .swiper-pagination-bullet-active {
    background: #0074A2;
}
.c-item-2--type01 .swiper-button-next:after {
    background: unset;
    content: "";
    position: absolute;
    -webkit-mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_right.svg);
            mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_right.svg);
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    width: 10px;
    height: 17px;
    top: 50%;
    left: 53%;
    background-color: #0074A2;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-item-2--type01 .swiper-button-next:after {
        width: 2.6666666667vw;
        height: 4.5333333333vw;
    }
}
.c-item-2--type01 .swiper-button-prev:after {
    background: unset;
    content: "";
    position: absolute;
    -webkit-mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_left.svg);
            mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_left.svg);
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    width: 10px;
    height: 17px;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    background-color: #0074A2;
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-item-2--type01 .swiper-button-prev:after {
        width: 2.6666666667vw;
        height: 4.5333333333vw;
    }
}
.c-item-2--type02 {
    border: 1px solid #133755;
    background-color: #133755;
}
.c-item-2--type02 .c-item-2__num {
    background-color: #133755;
}
.c-item-2--type02 .c-item-2__slide-number {
    color: #133755;
}
@media screen and (max-width: 750px) {
    .c-item-2--type02 .c-item-2__img-outer {
        height: 62.1333333333vw;
    }
}
.c-item-2--type02 .swiper-pagination-bullet-active {
    background: #133755;
}
.c-item-2--type02 .swiper-button-next:after {
    background: unset;
    content: "";
    position: absolute;
    -webkit-mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_right.svg);
            mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_right.svg);
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    width: 10px;
    height: 17px;
    top: 50%;
    left: 53%;
    background-color: #133755;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-item-2--type02 .swiper-button-next:after {
        width: 2.6666666667vw;
        height: 4.5333333333vw;
    }
}
.c-item-2--type02 .swiper-button-prev:after {
    background: unset;
    content: "";
    position: absolute;
    -webkit-mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_left.svg);
            mask: url(/msppoint/membersprogram/202405img/mfgroup/icon_arrow_left.svg);
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    width: 10px;
    height: 17px;
    top: 50%;
    left: 47%;
    background-color: #133755;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-item-2--type02 .swiper-button-prev:after {
        width: 2.6666666667vw;
        height: 4.5333333333vw;
    }
}

.c-item-2--type01 .swiper-button-next, .c-item-2--type01 .swiper-button-prev,
.c-item-2--type02 .swiper-button-next, .c-item-2--type02 .swiper-button-prev {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    border: 1px solid;
    background-color: #fff;
    top: 56.8%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
@media screen and (max-width: 750px) {
    .c-item-2--type01 .swiper-button-next, .c-item-2--type01 .swiper-button-prev,
    .c-item-2--type02 .swiper-button-next, .c-item-2--type02 .swiper-button-prev {
        top: 58%;
        width: 9.6vw;
        height: 9.6vw;
    }
}

.c-item-2--type01 .swiper-button-next, .c-item-2--type01 .swiper-button-prev {
    border-color: #0074A2;
}

.c-item-2--type02 .swiper-button-next, .c-item-2--type02 .swiper-button-prev {
    border-color: #133755;
}

.c-item-2 .swiper-button-next {
    right: -17px;
}

.c-item-2 .swiper-button-prev {
    left: -17px;
}

@media screen and (min-width: 751px) {
    .c-item-2--type01 .swiper-button-next:hover,
    .c-item-2--type01 .swiper-button-prev:hover {
        background-color: #0074A2;
    }
    .c-item-2--type01 .swiper-button-next:hover:after,
    .c-item-2--type01 .swiper-button-prev:hover:after {
        background-color: #fff;
    }
    .c-item-2--type02 .swiper-button-next:hover,
    .c-item-2--type02 .swiper-button-prev:hover {
        background-color: #133755;
    }
    .c-item-2--type02 .swiper-button-next:hover:after,
    .c-item-2--type02 .swiper-button-prev:hover:after {
        background-color: #fff;
    }
}

/* ---------------------------------------------
*   c-item-4
--------------------------------------------- */
.c-item-4__box {
    max-width: 1000px;
    margin-inline: auto;
    justify-content: space-between;
}
@media screen and (max-width: 750px) {
    .c-item-4__box {
        justify-content: center;
        align-items: stretch;
        gap: 1.8666666667vw;
        margin-top: 8.8vw;
    }
}
.c-item-4__box-item {
    width: 490px;
}
@media screen and (max-width: 750px) {
    .c-item-4__box-item {
        width: 43.7333333333vw;
    }
}
.c-item-4__box-item:last-of-type {
    margin: 0;
}
.c-item-4__note {
    margin-top: 29px;
}
@media screen and (max-width: 750px) {
    .c-item-4__note {
        margin-top: 3.2vw;
    }
}
.c-item-4__box-link {
    position: relative;
    z-index: 0;
    display: block;
    padding-top: 20px;
    border: none;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    background: #315C81;
}
@media screen and (max-width: 750px) {
    .c-item-4__box-link {
        padding-top: 4vw;
    }
}
.c-item-4__box-link::before {
    content: none;
}
.c-item-4__box-link:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to bottom, #13324D 0%, #254E72 60%, #315C81 100%);
    opacity: 0;
    transition: 0.3s;
}
@media screen and (max-width: 750px) {
    .c-item-4__box-link:after {
        border-radius: 1.3333333333vw;
    }
}
@media screen and (min-width: 751px) {
    .c-item-4__box-link:hover::after {
        opacity: 1;
    }
}
.c-item-4__box-img-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 10px;
}
@media screen and (max-width: 750px) {
    .c-item-4__box-img-wrap {
        flex-direction: column;
        align-items: center;
    }
}
.c-item-4__box-img-outer {
    height: auto;
}
.c-item-4__box-img {
    width: 400px;
}
@media screen and (max-width: 750px) {
    .c-item-4__box-img {
        width: calc(131 / 375 * 100vw);
    }
}
.c-item-4__box-img--2 {
    width: 195px;
}
@media screen and (max-width: 750px) {
    .c-item-4__box-img--2 {
        width: 34.66666667vw;
    }
}
.c-item-4__box-logo {
    width: 100%;
    margin-top: 26px;
    background-color: #fff;
}
@media screen and (max-width: 750px) {
    .c-item-4__box-logo {
        margin-top: 2.9333333333vw;
    }
}
.c-item-4__box-logo img {
    width: 100%;
}
.c-item-4__box-foot {
    background-color: unset;
}

/* ---------------------------------------------
*   c-item-15
--------------------------------------------- */
.c-item-15 {
    margin-top: 40px;
}
@media screen and (max-width: 750px) {
    .c-item-15 {
        margin-top: 4.5333333333vw;
    }
}
.c-item-15__item {
    width: 47.8%;
}
@media screen and (max-width: 750px) {
    .c-item-15__item {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-item-16
--------------------------------------------- */
.c-item-16 {
    position: relative;
    overflow: visible;
}
.c-item-16__box {
    position: static;
}
.c-item-16__item {
    padding-right: 12.294958%;
    padding-left: 3.9915966387%;
}
@media screen and (max-width: 750px) {
    .c-item-16__item {
        padding-right: 4.5vw;
        padding-left: 3.666667vw;
    }
}
.c-item-16__item--2 {
    padding-right: calc(27 / 478 * 100%);
    padding-left: calc(17 / 478 * 100%);
}
.c-item-16__note-outer {
    margin: 25px 0 25px 68px;
}
@media screen and (max-width: 750px) {
    .c-item-16__note-outer {
        margin: 6.1333333333vw 8vw 5.333333vw 11.8vw;
    }
}
.c-item-16__note-outer--type2 {
    margin: 13px 0 8px 67px;
}
@media screen and (max-width: 750px) {
    .c-item-16__note-outer--type2 {
        margin: 5.3333333333vw 0 1.3333333333vw 1.3333333333vw;
    }
}
@media screen and (min-width: 751px) {
    .c-item-16__note-outer--l {
        margin: 25px 0 25px 93px;
    }
}
@media screen and (min-width: 751px) {
    .windows .c-item-16__note-outer--l {
        margin: 25px 0 25px 88px !important;
    }
}

@media screen and (min-width: 751px) {
    .c-item-16__note--l {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 750px) {
    .c-item-16__box {
        margin-top: 5.0666666667vw;
    }
}
.c-item-16__note {
    font-size: 10px;
}
@media screen and (max-width: 750px) {
    .c-item-16__note {
        font-size: 2.6666666667vw;
    }
}
.c-item-16__body {
    position: static;
    overflow: hidden;
}
.c-item-16__anno {
    margin: 13px 0 8px 67px;
}
@media screen and (max-width: 750px) {
    .c-item-16__anno {
        margin: 5.3333333333vw 4.2666666667vw 1.3333333333vw 13.333333vw;
    }
}
.c-item-16__anno-txt {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}
@media screen and (max-width: 750px) {
    .c-item-16__anno-txt {
        font-size: 2.6666666667vw;
    }
}
.c-item-16__num {
    width: 34px;
    height: 34px;
}
@media screen and (max-width: 750px) {
    .c-item-16__num {
        width: 9.0666666667vw;
        height: 9.0666666667vw;
    }
}
.c-item-16__num-txt {
    font-size: 0.9375rem;
}
@media screen and (max-width: 750px) {
    .c-item-16__num-txt {
        font-size: 4vw;
    }
}

.c-item-16 .swiper-button-next, .c-item-16 .swiper-button-prev {
    top: 53%;
    background-color: #fff;
    border-radius: 50%;
}

.c-item-16 .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -17px;
}

.c-item-16 .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -17px;
}

.c-item-16--02 {
    height: auto;
}

/* ---------------------------------------------
*   .c-item-18
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .c-item-18 {
        margin: 7vw auto 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-item-11
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .c-item-11--type5 .c-item-11__link {
        padding: 2.6666666667vw 4.8vw 2.6666666667vw 2.4vw;
    }
}

.c-item-11--type2 {
    margin-top: 15px;
}
@media screen and (max-width: 750px) {
    .c-item-11--type2 {
        margin-top: 4vw;
    }
}

@media screen and (min-width: 751px) {
    .c-item-11--type5 {
        margin-bottom: 40px;
    }
}

.c-item-11__link:after {
    width: 11px;
    height: 11px;
}
@media screen and (max-width: 750px) {
    .c-item-11__link:after {
        width: 2.9333333333vw;
        height: 2.9333333333vw;
    }
}

.c-item-11--type2 .c-item-11__link {
    padding: 20px 15px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    filter: none;
}
@media screen and (max-width: 750px) {
    .c-item-11--type2 .c-item-11__link {
        padding: 4.2666666667vw 3.4666666667vw 3.7333333333vw;
    }
}

@media screen and (max-width: 750px) {
    .c-item-11--type2 .c-item-11__link:after {
        width: 3.2vw;
        height: 3.4666666667vw;
        right: 1.8666666667vw;
    }
}

.c-item-11--type3 .c-item-11__link {
    padding: 15px;
    filter: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 750px) {
    .c-item-11--type3 .c-item-11__link {
        padding: 4.2666666667vw 3.4666666667vw 3.7333333333vw;
    }
}

.c-item-11--type4 .c-item-11__link {
    filter: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    line-height: 1.6;
}

.c-item-11--type5 .c-item-11__link {
    padding: 15px;
}
@media screen and (max-width: 750px) {
    .c-item-11--type5 .c-item-11__link {
        padding: 3.166667vw 4.8vw 3.166667vw 2.4vw;
    }
}

.c-item-16__body .note.note--02 {
    padding-left: 1em;
    text-indent: -1em;
}

.note--02-mt {
    margin-block: 23px !important;
}
@media screen and (max-width: 750px) {
    .note--02-mt {
        margin-block: 6.1333333333vw !important;
    }
}

.c-item-16__img--10 {
    width: 254px;
    margin-left: 40px;
    margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
    .c-item-16__img--10 {
        width: 54.9333333333vw;
        margin-bottom: 0;
        margin-left: 4.8vw;
    }
}

.c-item-16__img--12 {
    width: 254px;
    margin-left: 40px;
    margin-bottom: 5px;
    transform: translateY(36px);
}
@media screen and (max-width: 750px) {
    .c-item-16__img--12 {
        width: 54.9333333333vw;
        margin-bottom: 0;
        margin-left: 4.8vw;
        transform: translateY(14.6666666667vw);
    }
}
.c-item-16__img--13 {
    margin-top: 31px;
    width: 169px;
}
@media screen and (max-width: 750px) {
    .c-item-16__img--13 {
        margin-top: 0;
        margin-bottom: calc(-23 / 375 * 100vw);
        width: calc(162 / 375 * 100vw);
    }
}
.c-item-16__img--14 {
    margin-top: 10px;
    width: 169px;
}
@media screen and (max-width: 750px) {
    .c-item-16__img--14 {
        margin-top: 0;
        margin-bottom: calc(-8 / 375 * 100vw);
        width: calc(162 / 375 * 100vw);
    }
}
.c-item-16__img--15 {
    margin-top: 59px;
    width: 169px;
}
@media screen and (max-width: 750px) {
    .c-item-16__img--15 {
        margin-top: 0;
        margin-bottom: calc(6 / 375 * 100vw);
        width: calc(162 / 375 * 100vw);
    }
}
.c-item-16__img--16 {
    margin-top: 8px;
    width: 169px;
}
@media screen and (max-width: 750px) {
    .c-item-16__img--16 {
        margin-top: 0;
        margin-bottom: calc(31 / 375 * 100vw);
        width: calc(162 / 375 * 100vw);
    }
}
.c-item-16__img--17 {
    margin-top: 35px;
    width: 139px;
}
@media screen and (max-width: 750px) {
    .c-item-16__img--17 {
        margin-top: 0;
        margin-bottom: calc(34 / 375 * 100vw);
        width: calc(151 / 375 * 100vw);
    }
}
.c-item-18__list-item-txt {
    line-height: 1.3;
}
.c-item-18__label {
    color: #133755;
}
@media screen and (max-width: 750px) {
    .android .c-item-18__note {
        padding-left: 0.7em;
        text-indent: -0.7em;
    }
}

/* ---------------------------------------------
*
--------------------------------------------- */
hr[id^=""] {
    display: block;
    width: 100%;
    height: 0;
    padding: 75px;
    border: 0;
    margin: -75px;
    background: 0;
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    hr[id^=""] {
        padding-top: 21.3333333333vw !important;
        margin-top: -21.3333333333vw !important;
    }
}

hr[id^=tab],
hr[id^=anchor-] {
    display: block;
    width: 100%;
    height: 0;
    padding: 70px;
    border: 0;
    margin: -70px;
    background: 0;
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    hr[id^=tab],
    hr[id^=anchor-] {
        padding-top: 21.3333333333vw !important;
        margin-top: -21.3333333333vw !important;
    }
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

@media print and (min-width: 751px), screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 750px), screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 1.3333333333vw !important;
    }
    .mgt-sp--10 {
        margin-top: 2.6666666667vw !important;
    }
    .mgt-sp--15 {
        margin-top: 4vw !important;
    }
    .mgt-sp--20 {
        margin-top: 5.3333333333vw !important;
    }
    .mgt-sp--25 {
        margin-top: 6.6666666667vw !important;
    }
    .mgt-sp--30 {
        margin-top: 8vw !important;
    }
    .mgt-sp--35 {
        margin-top: 9.3333333333vw !important;
    }
    .mgt-sp--40 {
        margin-top: 10.6666666667vw !important;
    }
    .mgt-sp--45 {
        margin-top: 12vw !important;
    }
    .mgt-sp--50 {
        margin-top: 13.3333333333vw !important;
    }
    .mgt-sp--55 {
        margin-top: 14.6666666667vw !important;
    }
    .mgt-sp--60 {
        margin-top: 16vw !important;
    }
    .mgt-sp--65 {
        margin-top: 17.3333333333vw !important;
    }
    .mgt-sp--70 {
        margin-top: 18.6666666667vw !important;
    }
    .mgt-sp--75 {
        margin-top: 20vw !important;
    }
    .mgt-sp--80 {
        margin-top: 21.3333333333vw !important;
    }
    .mgt-sp--85 {
        margin-top: 22.6666666667vw !important;
    }
    .mgt-sp--90 {
        margin-top: 24vw !important;
    }
    .mgt-sp--95 {
        margin-top: 25.3333333333vw !important;
    }
    .mgt-sp--100 {
        margin-top: 26.6666666667vw !important;
    }
    .mgt-sp--105 {
        margin-top: 28vw !important;
    }
    .mgt-sp--110 {
        margin-top: 29.3333333333vw !important;
    }
    .mgt-sp--115 {
        margin-top: 30.6666666667vw !important;
    }
    .mgt-sp--120 {
        margin-top: 32vw !important;
    }
    .mgt-sp--125 {
        margin-top: 33.3333333333vw !important;
    }
    .mgt-sp--130 {
        margin-top: 34.6666666667vw !important;
    }
    .mgt-sp--135 {
        margin-top: 36vw !important;
    }
    .mgt-sp--140 {
        margin-top: 37.3333333333vw !important;
    }
    .mgt-sp--145 {
        margin-top: 38.6666666667vw !important;
    }
    .mgt-sp--150 {
        margin-top: 40vw !important;
    }
    .mgt-sp--155 {
        margin-top: 41.3333333333vw !important;
    }
    .mgt-sp--160 {
        margin-top: 42.6666666667vw !important;
    }
    .mgt-sp--165 {
        margin-top: 44vw !important;
    }
    .mgt-sp--170 {
        margin-top: 45.3333333333vw !important;
    }
    .mgt-sp--175 {
        margin-top: 46.6666666667vw !important;
    }
    .mgt-sp--180 {
        margin-top: 48vw !important;
    }
    .mgt-sp--185 {
        margin-top: 49.3333333333vw !important;
    }
    .mgt-sp--190 {
        margin-top: 50.6666666667vw !important;
    }
    .mgt-sp--195 {
        margin-top: 52vw !important;
    }
    .mgt-sp--200 {
        margin-top: 53.3333333333vw !important;
    }
    .mgt-sp--205 {
        margin-top: 54.6666666667vw !important;
    }
    .mgt-sp--210 {
        margin-top: 56vw !important;
    }
    .mgt-sp--215 {
        margin-top: 57.3333333333vw !important;
    }
    .mgt-sp--220 {
        margin-top: 58.6666666667vw !important;
    }
    .mgt-sp--225 {
        margin-top: 60vw !important;
    }
    .mgt-sp--230 {
        margin-top: 61.3333333333vw !important;
    }
    .mgt-sp--235 {
        margin-top: 62.6666666667vw !important;
    }
    .mgt-sp--240 {
        margin-top: 64vw !important;
    }
    .mgt-sp--245 {
        margin-top: 65.3333333333vw !important;
    }
    .mgt-sp--250 {
        margin-top: 66.6666666667vw !important;
    }
}
/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 1.3333333333vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 2.6666666667vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 5.3333333333vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 6.6666666667vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 9.3333333333vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 10.6666666667vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 13.3333333333vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 14.6666666667vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 17.3333333333vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 18.6666666667vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 21.3333333333vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 22.6666666667vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 25.3333333333vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 26.6666666667vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 29.3333333333vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 30.6666666667vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 33.3333333333vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 34.6666666667vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 36vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 37.3333333333vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 38.6666666667vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 40vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 41.3333333333vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 42.6666666667vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 44vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 45.3333333333vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 46.6666666667vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 48vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 49.3333333333vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 50.6666666667vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 52vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 53.3333333333vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 54.6666666667vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 56vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 57.3333333333vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 58.6666666667vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 60vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 61.3333333333vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 62.6666666667vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 64vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 65.3333333333vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 66.6666666667vw !important;
    }
}
.c-item-16 .swiper-pagination-bullet {
    margin: 0 2px !important;
}

@media screen and (max-width: 750px) {
    .c-item-16 .swiper-pagination-bullet {
        margin: 0 calc((2 / 375) * 100vw) !important;
    }
}
.c-item-2 .swiper-pagination-bullet {
    margin: 0 2px !important;
}

@media screen and (max-width: 750px) {
    .c-item-2 .swiper-pagination-bullet {
        margin: 0 calc((2 / 375) * 100vw) !important;
    }
}

/* ---------------------------------------------
*   0917membersprogram　追加
--------------------------------------------- */
.c-item-4__box-link-living {
    position: relative;
    background-color: #fff !important;
    border-top: 23px solid #315C81;
    display: block;
    cursor: pointer;
    transition: .3s;
}

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

    .c-item-4__box-link-living {
        border-top: calc(7 / 375 * 100vw) solid #315C81;
    }
}

.c-item-4__box-link-living::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #315C81;
    top: 3px;
    left: 0;
    opacity: 1;
    transition: .3s;
}

.c-item-4__box-link-living::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to top, #e3e3e3 0%, #fff 100%);
    opacity: 0;
    transition: .3s;
}

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

    .c-item-4__box-link-living:hover.c-item-4__box-link-living::before {
        opacity: 1;
    }
}

.c-item-4__box-link-living .c-item-4__box-logo {
    margin-top: 2px;
    margin-bottom: 2px;
}

.p-ttl-medal-content {
    display: flex;
    column-gap: 11px;
    justify-content: center;
    margin-bottom: 12px;
}

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

    .p-ttl-medal-content {
        flex-direction: column;
        margin-bottom: 0;
    }

    .c-item-4__box-link-living::after {
        top: 2px;
    }
}

.p-ttl-medal-content__img {
    display: flex;
    column-gap: 2px;
    align-items: center;
}

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

    .p-ttl-medal-content__img {
        margin-left: calc(1 / 375 * 100vw);
        justify-content: center;
        column-gap: 3px;
    }

    .p-ttl-medal-content__img img {
        width: calc(20 / 375 *100vw);
        /* height: 100%; */
    }

    .c-item-4__box-img-living img {
        width: 100%;
        height: auto;
    }

}

.p-ttl-medal-content__ttl {
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    font-size: 16px;
    line-height: calc(30 / 16);
    text-align: center;
    color: #133755;
}

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

    .p-ttl-medal-content__ttl {
        margin-bottom: calc(7 / 375 * 100vw);
        font-size: calc(20 / 375 * 100vw);
        line-height: calc(30 / 20);
    }

}

.c-item-4__box-link-living .c-item-4__box-foot {
    position: relative;
    background-color: #315C81;
    padding: 11px 0;
}

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

    .c-item-4__box-link-living .c-item-4__box-foot {
        padding: calc(5 / 375 * 100vw) 0;
    }
}

.c-item-4__box-link-living .c-item-4__box-foot:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #315C81;
    left: 0;
    top: -4px;
}

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

    .c-item-4__box-link-living .c-item-4__box-foot:before {
        top: -3px;
    }
}

.p-group-cassette-3__body-top {
    display: block;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    border: 2px solid transparent;
    padding: 26px 31px;
    margin-top: 21px;
    transition: .3s;
}

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

    .p-group-cassette-3__body-top:hover {
        border: 2px solid #133755;
    }
}

.p-ttl-mps-01 {
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.p-ttl-mps-01::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 360px;
    height: 1px;
    background: url(../202409img/path_left.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .p-ttl-mps-01::before {
        background-image: url(../202409img/sp/path_left.png);
        width: calc(68 / 375 * 100vw);
        left: calc(-5 / 375 * 100vw);
    }
}

.p-ttl-mps-01::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 360px;
    height: 1px;
    background: url(../202409img/path-right.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
    .p-ttl-mps-01::after {
        background-image: url(../202409img/sp/path_right.png);
        width: calc(68 / 375 * 100vw);
        right: calc(-5 / 375 * 100vw);
    }
}

.p-ttl-mps-01-02::before,
.p-ttl-mps-01-02::after  {
    /* background-size: 170px; */
    width: 170px;
}

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

    .p-ttl-mps-01-02::before,
    .p-ttl-mps-01-02::after {
        top: 80%;
    }
}

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

    .p-ttl-mps-01-02::before,
    .p-ttl-mps-01-02::after {
        content: none;
    }
}

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

    .p-ttl-mps-01__logo img {
        width: calc(36 / 375 * 100vw);
        height: auto;
    }
}


.p-ttl-mps-01__logo-02 {
    display: flex;
    column-gap: 5px;
}

.p-ttl-mps-01__inner {
    display: flex;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
}

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

    .p-ttl-mps-01__inner-02 {
        flex-direction: column;
        row-gap: 10px;
    }
}

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

    .p-ttl-mps-01__inner-02 {
        flex-direction: column;
        row-gap: 0;
    }
}

.p-ttl-mps-01__txt {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: "Shippori Mincho", serif;
}

@media screen and (min-width: 751px) {
    .p-ttl-mps-01__txt-ph {
        display: none;
    }
}

.p-ttl-mps-01__txt-01 {
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    color: #000;
}


@media screen and (max-width: 750px) {
    .p-ttl-mps-01__txt {
        font-size: calc(14 / 375 * 100vw);
    }

    .p-ttl-mps-01__txt-01 {
        display: none;
    }

    .p-ttl-mps-01__txt-ph {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: calc(9 / 375 * 100vw);
        position: relative;
        position: relative;
        font-size: calc(14 / 375 * 100vw);
    }

    .p-ttl-mps-01__txt-ph::before {
        content: "";
        position: absolute;
        top: 80%;
        left: 0;
        transform: translateY(-50%);
        width: calc(68 / 375 * 100vw);
        height: 1px;
        background: url(../202409img/sp/path_left.png) 0 0 no-repeat;
        background-size: 100% 100%;
    }

    .p-ttl-mps-01__txt-ph::after {
        content: "";
        position: absolute;
        top: 80%;
        right: 0;
        transform: translateY(-50%);
        width: calc(68 / 375 * 100vw);
        height: 1px;
        background: url(../202409img/sp/path_right.png) 0 0 no-repeat;
        background-size: 100% 100%;
    }
}
.p-group-cassette-limit__list-img {
    width: 100%;
}

.p-group-cassette-limit__list-img img {
    width: 100%;
    height: 134px;
    object-fit: contain;
}

@media screen and (max-width: 750px) {
    .p-group-cassette-limit__list-img img {
        width: 100%;
        height: auto;
    }
}

.p-group-cassette-limit__list-desc-box {
    margin-top: 11px;
    display: flex;
}

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

    .p-group-cassette-limit__list-desc-box {
        margin-top: 0;
    }
}

.p-group-cassette-limit__list-desc-box-mgt {
    margin-top: 16px;
}

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

    .p-group-cassette-limit__list-desc-box-mgt {
        margin-top: calc(8 / 375 * 100vw);
    }
}

.p-group-cassette-limit__list-desc-box small {
    font-size: 12px;
    display: inline;
    margin-top: -10px;
}

.p-group-cassette-limit__list-desc {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    margin-top: -10px;
}

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

    .p-group-cassette-limit__list-desc {
        margin-top: 0;
        font-size: calc(12 / 375 * 100vw);
    }

    .p-group-cassette-limit__list-desc-box small {
        margin-top: 0;
        font-size: calc(12 / 375 * 100vw);
    }
}


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

    .p-group-cassette-3__body-top-living {
        width: 490px;
        margin-inline: auto;
    }
}

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

    .p-group-cassette-3__body-top-living {
        width: 100%;
        padding: calc(20 / 375 * 100vw) calc(18 / 375 * 100vw) calc(6 / 375 * 100vw);
    }
}

.p-group-cassette-3__body-top-txt {
    display: block;
    color: #133755;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    position: relative;
    padding-right: 6px;
}

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

    .p-group-cassette-3__body-top-txt {
        margin-top: calc(10 / 375 * 100vw);
        font-size: calc(13 / 375 * 100vw);
        padding-right: calc(6 / 375 * 100vw)
    }
}

.p-group-cassette-3__body-top-txt::after {
    position: absolute;
    content: "";
    position: absolute;
    right: -20px;
    background: url(../202409img/icn_arrow.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
}

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

    .p-group-cassette-3__body-top-txt::after {
        top: calc(4 / 375 * 100vw);
        right: calc(-10 / 375 * 100vw);
        width: calc(12 / 375 * 100vw);
        height: calc(12 / 375 * 100vw);
    }
}

/* ---------------------------------------------
*   membershipprogram
--------------------------------------------- */
.p-top-card-2-living {
    padding-block: 50px 90px;
}

.p-ttl-living {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #333;
    display: block;
}

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

    .p-ttl-living {
        font-size: calc(20 / 375 * 100vw);
        line-height: calc(26 / 20);
    }
}

.p-ttl-living small {
    font-weight: bold;
    font-size: 18px !important;
    letter-spacing: 0.05em;
    text-align: center;
    color: #333;
}

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

    .p-ttl-living small {
        font-size: calc(14 / 375 * 100vw) !important;
    }
}

.p-top-card-living {
    padding: 36px 40px 50px;
}

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

    .p-top-card-living {
        padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
    }
}

.p-top-card-living .p-top-card-4__img {
    width: 390px;
}

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

    .p-top-card-living .p-top-card-4__img {
        width: 100%;
    }
}

.c-txt-living {
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: #666;
    text-align: left;
    margin-bottom: 11px;
}

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

    .c-txt-living {
        display: block;
        font-size: calc(12 / 375 * 100vw);
        text-align: left;
        padding-left: 1em;
        text-indent: -1em;
        margin-bottom: calc(20 / 375 * 100vw);
    }
}

.c-txt-living-2 {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: calc(16 / 12);
    text-align: left;
    color: #666;
}

.c-txt-living-2-mgt {
    margin-top: 20px;
}

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

    .c-txt-living-2 {
        display: block;
        font-size: calc(12 / 375 * 100vw);
        text-align: left;
        padding-left: 1em;
        text-indent: -1em;
    }

    .c-txt-living-2-mgt {
        margin-top: calc(20 / 375 * 100vw);
    }

    .c-txt-living-2-outer {
        padding-inline: calc(6 / 375 * 100vw);
    }

    .c-txt-living small {
        margin-right: 5px;
    }
}

.p-top-card-4__btn-living {
    margin-top: 45px;
}

.p-top-card-4-living .p-top-card-4__ttl {
    border-bottom: none;
}

.p-top-card-living .p-ttl-living {
    display: inline-block;
    position: relative;
    padding-inline: 40px;
}

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

    .p-top-card-living .p-ttl-living {
        padding-inline: calc(20 / 375 * 100vw);
        margin-right: 5px;
    }
}

.p-top-card-living .p-ttl-living::before,
.p-top-card-living .p-ttl-living::after {
    position: absolute;
    content: "";
    background:url(../202409img/icn_sliver.png) 0 0 no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 9px;
    left: 0;
    bottom: 8px;
}

.p-top-card-living .p-ttl-living::after {
    background-image: url(../202409img/icn_silver-right.png);
}

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

    .p-top-card-living .p-ttl-living::before,
    .p-top-card-living .p-ttl-living::after {
        width: calc(40 / 375 * 100vw);
        height: calc(9 / 375 * 100vw);
        left: calc(-25 / 375 * 100vw);
    }
}

.p-top-card-living .p-ttl-living::after {
    left: auto;
    right: 0;
}

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

    .p-top-card-living .p-ttl-living::after {
        right: calc(-25 / 375 * 100vw);
    }
}

.p-top-card-living-gold .p-ttl-living::before,
.p-top-card-living-gold .p-ttl-living::after {
    background-image: url(../202409img/icn_gold.png);
}

.p-top-card-living-gold .p-ttl-living::after {
    background-image: url(../202409img/icn_gold-right.png);
}

.p-top-card-living .p-top-card-3__ttl-desc {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #333;
    margin-top: 33px;
    line-height: calc(28 / 16);
}

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

    .p-top-card-living .p-top-card-3__ttl-desc {
        font-size: calc(16 / 375 * 100vw);
        color: #333;
        line-height: calc(28 / 16);
        letter-spacing: 0.02em;
    }
}

.p-ttl-living-02::before {
    background-image: url(../202409img/icn_premium.png) !important;
}

.p-ttl-living-02::after {
    background-image: url(../202409img/icn_premium-right.png) !important;
}

.p-ttl-living-02::before {
    left: -16px !important;
}

.p-ttl-living-02::after {
    right: -16px !important;
}

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

    .p-ttl-living-02::before {
        left: calc(-30 / 375 * 100vw) !important;
    }

    .p-ttl-living-02::after {
        right: calc(-30 / 375 * 100vw) !important;
    }
}

.p-top-card-living .p-top-card-premium__list {
    width: 880px;
    margin: 30px auto 0;
}

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

    .p-top-card-living .p-top-card-premium__list {
        width: 100%;
    }
}

.p-top-card-living .p-top-card-premium__list-head {
    position: relative;
    padding: 25px 10px;
    border-radius: 4px 4px 0px 0px;
    background: #133755;
}

.p-top-card-living .p-top-card-premium__list-head ::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    bottom: 2px;
    left: 0;
}

.p-top-card-4__head-living {
    position: relative;
}

.p-top-card-4__head-living:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    bottom: 2px;
    left: 0;
}

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

    .p-top-card-living .p-top-card-premium__list-head {
        padding-block: 3.57vw;
    }
}

.p-top-card-living .p-top-card-premium__list-head-ttl {
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

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

    .p-top-card-living .p-top-card-premium__list-head-ttl {
        font-size: 4.2666666667vw;
        line-height: 1.5;
    }
}

.p-top-card-living .p-top-card-premium__list-body {
    display: flex;
    column-gap: 40px;
    padding: 27px 28px;
    background-color: #F6F6F6;
    border: 1px solid #EAEAEA;
    border-radius: 0px 0px 4px 4px;
}

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

    .p-top-card-living .p-top-card-premium__list-body {
        flex-direction: column;
        padding: calc(17 / 375 * 100vw) calc(15 / 375 * 100vw) calc(41 / 375 * 100vw);
    }
}

.p-top-card-living .p-top-card-premium__list-body-right {
    width: 50%;
}

.p-top-card-living .p-top-card-premium__list-body-img {
    width: calc(50% - 40px);
}

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

    .p-top-card-living .p-top-card-premium__list-body-img {
        width: 100%;
    }

    .p-top-card-living .p-top-card-premium__list-body-right {
        width: 100%;
    }
}

.p-top-card-living .p-top-card-premium__list-body-img img,
.p-top-card-living .p-top-card-premium__list-body-logo img {
    width: 100%;
    height: 100%;
}

.p-top-card-living .p-top-card-premium__list-body-logo-01 {
    width: 186px;
}

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

    .p-top-card-living .p-top-card-premium__list-body-logo-01 {
        display: none;
    }

    .p-top-card-living .p-top-card-premium__list-body-logo-02 {
        display: block;
        width: calc(176 / 375 * 100vw);
        width: 46.9333333333vw;
        margin: 0 auto 3.4666666667vw;
    }

    .p-top-card-living .p-top-card-premium__list-body-logo-02 img {
        max-width: 100%;
        vertical-align: bottom;
    }
}

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

    .p-top-card-living .p-top-card-premium__list-body-logo-02 {
        display: none;
    }
}

.p-top-card-living .p-top-card-premium__list-body-desc {
    margin-top: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(28 / 16);
    text-align: left;
    color: #333;
}

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

    .p-top-card-living .p-top-card-premium__list-body-desc {
        font-size: calc(16 / 375 * 100vw);
        margin-top: 3.233333vw;
    }
}

.p-top-card-living .p-top-card-3__btn {
    width: 100%;
}

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

    .p-top-card-living .p-top-card-3__btn {
        margin-top: calc(20 / 375 * 100vw);
    }
}

.p-top-card-living__body .p-top-card-premium__list {
    display: flex;
    column-gap: 20px;
}

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

    .p-top-card-living__body .p-top-card-premium__list {
        flex-direction: column;
        width: 100%;
    }
}

.p-top-card-living__body .p-top-card-premium__list-item {
    width: calc(50% - 20px);
    /* display: grid; */
    /* grid-template-rows: subgrid;
    grid-row: span 4; */
}

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

    .p-top-card-living__body .p-top-card-premium__list-item {
        width: 100%;
    }
}

.p-top-card-living__body .p-top-card-premium__list-body {
    width: 100%;
    display: block;
}

.p-top-card-living__body .p-top-card-premium__list-body-logo {
    width: 186px;
    min-height: 36px;
    margin-inline: auto;
}

.p-top-card-living__body .p-top-card-premium__list-body-img {
    width: 100%;
    margin-top: 20px;
}

.p-top-card-living__body .p-top-card-premium__list-body-note {
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    color: #666;
}

.p-top-card-living__body .c-txt {
    display: block;
    text-align: left;
}

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

    .p-top-card-living__body .c-txt {
        display: block;
        text-align: left;
    }
}

.p-top-card-living__body .p-top-card-premium__list-body-desc {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #333;
}

.p-top-card-living__btn {
    margin-top: 50px;
}

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

    .pc-hide-living {
        display: none;
    }
}

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

    .sp-hide-living {
        display: none;
    }
}

.p-medal-content {
    display: flex;
    column-gap: 6px;
    justify-content: center;
    margin-bottom: 19px;
}

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

    .p-medal-content__img {
        width: calc(58 / 375 * 100vw);
    }

    .p-medal-content__img img {
        display: block;
        width: 100%;
        height: 100%;
    }
}

.p-ttl-living-club {
    font-family: "Shippori Mincho", serif;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    color: #000;
    margin-right: -1px;
    letter-spacing: 0;
}

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

    .p-ttl-living-club {
        font-size: calc(14 / 375 * 100vw);
        line-height: calc(17 / 14);
        margin-top: 3px;
        margin-right: 0;
    }
}

.p-top-card-living__ttl-outer {
    width: 435px;
}

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

    .p-top-card-living__ttl-outer {
        width: 100%;
    }
}

.p-top-card-living__ttl-outer-02 {
    width: 500px;
}
@media screen and (max-width: 750px) {
    .p-top-card-living__ttl-outer-02 {
        width: 100%;
    }
}
.p-top-card-living__ttl-outer-02--2 {
    margin-top: -18px;
}
@media screen and (max-width: 750px) {
    .p-top-card-living__ttl-outer-02--2 {
        margin-top: 0;
    }
}
.p-top-card-living__ttl {
    transform: translateX(0);
}

.p-top-card-living__ttl-02 {
    position: relative;
    margin-top: 50px;
    margin-bottom: 23px;
    margin-inline: auto;
    column-gap: 8px;
    width: 366px;
}

@media screen and (max-width: 750px) {
    .p-top-card-living__ttl {
        transform: translateX(calc(7 / 375 * 100vw));
        width: calc(36 / 375 * 100vw);
    }

    .p-top-card-living__ttl img {
        width: 100%;
        height: auto;
    }

    .p-top-card-living__ttl-02-sp {
        width: 100%;
        margin-top: calc(20 / 375 * 100vw);
        margin-bottom: calc(15 / 375 * 100vw);
    }

    .p-top-card-living__ttl-02 {
        margin-top: calc(18 / 375 * 100vw);
        margin-bottom: calc(17 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        line-height: calc(17 / 14);
        width: 100%;
    }

    .p-top-card-living__ttl-02 {
        padding-left: 0;
        padding-right: calc(8 / 375 * 100vw);
        column-gap: calc(10 / 375 * 100vw);
    }
}

.p-top-card-living__ttl-02::before {
    position: absolute;
    content: "";
    width: 47px;
    height: 8px;
    background: url(../202409img/icn_navy.png) 0 0 no-repeat;
    background-size: 100% 100%;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.p-top-card-living__ttl-02::after {
    position: absolute;
    content: "";
    width: 47px;
    height: 8px;
    background: url(../202409img/icn_navy-right.png) 0 0 no-repeat;
    background-size: 100% 100%;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

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

    .p-top-card-living__ttl-02::after {
        right: calc(25 / 375 * 100vw);
        width: calc(53 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
    }

    .p-top-card-living__ttl-02::before {
        left: calc(25 / 375 * 100vw);
        width: calc(53 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
    }
}

.p-top-card-2__img-living {
    margin-top: 40px;
}

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

    .p-top-card-2__img-living {
        margin-top: calc(24 / 375 * 100vw);
    }
}

.p-top-card-4__body-living {
    background-color: #F6F6F6;
}

.p-group-section-2__limited-txt-living {
    line-height: calc(30 / 20);
}

.c-item-4__box-logo-living {
    width: 140px;
    background: transparent;
    margin: 12px 0 14px !important;
}

.c-item-4__box-img-living-02 {
    display: block;
    width: 154px;
    margin: 6px 0 19px !important;
    background: transparent;
}

.c-item-4__box-img-living-02 img {
    width: 100%;
    height: auto;
}

.c-item-4__box-img-living-03 {
    display: block;
    width: 130px;
    margin: 8px 0 11px !important;
    background: transparent;
}

.c-item-4__box-img-living-03 img {
    width: 100%;
    height: auto;
}

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

    .c-item-4__box-logo-living {
        width: calc(116 / 375 * 100vw);
        margin: calc(15 / 375 * 100vw) 0 !important;
    }

    .c-item-4__box-img-living-02 {
        width: calc(102 / 375 * 100vw);
        margin: 0 0 calc(7 / 375 * 100vw) !important;
    }

    .c-item-4__box-img-living-03 {
        width: calc(106 / 375 * 100vw);
        margin: calc(5 / 375 * 100vw) 0 calc(10 / 375 * 100vw) !important;
    }

    .c-item-4__box-img-living-02 img {
        vertical-align: middle;
    }
}

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

    .p-group-cassette-2__inner-living {
        margin-top: 0 !important;
    }

}

.p-ttl-medal-content__logo01 {
    width: 27px;
}

.p-ttl-medal-content__logo02 {
    width: 26px;
}

.p-ttl-medal-content__logo03 {
    display: inline-block;
    width: 27px;
}

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

    .p-ttl-medal-content__logo01 {
        display: inline-block;
        width: calc(23 / 375 * 100vw);
        height: auto;
    }

    .p-ttl-medal-content__logo02 {
        display: inline-block;
        width: calc(23 / 375 * 100vw);
        height: auto;
    }

    .p-ttl-medal-content__logo03 {
        display: inline-block;
        width: calc(23 / 375 * 100vw);
        height: auto;
    }
}

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

    .p-group-cassette-3__list-living .p-group-cassette-3__list-link:hover {
        border-color: #133755 !important;
    }

}
/* ---------------------------------------------
*   js-tab-target
--------------------------------------------- */
.js-tab-target {
    display: block;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
.js-tab-target.is-current {
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: auto;
}
/* ---------------------------------------------
*   p-group-tabs
--------------------------------------------- */
.p-group-tabs {
    margin-top: 34px;
    overflow: hidden;
}
@media screen and (max-width: 750px) {
    .p-group-tabs {
        margin-top: calc(14 / 375 * 100vw);
    }
}
.p-group-tabs__tab-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    max-width: 1000px;
    width: 100%;
}
@media screen and (max-width: 750px) {
    .p-group-tabs__tab-list {
        margin-bottom: calc(28 / 375 * 100vw);
    }
}
.p-group-tabs__tab {
    position: relative;
    padding-block: 20px;
    border: 1px solid #E3D7BF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    font-family: "Shippori Mincho", serif;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.04em;
    color: #E3D7BF;
    transition: color .3s;
}
@media screen and (max-width: 750px) {
    .p-group-tabs__tab {
        display: block;
        padding-block: calc(9 / 375 * 100vw);
        font-size: calc(17 / 375 * 100vw);
        line-height: calc(20 / 17);
    }
}
@media screen and (min-width: 751px) {
    .p-group-tabs__tab:hover {
        color: #A37F3B;
    }
}
.p-group-tabs__tab::after {
    display: none;
}
.p-group-tabs__tab:first-of-type {
    padding-left: 13px;
}
@media screen and (max-width: 750px) {
    .p-group-tabs__tab:first-of-type {
        padding-left: 0;
    }
    .p-group-tabs__tab:nth-of-type(2) {
        padding-block: calc(19 / 375 * 100vw);
        letter-spacing: -0.04em;
    }
}
.p-group-tabs__tab small {
    margin-left: -3px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: calc(14 / 12);
    letter-spacing: -0.03em;
}
@media screen and (max-width: 750px) {
    .p-group-tabs__tab small {
        font-size: calc(12 / 375 * 100vw);
    }
}
.p-group-tabs__tab.is-current {
    border-left: none;
    border-right: none;
    background: linear-gradient(#e3d7bf 0%, #fdfcf5 48.77%, #e3d7bf 100%);
    color: #A37F3B;
}
.p-group-tabs__tab.is-current::after {
    position: absolute;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    content: '';
    display: block;
    width:0;
    height:0;
    border-style:solid;
    border-width: 9px 10.5px 0 10.5px;
    border-color: #E3D7BF transparent transparent transparent;
}
.c-acc__body {
    margin-inline: calc(50% - 520px);
}
@media screen and (max-width: 750px) {
    .c-acc__body {
        margin-inline: calc(50% - 50vw);
    }
}

body.js-hidden {
    visibility: hidden;
    opacity: 0;
}

body.is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .6s ease;
}
</pre></body></html>