@charset "utf-8";

.section_ttl {
    color: #ed3504;
}
.slide_step_ttl {
    background-color: #ed3504;
}

.color_1 .mv_bg {
    background-color: #ed3504;
}
.mv_color_list > li:nth-child(1) {
    background-color: #3eb034;
}
.mv_color_list > li:nth-child(2) {
    background-color: #d84188;
}
.mv_color_list > li:nth-child(3) {
    background-color: #0075c2;
}
.mv_color_list > li:nth-child(4) {
    background-color: #e7141a;
}
.mv_color_list > li:nth-child(5) {
    background-color: #f6ab00;
}
.mv_color_list > li:nth-child(6) {
    background-color: #924799;
}
.mv_color_list > li:nth-child(7) {
    background-color: #a5adb8;
}
.mv_color_list > li:nth-child(8) {
    background-color: #deab00;
}

.mv_ttl_box {
    top: 4.3rem;
}
.mv_catch {
    font-size: 1.2rem;
    line-height: 1.333;
}
.mv_ttl {
    margin-top: 0.4rem;
}
.mv_pkg {
    width: 3.25rem;
    left: 3.3rem;
    bottom: 0.8rem;
    z-index: 3;
}
.mv_ttl_en {
    top: 5.3rem;
}
.mv_info {
    bottom: 0.6rem;
    left: 7.65rem;
}

.colors_pkg_list {
    padding: 0 3rem;
}
.colors_pkg_list li:nth-child(5) {
    margin-left: 0;
}
.colors_pkg_list li:nth-child(n + 5) {
    margin-top: 1.7rem;
}
.colors_pkg_list > li {
    width: 3.3rem;
}
.colors_pkg_list > li + li {
    margin-left: 2.35rem;
}
.colors_pkg_list svg {
    position: absolute;
    top: -0.3rem;
    left: -0.5rem;
    width: 4.3rem;
    height: 13.2rem;
}
.colors_pkg_list .is_current path {
    stroke: #ed3504;
}
.colors_pkg_list > li:after {
    border-top: 0.6rem solid #ed3504;
}
.swiper-pagination-h .swiper-pagination-current {
    color: #ed3504;
}
.colors_notes .strong {
    color: #ed3504;
}

.colors_pkg_img .ico_new {
    position: absolute;
    top: -0.9rem;
    left: -0.9rem;
    width: 2.8rem;
    z-index: 1;
}
.colors_info_item .ico_new {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7.2rem;
    margin-left: -2.2rem;
    width: 2.2rem;
    z-index: 1;
}
/* colors_info */
.colors_info_item_unicorn_wrap {
    background-color: #e691c5;
}
.colors_info_item_cosmo_wrap {
    background-color: #4abccc;
}
.colors_info_item1_wrap {
    background-color: #41a87a;
}
.colors_info_item2_wrap {
    background-color: #e067a0;
}
.colors_info_item3_wrap {
    background-color: #3391ce;
}
.colors_info_item4_wrap {
    background-color: #ec4348;
}
.colors_info_item5_wrap {
    background-color: #f8bc33;
}
.colors_info_item6_wrap {
    background-color: #a86cad;
}
.colors_info_item7_wrap {
    background-color: #b7bdc6;
}
.colors_info_item8_wrap {
    background-color: #e5bc33;
}
.colors_info_item_unicorn,
.colors_info_item_cosmo,
.colors_info_item1,
.colors_info_item2,
.colors_info_item3,
.colors_info_item4,
.colors_info_item5,
.colors_info_item6,
.colors_info_item7,
.colors_info_item8 {
    width: 2.9rem;
}
.colors_info_item {
    flex-direction: column;
    color: #fff;
    position: relative;
}
.colors_info_txt {
    margin-top: 0.7rem;
}

/* features */
.features_inner {
    display: flex;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.features_ttl {
    font-style: italic;
    font-size: 1.4rem;
    padding: 0.8rem 1.2rem;
    font-weight: 700;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    min-height: 4.9rem;
}
.features_ttl + .features_ttl {
    margin-top: 1.2rem;
}
.features_ttl_color {
    color: #ed3504;
}
.features_txt_box {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: calc(100% - 2.8rem);
}
.features_img {
    margin-top: 1.6rem;
    width: 100%;
}
.features_listitem {
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    flex-direction: column;
}
.features_listitem + .features_listitem {
    border-top: 0.1rem solid #000;
}
.features_ttl_box {
    display: flex;
}
.features_subttl {
    line-height: 1;
    font-weight: 800;
    display: flex;
    align-items: flex-end;
    width: 2.8rem;
    font-size: 1.2rem;
    padding-left: 1.1rem;
}
.features_listitem:nth-child(even) .features_subttl {
    align-items: flex-start;
    order: 1;
    padding-left: 0rem;
    padding-right: 1rem;
}
.features_txt {
    font-weight: 700;
    line-height: 1.5;
    padding: 1.2rem 1.5rem;
    font-size: 1.4rem;
}
.features_txt_sub {
    color: #777777;
    font-size: 1rem;
    padding: 0 1.5rem 1.2rem;
}
.features_ttl_box,
.features_img_box {
    width: 100%;
}
.features_listitem:nth-child(odd) .features_img_box {
    padding-left: 4.1rem;
}
.features_listitem:nth-child(even) .features_img_box {
    padding-right: 4.1rem;
}