@charset "utf-8";

.section_ttl {
    color: #18b3e0;
}

.slide_step_ttl {
    background-color: #18b3e0;
}

.color_1 .mv_bg {
    background-color: #18b3e0;
}

.mv_color_list>li:nth-child(1) {
    background-color: #f61d39;
}

.mv_color_list>li:nth-child(2) {
    background-color: #e946d1;
}

.mv_color_list>li:nth-child(3) {
    background-color: #c14d9a;
}

.mv_color_list>li:nth-child(4) {
    background-color: #3493e6;
}

.mv_color_list>li:nth-child(5) {
    background-color: #9e9eb2;
}

.mv_ttl_box {
    top: 5.6rem;
}

.mv_catch {
    font-size: 1.2rem;
    line-height: 1.333;
}

.mv_ttl {
    margin-top: 0.4rem;
}

.mv_pkg {
    width: 22.7%;
    left: -2.2rem;
    bottom: 0.8rem;
    z-index: 3;
}

.mv_ttl_en {
    top: 6.7rem;
}

.mv_info {
    bottom: 0.8rem;
    left: 5.8rem;
}

.mv_bg_2 {
    height: 39%;
}

.colors_pkg_list>li {
    width: 4.3rem;
}

.colors_pkg_list>li+li {
    margin-left: 1.1rem;
}

.colors_pkg_list svg {
    position: absolute;
    top: -1.7rem;
    left: -0.35rem;
    width: 5rem;
    height: 16.5rem;
}

.colors_pkg_list .is_current path {
    stroke: #18b3e0;
}

.colors_pkg_list>li:after {
    border-top: 0.6rem solid #18b3e0;
}

.swiper-pagination-h .swiper-pagination-current {
    color: #18b3e0;
}

.colors_notes .strong {
    color: #18b3e0;
}

/* colors_info */
.colors_info_item1_wrap {
    background-color: #f84a61;
}

.colors_info_item2_wrap {
    background-color: #eb6ad8;
}

.colors_info_item3_wrap {
    background-color: #c14d9a;
}

.colors_info_item4_wrap {
    background-color: #5da9eb;
}

.colors_info_item5_wrap {
    background-color: #b1b1c1;
}

.colors_info_item1,
.colors_info_item2,
.colors_info_item3,
.colors_info_item4,
.colors_info_item5 {
    width: 3.6rem;
}

.colors_info_item {
    position: relative;
}

.colors_info_item .ico_new {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7.1rem;
    margin-left: -2.7rem;
    width: 2.4rem;
    z-index: 1;
}

.colors_pkg_list {
    margin-top: 2.2rem;
}

.colors_pkg_list .ico_new {
    top: -1.5rem;
    left: -0.9rem;
}
