header {
    margin-bottom: 0px !important;
}

h1 {
    font: var(--weight-700) var(--size-600)/var(--line-height-100) var(--sour_gummy);
    margin: 0 var(--margin-side-mobile) 32px;
    text-align: center;

    @media screen and (min-width: 800px) {
        text-align: left;
        margin: 0 var(--margin-side-desktop) 48px;
    }
}

h2 {
    font: var(--weight-700) var(--size-300) var(--sour_gummy);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview__img {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
}

h6 {
    background-color: var(--color-sub3);
    padding: 2px 8px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 20px;
    font: var(--weight-700) var(--size-090) var(--assistant);
}

h6,
.feature__contents>h2,
.feature__contents>p,
li>h2,
li>p {
    margin-bottom: 8px;
}

/* list */

.list__wrapper {
    margin: 0 var(--margin-side-mobile);

    @media screen and (min-width: 800px) {
        margin: 0 var(--margin-side-desktop);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

li {
    margin-bottom: 64px;
}

li>p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}