@charset "UTF-8";

/*
受注代行/order_manager/ページ用
*/

/* 受注管理代行サービス内容
================================================== */
.about-ordermanage-service__inner {
    padding-bottom: 55px;
}
@media all and (min-width: 600px) {
    .about-ordermanage-service__inner {
        padding-bottom: 105px;
    }
}

.about-ordermanage-service__head {
    padding-bottom: 3px;
    color: #f36c2c;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
}
@media all and (min-width: 600px) {
    .about-ordermanage-service__head {
        padding-bottom: 7px;
        font-size: 3.4rem;
    }
}

@media all and (min-width: 600px) {
    .about-ordermanage-service__txt {
        text-align: center;
    }
}

.about-ordermanage-service__merit-box {
    margin-top: 24px;
}
@media all and (min-width: 600px) {
    .about-ordermanage-service__merit-box {
        margin-top: 36px;
    }
}

.about-ordermanage-service__merit-list {
    margin: 0 -10px -26px;
}
@media all and (min-width: 600px) {
    .about-ordermanage-service__merit-list {
        display: flex;
        flex-wrap: wrap;
        margin: -15px -12px;
    }
}

.about-ordermanage-service__merit-item {
    box-sizing: border-box;
    margin: 26px 0;
    padding: 20px 0;
    box-shadow: 0 0 15px #fccda2 inset;
    color: #f36c2c;
    text-align: center;
    font-size: 1.6rem;
}
@media all and (min-width: 600px) {
    .about-ordermanage-service__merit-item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(33.333% - 24px);
        min-height: 159px;
        margin: 15px 12px;
        box-shadow: 0 0 18px #fccda2 inset;
        font-size: 2.2rem;
    }
}



/* あらゆるシステムと連携
================================================== */
.about-ordermanage-system__inner {
    padding-bottom: 50px;
}
@media all and (min-width: 600px) {
    .about-ordermanage-system__inner {
        padding-bottom: 117px;
    }
}

.about-ordermanage-system__head {
    padding-bottom: 3px;
    color: #f36c2c;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
}
@media all and (min-width: 600px) {
    .about-ordermanage-system__head {
        padding-bottom: 7px;
        font-size: 3.4rem;
    }
}

@media all and (min-width: 600px) {
    .about-ordermanage-system__txt {
        text-align: center;
    }
}