@charset "UTF-8";

.benefit__panel {
    padding: 50px;
}
    .benefit__ttl {
        margin: 0 0 50px;
        font-weight: 700;
        color      : var(--main-color);
        text-align: center;
    }
    .benefit__contents {
        display              : grid;
        gap                  : 30px;
        grid-template-columns: 1fr 1fr;
    }
        .benefit__info > * + * {
            margin: 30px 0 0;
        }
            .benefit__sub-ttl {
                margin: 0 0 10px;
                font-weight: 700;
            }
            .benefit__text {
                line-height: 1.5;
            }
        .benefit__img {
            text-align: right;
            align-self: end;
        }

@media screen and (max-width: 768px){
    .benefit__panel {
        padding: 40px 30px;
    }
    .benefit__ttl {
        margin: 0 0 30px;
    }
    .benefit__contents {
        display: block;
    }
    .benefit__img {
        margin: 40px 0 0;
        text-align: center;
    }
}