@charset 'UTF-8';
/*
* top.css
*
*/
/* --------------------------------
  top
-------------------------------- */
*:focus
{
    outline: none;
}

/* --------------------------------
  mv
-------------------------------- */
.mv
{
    height: 133.8666666667vw;

    background-image: url(/include_html/landing/kaitorisougou/campaign/2306summer/assets/img/mv_sm.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width: 768px)
{
    .mv
    {
        height: 35.9375vw;

        background-image: url(/include_html/landing/kaitorisougou/campaign/2306summer/assets/img/mv_lg.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.mv_logo
{
    width: 43.2vw;
    margin: 0 auto;
    padding-top: 5.3333333333vw;
}
@media (min-width: 768px)
{
    .mv_logo
    {
        width: 17.109375vw;
        padding-top: 2.578125vw;
    }
}

.mv_catch
{
    width: 80.6666666667vw;
    margin: 0 auto;
    padding-top: 6.4vw;
}
@media (min-width: 768px)
{
    .mv_catch
    {
        width: 32.1875vw;
        padding-top: 3.125vw;
    }
}

.mv_title
{
    width: 79.8666666667vw;
    margin: 0 auto;
    padding-top: 5.3333333333vw;
}
@media (min-width: 768px)
{
    .mv_title
    {
        width: 32.578125vw;
        padding-top: 2.109375vw;
    }
}

/* --------------------------------
  intro
-------------------------------- */
.intro
{
    padding: 6.6666666667vw 0 10.6666666667vw;
}
@media (min-width: 768px)
{
    .intro
    {
        padding: 4.0625vw 0 5.15625vw;
    }
}

.intro_desc
{
    font-size: 4vw;
    font-weight: bold;

    position: relative;

    text-align: center;

    color: #274ec4;
}
@media (min-width: 768px)
{
    .intro_desc
    {
        font-size: 1.40625vw;
    }
}
.intro_desc::before
{
    position: absolute;
    right: 0;
    bottom: -2.6666666667vw;
    left: 0;

    display: block;

    width: 57.8666666667vw;
    height: 2.5333333333vw;
    margin: auto;

    content: '';

    background-image: url(/include_html/landing/kaitorisougou/campaign/2306summer/assets/img/intro_line_sm.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width: 768px)
{
    .intro_desc::before
    {
        bottom: -1.25vw;

        width: 20vw;
        height: .9375vw;
    }
}

.intro_title
{
    font-size: 6.6666666667vw;
    font-weight: bold;
    line-height: 10.1333333333vw;

    margin-top: 4.8vw;

    text-align: center;
}
@media (min-width: 768px)
{
    .intro_title
    {
        font-size: 2.1875vw;
        line-height: 3.203125vw;

        margin-top: 1.5625vw;
    }
}
.intro_title .intro_title_green
{
    color: #2bb534;
}
.intro_title .intro_title_small
{
    font-size: 5.8666666667vw;
}
@media (min-width: 768px)
{
    .intro_title .intro_title_small
    {
        font-size: 1.875vw;
    }
}

.intro_buttonWrapper
{
    margin-top: 6.4vw;
}
@media (min-width: 768px)
{
    .intro_buttonWrapper
    {
        margin-top: 1.71875vw;
    }
}

.intro_method
{
    margin-top: 10.6666666667vw;

    text-align: center;
}
@media (min-width: 768px)
{
    .intro_method
    {
        margin-top: 4.84375vw;
    }
}

.intro_method_text
{
    font-size: 3.4666666667vw;
    font-weight: bold;
}
@media (min-width: 768px)
{
    .intro_method_text
    {
        font-size: 1.40625vw;
    }
}

.intro_method_catch
{
    font-size: 5.0666666667vw;
    font-weight: bold;
    line-height: 10.1333333333vw;

    position: relative;

    margin-top: .8vw;

    color: #274ec4;
}
@media (min-width: 768px)
{
    .intro_method_catch
    {
        font-size: 2.1875vw;
        line-height: 1;

        margin-top: 1.71875vw;
    }
}
.intro_method_catch::before,
.intro_method_catch::after
{
    position: absolute;
    top: 0;
    bottom: 0;

    display: block;

    width: .2666666667vw;
    height: 4.8vw;
    margin: auto;

    content: '';

    background-color: #001860;
}
@media (min-width: 768px)
{
    .intro_method_catch::before,
    .intro_method_catch::after
    {
        width: .15625vw;
        height: 2.34375vw;
    }
}
.intro_method_catch::before
{
    left: 8vw;

    -webkit-transform: rotate(-30deg);

            transform: rotate(-30deg);
}
@media (min-width: 768px)
{
    .intro_method_catch::before
    {
        right: 0;
        left: -34.375vw;
    }
}
.intro_method_catch::after
{
    right: 8vw;

    -webkit-transform: rotate(30deg);

            transform: rotate(30deg);
}
@media (min-width: 768px)
{
    .intro_method_catch::after
    {
        right: -34.375vw;
        left: 0;
    }
}

.intro_method_cardWrapper
{
    display: flex;

    margin-top: 1.3333333333vw;

    justify-content: space-between;
}
@media (min-width: 768px)
{
    .intro_method_cardWrapper
    {
        margin-top: 2.34375vw;

        justify-content: space-between;
    }
}

.intro_method_card
{
    width: 42.6666666667vw;
}
@media (min-width: 768px)
{
    .intro_method_card
    {
        width: 35.9375vw;
    }
}
@media (min-width: 768px)
{
    .intro_method_card:nth-of-type(2)
    {
        margin-left: 1.5625vw;
    }
}

.intro_method_card_text
{
    font-size: 3.7333333333vw;
    font-weight: bold;

    margin-top: 2.6666666667vw;
}
@media (min-width: 768px)
{
    .intro_method_card_text
    {
        font-size: 1.40625vw;

        margin-top: .9375vw;
    }
}

/* --------------------------------
  item
-------------------------------- */
.item
{
    padding: 13.3333333333vw 0 16vw;

    background-color: #ebf5fd;
}
@media (min-width: 768px)
{
    .item
    {
        padding: 4.6875vw 0;
    }
}

.item_title
{
    font-size: 4.8vw;
    font-weight: bold;
    line-height: 1;

    text-align: center;
}
@media (min-width: 768px)
{
    .item_title
    {
        font-size: 1.5625vw;
    }
}

.item_title_large
{
    font-size: 6.6666666667vw;

    display: block;

    margin-top: 2.6666666667vw;

    letter-spacing: -.1em;
}
@media (min-width: 768px)
{
    .item_title_large
    {
        font-size: 2.1875vw;

        margin-top: 1.09375vw;
    }
}

.item_detailWrapper
{
    margin-top: 6.6666666667vw;

    border-bottom: 2px solid #bcc9de;
}
@media (min-width: 768px)
{
    .item_detailWrapper
    {
        display: flex;

        margin-top: 3.359375vw;

        border: none;

        justify-content: center;
        flex-wrap: wrap;
    }
}

.item_detail
{
    padding: 5.3333333333vw 0 6.4vw;

    border-top: 2px solid #bcc9de;
}
@media (min-width: 768px)
{
    .item_detail
    {
        width: 35.15625vw;
        padding: 1.875vw 0 3.125vw;
    }
}
@media (min-width: 768px)
{
    .item_detail:nth-of-type(2n)
    {
        margin-left: 6.25vw;
    }
}

.item_detail_textArea
{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
}
@media (min-width: 768px)
{
    .item_detail_textArea
    {
        min-height: 15.78125vw;
    }
}

.item_detail_textArea_name_en
{
    font-size: 6.6666666667vw;
    font-weight: bold;
    line-height: 1;
}
@media (min-width: 768px)
{
    .item_detail_textArea_name_en
    {
        font-size: 2.8125vw;
    }
}

.item_detail_textArea_name_jp
{
    font-size: 4vw;
    font-weight: bold;
    line-height: 1;

    margin-top: 1.6vw;
}
@media (min-width: 768px)
{
    .item_detail_textArea_name_jp
    {
        font-size: 1.71875vw;

        margin-top: 1.171875vw;
    }
}

.item_detail_textArea_name_brand
{
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 1;

    margin-top: 5.3333333333vw;
}
@media (min-width: 768px)
{
    .item_detail_textArea_name_brand
    {
        font-size: 1.25vw;

        margin-top: 2.578125vw;
    }
}
.item_detail_textArea_name_brand .block
{
    display: block;

    margin-top: 1.3333333333vw;
}
.item_detail_textArea_name_brand .pc-block
{
    margin-left: 1.3333333333vw;
}
@media (min-width: 768px)
{
    .item_detail_textArea_name_brand .pc-block
    {
        display: block;

        margin-left: 0;
    }
}
@media (min-width: 768px)
{
    .item_detail_textArea_name_brand span + span
    {
        margin-top: 1.25vw;
    }
}

.item_detail_textArea_name_caption
{
    font-size: 2.6666666667vw;
    font-weight: bold;
}
@media (min-width: 768px)
{
    .item_detail_textArea_name_caption
    {
        font-size: .9375vw;

        margin-top: 1.25vw;
    }
}

.item_detail_textArea_price.item_detail_textArea_price--01
{
    width: 42vw;
}
@media (min-width: 768px)
{
    .item_detail_textArea_price.item_detail_textArea_price--01
    {
        width: 16.71875vw;
    }
}
.item_detail_textArea_price.item_detail_textArea_price--02
{
    width: 42vw;
}
@media (min-width: 768px)
{
    .item_detail_textArea_price.item_detail_textArea_price--02
    {
        width: 16.09375vw;
    }
}
.item_detail_textArea_price.item_detail_textArea_price--03
{
    width: 45.7333333333vw;
}
@media (min-width: 768px)
{
    .item_detail_textArea_price.item_detail_textArea_price--03
    {
        width: 17.34375vw;
    }
}

.item_detail_buttonWrapper
{
    margin-top: 7.4666666667vw;
}
@media (min-width: 768px)
{
    .item_detail_buttonWrapper
    {
        margin-top: .703125vw;
    }
}

.item_case
{
    margin-top: 10.6666666667vw;
}
@media (min-width: 768px)
{
    .item_case
    {
        margin-top: 2.5vw;
    }
}

.item_case_title
{
    font-size: 5.0666666667vw;
    font-weight: bold;
    line-height: 1;

    position: relative;

    text-align: center;
}
@media (min-width: 768px)
{
    .item_case_title
    {
        font-size: 2.1875vw;
    }
}
.item_case_title span
{
    font-size: 6.1333333333vw;
    font-weight: bold;

    color: #274ec4;
}
@media (min-width: 768px)
{
    .item_case_title span
    {
        font-size: 2.5vw;
    }
}
.item_case_title::before,
.item_case_title::after
{
    position: absolute;
    top: 0;
    bottom: 0;

    display: block;

    width: .2666666667vw;
    height: 4.8vw;
    margin: auto;

    content: '';

    background-color: #001860;
}
@media (min-width: 768px)
{
    .item_case_title::before,
    .item_case_title::after
    {
        width: .15625vw;
        height: 2.34375vw;
    }
}
.item_case_title::before
{
    left: 26.6666666667vw;

    -webkit-transform: rotate(-30deg);

            transform: rotate(-30deg);
}
@media (min-width: 768px)
{
    .item_case_title::before
    {
        right: 0;
        left: -24.21875vw;
    }
}
.item_case_title::after
{
    right: 26.6666666667vw;

    -webkit-transform: rotate(30deg);

            transform: rotate(30deg);
}
@media (min-width: 768px)
{
    .item_case_title::after
    {
        right: -24.21875vw;
        left: 0;
    }
}

.item_case_cardWrapper
{
    display: flex;

    margin-top: 4vw;

    justify-content: space-between;
}
@media (min-width: 768px)
{
    .item_case_cardWrapper
    {
        position: relative;

        margin-top: 2.5vw;

        justify-content: center;
    }
}
.item_case_cardWrapper::before
{
    display: none;
}
@media (min-width: 768px)
{
    .item_case_cardWrapper::before
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 4.53125vw;
        left: 0;

        display: block;

        width: 2.5vw;
        height: 2.5vw;
        margin: auto;

        content: '';

        background-image: url(/include_html/landing/kaitorisougou/campaign/2306summer/assets/img/case_and.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.item_case_card
{
    width: 43.0666666667vw;
}
@media (min-width: 768px)
{
    .item_case_card
    {
        width: 35.9375vw;
    }
}
@media (min-width: 768px)
{
    .item_case_card:nth-of-type(2)
    {
        margin-left: 4.6875vw;
    }
}

.item_case_card_img
{
    width: 100%;
}

.item_case_card_textArea
{
    display: flex;

    justify-content: center;
}
@media (min-width: 768px)
{
    .item_case_card_textArea
    {
        margin-top: 1.3333333333vw;

        justify-content: space-between;
        align-items: center;
    }
}

.item_case_card_text
{
    font-size: 3.7333333333vw;
    font-weight: bold;
    line-height: 1;

    margin-top: 2.6666666667vw;
}
@media (min-width: 768px)
{
    .item_case_card_text
    {
        font-size: 1.40625vw;

        margin-top: 0;
    }
}

.item_case_card_textArea_img
{
    width: 13.125vw;
    height: 2.96875vw;
}
.item_case_card_textArea_img img
{
    vertical-align: top;
}

.item_case_spImg
{
    width: 79.6vw;
    margin: 3.7333333333vw auto 0;
}

.item_accordionWrapper
{
    margin-top: 10.6666666667vw;
}
@media (min-width: 768px)
{
    .item_accordionWrapper
    {
        margin-top: 4.6875vw;
    }
}

.item_accoridon
{
    padding: 0 3.7333333333vw 0;

    border: 1px solid #001860;
    border-radius: 6.1333333333vw;
    background-color: #fff;
}
@media (min-width: 768px)
{
    .item_accoridon
    {
        width: 35.3125vw;
        margin: 0 auto;
        padding: 0;

        border-radius: 2.109375vw;
    }
}

.item_accordion_button
{
    font-weight: bold;
}
.item_accordion_spTextArea
{
    display: none;

    padding-top: 2.6666666667vw;
    padding-bottom: 4vw;
}

.item_accordion_spTextArea_topic:nth-of-type(2)
{
    margin-top: 9.0666666667vw;
}

.item_accordion_spTextArea_topic_title
{
    font-size: 4vw;
    font-weight: bold;
    line-height: 1;
}

.item_accordion_spTextArea_topic_text
{
    font-size: 3.4666666667vw;
    font-weight: bold;
    line-height: 1.4615384615;
}
.item_accordion_spTextArea_topic_text:nth-of-type(1)
{
    margin-top: 2.9333333333vw;
}
.item_accordion_spTextArea_topic_text + .item_accordion_spTextArea_topic_text
{
    margin-top: 2.1333333333vw;
}

.item_accordion_spTextArea_topic_link
{
    color: #00a4e9;
}
.item_accordion_spTextArea_topic_link:visited,
.item_accordion_spTextArea_topic_link:hover
{
    text-decoration: underline;

    color: #00a4e9 !important;
}

.item_accordion_pcTextArea
{
    display: none;
}
@media (min-width: 768px)
{
    .item_accordion_pcTextArea
    {
        margin-top: 3.125vw;
        padding: 3.125vw;

        background-color: #f7fbfe;
    }
}

.item_accordion_pcTextArea_topic:nth-of-type(2)
{
    margin-top: 2.65625vw;
}

.item_accordion_pcTextArea_topic_title
{
    font-size: 1.40625vw;
    font-weight: bold;
    line-height: 1;
}

.item_accordion_pcTextArea_topic_text
{
    font-size: 1.25vw;
    font-weight: bold;
    line-height: 1.5;
}
.item_accordion_pcTextArea_topic_text:nth-of-type(1)
{
    margin-top: 1.5625vw;
}
.item_accordion_pcTextArea_topic_text + .item_accordion_pcTextArea_topic_text
{
    margin-top: .859375vw;
}

.item_accordion_pcTextArea_topic_link
{
    color: #00a4e9;
}
@media (min-width: 768px)
{
    .item_accordion_pcTextArea_topic_link
    {
        transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
    }
}
.item_accordion_pcTextArea_topic_link:visited
{
    color: #00a4e9 !important;
}
@media (min-width: 768px)
{
    .item_accordion_pcTextArea_topic_link:hover
    {
        text-decoration: underline;

        opacity: .75;
    }
}
.item_accordion_pcTextArea_topic_link[href^='tel:']
{
    color: #00a4e9;
}
@media (min-width: 768px)
{
    .item_accordion_pcTextArea_topic_link[href^='tel:']
    {
        transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
        text-decoration: underline;
    }
}
.item_accordion_pcTextArea_topic_link[href^='tel:']:visited
{
    color: #00a4e9 !important;
}
@media (min-width: 768px)
{
    .item_accordion_pcTextArea_topic_link[href^='tel:']:hover
    {
        text-decoration: underline;

        opacity: .75;
        color: #00a4e9 !important;
    }
}

/* --------------------------------
  purchase
-------------------------------- */
.purchase
{
    overflow: hidden;

    padding: 10.6666666667vw 0 16vw;
}
@media (min-width: 768px)
{
    .purchase
    {
        padding: 3.90625vw 0 5.46875vw;
    }
}

.purchase_title
{
    font-size: 6.6666666667vw;
    font-weight: bold;

    text-align: center;
}
@media (min-width: 768px)
{
    .purchase_title
    {
        font-size: 2.1875vw;
    }
}

.purchase_itemSwiperWrapper:nth-of-type(1)
{
    margin-top: 5.3333333333vw;
}
@media (min-width: 768px)
{
    .purchase_itemSwiperWrapper:nth-of-type(1)
    {
        margin-top: 1.09375vw;
    }
}
.purchase_itemSwiperWrapper + .purchase_itemSwiperWrapper
{
    margin-top: 10.6666666667vw;
}
@media (min-width: 768px)
{
    .purchase_itemSwiperWrapper + .purchase_itemSwiperWrapper
    {
        margin-top: 4.84375vw;
    }
}

.purchase_itemSwiperWrapper_title
{
    font-weight: bold;

    display: flex;

    padding-bottom: 2.6666666667vw;

    border-bottom: 2px solid #bcc9de;

    justify-content: space-between;
    align-items: flex-end;
}
@media (min-width: 768px)
{
    .purchase_itemSwiperWrapper_title
    {
        padding-bottom: .15625vw;

        border-width: 1px;
    }
}

.purchase_itemSwiperWrapper_title_en
{
    font-size: 6.6666666667vw;
}
@media (min-width: 768px)
{
    .purchase_itemSwiperWrapper_title_en
    {
        font-size: 2.8125vw;
    }
}

.purchase_itemSwiperWrapper_title_jp
{
    font-size: 4vw;
}
@media (min-width: 768px)
{
    .purchase_itemSwiperWrapper_title_jp
    {
        font-size: 1.71875vw;
    }
}

.purchase_itemSwiper
{
    position: relative;

    overflow: hidden;

    min-height: 98.6666666667vw;
}
@media (min-width: 768px)
{
    .purchase_itemSwiper
    {
        min-height: auto;
    }
}

.purchase_item
{
    width: 44.6666666667vw !important;
    min-height: 88vw;
    margin-top: 5.8666666667vw;
}
@media (min-width: 768px)
{
    .purchase_item
    {
        width: 25% !important;
        min-height: auto;
        margin-top: 2.34375vw;
    }
}

.purchase_item_img
{
    width: 44.6666666667vw;
}
@media (min-width: 768px)
{
    .purchase_item_img
    {
        width: 15.625vw;
        margin: 0 auto;
    }
}

.purchase_item_textArea
{
    font-weight: bold;

    margin-top: 1.0666666667vw;
}
@media (min-width: 768px)
{
    .purchase_item_textArea
    {
        margin-top: .546875vw;
        padding: 0 .9375vw;
    }
}

.purchase_item_textArea_brand
{
    font-size: 2.9333333333vw;
    font-weight: bold;
    line-height: 1.6363636364;
}
@media (min-width: 768px)
{
    .purchase_item_textArea_brand
    {
        font-size: 1.25vw;
        line-height: 1.5;
    }
}

.purchase_item_textArea_number
{
    font-size: 2.9333333333vw;
    font-weight: bold;
    line-height: 1.6363636364;

    margin-top: .46875vw;
}
@media (min-width: 768px)
{
    .purchase_item_textArea_number
    {
        font-size: 1.25vw;
        line-height: 1.5;

        margin-top: .3125vw;
    }
}

.purchase_item_textArea_name
{
    font-size: 2.9333333333vw;
    font-weight: bold;
    line-height: 1.6363636364;
}
@media (min-width: 768px)
{
    .purchase_item_textArea_name
    {
        font-size: 1.171875vw;
        line-height: 1.5;

        margin-top: .3125vw;

        white-space: nowrap;
    }
}

.purchase_item_textArea_normalPrice
{
    font-size: 2.9333333333vw;
    font-weight: bold;
    line-height: 1.6363636364;

    margin-top: 2.6666666667vw;
}
@media (min-width: 768px)
{
    .purchase_item_textArea_normalPrice
    {
        font-size: 1.25vw;
        line-height: 1.5;

        margin-top: .46875vw;
    }
}

.purchase_item_textArea_rate
{
    font-size: 4.2666666667vw;
    line-height: 1;

    margin-top: 1.8666666667vw;

    color: #274ec4;
}
@media (min-width: 768px)
{
    .purchase_item_textArea_rate
    {
        font-size: 1.875vw;

        margin-top: .625vw;
    }
}

.purchase_item_textArea_specialPrice
{
    font-size: 5.8666666667vw;
    line-height: 1;

    margin-top: 1.0666666667vw;

    color: #274ec4;
}
@media (min-width: 768px)
{
    .purchase_item_textArea_specialPrice
    {
        font-size: 2.5vw;

        margin-top: .46875vw;
    }
}

.purchase_item_linkWrapper
{
    margin-top: 7.2vw;
}
@media (min-width: 768px)
{
    .purchase_item_linkWrapper
    {
        margin-top: 4.0625vw;
    }
}

@media (min-width: 768px)
{
    .purchase_item_link
    {
        margin: 0 auto;
    }
}

/* --------------------------------
  swiper
-------------------------------- */
.swiper-button-prev,
.swiper-button-next
{
    top: 30% !important;

    display: block !important;

    width: 9.7333333333vw !important;
    height: 9.7333333333vw !important;

    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);

    background-color: #fff;
}
@media (min-width: 768px)
{
    .swiper-button-prev,
    .swiper-button-next
    {
        top: 29.8% !important;

        width: 3.28125vw !important;
        height: 3.28125vw !important;
    }
}
@media (min-width: 768px)
{
    .swiper-button-prev:hover,
    .swiper-button-next:hover
    {
        opacity: .75;
    }
}

.swiper-button-prev
{
    left: 0 !important;

    border: 1px solid #001860;
    border-radius: 50%;
}
@media (min-width: 768px)
{
    .swiper-button-prev:hover::after
    {
        -webkit-transform: translate(-2px, 0) rotate(-45deg);
                transform: translate(-2px, 0) rotate(-45deg);
    }
}
.swiper-button-prev::after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1.0666666667vw;

    display: block;

    width: 2.9333333333vw !important;
    height: 2.9333333333vw !important;
    margin: auto;

    content: '' !important;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);

    border-top: 1px solid #001860;
    border-left: 1px solid #001860;
}
@media (min-width: 768px)
{
    .swiper-button-prev::after
    {
        left: .625vw;

        width: 1.015625vw !important;
        height: 1.015625vw !important;

        transition: -webkit-transform .13s cubic-bezier(.39, .575, .565, 1);

        transition: transform .13s cubic-bezier(.39, .575, .565, 1);

        transition: transform .13s cubic-bezier(.39, .575, .565, 1), -webkit-transform .13s cubic-bezier(.39, .575, .565, 1);
    }
}

.swiper-button-next
{
    right: 0 !important;

    border: 1px solid #001860;
    border-radius: 50%;
}
@media (min-width: 768px)
{
    .swiper-button-next:hover::after
    {
        -webkit-transform: translate(2px, 0) rotate(45deg);
                transform: translate(2px, 0) rotate(45deg);
    }
}
.swiper-button-next::after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -1.0666666667vw;

    display: block;

    width: 2.9333333333vw !important;
    height: 2.9333333333vw !important;
    margin: auto;

    content: '' !important;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 1px solid #001860;
    border-right: 1px solid #001860;
}
@media (min-width: 768px)
{
    .swiper-button-next::after
    {
        left: -.625vw;

        width: 1.015625vw !important;
        height: 1.015625vw !important;

        transition: -webkit-transform .13s cubic-bezier(.39, .575, .565, 1);

        transition: transform .13s cubic-bezier(.39, .575, .565, 1);

        transition: transform .13s cubic-bezier(.39, .575, .565, 1), -webkit-transform .13s cubic-bezier(.39, .575, .565, 1);
    }
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled
{
    opacity: 0 !important;
}
@media (min-width: 768px)
{
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled
    {
        opacity: .35;
    }
}

@media (min-width: 768px)
{
    .swiper-scrollbar
    {
        display: none !important;
    }
}

.swiper-container-horizontal > .swiper-scrollbar
{
    height: 2px !important;
}
/* --------------------------------
  about
-------------------------------- */
.about
{
    padding: 10.6666666667vw 0 16vw;

    background-color: #ebf5fd;
}
@media (min-width: 768px)
{
    .about
    {
        padding: 3.90625vw 0 4.6875vw;
    }
}

.about_title
{
    font-size: 6.6666666667vw;
    font-weight: bold;

    text-align: center;
}
@media (min-width: 768px)
{
    .about_title
    {
        font-size: 2.1875vw;
    }
}

.about_img
{
    width: 89.3333333333vw;
    margin-top: 8vw;
}
@media (min-width: 768px)
{
    .about_img
    {
        width: 76.5625vw;
        margin-top: 2.03125vw;
    }
}

.about_textArea
{
    font-weight: bold;
    line-height: 1;

    margin-top: 4.8vw;

    text-align: center;
}
@media (min-width: 768px)
{
    .about_textArea
    {
        margin-top: .78125vw;
    }
}

.aboout_text
{
    font-size: 5.6vw;

    position: relative;

    display: inline-block;
}
@media (min-width: 768px)
{
    .aboout_text
    {
        font-size: 2.34375vw;
    }
}
.aboout_text + .aboout_text
{
    margin-top: 5.6vw;
}
@media (min-width: 768px)
{
    .aboout_text + .aboout_text
    {
        margin-top: 0;
    }
}
@media (min-width: 768px)
{
    .aboout_text:nth-of-type(2)
    {
        margin-left: 3.125vw;
    }
}
@media (min-width: 768px)
{
    .aboout_text:nth-of-type(3)
    {
        margin-top: 1.5625vw;
    }
}
.aboout_text.aboout_text--cap2::before
{
    font-size: 3.4666666667vw;

    position: absolute;
    top: 2.6666666667vw;
    right: -5.8666666667vw;

    display: block;

    content: '窶ｻ2';

    color: #001860;
}
@media (min-width: 768px)
{
    .aboout_text.aboout_text--cap2::before
    {
        font-size: 1.5625vw;

        top: 1.71875vw;
        right: -2.65625vw;
    }
}
.aboout_text.aboout_text--cap3::before
{
    font-size: 3.4666666667vw;

    position: absolute;
    top: 2.6666666667vw;
    right: -5.8666666667vw;

    display: block;

    content: '窶ｻ3';

    color: #001860;
}
@media (min-width: 768px)
{
    .aboout_text.aboout_text--cap3::before
    {
        font-size: 1.5625vw;

        top: 1.71875vw;
        right: -2.65625vw;
    }
}
.aboout_text::after
{
    position: absolute;
    right: 0;
    bottom: -2.1333333333vw;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;

    content: '';

    background-color: #274ec4;
}
@media (min-width: 768px)
{
    .aboout_text::after
    {
        bottom: -.78125vw;
    }
}

.aboout_text_blue
{
    color: #274ec4;
}
.aboout_text_number
{
    font-size: 8.5333333333vw;
}
@media (min-width: 768px)
{
    .aboout_text_number
    {
        font-size: 4.0625vw;
    }
}

.about_captionWrapper
{
    margin-top: 7.4666666667vw;
    padding-left: 8vw;

    text-align: left;
}
@media (min-width: 768px)
{
    .about_captionWrapper
    {
        margin-top: 3.125vw;
        padding-left: 0;

        text-align: center;
    }
}

.about_caption
{
    font-size: 2.6666666667vw;
    font-weight: bold;
}
@media (min-width: 768px)
{
    .about_caption
    {
        font-size: .9375vw;
    }
}
@media (min-width: 768px)
{
    .about_caption:nth-of-type(1)
    {
        display: inline-block;
    }
}
.about_caption:nth-of-type(2)
{
    display: inline-block;
}
.about_caption:nth-of-type(3)
{
    display: inline-block;
}

/* --------------------------------
  line
-------------------------------- */
.line
{
    position: relative;

    padding: 10.6666666667vw 0 49.3333333333vw;
}
@media (min-width: 768px)
{
    .line
    {
        padding: 4.6875vw 0 4.6875vw;
    }
}
.line span
{
    color: #2bb534;
}

@media (min-width: 768px)
{
    .line_contentsWrapper
    {
        display: flex;

        justify-content: center;
    }
}

@media (min-width: 768px)
{
    .line_contents
    {
        width: 35.3125vw;
    }
}

.line_title
{
    font-size: 6.6666666667vw;

    text-align: center;
}
@media (min-width: 768px)
{
    .line_title
    {
        font-size: 2.1875vw;

        margin-top: 3.515625vw;

        text-align: left;
    }
}
.line_title span
{
    color: #2bb534;
}

.line_img
{
    width: 76.6666666667vw;
    margin: 5.3333333333vw auto 0;
}
@media (min-width: 768px)
{
    .line_img
    {
        width: 32.109375vw;
        margin: 0;
        margin-left: 4.6875vw;
    }
}

.line_text
{
    font-size: 3.4666666667vw;
    font-weight: bold;
    line-height: 1.6923076923;

    text-align: center;
}
@media (min-width: 768px)
{
    .line_text
    {
        font-size: 1.25vw;

        margin-top: 1.25vw;

        text-align: left;
    }
}
.line_title + .line_text
{
    margin-top: 3.2vw;
}
@media (min-width: 768px)
{
    .line_title + .line_text
    {
        margin-top: 1.25vw;
    }
}
.line_text.line_text--absolute
{
    position: absolute;
    right: 0;
    bottom: 30.6666666667vw;
    left: 0;

    width: 89.3333333333vw;
    margin: auto;
}
@media (min-width: 768px)
{
    .line_text.line_text--absolute
    {
        position: static;

        width: auto;
        margin-top: 1.171875vw;
    }
}

.line_link.line_link--absolute
{
    position: absolute;
    right: 0;
    bottom: 13.6vw;
    left: 0;

    width: 89.3333333333vw;
    margin: auto;
}
@media (min-width: 768px)
{
    .line_link.line_link--absolute
    {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;

        width: auto;
        margin-top: 2.34375vw;
    }
}

.line_greenArea
{
    padding: 10.6666666667vw 0 13.3333333333vw;

    background-color: #2bb534;
}
@media (min-width: 768px)
{
    .line_greenArea
    {
        padding: 3.125vw 0;
    }
}

.line_greenArea_title
{
    font-size: 6.6666666667vw;
    line-height: 1.52;

    text-align: center;

    color: #fff;
}
@media (min-width: 768px)
{
    .line_greenArea_title
    {
        font-size: 2.1875vw;
        line-height: 1.4642857143;
    }
}

.line_greenArea_button
{
    margin-top: 5.3333333333vw;
}
@media (min-width: 768px)
{
    .line_greenArea_button
    {
        margin-top: 1.5625vw;
    }
}

.line_greenArea_link
{
    font-size: 3.7333333333vw;

    display: block;

    margin-top: 5.8666666667vw;

    text-align: center;

    color: #fff;
}
@media (min-width: 768px)
{
    .line_greenArea_link
    {
        font-size: 1.5625vw;

        width: 23.4375vw;
        margin: 2.34375vw auto 0;
    }
}
.line_greenArea_link:visited
{
    color: #fff;
}
@media (min-width: 768px)
{
    .line_greenArea_link:hover
    {
        text-decoration: underline;
    }
}

/* --------------------------------
  method
-------------------------------- */
.method
{
    padding: 12vw 0 16vw;

    background-color: #ebf5fd;
}
@media (min-width: 768px)
{
    .method
    {
        padding: 3.90625vw 0 6.25vw;
    }
}

.method_title
{
    font-size: 6.6666666667vw;
    line-height: 1.52;

    text-align: center;
}
@media (min-width: 768px)
{
    .method_title
    {
        font-size: 2.1875vw;
        line-height: 1;
    }
}

.method_cardWrapper
{
    display: flex;

    margin-top: 4vw;

    align-items: flex-start;
    justify-content: space-between;
}
@media (min-width: 768px)
{
    .method_cardWrapper
    {
        margin-top: 3.59375vw;

        justify-content: center;
    }
}

.method_card
{
    width: 43.0666666667vw;

    border-radius: 1.6vw 1.6vw 0 0;
}
@media (min-width: 768px)
{
    .method_card
    {
        width: 25.234375vw;

        border-radius: .9375vw .9375vw 0 0;
    }
}
@media (min-width: 768px)
{
    .method_card + .method_card
    {
        margin-left: 3.125vw;
    }
}

.method_card_img
{
    width: 43.0666666667vw;
}
@media (min-width: 768px)
{
    .method_card_img
    {
        width: 25.234375vw;
    }
}
.method_card_img img
{
    border-radius: 1.6vw 1.6vw 0 0;
}
@media (min-width: 768px)
{
    .method_card_img img
    {
        border-radius: .9375vw .9375vw 0 0;
    }
}

.method_textArea
{
    padding: 3.4666666667vw 0;

    text-align: center;

    border-bottom: 2px solid #bcc9de;
    background-color: #fff;
}
@media (min-width: 768px)
{
    .method_textArea
    {
        padding: 1.25vw 0;

        border-width: 1px;
    }
}

.method_text
{
    font-size: 4.2666666667vw;
    font-weight: bold;
    line-height: 1;
}
@media (min-width: 768px)
{
    .method_text
    {
        font-size: 1.5625vw;

        display: inline-block;
    }
}

.method_caption
{
    font-size: 3.7333333333vw;
    font-weight: bold;
    line-height: 1;

    display: block;

    margin-top: 1.5625vw;
}
@media (min-width: 768px)
{
    .method_caption
    {
        font-size: 1.5625vw;

        display: inline-block;

        margin-top: 0;
    }
}

.method_accordionButton
{
    font-size: 3.2vw;
    font-weight: bold;

    position: relative;

    display: block;

    width: 100%;
    padding: .6666666667vw 0;

    transition: padding .4s cubic-bezier(.25, .46, .45, .94), border-radius .4s cubic-bezier(.25, .46, .45, .94);

    border-radius: 0 0 1.6vw 1.6vw;
    background-color: #fff;
}
@media (min-width: 768px)
{
    .method_accordionButton
    {
        font-size: 1.25vw;

        padding: .625vw 0;

        transition: opacity .2s cubic-bezier(.39, .575, .565, 1), padding .4s cubic-bezier(.25, .46, .45, .94), border-radius .4s cubic-bezier(.25, .46, .45, .94);

        border-radius: 0 0 .9375vw .9375vw;
    }
}
@media (min-width: 768px)
{
    .method_accordionButton:hover
    {
        opacity: .75;
    }
}
.method_accordionButton[aria-expanded=true]
{
    padding: 3.125vw 0;

    border-radius: 0;
}
@media (min-width: 768px)
{
    .method_accordionButton[aria-expanded=true]
    {
        padding: 1.171875vw 0;
    }
}
.method_accordionButton[aria-expanded=true]:before
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.method_accordionButton:before
{
    position: absolute;
    top: 0;
    right: 4vw;
    bottom: 0;

    display: block;

    width: 1px;
    height: 1.8666666667vw;
    margin: auto;

    content: '';
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);

    background-color: #001860;
}
@media (min-width: 768px)
{
    .method_accordionButton:before
    {
        width: 2px;
        height: 1.09375vw;
    }
}
.method_accordionButton:after
{
    position: absolute;
    top: 0;
    right: 4vw;
    bottom: 0;

    display: block;

    width: 1px;
    height: 1.8666666667vw;
    margin: auto;

    content: '';
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);

    background-color: #001860;
}
@media (min-width: 768px)
{
    .method_accordionButton:after
    {
        width: 2px;
        height: 1.09375vw;
    }
}

.method_tabBodyWrapper[aria-hidden=false]
{
    opacity: 1;
}
.method_tabBodyWrapper[aria-hidden=true]
{
    transition: .4s opacity cubic-bezier(.39, .575, .565, 1);

    opacity: 0;
}
.method_tabList
{
    background-color: #fff;
}
.method_tabList:nth-of-type(2n + 1) .method_tabList_card
{
    background-color: #f8f9fc;
}

.method_tabList_card
{
    position: relative;

    padding: 7.4666666667vw 6.9333333333vw 5.3333333333vw;
}
@media (min-width: 768px)
{
    .method_tabList_card
    {
        display: flex;

        padding: 2.8125vw 6.015625vw 3.125vw;

        align-items: flex-start;
        justify-content: space-between;
    }
}

@media (min-width: 768px)
{
    .method_tabList_card_textArea
    {
        width: 33.59375vw;
    }
}

.method_tabList_card_step
{
    font-size: 3.2vw;
    font-weight: bold;

    position: relative;

    padding-bottom: 1.3333333333vw;
}
@media (min-width: 768px)
{
    .method_tabList_card_step
    {
        font-size: 1.5625vw;

        padding-bottom: .46875vw;
    }
}
.method_tabList_card_step::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 2.6666666667vw;
    height: 2px;

    content: '';

    background-color: #274ec4;
}
@media (min-width: 768px)
{
    .method_tabList_card_step::after
    {
        width: 1.5625vw;
    }
}

.method_tabList_card_way
{
    font-size: 4.2666666667vw;
    font-weight: bold;

    margin-top: .8vw;
}
@media (min-width: 768px)
{
    .method_tabList_card_way
    {
        font-size: 2.03125vw;

        margin-top: .234375vw;
    }
}

.method_tabList_card_text
{
    font-size: 2.9333333333vw;
    font-weight: bold;

    margin-top: 3.2vw;
}
@media (min-width: 768px)
{
    .method_tabList_card_text
    {
        font-size: 1.25vw;

        margin-top: .78125vw;
    }
}

.method_tabList_card_img
{
    position: absolute;
    top: 5.3333333333vw;
    right: 7.2vw;

    width: 38.6666666667vw;
}
@media (min-width: 768px)
{
    .method_tabList_card_img
    {
        position: relative;
        top: auto;
        right: auto;

        width: 24.21875vw;
    }
}

.method_banner
{
    display: block;

    width: 73.2vw;
    margin: 6.1333333333vw auto 0;
}
@media (min-width: 768px)
{
    .method_banner
    {
        width: 31.328125vw;
        margin-top: 2.34375vw;

        transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
    }
}
@media (min-width: 768px)
{
    .method_banner:hover
    {
        opacity: .75;
    }
}

.method_link
{
    margin-top: 5.8666666667vw;
}
@media (min-width: 768px)
{
    .method_link
    {
        margin: 2.1875vw auto 0;
    }
}

/* --------------------------------
  fixedButton
-------------------------------- */
.fixed_buttonWrapper
{
    position: fixed;
    z-index: 51;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;

    padding: 0;

    transition: opacity .2s cubic-bezier(.39, .575, .565, 1), visibility .2s cubic-bezier(.39, .575, .565, 1);

    opacity: 0;
    background-color: #f3f3f3;
}
@media (min-width: 768px)
{
    .fixed_buttonWrapper
    {
        padding: 1.5625vw 0;
    }
}
.fixed_buttonWrapper.is-visible
{
    visibility: visible;

    opacity: 1;
}

/* --------------------------------
  pageTop
-------------------------------- */
.pageTop
{
    position: fixed;
    z-index: 51;
    right: 5.3333333333vw;
    bottom: 18.6666666667vw;

    visibility: hidden;

    width: 12.2666666667vw;
    height: 7.7333333333vw;

    transition: opacity .2s cubic-bezier(.39, .575, .565, 1), visibility .2s cubic-bezier(.39, .575, .565, 1);

    opacity: 0;
    border: 2px solid #001860;
    border-radius: 1.6vw;
    background-color: #fff;
}
@media (min-width: 768px)
{
    .pageTop
    {
        right: 1.5625vw;
        bottom: 9.375vw;

        width: 4.296875vw;
        height: 2.65625vw;

        transition: background-color .2s cubic-bezier(.39, .575, .565, 1), border-color .2s cubic-bezier(.39, .575, .565, 1);

        border-width: 1px;
        border-radius: .9375vw;
    }
}
@media (min-width: 768px)
{
    .pageTop:hover
    {
        background-color: #001860;
    }
}
@media (min-width: 768px)
{
    .pageTop:hover::before
    {
        border-color: #fff;
    }
}
.pageTop::before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1.0666666667vw;
    left: 0;

    display: block;

    width: 2.8vw;
    height: 2.8vw;
    margin: auto;

    content: '';
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);

    border-top: 2px solid #001860;
    border-right: 2px solid #001860;
}
@media (min-width: 768px)
{
    .pageTop::before
    {
        bottom: -.46875vw;

        width: .78125vw;
        height: .78125vw;

        border-width: 1px;
    }
}
.pageTop.is-visible
{
    visibility: visible;

    opacity: 1;
}