@charset "utf-8";
.smu_sec01_wrapper {
    background-image: url(/media/export/cms2.0/lp/summer-make-up/230519/img/pc/anker_bg.jpg);
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 40px 0 96px 0;
}
.smu_sec01_wrapper .smu_Lead {
    text-align: center;
}
.smu_sec01_wrapper .smu_Lead h2 {
    font-weight: 700;
    color: #d666a1;
    font-size: clamp(1.625rem, 0.482rem + 1.786vw, 2.625rem);
    margin-bottom: 0.8em
}
.smu_sec01_wrapper .smu_Lead .smu_Lead_body {
    font-size: clamp(1.125rem, 0.554rem + 0.893vw, 1.625rem);
    line-height: 1.5;
}

/* Anker
------------------------------------------ */
.smu_sec01_wrapper .smu_anker_wrapper {
    width: 72%;
    min-width: 720px;
    margin: 5% auto 0 auto;
    justify-content: center;
    display: flex;
}
.smu_sec01_wrapper .smu_anker_wrapper .anker_left,
.smu_sec01_wrapper .smu_anker_wrapper .anker_right {
    position: relative;
}
.smu_sec01_wrapper .smu_anker_wrapper .anker_left::before {
    position: absolute;
    top: 0;
    left: -20%;
    content: "";
    width: 50%;
    height: 50%;
    background: url(/media/export/cms2.0/lp/summer-make-up/230519/img/pc/anker-01_txt.png) no-repeat;
    background-position: center center;
    background-size: contain;
}
.smu_sec01_wrapper .smu_anker_wrapper .anker_right::before {
    position: absolute;
    top: 30%;
    right: -26%;
    content: "";
    width: 50%;
    height: 50%;
    background: url(/media/export/cms2.0/lp/summer-make-up/230519/img/pc/anker-02_txt.png) no-repeat;
    background-position: center center;
    background-size: contain;
}
.smu_sec01_wrapper .smu_anker_wrapper .smu_anker_contents:first-child {
    margin-right: 2%;
}
.smu_sec01_wrapper .smu_anker_wrapper .smu_anker_contents .anker_txt_box {
    margin-top: 1em;
    text-align: center;
    color: #1a1a1a;
    font-size: clamp(0.75rem, -0.25rem + 1.563vw, 1.625rem);
    display: block;
    padding: 0.4em;
    box-sizing: border-box;
    border: 2px solid #1a1a1a;
    position: relative;
    background: rgba(255, 255, 255, .5);
}
.btn_ani::after {
    content: "";
    display: block;
    position: absolute;
    width: 3%;
    height: 12px;
    top: 46%;
    background-image: url(/media/export/cms2.0/lp/summer-make-up/230519/img/common/arrow_anker.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: all .3s;
}
.anker_left .btn_ani::after {
    right: 20%;
}
.anker_right .btn_ani::after {
    right: 25%;
}
.smu_anker_contents a:hover .btn_ani::after {
    top: 60%;
}
/* .smu_anker_contents a:hover {
    opacity: .8;
} */