#review {
    background-color: #E8F5FB;
}

#review .heading {
    font-weight: 900;
    text-align: center;
}

#review .worry-main {
    position: relative;
    display: flex;
    align-items: baseline;
}

#review .worry-text {
    text-align: center;
}

.section-underline .sub-text {
    line-height: 1.75;
    text-align: center;
}

.section-underline .sub-text .bold {
    font-weight: 700;
}

#index-reviewlist {
    display: grid;
}

#index-reviewlist .item {
    display: grid;
}

#index-reviewlist .item .review-commont {
    position: relative;
    background-color: #fff;
}

#index-reviewlist .item .review-commont::before {
    content: "";
    position: absolute;
    background-color: #fff;
}

#index-reviewlist .item .review-commont .title {
    color: #0280D4;
    font-weight: 700;
}

#review .cnvBtn {
    background-color: #FFDDB4;
}

#review .cnvBtn a {
    display: grid;
    place-items: center;
    background-color: #FF8A00;
    border: 2px solid #fff;
    border-radius: 100vh;
    color: #fff;
    font-weight: 900;
    margin-inline: auto;
}

#index-reviewpoint .point-list {
    display: grid;
}

#index-reviewpoint .point-list .item {
    background-color: #fff;
}

#index-reviewpoint .point-list .item .title {
    color: #0280D4;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    #review .main {
        width: calc(100% - 30px);
        margin-inline: auto;
    }
    #review .heading {
        font-size: 2.4rem;
        margin-block-start: 4rem;
        margin-block-end: 3.7rem;
    }

    #review .worry-text {
        line-height: 1.75;
    }

    #review .small-text {
        font-size: 2rem;
    }

    #review .large-text {
        font-size: 2.4rem;
    }

    .main-section .beginner-worry-wrap {
        margin-block-start: 0;
    }

    .main-section .beginner-worry-wrap .worry-main .worry-text {
        font-size: 1.6rem;
    }

    .main-section:is(#intro) .beginner-worry-wrap .worry-main::before,
    .main-section:is(#intro) .beginner-worry-wrap .worry-main::after {
        width: 26.72px;
        height: 61.25px;
    }

    .main-section:is(#intro) .beginner-worry-wrap .worry-main::before {
        left: -26.72px;
    }

    .main-section:is(#intro) .beginner-worry-wrap .worry-main::after {
        right: -26.72px;
    }

    .main-section .beginner-worry-wrap .worry-main .worry-img {
        width: 21rem;
    }

    .section-underline {
        background: url(https://gigaplus.makeshop.jp/kitaichi0001/img/lp/review/section_underline_sp.svg) no-repeat bottom center / auto 50%;
    }

    .section-underline .sub-text {
        font-size: 1.4rem;
    }

    #intro .section-underline {
        margin-block-start: 3rem;
        padding-block-end: 2.5rem;
    }


    #index-reviewlist {
        row-gap: 3.7rem;
        margin-block-start: 2.5rem;
    }

    #index-reviewlist .item {
        row-gap: 3rem;
    }

    #index-reviewlist .item .review-commont {
        border-radius: 2.4rem;
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .2));
        padding-block: 2.5rem;
        padding-inline: 1.7rem;
    }

    #index-reviewlist .item .reviewer-img {
        margin-inline: auto;
    }

    #index-reviewlist .item:nth-child(1) .reviewer-img {
        width: 10rem;
    }

    #index-reviewlist .item:nth-child(2) .reviewer-img {
        width: 14.4rem;
    }

    #index-reviewlist .item:nth-child(3) .reviewer-img {
        width: 8.4rem;
    }

    #index-reviewlist .item:nth-child(4) .reviewer-img {
        width: 13.6rem;
    }

    #index-reviewlist .item .review-commont::before {
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        left: 50%;
        transform: translateX(-50%);
        bottom: -1.4rem;
        width: 24px;
        height: 16px;
    }

    #index-reviewlist .item .review-commont .title {
        font-size: 1.6rem;
        margin-block-end: 2.4rem;
    }

    #index-reviewlist .item .review-commont .content {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    #section2 {
        margin-block-start: 4.5rem;
    }

    #section2 .main-text {
        font-size: 1.6rem;
        font-weight: 700;
        margin-block-start: 4.5rem;
        text-align: center;
    }

    #section2 .main-text .marker {
        background: linear-gradient(transparent 70%, #36C7C433 70%);
    }

    #section2 .section-underline {
        margin-block-end: 2.5rem;
        padding-block-end: 3rem;
    }

    #review .cnvBtn {
        border-radius: 0.8rem;
        padding-block: 2.3rem;
        padding-inline: 1rem;
    }

    #review .cnvBtn a {
        width: 32.5rem;
        bottom: 0.1rem solid #fff;
        font-size: 1.7rem;
        padding-block: 1.9rem;
        padding-inline: 1rem;
    }

    #index-reviewpoint {
        margin-block: 6.5rem;
    }

    #index-reviewpoint .point-list {
        row-gap: 1.5rem;
        margin-block: 2.5rem;
    }
    
    #index-reviewpoint .point-list .item {
        border-radius: 1rem;
        box-shadow: 0px 4px 4px 0px #0000000D;
        padding-block: 2.8rem;
        padding-inline: 2.2rem;
    }
    
    #index-reviewpoint .point-list .item .title {
        border-block-end: 0.1rem solid #0280D4;
        font-size: 1.5rem;
        margin-block-end: 2.1rem;
        padding-block-end: 2.1rem;
    }

    #index-reviewpoint .point-list .item .content {
        font-size: 1.4rem;
        line-height: 2;
    }
}

@media screen and (min-width: 769px) {
    #review .heading {
        font-size: 3.2rem;
        margin-block-start: 6rem;
        margin-block-end: 5rem;
    }

    #review .worry-text {
        font-size: 2.8rem;
        line-height: 1.75;
    }

    #review .small-text {
        font-size: 2.4rem;
    }

    #review .large-text {
        font-size: 3.2rem;
    }

    .main-section:is(#intro) .beginner-worry-wrap .worry-main::before,
    .main-section:is(#intro) .beginner-worry-wrap .worry-main::after {
        width: 45.84px;
        height: 61.8px;
    }

    .section-underline {
        background: url(https://gigaplus.makeshop.jp/kitaichi0001/img/lp/review/section_underline_pc.svg) no-repeat center center / auto 100%;
    }

    .section-underline .sub-text {
        font-size: 1.6rem;
        line-height: 1.75;
    }

    #intro .section-underline {
        margin-block-start: 5rem;
        padding-block-end: 3rem;
    }

    #index-reviewlist {
        row-gap: 3rem;
        margin-block-start: 3.5rem;
    }

    #index-reviewlist .item .review-commont {
        border-radius: 2rem;
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .2));
        padding-block: 6rem;
        padding-inline: 12rem;
    }

    #index-reviewlist .item .review-commont::before {
        top: 50%;
        transform: translateY(-50%);
    }
    
    #index-reviewlist .item .reviewer-img {
        margin: auto;
    }

    #index-reviewlist .item:nth-child(even) {
        grid-template-columns: 35rem minmax(0, 1fr);
        column-gap: 3.5rem;
    }

    #index-reviewlist .item:nth-child(odd) {
        grid-template-columns: minmax(0, 1fr) 35rem;
        column-gap: 3.5rem;
    }

    #index-reviewlist .item:nth-child(even) .reviewer-img {
        grid-column: 1;
        grid-row: 1;
    }

    #index-reviewlist .item:nth-child(odd) .reviewer-img {
        grid-column: 2;
        grid-row: 1;
    }

    #index-reviewlist .item:nth-child(even) .review-commont {
        grid-column: 2;
        grid-row: 1;
    }

    #index-reviewlist .item:nth-child(odd) .review-commont {
        grid-column: 1;
        grid-row: 1;
    }

    #index-reviewlist .item:nth-child(odd) .review-commont::before {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        right: -2.7rem;
        width: 28px;
        height: 37px;
    }

    #index-reviewlist .item:nth-child(even) .review-commont::before {
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        left: -2.7rem;
        width: 28px;
        height: 37px;
    }

    #index-reviewlist .item .review-commont .title {
        font-size: 1.8rem;
        margin-block-end: 3rem;
    }

    #index-reviewlist .item .review-commont .content {
        font-size: 1.6rem;
        line-height: 1.75;
    }

    #section2 {
        margin-block-start: 9.5rem;
    }

    #section2 .main-text {
        font-size: 2.6rem;
        font-weight: 700;
        margin-block-end: 4rem;
        text-align: center;
    }

    #section2 .main-text .marker {
        background: linear-gradient(transparent 70%, #36C7C433 70%);
    }

    #section2 .section-underline {
        margin-block-end: 3rem;
        padding-block-end: 3rem;
    }

    #review .cnvBtn {
        border-radius: 1.5rem;
        padding-block: 4.5rem;
    }

    #review .cnvBtn a {
        width: 72rem;
        height: 8rem;
        font-size: 2rem;
    }

    #index-reviewpoint {
        margin-block: 15rem;
    }

    #index-reviewpoint .point-list {
        row-gap: 2rem;
        margin-block: 5rem;
    }
    
    #index-reviewpoint .point-list .item {
        border-radius: 2rem;
        box-shadow: 0px 0px 5px 0px #30333F33;
        padding-block: 4rem;
        padding-inline: 7.5rem;
    }
    
    #index-reviewpoint .point-list .item .title {
        border-block-end: 0.2rem solid #0280D4;
        font-size: 2rem;
        margin-block-end: 1.5rem;
        padding-block-end: 1.5rem;
    }

    #index-reviewpoint .point-list .item .content {
        font-size: 1.6rem;
        line-height: 2;
    }
}