/* mv */
.omj-awre-mv {
    height: 100vw;
    position: relative;
}

.omj-awre-slide-item {
    width: 100vw;
    height: 100vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* .slick-slide:nth-child(1) .omj-awre-slide-item {
    background-image: url('../images/top/top-mv-slide-1-small-compressed.jpg');
} */

.slick-slide:nth-child(1) .omj-awre-slide-item {
    background-image: url('../images/top/top-mv-slide-2-small-compressed.jpg');
}

.slick-slide:nth-child(2) .omj-awre-slide-item {
    background-image: url('../images/top/top-mv-slide-3-small-compressed.jpg');
}

.omj-awre-clear-text {
    position: absolute;
    right: var(--inner-1);
    top: 50%;
    transform: translateY(-50%);
    width: 7.8rem;
    height: 25rem;
    background: center center / contain url('../images/top/top-mv-cc.svg') no-repeat;
}

.omj-awre-mv .slick-dots {
    bottom: 1.5rem;
}

.omj-awre-mv .slick-dots li {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.5rem;
}

.omj-awre-mv .slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
    background: var(--color-1);
    border-radius: 50%;
}

.omj-awre-mv .slick-dots li.slick-active button {
    background: var(--color-base);
}

/* recommend */
.omj-awre-recommend {
    background: center center / cover url('../images/top/top-recommend-back-large-compressed.jpg') no-repeat;
    position: relative;
    margin: 0 0 var(--section-padding);
    padding: var(--part-margin-large) 0;
}

.omj-awre-recommend::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.7);
    opacity: 1;
    backdrop-filter: blur(0.2rem);
    -webkit-backdrop-filter: blur(0.2rem);
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.omj-awre-recommend .omj-awre-inner {
    position: relative;
    z-index: 1;
}

.omj-awre-recommend-sub-title {
    padding: 0 0 calc(0.5rem + var(--border-width)) 4rem;
    position: relative;
    font-weight: bold;
    font-size: var(--font-size-h-middle);
    font-family: var(--font-family-ja-h);
    margin: 0 0 var(--part-margin-middle);
}

.omj-awre-recommend-sub-title::before {
    content: "";
    display: block;
    width: 3.665rem;
    height: 3.827rem;
    background: center center / contain url('../images/top/top-recommend-mark.svg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.omj-awre-recommend-sub-title::after {
    content: "";
    display: block;
    width: calc(100% - 3rem);
    height: var(--border-width);
    background: var(--color-2);
    position: absolute;
    right: 0;
    bottom: 0;
}

.omj-awre-recommend-accessory {
    width: 7rem;
    position: absolute;
    z-index: 2;
    bottom: -4rem;
    left: 0;
}
.omj-awre-essentials .omj-awre-button-1.omj-awre-c-2,
.omj-awre-recommend .omj-awre-button-1.omj-awre-c-2{
    width: 100%;
    height: auto;
    background: var(--color-2)!important;
    color: white;
    border-color: var(--color-2);
    line-height: 1.6;
    font-size: 20px;
}

/* merit */
.omj-awre-merit-1-manual {
    width: 21rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.omj-awre-merit-3-image-1 {
    width: 17.2rem;
}

.omj-awre-merit-4-image {
    width: 18.4rem;
    margin-left: auto;
    margin-right: auto;
}

/* entry-flow */
.omj-awre-entry-flow-item {
    background: #EBEBEB;
    font-weight: bold;
    padding: var(--part-margin-small);
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-entry-flow-item:last-child {
    margin-bottom: 0;
}

.omj-awre-entry-flow-item-arrow {
    border-top: 1.5rem solid var(--color-5);
    border-right: 1.5rem solid transparent;
    border-left: 1.5rem solid transparent;
    margin: 0 auto var(--part-margin-small);
    width: 3rem;
}

.omj-awre-entry-flow-item-result {
    background: var(--color-2);
    color: var(--color-base);
}

.omj-awre-entry-flow .omj-awre-card{
    flex-grow: 1;
}

@media screen and (min-width:768px) {

    /* mv */
    .omj-awre-mv {
        height: 39.0625vw;
    }

    .omj-awre-slide-item {
        width: 100vw;
        height: 39.0625vw;
    }

    /* .slick-slide:nth-child(1) .omj-awre-slide-item {
        background-image: url('../images/top/img_visual1.jpg');
    } */

    .slick-slide:nth-child(1) .omj-awre-slide-item {
        background-image: url('../images/top/top-mv-slide-1-large-compressed.jpg');
    }

    .slick-slide:nth-child(2) .omj-awre-slide-item {
        background-image: url('../images/top/top-mv-slide-2-large-compressed.jpg');
    }

    .slick-slide:nth-child(3) .omj-awre-slide-item {
        background-image: url('../images/top/top-mv-slide-3-large-compressed.jpg');
    }

    .omj-awre-clear-text {
        right: auto;
        left: 70%;
        width: 8.59765625vw;
        height: 27.4796875vw;
    }

    .omj-awre-mv .slick-dots {
        bottom: 5rem;
    }

    /* recommend */
    .omj-awre-recommend {
        padding: 7rem 0;
    }

    .omj-awre-recommend-sub-title {
        padding: 0 0 calc(0.5rem + var(--border-width)) 4.6rem;
    }

    .omj-awre-recommend-accessory {
        width: 20rem;
        left: 2rem;
    }

    /* merit */
    .omj-awre-merit-3-image-1 {
        width: 25.8rem;
    }

    .omj-awre-merit-3-image-2 {
        width: 42rem;
    }

    .omj-awre-merit-4-image {
        width: 23.074rem;
    }
}