/*---------------------------------------------*/

/* about.html

============================================== */

#about_free,
#about002,
#about003 {
    scroll-margin-top: 100px;
    /* ヘッダーの高さに合わせる */
}


.bottom80 {
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid #484848;
}

.numbered-header-flex {
    margin-bottom: 9px;
    display: flex;
}

.numbered-header-flex .numbered-header {
    font-size: 15px;
    letter-spacing: 0.12em;
    line-height: 29px;
    padding-right: 12px;
    margin-right: 12px;
    position: relative;
}

.numbered-header-flex .numbered-header::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    background-color: #cfcfcf;
}

.numbered-header-num {
    font-size: 20px;
    letter-spacing: 0.12em;
    line-height: 33px;
}

.aboutsabBox h6 {
    margin-bottom: 14px;
    font-size: 20px;
    letter-spacing: 0.12em;
    line-height: 33px;
    color: #000;
    text-align: left;
}

.aboutsabBox p {
    text-align: left;
    line-height: 2.3rem;
    margin-top: 30px;
}



.wid80 {
    display: flex;
    justify-content: space-between;
    margin: 100px auto;
}

.aboutBox {
    width: 48%;
}


.about_jirei {
    display: flex;
    justify-content: space-between;
    margin: 50px 30px;

}

.about-image {
    width: 28%;
}

.about-text {
    width: 70%;
    text-align: left;
    line-height: 2.3rem;
}

.ssabbox {
    display: flex;
}

p.ssabbox01 {
    width: 150%;
    margin-right: 20px;
}

#New_jirei .about-image {
    width: 35%;
    border: 1px solid #eee;
}

#New_jirei .about-text {
    width: 63%;
    text-align: left;
    line-height: 2.3rem;
}

p.aboutBOX {
    width: 80%;
    margin-top: 100px;
}


@media screen and (max-width: 767px) {

    .wid80 {
        display: flex;
        flex-direction: column;
    }

    .aboutBox {
        width: 100%;
    }

    .about_jirei {
        display: flex;
        justify-content: space-between;
        margin: 50px auto;
        flex-direction: column;
    }

    .about-image {
        width: 100%;
    }

    .about-text {
        width: 100%;
    }

    .ssabbox {
        display: flex;
        flex-direction: column;
    }

    p.ssabbox01 {
        width: 50%;
        margin: auto;
    }

    p.aboutBOX {
        width: 100%;
        margin-top: 0;
    }

    .numbered-header-num {
        font-size: 16px;
        text-align: left;
        line-height: 28px;
    }

    .aboutsabBox h6 {
        font-size: 16px;
    }



}