@charset "utf-8";

.main_img {
    position: relative;
    background: url(../images/main.webp) top left / contain no-repeat;
    padding: 8vw 0 0;
}
.main_img h1 {
    font-size: 110%;
}
.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;
}
.main_img .dress_img {
    margin: 4vw auto 0;
    width: 51%;
}
.main_img .dress_img img {
    width: 100%;
}
.main_img ul {
    position: absolute;
    top: 47vw;
    left: 3%;
}
.cta_area {
    margin: 130px auto 0;
}

@media screen and (max-width:640px) {
    /*---------------
    sp
    ---------------*/
    .main_img {
        background: url(../images/main_sp.webp) top left / contain no-repeat;
        display: flex;
        flex-wrap: wrap;
        padding: 22vw 0 0;
    }
    .main_img h1 {
        order: 1;
        width: 100%;
        text-align: right;
        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 {
        order: 3;
        width: 100%;
        padding: 0 5%;
        text-align: left;
    }
    .main_img .dress_img {
        order: 2;
        width: 100%;
        margin: 18vw auto 0;
    }
    .main_img .dress_img img {
        width: 85%;
    }
    .cta_area {
        margin: 50px auto 0;
    }
}