@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 img:nth-child(1) {
    margin-bottom: 24px;
}

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

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

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

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

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

    .p-usp-box-flex {
        display: flex;
    }

    .c-usp-img {
        margin: 0 18px 0 0;
        min-width: 192px;
        max-width: 192px;
    }

    .c-usp-img-description2 {
        margin: 0 auto;
        margin-top: 10px;
        width: 80%;
    }

    .c-usp-img-description2 {
        margin: 0 auto;
        margin-top: 60px;
        width: 100%;
    }

    .p-usp-box:nth-child(3) .p-usp-box-flex .c-usp-img-description img {
        width: 90%;
    }
}

/* ポイント説明文（丸画像の横） */
.c-usp-img-description img {
    width: 100%;
    height: auto;
}

/* ポイント本文（横長画像） */
.c-usp-img-description2 img {
    width: 100%;
    height: auto;
}

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

.p-usp-point {
    padding-bottom: 20px;
}

/* TAB_SMALL */
@media screen and (min-width: 680px) {
    .c-usp-img-description {
        flex: 1;
        align-self: center;
    }
}

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