@charset "UTF-8";
/********************************************************************************

page-top.css　トップページcss

********************************************************************************/

/*============================================================
 追従ヘッダー
*============================================================*/
#page-top #fixed-header {
    position: absolute;
}
#page-top #fixed-header.scrolled {
    position: fixed;
}
/*============================================================
 commonカスタム
*============================================================*/
#page-top #main-contents {
    padding-bottom: 0;
}
.parts-btn[data-position="center"] {
    margin: 0 auto;
}
h2.sec-title {
    text-align: center;
}
.annotation {
    font-size: 10px;
    line-height: 180%;
}
.sec-lead {
    font-size: 18px;
}
.emphasis {
    font-size: 18px;
    font-weight: 700;
}
/*============================================================
 メインビジュアル
*============================================================*/
#page-top #mainvisual {
    height: 720px;
    padding: 0;
    background-image: url(../images/top/mv_image_pc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
}
#page-top #mainvisual .info {
    width: 100%;
    max-width: var(--common-inner-max-width-wide);
    padding: 0;
    margin: 0 auto;
    display: flex;
    gap: 63px;
    justify-content: space-around;
    align-items: center;
    position: relative;
}
#page-top .scroll {
    background-image: url(../images/top/mv_scroll_img.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    /* background-size: contain; */
    background-size: cover;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
}
#page-top #mainvisual .info .parts-boxes {
    gap: 10px;
}
#page-top #mainvisual .info .mv-main {
    gap: 40px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 40px;
    border-left: 10px solid #FFD400;
    height: 398px;
}
#page-top #mainvisual .info .mv-main .main-block {
    color: #ffffff;
}
#page-top #mainvisual .info .mv-main .main-block .badge {
    padding: 4px 16px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}
#page-top #mainvisual .info .site-title {
    font-weight: bold;
    font-size: 40px;
    line-height: 260%;
    margin-bottom: 16px;
}
#page-top #mainvisual .info .site-title .site-title-emphasis01 {
    font-size: 64px;
}
#page-top #mainvisual .info .site-title .site-title-emphasis02 {
    font-size: 40px;
}
#page-top #mainvisual .info .lead {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 16px;
}
.mv-content {
    width: 444px;
    height: 660px;
    background: var(--common-color-background2);
    color: #ffffff;
    padding: 16px 0;
    z-index: 100;
}

/*============================================================
 セクション共通
*============================================================*/
#page-top .section {
    padding: 80px 0;
    margin-bottom: 0;
}
#page-top .section .sec-title {
    color: var(--common-color-sub);
}
#page-top .section .sec-title span {
    color: var(--common-color-text);
    display: block;
    font-size: 12px;
}
/*============================================================
 CTA
*============================================================*/
#sec-cta.section {
    text-align: center;
    color: #ffffff;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--common-color-background2);
    background-image: url(../images/top/cta_background_right.png),
                      url(../images/top/cta_background_left.png);
    background-repeat: no-repeat;
    background-position: top right,
                         top left;
    background-size: 406px, 359px;
}
#sec-cta.section .cta-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 200%;
    margin-bottom: 40px;
}
/*============================================================
 実績あるプロがノウハウと体制構築で売上拡大を促進
*============================================================*/
#page-top #sec-service {
    background-color: var(--common-color-background1);   
}
#page-top #sec-service .sec-title {
    color: var(--common-color-text);
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 80px;
}
/* 左側画像エリア */
#page-top #sec-service .item-image {
    width: calc(50% - 77px);
}
#page-top #sec-service .item-image .sticky-area {
    position: sticky;
    position: -webkit-sticky;
    top: var(--common-header-height);
    height: 740px;
}
#page-top #sec-service .item-image .sticky-area .sticky-block {
    position: absolute;
    top: 0;
    height: 740px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 782px auto;
    transition: opacity 0.8s;
    opacity: 0;
}
#page-top #sec-service .item-image .sticky-area .sticky-block.active {
    opacity: 1;
}
#page-top #sec-service .item-image .sticky-area .sticky-block.image-01 {
    background-image: url(../images/top/service_image01.png);    
}
#page-top #sec-service .item-image .sticky-area .sticky-block.image-02 {
    background-image: url(../images/top/service_image02.png);    
}
#page-top #sec-service .item-image .sticky-area .sticky-block.image-03 {
    background-image: url(../images/top/service_image03.png);    
}
/* 右側テキストエリア */
#page-top #sec-service .item-info {
    width: calc(50% + 20px);
}
#page-top #sec-service .item-info .sec-block {
    /* height: 740px; */
    max-width: calc(500px + var(--inner-padding
    ));
    padding-right: var(--inner-padding);
    margin-bottom: 80px;
}
#page-top #sec-service .item-info .sec-block:last-child {
    margin-bottom: 320px;
}
#page-top #sec-service .item-info .sec-block > * {
    margin-bottom: 16px;
}
#page-top #sec-service .item-info .sec-block > *:last-child {
    margin-bottom: 0;
}
#page-top #sec-service .item-info .sec-block .service-list-title {
    font-weight: bold;
    font-size: 32px;
    line-height: 200%;
}
#page-top #sec-service .item-info .sec-block .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
}
/*============================================================
 Features サービスの特徴
*============================================================*/
#page-top #sec-features {
    background-color: var(--common-color-background0);
    padding: 80px 0 0;
}
#page-top #sec-features .inner {
    max-width: 1280px;
    padding: 0;
}
#page-top #sec-features .parts-boxes-lrsw .parts-boxes {
    flex-wrap: nowrap;
    gap: 10%;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
}
#page-top #sec-features .parts-boxes-lrsw .parts-boxes:last-child {
    margin-bottom: 0;
}
#page-top #sec-features .parts-boxes-lrsw .parts-boxes .box-image {
    width: 40%;
    max-width: 530px;
}
#page-top #sec-features .parts-boxes-lrsw .parts-boxes .box-info {
    width: 50%;
}
#page-top #sec-features .parts-boxes-lrsw .parts-boxes:nth-child(odd) .box-info {
    margin-right: 10%;
}
#page-top #sec-features .parts-boxes-lrsw .parts-boxes:nth-child(even) .box-info {
    margin-left: 10%;
}
#page-top #sec-features .box-info .title {
    color: var(--common-color-sub);
    line-height: 200%;
}
/*============================================================
 Image Flow 営業代行イメージフロー
*============================================================*/
#page-top #sec-flow {
    background-color: var(--common-color-background1);
    overflow: hidden;
}
#page-top #sec-flow .sec-title {
    text-align: left;
}
#page-top #sec-flow .sec-lead {
    font-weight: 700;
    margin-bottom: 76px;
}
#page-top #sec-flow .sec-lead span {
    font-size: 24px;
    line-height: 200%;
}
#page-top #sec-flow .parts-boxes {
    gap: 40px 30px;
}
#page-top #sec-flow .item {
    position: relative;
    display: table;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.06);
    padding: 5px 0;
    width: calc(33.333% - (30px * 2) / 3);
    height: 280px;
    text-align: center;
}
#page-top #sec-flow .item::after {
    content: '';
    background-color: var(--common-color-background2);
    width: 58px;
    height: 2px;
    position: absolute;
    right: -58px;
    top: 50%;
}
#page-top #sec-flow .item:nth-child(3)::after,
#page-top #sec-flow .item:last-child::after {
    content: none;
}
#page-top #sec-flow .item .number {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
#page-top #sec-flow .item .content {
    display: table-cell;
    vertical-align: middle;
}
#page-top #sec-flow .item .content p {
    text-align: left;
    padding: 0 16px;
}
#page-top #sec-flow .item .number.no-01 {
    background-image: url(../images/top/flow_image01.png);
    max-width: 205px;
    max-height: 156px;
    top: -80px;
    left: -80px;
}
#page-top #sec-flow .item .number.no-02 {
    background-image: url(../images/top/flow_image02.png);
    max-width: 170px;
    max-height: 120px;
    bottom: -53px;
    right: -33px;
}
#page-top #sec-flow .item .number.no-03 {
    background-image: url(../images/top/flow_image03.png);
    max-width: 160px;
    max-height: 126px;
    top: -35px;
    left: -48px;
}
#page-top #sec-flow .item .number.no-04 {
    background-image: url(../images/top/flow_image04.png);
    max-width: 160px;
    max-height: 133px;
    top: -35px;
    left: -48px;
}
#page-top #sec-flow .item .number.no-05 {
    background-image: url(../images/top/flow_image05.png);
    max-width: 169px;
    max-height: 128px;
    bottom: -53px;
    right: -33px;
}
#page-top #sec-flow .item .number.no-06 {
    background-image: url(../images/top/flow_image06.png);
    max-width: 178px;
    max-height: 127px;
    top: -35px;
    right: -80px;
}
#page-top #sec-flow .item .title {
    color: var(--common-color-sub);
    text-align: center;
    padding: 0 2px;
    margin-bottom: 8px;
}
/*============================================================
 Price 営業代行費用
*============================================================*/
#page-top #sec-price {
    background-color: var(--common-color-background0);
}
#page-top #sec-price .price-box {
    width: 100%;
    /* margin: 0 4px; */
    padding: 24px 16px;
}
#page-top #sec-price .price-box p {
    text-align: center;
}
#page-top #sec-price .price-box p.price-lead {
    font-size: 20px;
    font-weight: 700;
    line-height: 200%;
}
#page-top #sec-price .price-box p.price-lead span {
    font-size: 32px;
}
#page-top #sec-price .price-box.blue {
    background-color: var(--common-color-sub);
    color: #ffff;
    margin-bottom: 0;
}
#page-top #sec-price .price-box.white {
    background-color: #ffffff;
    border: 2px solid var(--common-color-sub);
    color: var(--common-color-text);
    margin-bottom: 10px;
}
#page-top #sec-price .price-box.white p.price-lead span {
    color: var(--common-color-sub);
}
#page-top #sec-price .arrow {
    background-image: url(../images/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 30px;
    margin: 16px 0;
}
/*============================================================
 Achievement　実績
*============================================================*/
#page-top #sec-achievement {
    background-color: var(--common-color-background1);
}
#page-top #sec-achievement .achievement-item {
    margin-bottom: 40px;
}
#page-top #sec-achievement .achievement-item:last-child {
    margin-bottom: 0;
}
#page-top #sec-achievement .achievement-item-title {
    padding: 16px 0px;
    text-align: center;
    background: var(--common-color-background2);
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 16px;
}
#page-top #sec-achievement .achievement-item-title span.ruby {
    font-size: 12px;
}
#page-top #sec-achievement .achievement-item-title span.service {
    display: block;
    font-size: 16px;
}
#page-top #sec-achievement .achievement-item .parts-boxes {
    gap: 16px;
}
#page-top #sec-achievement .achievement-item .parts-boxes .item {
    padding: 32px 16px;
    background: #FFFFFF;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.06);

}
#page-top #sec-achievement .achievement-item .parts-boxes .achievement-task,
#page-top #sec-achievement .achievement-item .parts-boxes .achievement-activity {
    width: 48%;
}
#page-top #sec-achievement .achievement-item .parts-boxes .achievement-result {
    width: 100%;
}
#page-top #sec-achievement .achievement-item .parts-boxes .achievement-result .row {
    gap: 32px;
    margin-bottom: 16px;
}
#page-top #sec-achievement .achievement-item .parts-boxes .achievement-result .row dt {
    width: 180px;
}
#page-top #sec-achievement .achievement-item .parts-boxes .achievement-result .row dd {
    flex: 1;
}
#page-top #sec-achievement .item .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 16px;
}
#page-top #sec-achievement .achievement-task .title,
#page-top #sec-achievement .achievement-activity .title {
    text-align: center;
}
/*============================================================
 link 会社リンク
*============================================================*/
#page-top #sec-link {
    padding: 0 0 80px;
}
#page-top #sec-link .link {
    text-align: center;
}
#page-top #sec-link .link a {
    display: inline-block;
}
#page-top #sec-link .link a:hover {
    opacity: .7;
    transition: opacity 0.3s;
}
#page-top #sec-link .link img {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
/*============================================================
 Company 会社概要
*============================================================*/
#page-top #sec-company {
    background-color: var(--common-color-background0);
}
#page-top #sec-company .outline-table {
    font-weight: 500;
}
#page-top #sec-company .outline-table .row {
    padding-bottom: 16px;
    margin-bottom: 40px;
    gap: 40px;
    border-bottom: 1px solid rgba(117, 151, 186, 0.5);;
}
#page-top #sec-company .tell {
    text-decoration: underline;
}
/*============================================================
 お問い合わせフォーム
*============================================================*/
#page-top .parts-contact .parts-contact-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 200%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}
#page-top .parts-contact p {
    color: #ffffff;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
}
#page-top #sec-form {
    padding: 16px 0 0;
}
#page-top #sec-form .form-item .col {
    padding-bottom: 24px;
}
/* エラー時 */
#page-top #sec-form .col.on-error {
    padding-bottom: 0;
}
#page-top #sec-form .col .error {
    padding: 5px 0;
    font-size: 12px;
    line-height: 120%;
}
#page-top #sec-form #form-main {
    margin-bottom: 0;
}
/* トップページ入力画面のみ非表示 */
#page-top .mw_wp_form_input #sec-step,
#page-top .mw_wp_form_input #form-header,
#page-top .mw_wp_form_input #form-error,
#page-top .mw_wp_form_input #form-main .form-item .form-valid {
    display: none;
}
/* 入力項目 */
#page-top input, #page-top select, #page-top textarea {
    font-size: 12px;
}
.mw_wp_form input::placeholder,
.mw_wp_form textarea::placeholder,
.mw_wp_form select::placeholder {
    color: #333;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="email"],
.mw_wp_form textarea,
.mw_wp_form select {
    padding: 8px 4px;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="email"],
.mw_wp_form select {
    height: 40px;
}
#page-top .mw_wp_form textarea {
    height: 110px;
}
/* プライバシーポリシー */
#page-top #sec-form #form-footer .policy {
    margin-bottom: 16px;
    text-align: center;
}
.mw_wp_form input[type=checkbox] + span {
    font-size: 12px;
    line-height: 130%;
}
.mw_wp_form input[type=checkbox] + span::after,
.mw_wp_form input[type=checkbox] + span::before {
    width: 16px;
    height: 16px;
}
.mw_wp_form input[type=checkbox] + span::after {
    width: 16px;
    height: 16px;
}
.mw_wp_form_input #form-footer:not(.agreement-checked) .btn-area .btn-input {
    border-color: #D8D8D8;
    background-color: #D8D8D8;
    pointer-events: none;
}
#sec-form #form-footer .policy .policy-link {
    text-decoration: underline;
}
/* 確認画面用ボタン 非表示 */
.mw_wp_form_input #form-footer .btn-area .btn-confirm {
    display: none;
}
/* TOPページ　デザイン変更 */
.parts-btn[data-name="form-border-red"] {
    border: #C83E2E;
}
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1024px) {
    /*============================================================
    セクション共通
    *============================================================*/
    #page-top .section {
        padding: 64px 0;
    }

    /*============================================================
     ページヘッダー
    *============================================================*/
    /* メインビジュアル
    ---------------------------------------- */
    #page-top #mainvisual .info {
        gap: 80px;
        justify-content: center;
        flex-flow: column;
        padding-top: 110px;
    }
    #page-top #mainvisual .info .site-title {
        font-size: 24px;
    }
    #page-top #mainvisual .info .site-title .site-title-emphasis01 {
        font-size: 40px;
    }
    #page-top #mainvisual .info .site-title .site-title-emphasis02 {
        font-size: 32px;
    }    
    #page-top #mainvisual .scroll {
        display: none;
    }
    /*============================================================
     実績あるプロがノウハウと体制構築で売上拡大を促進
    *============================================================*/
    #page-top #sec-service {
        padding: 614px 0 80px 0;
    }
    #page-top #sec-service::before {
        top: 1400px;
        right: calc(50% + 24px);
        width: 562px;
        height: 527px;
    }
    #page-top #sec-service .sec-title {
        font-size: 24px;
    }
    #page-top #sec-service .service-list-title {
        font-size: 24px;
    }
    #page-top #sec-service #scroll-area {
        margin-left: calc(50% - 24px);
        height: 530px;
    }
    
    /*============================================================
     CAT
    *============================================================*/
    #sec-cta.section .cta-title {
        font-size: 22px;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes:not(:last-child) {
        margin-bottom: 40px;
    }
    /*============================================================
    Features サービスの特徴
    *============================================================*/
    #page-top #sec-features {
        padding: 64px 0;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes {
        gap: 5%;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes .box-image {
        width: 45%;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes:nth-child(odd) .box-info {
        margin-right: 5%;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes:nth-child(even) .box-info {
        margin-left: 5%;
    }    
    #page-top #sec-features .box-info .title {
        font-size: 24px;        
    }
    /*============================================================
     Image Flow 営業代行イメージフロー
    *============================================================*/
    #page-top #sec-flow .item {
        max-width: 300px;
    }
    /*============================================================
    link 会社リンク
    *============================================================*/
    #page-top #sec-link {
        padding: 0 0 64px;
    }

}




/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
    セクション共通
    *============================================================*/
    #page-top .section {
        padding: 32px 0;
    }
    /*============================================================
    CTA
    *============================================================*/
    #sec-cta.section {
        background-image: url(../images/top/cta_image_sp.png);
    }

    /*============================================================
     ページヘッダー
    *============================================================*/
    /* メインビジュアル
    ---------------------------------------- */
    /* #page-top #mainvisual {
        height: 720px;
        padding: 0;
        background-image: url(../images/top/mv_image_pc.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        position: relative;
    } */
    
    #page-top #mainvisual {
        background-image: url(../images/top/mv_image_sp.jpg);
        height: 630px;
    }
    #page-top #mainvisual .info {
        padding: 49px 16px;
        gap: 72px
    }
    #page-top #mainvisual .info .mv-main {
        padding: 0 0 0 16px;
        height: 542px;
        max-width: 363px;
        border-left: 5px solid #FFD400;

    }
    #page-top #mainvisual .info .mv-main .main-block .badge {
        font-size: 14px;
        padding: 4px 10px;
    }
    #page-top #mainvisual .info .site-title {
        font-size: 24px;
    }
    #page-top #mainvisual .info .site-title .site-title-emphasis01 {
        font-size: 40px;
    }
    #page-top #mainvisual .info .site-title .site-title-emphasis02 {
        font-size: 32px;
    }    
    #page-top #mainvisual .info .lead {
        font-size: 16px;
    }
    #page-top #mainvisual .info .main-block .parts-boxes {
        gap: 0;
        justify-content: space-evenly;
        flex-flow: wrap-reverse;
    }
    #page-top #mainvisual .info .mv-content {
        max-width: 343px;
        width: 100%;
    }
    /*============================================================
     実績あるプロがノウハウと体制構築で売上拡大を促進
    *============================================================*/
    #page-top #sec-service {
        padding: 742px 0 32px 0;
    }
    #page-top #sec-service .sec-title {
        margin-bottom: 40px;
    }
    /* #page-top #sec-service::before {
        content: none;
        opacity: 0;
    } */
    #page-top #sec-service .item-image {
        display: none;
    }
    #page-top #sec-service .item-info {
        width: 100%;
    }
    #page-top #sec-service .item-info .sec-block {
        max-width: 100%;
        padding: 0 var(--inner-padding);
    }
    #page-top #sec-service .item-info .sec-block:last-child {
        margin-bottom: 0;
    }
    #page-top #sec-service .item-info .sec-block img {
        width: 100%;
    }
    /* #page-top #sec-service #sticky-area .sec-block {
        margin-top: 0;
    }
    #page-top #sec-service #sticky-area .sec-block .sec-title {
        margin-bottom: 40px;
    }
    #page-top #sec-service #scroll-area {
        width: 100%;
        margin-left: 0;
        overflow: unset;
        height: auto;
    }
    #page-top #sec-service #scroll-area .sec-block {
        margin-bottom: 24px;
        padding-top: 0;
        height: auto;
        align-items: center;
    }
    #page-top #sec-service #scroll-area .sec-block .parts-boxes {
        justify-content: center;
    } */
    #page-top #sec-service  .sec-block .service-list-title {
        text-align: center;
    }
    #page-top #sec-service .title {
        text-align: center;
    }
    /*============================================================
     Features サービスの特徴
    *============================================================*/
    #page-top #sec-features {
        padding: 32px 0;
    }
    #page-top #sec-features .inner {
     max-width: unset;
     width: 100%;
     padding: 0 16px;   
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes {
        flex-wrap: wrap;
        flex-direction: column;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes .box-image{
        max-width: 686px;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes .box-info {
        width: 100%;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes:nth-child(odd) .box-info {
        margin-right: 0;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes:nth-child(even) .box-info {
        margin-left: 0;
    }
    #page-top #sec-features .parts-boxes-lrsw .parts-boxes {
        margin-bottom: 16px;
        gap: 16px;
    }
    /*============================================================
     Image Flow 営業代行イメージフロー
    *============================================================*/
    #page-top #sec-flow .sec-lead {
        margin-bottom: 70px;
    }
    #page-top #sec-flow .sec-lead span {
        font-size: 20px;
    }
    #page-top #sec-flow .parts-boxes {
        gap: 34px;
        /* justify-content: center;
        align-items: center; */
        flex-direction: column;
    }
    #page-top #sec-flow .item {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 16px 0;
    }
    #page-top #sec-flow .item::after,
    #page-top #sec-flow .item:nth-child(3)::after {
        content: '';
        width: 2px;
        height: 34px;
        right: 50%;
        top: unset;
        bottom: -34px;
    }
    #page-top #sec-flow .item .number.no-01 {
        max-width: 162px;
        max-height: 124px;
        top: -70px;
    }
    #page-top #sec-flow .item .number.no-02 {
        max-width: 137px;
        max-height: 98px;
        right: -80px;
    }
    #page-top #sec-flow .item .number.no-03 {
        max-width: 132px;
        max-height: 103px;
        left: -67px;

    }
    #page-top #sec-flow .item .number.no-04 {
        max-width: 120px;
        max-height: 99px;
        top: -39px;
        left: -34px;
        
    }
    #page-top #sec-flow .item .number.no-05 {
        max-width: 123px;
        max-height: 93px;
        bottom: -30px;
        right: -26px;
        
    }
    #page-top #sec-flow .item .number.no-06 {
        max-width: 106px;
        max-height: 76px;
        top: 3px;
        right: -44px;
    }
    /*============================================================
     Price 営業代行費用
    *============================================================*/
    #page-top #sec-price .price-box {
        padding: 24px 12px;
    }
    /*============================================================
     Achievement 実績
    *============================================================*/
    #page-top #sec-achievement .achievement-item .parts-boxes .item {
        padding: 16px;
    }
    #page-top #sec-achievement .achievement-item .parts-boxes .achievement-task,
    #page-top #sec-achievement .achievement-item .parts-boxes .achievement-activity {
        width: 100%;
    }
    #page-top #sec-achievement .item .title{
        font-size: 18px;
    }
    #page-top #sec-achievement .achievement-item .parts-boxes .achievement-result .row {
        gap: 0;
    }
    #page-top #sec-achievement .achievement-item .parts-boxes .achievement-result .row dt {
        text-align: center;
        width: 100%;
    }
    #page-top #sec-achievement .achievement-item .parts-boxes .achievement-result .row:first-child .achievement-text {
        text-align: center; /* 向上率のテキスト */
    }
    /*============================================================
    link 会社リンク
    *============================================================*/
    #page-top #sec-link {
        padding: 0 0 32px;
    }
    /*============================================================
     Companey 会社概要
    *============================================================*/
    #page-top #sec-company .outline-table .row {
        padding: 0 0 8px;
        gap: 0;
        text-align: center;
        flex-direction: column;
        margin-bottom: 24px;
    }
    #page-top #sec-company .outline-table .row .location {
        text-align: left;
    }
}