html {
    scroll-behavior: smooth;
}

.crm-lt-ttl .page__sub .page__ttl {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: var(--gutter-2x, 16px);
    padding: 8.75rem 1rem;
}

.crm-lt-ttl .page__ttl {
    padding: 8rem 0 3.5rem 0;
}

.box_area_wrap {
    position: relative;
    margin-top: 128px; 
    padding-bottom: 128px;
}

.box_area_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #fcfcfa;
    z-index: -1;
    transform: translateX(-50%);
    left: 50%;
}

.page__sub {
    padding-bottom: 0;
}

.mar-gutt-crm .box_type01 {
    margin: var(--gutter-8x) auto 0;
}


/* middle box */

.crm_aside .box_type01__description p:last-child {
    margin-bottom: 0;
}

.crm_aside .box_type01 .box_type01__inner .box_type01__title {
    display: flex;
}



/* line break for sp  */

.page_int-crm .br--2-sp {
    display: block;
}


/* Responsive Design for Mobile */
@media (max-width: 768px) {
    .box_area_wrap {
        margin-top: 64px;
        padding-bottom: 80px;
    }

    .crm-lt-ttl .page__ttl {
    padding: 5rem 0 3.5rem 0;
    }

    .page_int-crm .br--2-sp  {
        display: none;
    }
}