@charset "utf-8";

/* 特徴 */
/* SP */
.p-usp-point {
    display: flex;
    flex-direction: column;
    margin: 24px 32px 0;
}

.p-usp-box {
    margin-bottom: 24px;
    position: relative;
}

.c-usp-img {
    margin: 0 10%;
}

/* SP_SMALL */
@media screen and (max-width: 350px) {
    .c-usp-img {
        margin: 0;
    }
}

/* SP_LARGE */
@media screen and (min-width: 500px) {
    .c-usp-img {
        margin: 0 20%;
    }
}

/* TAB_SMALL */
@media screen and (min-width: 680px) {
    .p-usp-point {
        flex-direction: row;
        margin: 56px 64px 0 64px;
    }

    .p-usp-box {
        margin-right: 16px;
    }

    .c-usp-img {
        margin: 0;
    }
}

/* TAB */
@media screen and (min-width: 768px) {
    .c-usp-img {
        margin: 0;
    }
}

/* つかいやすい工夫のドット罫線 */
.c-usp-line-dot {
    margin: 8px 0 40px;
}

.c-usp-line-dot img {
    width: 100%;
    height: auto;
}

/* つかいやすい工夫 */
.c-ingenuity-heading {
    margin: 0 16px;
}

.c-ingenuity-heading img {
    width: 100%;
    height: auto;
}

.p-ingenuity {
    padding-bottom: 40px;
}

.c-ingenuity-img {
    margin: 16px 8px 0;
}

.c-ingenuity-img.u-show_sp {
    display: grid;
    gap: 24px;
}

@media screen and (min-width: 768px) {
    .c-ingenuity-img.u-show_sp {
        display: none;
    }
}

.c-ingenuity-img.u-show_sp:first-of-type > img:nth-child(2) {
    width: 80%;
}

/* TAB */
@media screen and (min-width: 768px) {
    .c-usp-line-dot {
        margin: 8px 0 56px;
    }

    .c-ingenuity-heading {
        margin: 0 auto;
        width: 70%;
    }

    .c-ingenuity-img {
        margin: 48px 0 0;
    }
}