@charset "utf-8";

#breadCrumb {
    margin: 40px auto 0;
    width: 85%;
}

/*---------------
main_img
---------------*/
.main_img {
    position: relative;
    padding: 28vw 0 6vw;
    background: url(../images/main_bg.webp) top center / cover no-repeat;
    color: #fff;
}
.main_img h1 {
    font-size: 110%;
    text-shadow: 0px 0px 15px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.3);
}
.main_img h1 span {
    display: block;
}
.main_img h1 span:nth-child(1) {
    font-size: 520%;
    line-height: 1;
}
.main_img h1 span:nth-child(2) {
    letter-spacing: 0.4em;
}
.main_img h1 + p {
    margin: 40px auto 0;
    text-shadow: 0px 0px 15px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.7);
}
.cta_area {
    margin: 80px auto 0;
}

/*---------------
plan-link
---------------*/
#plan-link {
    margin: 200px auto 0;
    padding: 0;
}

@media screen and (max-width:640px) {
    /*---------------
    sp
    ---------------*/

    /*---------------
    main_img
    ---------------*/
    .main_img {
        background: url(../images/main_bg_sp.webp) top center / cover no-repeat;
        padding: 67vw 0 8vw;
    }
    .main_img h1 {
        order: 1;
        width: 90%;
        padding: 0 5%;
    }
    .main_img h1 span:nth-child(1) {
        font-size: 270%;
    }
    .main_img h1 span:nth-child(2) {
        letter-spacing: 0.2em;
    }
    .main_img h1 + p {
        width: 85%;
        padding: 0 7.5%;
        margin: 20px auto 0;
    }
    .cta_area {
        margin: 40px auto 0;
    }
    #mens .select_shop {
        margin: 40px auto 0;
    }

    /*---------------
    plan-link
    ---------------*/
    #plan-link {
        margin: 100px auto 0;
    }
}