.action {
    background-color: #fff;
}

.action__inner {
    padding-bottom: 80px;
}

.action__wrap {
    background-color: var(--main-bg);
    color: #fff;
}

.action__item {
    position: relative;
    padding: 40px;
}

.action__item:last-of-type {
    border-top: 1px solid rgba(243, 243, 243, .4);
}

.action__item__heading {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    column-gap: 16px;
}

.action__item__heading .en {
    font-size: 1.5rem;
}

.action__item__heading .en::after {
    bottom: -2px;
}


.action__item__heading .jp {
    font-size: .75rem;
}

.action__item__text {
    margin-top: 20px;
    line-height: 1.5;
    font-size: .75rem;
}

.action .link-button {
    justify-content: end;
}

@media screen and (min-width: 768px) {
    .action__inner {
        width: 80%;
        padding: 80px 0;
    }

    .action__wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .link-button {
        justify-content: end;
    }

    .action__item:last-of-type {
        border-top: none;
        border-left: .1px solid rgba(243, 243, 243, .4);
    }
}