@charset "utf-8";

/* 特徴 */
/* SP */
.p-usp-point {
    display: block;
    margin: 24px 0 0;
}

.p-usp-box {
    position: relative;
    display: block;
    margin: 50px auto;
    margin-bottom: 60px;
    width: 100%;
}

.p-usp-box:nth-child(1) .c-usp-img-description.u-show_sp img:nth-child(1),
.p-usp-box:nth-child(6) .c-usp-img-description.u-show_sp img:nth-child(1) {
    display: block;
    margin: 24px auto;
    width: 54%;
}

.p-usp-box:nth-child(1) .c-usp-img-description.u-show_sp img:nth-child(2),
.p-usp-box:nth-child(4) .c-usp-img-description.u-show_sp img:nth-child(1)  {
    display: block;
    margin: 24px auto;
    width: 65%
}

.c-usp-img {
    margin: 0 auto;
    width: 70%;
    max-width: 300px;
}

.c-usp-img-description {
    margin: 20px auto;
    margin-right: 0;
}

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

    .p-usp-box {
        position: relative;
        display: flex;
        width: 100%;
    }

    .c-usp-img {
        margin: 0 18px 0 0;
        width: auto;
    }

    .c-usp-img > img {
        width: 180px;
    }

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

    .p-usp-box:nth-child(3) .c-usp-img-description {
        margin-right: 30px;
    }

    .p-usp-box:nth-child(6) .c-usp-img-description.u-show_pc {
        margin-right: 30px;
    }
}

/* ポイント間の罫線 */
/* .p-usp-point の左右余白を打ち消し、.c-usp-line-dot と同じ幅にする */
/* 画像の高さが小数になると線ごとに太さが変わって見えるため、背景で高さを整数に固定する */
.p-usp-line {
    margin: 0 0 40px;
    height: 2px;
    background: url(/images/book/introduction/2027/kbn/line.svg) left center / auto 100% repeat-x;
}

/* ポイント1の横長画像（お話） */
.p-usp-box-wide {
    margin: -20px 0 60px;
}

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

/* コーナー紹介の上のドット罫線 */
.c-usp-line-dot {
    margin: 0 0 40px;
}

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

.c-usp-fig {
    margin: 0;
    padding-bottom: 40px;
}

/* TAB */
@media screen and (min-width: 768px) {
    .p-usp-line {
        margin-bottom: 56px;
        height: 3px;
    }

    .c-usp-line-dot {
        margin-bottom: 56px;
    }
}