@charset "UTF-8";

.heading_03__ruby {
    display: block;
    font-family: ryo-text-plusn, serif;
    font-size: 1.6rem;
    margin: 4px 0 15px;
    line-height: 1.6;
    letter-spacing: 2.5px;
}

.sec_01 .heading_04 {
    padding: 101px 0 7px 0;
    font-size: 2.2rem;
    letter-spacing: 4px;
    border-bottom: solid 1px #121212;
    width: 99%;
    margin: -47px auto 25px;
}
.sec_01 .heading_04:nth-of-type(1) {
    margin: -52px auto 25px;
    padding: 101px 0 7px 0;
}
.text--disp {
    line-height: 2.1;
    padding-left: 2.5%;
    margin-bottom: 20px;
}

/* sec_01 shopping guide */
.sec_01 {
    margin: 0 auto 133px;
    padding: 175px 14% 0;
}
.sec_01 .heading_03 {
    text-align: center;
    margin: 0 0 79px;
}
.sec_01 .heading_03 .is-sp {
    display: none;
}
.sec_01 .btn_container {
    display: flex;
    flex-wrap: wrap;
}
.sec_01 .btn_anchor {
    font-size: 1.2rem;
    text-align: center;
    padding: 12px 0;
    margin: 0 1% 14px 0;
    min-width: 193px;
    width: 24%;
    border: solid 1px #121212;
    letter-spacing: 1px;
    position: relative;
    transition: .5s;
    display: block;
}
.sec_01 .btn_anchor:hover {
    opacity: .4;
}
.sec_01 .btn_anchor::after {
    content: "";
    background: url("../../img/guide/btn_arrow_bottom.png") no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    width: 11px;
    height: 6px;
    top: 46%;
    right: 11px;
}
.sec_01 .upon_img {
    margin-bottom: 15px;
}
.sec_01 .card_img {
    margin: 6px 0 13px;
    width: 311px;
    display: block;
}
.sec_01 .pay_img {
    margin: 0 0 29px 3%;
    width: 45%;
}
.sec_01 .under_line_link {
    border-bottom: solid 1px #121212;
    transition: .5s;
    cursor: pointer;
}
.sec_01 .under_line_link:hover {
    opacity: .4;
}
/* /sec_01 shopping guide */



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

    .sec_01 {
        margin: 0 auto 100px;
        padding: 78px 8% 0;
    }
    .sec_01 .heading_03 {
        margin: 0 0 40px;
        text-align: center;
    }
    .sec_01 .heading_03 .is-sp {
        display: block;
    }
    .heading_03__ruby {
        font-size: 1.2rem;
        margin: -4px 0 15px;
    }
    .sec_01 .btn_anchor {
        font-size: 1rem;
        padding: 9px 0;
        width: 48%;
        min-width: 147px;
    }
    .sec_01 .btn_anchor:nth-of-type(2n) {
        margin: 0 0 7px 1%;
    }
    .sec_01 .btn_anchor:nth-of-type(2n-1) {
        margin: 0 1% 7px 0;
    }
    .sec_01 .btn_anchor:hover {
        opacity: 1;
    }
    .sec_01 .btn_anchor::after {
        position: absolute;
        width: 9px;
        height: 5px;
        top: 46%;
        right: 7px;
    }
    .sec_01 .heading_04 {
        font-size: 1.7rem;
        letter-spacing: 2px;
        margin: -27px auto 25px;
        padding: 81px 0 7px 0;
    }
    .sec_01 .heading_04:nth-of-type(1) {
        margin: -32px auto 25px;
        padding: 81px 0 7px 0;
    }
    .sec_01 .btn_anchor:hover {
        opacity: 1;
    }
    .sec_01 .card_img {
        margin: 6px 0 10px;
        width: 84%;
    }
    .sec_01 .pay_img {
        margin: 0 0 14px 0;
        width: 100%;
    }
}

/* IE */
@media all and (-ms-high-contrast: none){
    .sec_01 .heading_04,
    .sec_01 .heading_04:nth-of-type(1) {
        padding: 104px 0 7px 0;
    }
}