@charset "utf-8";
/*------------------------------------------------------------
    static_common
------------------------------------------------------------*/

.static.special {
    font-family: "M PLUS Rounded 1c", serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-style: normal;
}

@media all and (max-width: 1039px) {
    .static.special .disp_pc {
        display: none;
    }
}

@media all and (min-width: 1040px) {
    .static.special .disp_tab {
        display: none;
    }
}

@media all and (min-width: 520px) {
    .static.special .disp_sp {
        display: none;
    }
}

.static.special .tc_blue {
    color: #0173FF;
}

.static.special .fw_bold {
    font-weight: 700;
}

.static.special .tc_wine {
    color: #E64378;
}

.static.special .pageTitle.page02 {
    padding: 2.2rem 0 2.5rem;
}

.static.special .headLine01 {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.5;
    font-size: 3.2rem;
}

@media all and (max-width: 519px) {
    .static.special .pageTitle.page02 {
        padding: 2.3rem 0;
    }

    .static.special .headLine01 {
        line-height: 3.0rem;
        font-size: 1.6rem;
    }
}

.static.special .txt_link {
    transition: .3s;
}

.static.special .txt_link.-current {
    pointer-events: none;
    cursor: auto;
}


.static.special .txt_link.-blue,
.static.special .txt_link:not(.-current):hover {
    color: #0796ff;
}

.static.special .txt_link.-blue:hover {
    color: #0171e2;
}

.static.special .txt_link._blank,
.static.special .txt_link.-anchor {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-indent:0;
}

.static.special .txt_link._blank::after {
    content: "";
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-left: 0.8rem;
    background: url(../../../images/common/icon02.png) no-repeat right top / cover;
    transition: .3s;
}

.static.special .txt_link._blank:hover:after,
.static.special .txt_link._blank.-blue:after {
    background-image: url(../../../images/common/icon02_over.png);
}

.static.special .txt_link._blank.-blue:hover:after {
    background-image: url(../../../images/common/icon02_blue_over.png);
}

.static.special .txt_link.-anchor::after {
    content: "";
    display: block;
    width: 0.8rem;
    height: 0.5rem;
    margin-left: 1.0rem;
    background: url(../../common-n/images/arrow_sm01.png) no-repeat right top / contain;
    transition: .3s;
}

.static.special .txt_link.-anchor.-blue::after,
.static.special .txt_link.-anchor:hover::after {
    background: url(../../common-n/images/arrow_sm02.png) no-repeat right top / contain;
}

.static.special .txt_link.-anchor.-blue:hover::after {
    background: url(../../common-n/images/arrow_sm03.png) no-repeat right top / contain;
}

.static.special .content_block {
    max-width: 118.4rem;
    margin: auto;
    /* padding: 0 0.8rem; */
}

@media (min-width: 520px) and (max-width: 1247px) {
    .static.special .content_block {
        margin-right: 3.5rem;
        margin-left: 3.5rem;
    }
}

@media all and (max-width: 519px) {
    .static.special .content_block {
        margin-right: 0.8rem;
        margin-left: 0.8rem;
    }
}

.static.special .radius_box {
    background: #fff;
    padding: 0.8rem;
    border-radius: 4rem;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}

@media all and (max-width: 519px) {
    .static.special .radius_box {
        border-radius: 3rem;
    }
}

.static.special .radius_box .inner_block.double_border {
    background: #fff;
    border: 1px solid #cee5f5;
    border-radius: 3.6rem;
}

@media all and (max-width: 519px) {
    .static.special .radius_box .inner_block.double_border {
        border-radius: 2.4rem;
    }
}

.static.special .btn_area .btn {
    margin: 0 auto;
    width: 100%;
    height: 6rem;
    max-width: 34.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: center;
    border-radius: 90px;
    appearance: none;
    background: #0796ff;
    cursor: pointer;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
    transition: .3s;
}

.static.special .btn_area .btn.-outline {
    color: #0796ff;
    background: #fff;
    border: 2px solid #0796ff;
}

@media all and (max-width: 519px) {
    .static.special .btn_area .btn {
        width: 31.3rem;
        /* height: 5rem; */
    }
}

.static.special .btn_area .col3 .btn {
    height: 5.2rem;
}

.static.special .content_block.goods .btn_area .btn {
    font-family: "Noto Sans JP", sans-serif;
}

.static.special .btn_area .btn:hover {
    background: #0071e2;
}

.static.special .btn_area .btn.-outline:hover {
    color: #0071e2;
    background: #fff;
    border-color: #0071e2;
}

.static.special .btn_area .btn.-green {
    background: #56aa52;
}

.static.special .btn_area .btn.-green:hover {
    background: #009817;
}

.static.special .btn_area .btn.-purple {
    background: #9079c3;
}

.static.special .btn_area .btn.-purple:hover {
    background: #6e51af;
}

.static.special .btn_area .btn.prepend_icon.-cat01::before {
    background-image: url(../../common-n/images/cat_icon01_white.png);
    width: calc(5.7rem / 2);
    height: calc(4.6rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat02::before {
    background-image: url(../../common-n/images/cat_icon02_white.png);
    width: calc(5.7rem / 2);
    height: calc(3.5rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat03::before {
    background-image: url(../../common-n/images/cat_icon03_white.png);
    width: calc(4.4rem / 2);
    height: calc(4.5rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat04::before {
    background-image: url(../../common-n/images/cat_icon04_white.png);
    width: calc(4rem / 2);
    height: calc(4.6rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat05::before {
    background-image: url(../../common-n/images/cat_icon05_white.png);
    width: calc(4.8rem / 2);
    height: calc(4.8rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat06::before {
    background-image: url(../../common-n/images/cat_icon06_white.png);
    width: calc(3.7rem / 2);
    height: calc(5.1rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat07::before {
    background-image: url(../../common-n/images/cat_icon07_white.png);
    width: calc(5.2rem / 2);
    height: calc(4rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat08::before {
    background-image: url(../../common-n/images/cat_icon08_white.png);
    width: calc(5.1rem / 2);
    height: calc(4.1rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat09::before {
    background-image: url(../../common-n/images/cat_icon09_white.png);
    width: calc(5.0rem / 2);
    height: calc(4.7rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat10::before {
    background-image: url(../../common-n/images/cat_icon10_white.png);
    width: calc(5.7rem / 2);
    height: calc(5rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat11::before {
    background-image: url(../../common-n/images/cat_icon11_white.png);
    width: calc(4.3rem / 2);
    height: calc(4.9rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat12::before {
    background-image: url(../../common-n/images/cat_icon12_white.png);
    width: calc(5rem / 2);
    height: calc(5rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat13::before {
    background-image: url(../../common-n/images/cat_icon13_white.png);
    width: calc(3.9rem / 2);
    height: calc(5.6rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat14::before {
    background-image: url(../../common-n/images/cat_icon14_white.png);
    width: calc(5rem / 2);
    height: calc(4.6rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat15::before {
    background-image: url(../../common-n/images/cat_icon15_white.png);
    width: calc(4.8rem / 2);
    height: calc(4.8rem / 2);
}

.static.special .btn_area .btn.prepend_icon.-cat16::before {
    background-image: url(../../common-n/images/cat_icon16_white.png);
    width: calc(5.2rem / 2);
    height: calc(3rem / 2);
}

.static.special .btn_area .link_list.col3 {
    display: flex;
    max-width: 101.8rem;
    margin: auto;
    gap: 2.4rem 3.2rem;
    flex-wrap: wrap;
}

@media all and (max-width: 519px) {
    .static.special .btn_area .link_list.col3 {
        flex-direction: column;
        gap: 1.6rem 0;
    }
}

.static.special .btn_area .link_list.col3 .item {
    flex-basis: calc((100% - 6.4rem) / 3);
}

@media all and (max-width: 519px) {
    .static.special .btn_area .link_list.col3 .item {
        flex-basis: 100%;
    }

    .static.special .btn_area .link_list.col3 .item .btn {
        width: 100%;
    }
}

.static.special .note_list {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 2.1rem;
}

.static.special .note_list>dt {
    font-weight: 700;
    margin-bottom: 0.8rem;
}

@media all and (max-width: 519px) {
    .static.special .note_list dt.-notice {
        margin-bottom: 1.6rem;
    }
}

.static.special .note_list>dd {
    font-weight: 400;
}

.static.special .note_list>dd:not(:last-child) {
    margin-bottom: 1.6rem;
}

.static.special .indent_list.-small {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: -0.01rem;
    color: rgba(0, 0, 0, 0.7);
}

.static.special .indent_list+.indent_list.-small {
    margin-top: 0.8rem;
}

.static.special .content_block:not(:first) {
    margin-top: 8rem;
}