@charset "utf-8";
                                        /* ---
    Reset
-------------------- */

                                        html,
                                        body {
                                            margin: 0;
                                            padding: 0;
                                        }

                                        p,
                                        h1,
                                        h2,
                                        h3,
                                        h4,
                                        h5,
                                        h6 {
                                            margin: 0;
                                            padding: 0;
                                        }

                                        p {
                                            line-height: 2.1;
                                            font-family: "Noto Sans JP", sans-serif;
                                            font-size: 15px;
                                            font-weight: bold;
                                            @media (max-width: 960px) {
                                                line-height: 2;
                                                font-size: 14px;
                                            }
                                        }

                                        ul,
                                        ul li {
                                            list-style: none;
                                            margin: 0;
                                            padding: 0;
                                        }
                                        /* リスト共通 */

                                        .list,
                                        .list li {
                                            list-style: none!important;
                                            margin: 0!important;
                                            padding: 0!important;
                                        }

                                        .list {
                                            &.list2 {
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-around;
                                                align-items: center;
                                                li {
                                                    width: calc(50% - 20px);
                                                    @media (max-width: 960px) {
                                                        width: 100%!important;
                                                    }
                                                    &::before {
                                                        content: ""!important;
                                                    }
                                                }
                                                &.business_common_under_list_btn {
                                                    justify-content: center;
                                                    column-gap: 30px;
                                                    li {
                                                        width: auto;
                                                    }
                                                }
                                            }
                                        }
                                        /* ---
    Common
-------------------- */

                                        .pc_only {
                                            display: block;
                                        }

                                        .sp_only {
                                            display: none;
                                        }
                                        /* smartphone only */

                                        @media (max-width:960px) {
                                            .pc_only {
                                                display: none;
                                            }
                                            .sp_only {
                                                display: block;
                                            }
                                        }
                                        /* font周り */

                                        .bold {
                                            font-weight: bold!important;
                                        }

                                        .font-noto {
                                            font-family: "Noto Sans JP", sans-serif;
                                            font-weight: bold;
                                        }

                                        .font-l {
                                            font-size: 35px!important;
                                            line-height: 1.5!important;
                                            @media (max-width: 960px) {
                                                font-size: 30px!important;
                                                line-height: 1.6!important;
                                            }
                                        }

                                        .font16 {
                                            font-size: 16px!important;
                                            @media (max-width: 960px) {
                                                font-size: 14px!important;
                                            }
                                        }

                                        .font18 {
                                            font-size: 18px!important;
                                            @media (max-width: 960px) {
                                                font-size: 14px!important;
                                            }
                                        }

                                        .mw240 {
                                            max-width: 240px!important;
                                        }

                                        .center {
                                            text-align: center;
                                            font-weight: bold;
                                        }

                                        .center_img {
                                            display: block;
                                            margin: 0 auto;
                                        }

                                        .green {
                                            color: #00B68D;
                                        }

                                        .white {
                                            color: #fff;
                                        }
                                        /* 余白 */

                                        .mb1 {
                                            margin-bottom: 1em;
                                        }

                                        .mt1 {
                                            margin-top: 1em;
                                        }

                                        .mb2 {
                                            margin-bottom: 2em!important;
                                        }

                                        .mtb30 {
                                            margin: 30px 0;
                                        }

                                        .mtb50 {
                                            margin: 50px 0;
                                        }

                                        .mt30b60 {
                                            margin: 30px 0 60px 0;
                                            @media (max-width: 960px) {
                                                margin: 15px 0 30px 0;
                                            }
                                        }
                                        /* -- 見出し -- */

                                        h2.title01,
                                        h2.title02,
                                        h2.title03,
                                        h3.title01,
                                        h3.title02,
                                        h3.title03,
                                        h4.title01 {
                                            font-family: "Montserrat", sans-serif;
                                            font-weight: bold;
                                        }

                                        h2.title01 {
                                            font-size: 58px;
                                            @media (max-width: 960px) {
                                                font-size: 30px;
                                                margin-bottom: 30px;
                                            }
                                        }

                                        .content {
                                            .column {
                                                .green_line {
                                                    margin-bottom: 0;
                                                }
                                                h2 {
                                                    &.title01 {
                                                        margin-top: 0;
                                                    }
                                                }
                                            }
                                        }

                                        h2.title02 {
                                            color: #00B68D;
                                            font-family: "Noto Sans JP", sans-serif;
                                            font-weight: bold;
                                            font-size: 20px;
                                        }

                                        h2.title03 {
                                            text-align: center;
                                            font-size: 58px;
                                            @media (max-width: 960px) {
                                                font-size: 30px;
                                            }
                                            span {
                                                display: block;
                                                text-align: center;
                                                font-family: "Noto Sans JP", sans-serif;
                                                font-weight: bold;
                                                font-size: 13px;
                                                margin-top: 20px;
                                            }
                                        }

                                        h3.title01,
                                        h3.title02,
                                        h3.title03 {
                                            font-size: 20px;
                                            font-weight: bold;
                                            padding: 0;
                                            position: relative;
                                            @media (max-width: 960px) {
                                                font-size: 20px;
                                                line-height: 1.2;
                                            }
                                            span {
                                                font-size: 12px;
                                                margin-left: 15px;
                                                @media (max-width: 960px) {
                                                    margin-top: 10px;
                                                }
                                            }
                                            &::before {
                                                position: absolute;
                                                top: -10px;
                                                left: 0;
                                                content: "";
                                                width: 142px;
                                                height: 6px;
                                                background-color: #00B68D;
                                                border-radius: 50vw;
                                            }
                                            &::after {
                                                content: none;
                                            }
                                        }

                                        h3.title02 {
                                            span {
                                                display: block;
                                                color: #00B68D;
                                                font-size: 13px;
                                                margin-left: 0;
                                                padding-top: 20px;
                                                @media (max-width: 960px) {
                                                    font-size: 1.0rem;
                                                    margin-top: 5px!important;
                                                }
                                            }
                                            &::before {
                                                top: -30px;
                                            }
                                        }

                                        h3.title03 {
                                            color: #fff;
                                            span {
                                                display: block;
                                                color: #fff;
                                                font-size: 13px;
                                                margin-left: 0;
                                                margin-top: 20px!important;
                                            }
                                            &::before {
                                                background-color: #FFED4D;
                                                top: -30px;
                                            }
                                        }

                                        h3.title04 {
                                            color: #fff;
                                            text-align: center;
                                            font-size: 35px;
                                            @media (max-width: 960px) {
                                                font-size: 20px;
                                                padding: 0;
                                            }
                                            &::after {
                                                content: none;
                                            }
                                        }

                                        h4.title01 {
                                            font-size: 3.0rem;
                                            font-weight: bold;
                                            span {
                                                display: block;
                                                color: #00B68D;
                                                margin: 0;
                                            }
                                        }

                                        h4.title02 {
                                            font-size: 35px;
                                            font-weight: bold;
                                            color: #00B68D;
                                            @media (max-width: 960px) {
                                                font-size: 20px;
                                            }
                                        }
                                        /* -- 共通ボタン -- */

                                        .common_btn {
                                            @media (max-width: 960px) {
                                                max-width: 100%;
                                            }
                                            &.w90 {
                                                @media (max-width: 960px) {
                                                    max-width: 90%;
                                                }
                                            }
                                            a {
                                                display: inline-block;
                                                min-width: 242px;
                                                height: 63px;
                                                line-height: 63px;
                                                position: relative;
                                                font-family: "Noto Sans JP", sans-serif;
                                                font-size: 17px;
                                                font-weight: bold;
                                                border-radius: 50vw;
                                                text-align: center;
                                                padding: 0 20px;
                                                box-shadow: 1px 4px 0 #4FE4AF;
                                                @media (max-width: 960px) {
                                                    height: 46px;
                                                    line-height: 46px;
                                                }
                                                p {
                                                    height: 100%;
                                                    display: flex;
                                                    flex-wrap: wrap;
                                                    justify-content: space-around;
                                                    align-items: center;
                                                    &::after {
                                                        font-family: "Font Awesome 6 Free";
                                                        content: "\f061";
                                                        display: flex;
                                                        flex-wrap: wrap;
                                                        justify-content: center;
                                                        align-items: center;
                                                        width: 23px;
                                                        height: 23px;
                                                        line-height: 23px;
                                                        border-radius: 100vw;
                                                        margin: 0 0 0 10px;
                                                        @media (max-width: 960px) {
                                                            width: 20px;
                                                            height: 20px;
                                                            line-height: 20px;
                                                        }
                                                    }
                                                    span {
                                                        margin: 0 10px 0 20px;
                                                        @media (max-width: 960px) {
                                                            font-size: 14px;
                                                            margin: 0 0 0 15px;
                                                        }
                                                    }
                                                }
                                                &:hover {
                                                    transition: 0.5s;
                                                }
                                                @media (max-width:960px) {
                                                    font-size: 14px;
                                                }
                                            }
                                            &.green {
                                                a {
                                                    background-color: #00B68D;
                                                    border: 1px solid #00B68D;
                                                    color: #fff;
                                                    &:hover {
                                                        background-color: #fff;
                                                        color: #00B68D;
                                                    }
                                                    p {
                                                        color: #fff;
                                                        &::after {
                                                            background-color: #fff;
                                                            color: #00B68D;
                                                        }
                                                        span {
                                                            flex: 1;
                                                            color: #fff;
                                                        }
                                                        &:hover {
                                                            color: #00B68D;
                                                            &::after {
                                                                background-color: #00B68D;
                                                                color: #fff;
                                                            }
                                                            span {
                                                                color: #00B68D;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                            &.white {
                                                a {
                                                    background-color: #fff;
                                                    border: 1px solid #fff;
                                                    color: #00B68D;
                                                    &:hover {
                                                        background-color: #00B68D;
                                                        color: #fff;
                                                    }
                                                    p {
                                                        color: #00B68D;
                                                        &::after {
                                                            color: #fff;
                                                            background-color: #00B68D;
                                                        }
                                                        span {
                                                            flex: 1;
                                                        }
                                                        &:hover {
                                                            color: #fff;
                                                            &::after {
                                                                background-color: #fff;
                                                                color: #00B68D;
                                                            }
                                                            span {
                                                                color: #fff;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                            &.center {
                                                text-align: center;
                                            }
                                            &.right {
                                                float: right;
                                            }
                                        }

                                        .common_btn.news_btn a {
                                            display: inline-block;
                                            min-width: 380px;
                                            @media (max-width: 960px) {
                                                height: 60px;
                                                line-height: 46px;
                                            }
                                        }
                                        /* ---
    Layout
-------------------- */

                                        .column {
                                            width: 100%;
                                            overflow: hidden;
                                            .row {
                                                max-width: 1080px;
                                                margin: 0 auto;
                                                padding: 110px 0 90px 0;
                                                @media (max-width: 960px) {
                                                    max-width: calc(100% - 40px);
                                                    padding: 50px 0;
                                                }
                                                &.fullwidth {
                                                    max-width: 100%;
                                                }
                                            }
                                            &.column_green {
                                                position: relative;
                                                overflow: hidden;
                                                .column_contents {
                                                    background-color: #00B68D;
                                                    .row {
                                                        padding: 0 0 30px 0;
                                                        color: #fff;
                                                    }
                                                    @media (max-width:1080px) {
                                                        padding: 0 70px;
                                                    }
                                                    @media (max-width:960px) {
                                                        padding: 30px 0;
                                                    }
                                                }
                                            }
                                            &.column_business_top {
                                                background-image: url(../img/common/column_business_top_bg.png);
                                                background-position: center top;
                                                background-repeat: no-repeat;
                                                background-size: 100% auto;
                                                padding-top: 18.5%;
                                                @media (max-width: 960px) {
                                                    padding-top: 18vw;
                                                }
                                            }
                                        }
                                        /* ---
    Header
-------------------- */

                                        .mainvisual {
                                            position: relative;
                                            .mv-slider {
                                                width: 100%;
                                                height: 100%;
                                                @media (max-width: 960px) {}
                                                .slide {
                                                    position: relative;
                                                    img {
                                                        display: block;
                                                        width: 100%;
                                                    }
                                                    .intext {
                                                        width: 45%;
                                                        position: absolute;
                                                        bottom: 60px;
                                                        left: 18%;
                                                        opacity: 0;
                                                        img {
                                                            display: block;
                                                            width: 100%;
                                                        }
                                                        @media (width <=960px) {
                                                            width: 90%;
                                                            left: 5%;
                                                            bottom: 20px;
                                                        }
                                                    }
                                                }
                                            }
                                            .mainvisual_sp {
                                                display: none;
                                                @media (max-width: 960px) {
                                                    /* display: block;
            width: 100%;
            position: relative;
            background-image: url(../img/home/mv01_sp.png);
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 100% auto;
            padding-top: 142.1%; */
                                                }
                                                .intext2 {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0;
                                                    opacity: 0;
                                                    img {
                                                        display: block;
                                                        width: 100%;
                                                    }
                                                }
                                            }
                                            .fixed_header {
                                                position: fixed;
                                                top: 30px;
                                                left: 50%;
                                                transform: translateX(-50%);
                                                max-width: 1080px;
                                                width: 100%;
                                                background-color: #fff;
                                                border-radius: 50vw;
                                                margin: 0 auto;
                                                z-index: 10;
                                                box-shadow: 0 1px 3px #cfcfcf;
                                                &.active {
                                                    max-width: 100%;
                                                    top: 0;
                                                }
                                                @media (max-width:1024px) {
                                                    max-width: 94%;
                                                }
                                                @media (max-width:960px) {
                                                    max-width: 94%;
                                                    top: 15px;
                                                }
                                                .header_contents {
                                                    display: flex;
                                                    flex-wrap: wrap;
                                                    justify-content: space-between;
                                                    align-items: center;
                                                    padding: 20px 40px;
                                                    position: relative;
                                                    @media (max-width: 960px) {
                                                        padding: 15px 30px;
                                                    }
                                                    .logo {
                                                        max-width: 22%;
                                                        @media (max-width: 960px) {
                                                            max-width: 50%
                                                        }
                                                        a {
                                                            img {
                                                                display: block;
                                                                width: 100%;
                                                            }
                                                        }
                                                    }
                                                    .gNavi {
                                                        @media (max-width: 960px) {
                                                            display: none;
                                                        }
                                                        ul {
                                                            display: flex;
                                                            justify-content: center;
                                                            align-items: center;
                                                            li {
                                                                a {
                                                                    padding: 0 15px;
                                                                    color: #121212;
                                                                    text-decoration: none;
                                                                    font-weight: bold;
                                                                    position: relative;
                                                                    transition: color .2s ease;
                                                                    &::after {
                                                                        content: "";
                                                                        position: absolute;
                                                                        left: 50%;
                                                                        bottom: -10px;
                                                                        width: 80%;
                                                                        height: 3px;
                                                                        border-radius: 50vw;
                                                                        background-color: #00B68D;
                                                                        transform: translateX(-50%) scaleX(0);
                                                                        transform-origin: center;
                                                                        opacity: 0;
                                                                        transition: transform .7s cubic-bezier(.22, .61, .36, 1), opacity .5s ease;
                                                                        will-change: transform, opacity;
                                                                    }
                                                                    &:hover,
                                                                    &:focus-visible {
                                                                        &::after {
                                                                            transform: translateX(-50%) scaleX(1);
                                                                            opacity: 1;
                                                                        }
                                                                    }
                                                                }
                                                                /* アニメーションが苦手な環境配慮（任意） */
                                                                @media (prefers-reduced-motion: reduce) {
                                                                    a::after {
                                                                        transition: none;
                                                                    }
                                                                }
                                                                &.recruit {
                                                                    a {
                                                                        background-color: #00B68D;
                                                                        border: 1px solid #00B68D;
                                                                        border-radius: 50vw;
                                                                        color: #fff;
                                                                        padding: 0.5em 1em;
                                                                        &:hover {
                                                                            color: #00B68D;
                                                                            background-color: #fff;
                                                                            transition: 0.5s;
                                                                            text-decoration: none;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }

                                        .page-header {
                                            background-color: #00B68D;
                                            width: 100%;
                                            height: calc(100vw * 0.25);
                                            position: relative;
                                            @media (max-width: 960px) {
                                                height: calc(100vw * 0.3);
                                            }
                                            @media (max-width:760px) {
                                                height: calc(100vw * 0.5);
                                            }
                                            .header_kv {
                                                position: absolute;
                                                bottom: 0;
                                                left: 7vw;
                                                margin: 0 auto;
                                                z-index: 0;
                                                width: 80Vw;
                                                overflow: hidden;
                                                @media (max-width: 960px) {
                                                    width: 90%;
                                                }
                                                .heading-primary {
                                                    color: #fff;
                                                    margin: 50px 0;
                                                    @media (max-width: 960px) {
                                                        margin: 50px 0 7px 0;
                                                    }
                                                }
                                                &::before {
                                                    color: #23cba0;
                                                    position: absolute;
                                                    font-size: 14rem;
                                                    z-index: -1;
                                                    font-family: "Montserrat", sans-serif;
                                                    font-weight: bold;
                                                    @media (max-width: 960px) {
                                                        font-size: 5rem;
                                                    }
                                                }
                                                /*キービジュアル見出しの背景*/
                                                &.about-dfe::before {
                                                    content: "About DFE";
                                                }
                                                &.business::before {
                                                    content: "Business";
                                                }
                                                &.brand::before {
                                                    content: "Brand";
                                                }
                                                &.recruit::before {
                                                    content: "Recruit";
                                                }
                                                &.contact::before {
                                                    content: "Contact";
                                                }
                                                &.social_contribution::before {
                                                    content: "Contribution";
                                                }
                                                &.dl::before {
                                                    content: "Request for information";
                                                }
                                                &.post::before {
                                                    content: "DFE OFFICIAL BLOG";
                                                }
                                                &.dl__thx::before {
                                                    content: "Request for information";
                                                }
                                                &.contact__thx::before {
                                                    content: "Contact";
                                                }
                                                &.message::before {
                                                    content: "Recruit Message";
                                                }
                                            }
                                            &.business-header {
                                                height: auto;
                                            }
                                        }
                                        /* --- 事業内容系ページ 共通ヘッダー --- */

                                        .business-common-header {
                                            background-color: #00B68D;
                                            background-image: url(../img/common/business-header_bg.jpg);
                                            background-position: right top;
                                            background-repeat: no-repeat;
                                            background-size: contain;
                                            @media (max-width: 1024px) {
                                                background-size: auto 100%;
                                            }
                                            @media (max-width:960px) {
                                                background-position: top 0px right -120px;
                                                background-size: contain;
                                            }
                                            @media (max-width:780px) {
                                                background-color: #00B68D;
                                                background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(../img/common/business-header_bg.jpg);
                                                background-position: center;
                                                background-size: cover;
                                                background-repeat: no-repeat, no-repeat;
                                            }
                                            .inner {
                                                width: 100%;
                                                max-width: 1080px;
                                                margin: 0 auto;
                                                padding: 9% 0 10vw 0;
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-between;
                                                @media (max-width: 1224px) {
                                                    padding: 13vw 30px 0vw;
                                                }
                                                @media (max-width: 1024px) {
                                                    max-width: 94%;
                                                    padding: 13% 0 30px 0;
                                                }
                                                @media (max-width:960px) {
                                                    padding: 19% 0 10vw 0;
                                                    max-width: 94%;
                                                }
                                                @media (max-width:760px) {
                                                    padding: 35% 0 10vw 0;
                                                    max-width: 94%;
                                                }
                                                .header-section {
                                                    width: 50%;
                                                    color: #fff;
                                                    @media (max-width: 1024px) {
                                                        width: 40%;
                                                    }
                                                    @media (max-width:960px) {
                                                        width: 40%;
                                                    }
                                                    @media (max-width:760px) {
                                                        width: 90%;
                                                    }
                                                    h2 {
                                                        display: inline-block;
                                                        background-color: #fff;
                                                        color: #00B68D;
                                                        padding: 15px 30px;
                                                        border-radius: 50vw;
                                                        font-size: 1.6rem;
                                                        margin-bottom: 20px;
                                                        @media (max-width: 960px) {
                                                            padding: 10px 20px;
                                                            font-size: 1.4rem;
                                                        }
                                                        &+p {
                                                            margin: 20px 0;
                                                            @media (max-width: 960px) {}
                                                        }
                                                    }
                                                    .inner-text {
                                                        width: 80%;
                                                        font-size: 1.8rem;
                                                        line-height: 1.8;
                                                        margin: 10px 0 50px 0;
                                                        @media (max-width: 960px) {
                                                            width: 100%;
                                                            font-size: 1.6rem;
                                                        }
                                                    }
                                                    .common_btn {
                                                        margin-bottom: 20px;
                                                        @media (max-width: 960px) {
                                                            margin: 60px 0 0 0;
                                                            max-width: 80%;
                                                        }
                                                        &:last-child {
                                                            @media (max-width: 960px) {
                                                                margin: 30px 0 0 0;
                                                                max-width: 80%;
                                                            }
                                                        }
                                                        a {
                                                            min-width: 50%;
                                                            text-align: center;
                                                            font-size: 1.8rem;
                                                            @media (max-width: 960px) {
                                                                width: 100%;
                                                                font-size: 14px;
                                                                height: 60px;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        /* --- スマホ ハンバーガーメニュー --- */

                                        .menu-btn {
                                            position: fixed;
                                            top: 21%;
                                            right: 5%;
                                            display: flex;
                                            height: 8vw;
                                            width: 8vw;
                                            justify-content: center;
                                            align-items: center;
                                            z-index: 90;
                                            background-color: #ffffff;
                                        }

                                        .menu-btn:hover {
                                            cursor: pointer;
                                        }

                                        .menu-btn span,
                                        .menu-btn span:before,
                                        .menu-btn span:after {
                                            content: '';
                                            display: block;
                                            height: 3px;
                                            width: 25px;
                                            border-radius: 3px;
                                            background-color: #00B68D;
                                            position: absolute;
                                        }

                                        .menu-btn span:before {
                                            bottom: 8px;
                                        }

                                        .menu-btn span:after {
                                            top: 8px;
                                        }

                                        #menu-btn-check:checked~.menu-btn span {
                                            background-color: rgba(255, 255, 255, 0);
                                        }

                                        #menu-btn-check:checked~.menu-btn span::before {
                                            bottom: 0;
                                            transform: rotate(45deg);
                                        }

                                        #menu-btn-check:checked~.menu-btn span::after {
                                            top: 0;
                                            transform: rotate(-45deg);
                                        }

                                        #menu-btn-check {
                                            display: none;
                                        }

                                        .menu-content {
                                            width: 100%;
                                            height: 100%;
                                            position: fixed;
                                            top: 0;
                                            left: 104%;
                                            /*leftの値を変更してメニューを画面外へ*/
                                            z-index: 80;
                                            background-color: #121212;
                                            transition: all 0.5s;
                                            /*アニメーション設定*/
                                            ul {
                                                height: 100vh;
                                                padding: 70px 10px 30px;
                                                background-color: #00B68D;
                                                li {
                                                    border-bottom: solid 1px #ffffff;
                                                    list-style: none;
                                                    a {
                                                        display: block;
                                                        width: 100%;
                                                        font-size: 15px;
                                                        box-sizing: border-box;
                                                        color: #ffffff;
                                                        text-decoration: none;
                                                        padding: 15px 15px 15px 10px;
                                                        position: relative;
                                                        &::before {
                                                            content: "";
                                                            width: 7px;
                                                            height: 7px;
                                                            border-top: solid 2px #ffffff;
                                                            border-right: solid 2px #ffffff;
                                                            transform: rotate(45deg);
                                                            position: absolute;
                                                            right: 11px;
                                                            top: 16px;
                                                        }
                                                    }
                                                }
                                            }
                                        }

                                        #menu-btn-check:checked~.menu-content {
                                            left: 0;
                                            /*メニューを画面内へ*/
                                        }
                                        /* ---
    Main
-------------------- */

                                        .mainWrap {
                                            background-color: #fff;
                                            .l-wrapper {
                                                max-width: 100%;
                                                padding: 0;
                                                margin: 0 auto;
                                                .u-shadow {
                                                    box-shadow: none;
                                                    padding: 0;
                                                    .pageContents {
                                                        .column {
                                                            padding: 2em 0;
                                                            .row {
                                                                width: 100%;
                                                                max-width: 1080px;
                                                                padding: 60px 30px 90px 30px;
                                                                @media (max-width: 1024px) {
                                                                    max-width: calc(100% - 100px);
                                                                }
                                                                @media (max-width:960px) {
                                                                    max-width: calc(100% - 40px);
                                                                    padding: 30px 60px;
                                                                }
                                                                @media (max-width:760px) {
                                                                    max-width: calc(100% - 40px);
                                                                    padding: 30px 0;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        /* ---
    Footer
-------------------- */

                                        .footerWrap {
                                            width: 100%;
                                            background-color: #00B68D;
                                            padding: 60px 0 0 0;
                                            border-top: 10px solid #a7d2c4;
                                            position: relative;
                                            .footer-contents {
                                                max-width: 1080px;
                                                margin: 0 auto;
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-between;
                                                color: #fff;
                                                padding-bottom: 0;
                                                @media (max-width: 960px) {
                                                    max-width: 94%;
                                                }
                                                .footer-logo {
                                                    max-width: 20%;
                                                    @media (max-width: 960px) {
                                                        max-width: 100%;
                                                        margin: 0 auto;
                                                    }
                                                    a {
                                                        img {
                                                            display: block;
                                                            width: 100%;
                                                            max-width: 200px;
                                                            @media (max-width: 960px) {
                                                                max-width: 70%;
                                                                margin: 0 auto 30px auto;
                                                            }
                                                        }
                                                    }
                                                }
                                                .footer-nav {
                                                    width: 70%;
                                                    display: flex;
                                                    justify-content: space-between;
                                                    @media (max-width: 960px) {
                                                        width: 100%;
                                                        flex-direction: column;
                                                        padding: 0 20px;
                                                    }
                                                    >div {
                                                        width: calc(100% / 3 - 15px);
                                                        @media (max-width: 960px) {
                                                            width: 100%;
                                                        }
                                                    }
                                                    ul {
                                                        display: flex;
                                                        justify-content: flex-start;
                                                        flex-direction: column;
                                                        line-height: 2.4;
                                                        margin-bottom: 30px;
                                                        @media (max-width: 960px) {
                                                            width: 100%;
                                                        }
                                                        li {
                                                            a {
                                                                font-weight: bold;
                                                                display: inline-block;
                                                                color: #fff;
                                                                text-decoration: none;
                                                                padding: 10px 0;
                                                                line-height: 1.4;
                                                                &:hover {
                                                                    text-decoration: underline;
                                                                }
                                                            }
                                                            &.main-category {
                                                                border-bottom: 1px solid #fff;
                                                                padding-bottom: 15px;
                                                                margin-bottom: 15px;
                                                                margin: 35px 0 0 0;
                                                                a {
                                                                    font-size: 1.8rem;
                                                                }
                                                            }
                                                            .common_btn {
                                                                margin-top: 30px;
                                                                @media (max-width: 960px) {
                                                                    max-width: 60%;
                                                                    margin: 0 auto;
                                                                }
                                                                a {
                                                                    line-height: 63px;
                                                                    color: #00B68D;
                                                                    font-size: 17px;
                                                                    padding: 0 20px;
                                                                    &:hover {
                                                                        color: #fff;
                                                                        text-decoration: none;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        &:last-child {
                                                            margin-bottom: 0;
                                                        }
                                                    }
                                                }
                                            }
                                            /* ページトップへ */
                                            .pagetop {
                                                position: absolute;
                                                right: 120px;
                                                bottom: 0;
                                                width: 245px;
                                                height: 55px;
                                                @media (max-width: 960px) {
                                                    width: 135px;
                                                    height: 42px;
                                                    right: 10px;
                                                    bottom: 34px;
                                                }
                                                p {
                                                    height: 100%;
                                                    a {
                                                        width: 100%;
                                                        height: 100%;
                                                        display: flex;
                                                        flex-wrap: wrap;
                                                        justify-content: center;
                                                        text-align: center;
                                                        align-items: center;
                                                        background-color: #ffed4d;
                                                        border-left: 1px solid #fff;
                                                        border-top: 1px solid #fff;
                                                        border-right: 1px solid #fff;
                                                        border-radius: 10px 10px 0 0;
                                                        text-decoration: underline;
                                                        font-weight: bold;
                                                        @media (max-width: 960px) {
                                                            font-size: 10px;
                                                        }
                                                        &:hover {
                                                            background-color: #fff;
                                                            border-left: 1px solid #ffed4d;
                                                            border-top: 1px solid #ffed4d;
                                                            border-right: 1px solid #ffed4d;
                                                            transition: 0.5s;
                                                            text-decoration: none;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        /* フッターサブリンク */

                                        .footer-sublink {
                                            max-width: 1080px;
                                            margin: 0 auto 30px auto;
                                            @media (max-width: 960px) {
                                                max-width: 100%;
                                                margin-bottom: 60px;
                                            }
                                            ul {
                                                background-color: #fff;
                                                border-radius: 10px;
                                                width: 50%;
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-between;
                                                align-items: center;
                                                padding: 1em;
                                                @media (max-width: 960px) {
                                                    max-width: calc(100% - 40px);
                                                    width: 100%;
                                                    margin: 30px auto;
                                                }
                                                li {
                                                    width: calc(100% / 3);
                                                    font-size: 10px;
                                                    text-align: center;
                                                    @media (max-width: 960px) {
                                                        text-align: left;
                                                        padding: 5px;
                                                    }
                                                    &:first-child {
                                                        @media (max-width: 960px) {
                                                            width: 100%;
                                                        }
                                                    }
                                                    &:nth-child(2),
                                                    &:nth-child(3) {
                                                        @media (max-width: 960px) {
                                                            width: calc(100% / 2);
                                                        }
                                                    }
                                                    a {
                                                        text-decoration: underline;
                                                        &:hover {
                                                            text-decoration: none;
                                                            transition: 0.5s;
                                                        }
                                                    }
                                                }
                                            }
                                        }

                                        .copyright {
                                            width: 100%;
                                            color: #fff;
                                            padding: 10px 0;
                                            font-size: 1.4rem;
                                            .copy {
                                                max-width: 1080px;
                                                margin: 0 auto;
                                                line-height: 1;
                                                @media (max-width: 960px) {
                                                    max-width: 100%;
                                                    width: calc(100% - 40px);
                                                }
                                            }
                                        }
                                        /* ---
    トップページ home
-------------------- */

                                        .first_message {
                                            margin: 45px auto;
                                            p {
                                                margin-bottom: 0.5em;
                                                &.font-l {
                                                    margin-bottom: 30px;
                                                }
                                                &:last-child {
                                                    margin-bottom: 0;
                                                }
                                                @media (max-width:960px) {
                                                    font-size: 14px;
                                                }
                                            }
                                        }

                                        .business_box {
                                            width: 100%;
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: space-between;
                                            align-items: center;
                                            padding: 40px 0;
                                            .in_box {
                                                width: 100%;
                                                display: flex;
                                                align-items: center;
                                                justify-content: space-between;
                                                background-color: #fff;
                                                border-radius: 20px;
                                                margin-bottom: 30px;
                                                padding: 2em;
                                                &:last-child {
                                                    margin-bottom: 0;
                                                }
                                                img {
                                                    width: 32%;
                                                    @media (max-width: 960px) {
                                                        width: 90%;
                                                        margin: 0 auto;
                                                    }
                                                }
                                                .in_box_text {
                                                    width: 64%;
                                                    h3,
                                                    p {
                                                        color: #121212;
                                                    }
                                                    h3 {
                                                        font-size: 23px;
                                                        margin-bottom: 30px;
                                                        position: relative;
                                                        font-family: "Noto Sans JP", sans-serif;
                                                        font-weight: bold;
                                                        padding-left: 34px;
                                                        line-height: 1.2;
                                                        @media (max-width: 960px) {
                                                            margin: 2em auto 30px auto;
                                                            font-size: 20px;
                                                        }
                                                        &::before {
                                                            content: ""!important;
                                                            position: absolute;
                                                            display: block;
                                                            top: 50%;
                                                            left: 0;
                                                            transform: translateY(-50%);
                                                            width: 22px;
                                                            height: 8px;
                                                            border-radius: 50vw;
                                                            background-color: #00B68D;
                                                        }
                                                    }
                                                    p {
                                                        font-family: "Noto Sans JP", sans-serif;
                                                        font-weight: bold;
                                                        font-size: 16px;
                                                        @media (max-width: 960px) {
                                                            font-size: 14px;
                                                        }
                                                    }
                                                    .common_btn {
                                                        float: right;
                                                        margin-top: 50px;
                                                        @media (max-width: 960px) {
                                                            float: none;
                                                            margin: 20px auto;
                                                            max-width: 100%;
                                                            text-align: center;
                                                        }
                                                        a {
                                                            margin: 0 auto;
                                                            width: 70%;
                                                            border-radius: 60px;
                                                            min-width: 242px;
                                                        }
                                                    }
                                                    @media (max-width:960px) {
                                                        width: 100%;
                                                    }
                                                }
                                                @media (max-width:960px) {
                                                    flex-direction: column;
                                                    padding: 1.5em;
                                                    border-radius: 12px;
                                                }
                                            }
                                        }
                                        /* --- DFEのMission/Visionとは --- */

                                        .column {
                                            &.column_concept {
                                                background-image: url(../img/common/column_concept_bg.jpg);
                                                background-position: center top;
                                                background-repeat: no-repeat;
                                                background-size: 100% auto;
                                                position: relative;
                                                overflow: visible;
                                                @media (max-width: 960px) {
                                                    background-image: none;
                                                    overflow: hidden;
                                                }
                                                .row {
                                                    padding: 300px 0 90px 0;
                                                    @media (max-width: 960px) {
                                                        padding: 90px 0 45px 0;
                                                    }
                                                }
                                                &::before {
                                                    @media (max-width: 960px) {
                                                        display: none;
                                                    }
                                                }
                                            }
                                        }

                                        .concept_box {
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: space-between;
                                            .concept_box_inner {
                                                width: 46%;
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                }
                                                .inbox {
                                                    margin: 0 auto 120px auto;
                                                    @media (max-width: 960px) {
                                                        margin: 0 auto 60px auto;
                                                    }
                                                    &:last-child {
                                                        margin: 0 auto;
                                                    }
                                                }
                                            }
                                        }
                                        /* --- ニュースとお役立ち情報 --- */

                                        .news_and_column_list {
                                            width: 100%;
                                            padding: 100px 0;
                                            @media (max-width: 960px) {
                                                padding: 50px 0;
                                            }
                                            ul {
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: center;
                                                gap: 20px;
                                                li {
                                                    width: calc(100% / 3 - 20px);
                                                    padding: 20px;
                                                    box-sizing: border-box;
                                                    border-radius: 20px;
                                                    box-shadow: 0 1px 10px #cfcfcf;
                                                    margin-bottom: 20px;
                                                    @media (max-width: 960px) {
                                                        width: 100%;
                                                        padding: 15px;
                                                        border-radius: 10px;
                                                        margin-bottom: 0px;
                                                    }
                                                    a {
                                                        text-decoration: none;
                                                        color: #121212;
                                                        @media (max-width: 960px) {
                                                            position: relative;
                                                            display: block;
                                                        }
                                                        &::after {
                                                            @media (max-width: 960px) {
                                                                font-family: "Font Awesome 6 Free";
                                                                content: "\f061";
                                                                font-weight: bold;
                                                                display: flex;
                                                                flex-wrap: wrap;
                                                                justify-content: center;
                                                                align-items: center;
                                                                position: absolute;
                                                                right: -5px;
                                                                bottom: -5px;
                                                                width: 20px;
                                                                height: 20px;
                                                                line-height: 20px;
                                                                border-radius: 100vw;
                                                                background-color: #00B68D;
                                                                color: #fff;
                                                            }
                                                        }
                                                        .news_detail {
                                                            .inner {
                                                                img {
                                                                    display: block;
                                                                    width: 100%;
                                                                }
                                                                .detail_head {
                                                                    display: flex;
                                                                    flex-wrap: wrap;
                                                                    justify-content: space-between;
                                                                    align-items: center;
                                                                    margin-bottom: 10px;
                                                                    .cat {
                                                                        background-color: #00B68D;
                                                                        color: #fff;
                                                                        border-radius: 50vw;
                                                                        padding: 0.5em 1em;
                                                                        font-size: 12px;
                                                                    }
                                                                }
                                                                .catch_and_text {
                                                                    @media (max-width: 960px) {
                                                                        display: flex;
                                                                        flex-wrap: wrap;
                                                                        justify-content: space-between;
                                                                        align-items: flex-start;
                                                                    }
                                                                    img {
                                                                        object-fit: cover;
                                                                        height: 170px;
                                                                        @media (max-width: 960px) {
                                                                            width: 36%;
                                                                            height: auto;
                                                                            max-height: 65px;
                                                                        }
                                                                    }
                                                                    .inner_text {
                                                                        @media (max-width: 960px) {
                                                                            flex: 1;
                                                                        }
                                                                        h3 {
                                                                            padding: 20px 0 10px 0;
                                                                            font-family: "Noto Sans JP", sans-serif;
                                                                            font-weight: bold;
                                                                            font-size: 16px;
                                                                            line-height: 1.4;
                                                                            @media (max-width: 960px) {
                                                                                padding: 0 0 0 10px;
                                                                            }
                                                                        }
                                                                        p {
                                                                            font-size: 12px;
                                                                            line-height: 1.8;
                                                                            @media (max-width: 960px) {
                                                                                padding: 5px 0 5px 10px;
                                                                                line-height: 1.4;
                                                                                font-weight: 400;
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        /* --- 採用情報 Recruit --- */

                                        .column {
                                            &.column_recruit {
                                                background-image: url(../img/common/column_recruit_top_bg.png);
                                                background-position: center top;
                                                background-repeat: no-repeat;
                                                background-size: 100% auto;
                                                padding-top: 305px;
                                                @media (max-width: 1460px) {
                                                    padding-top: 255px;
                                                }
                                                @media (max-width:1200px) {
                                                    padding-top: 165px;
                                                }
                                                @media (max-width:960px) {
                                                    padding-top: 78px;
                                                    margin: 60px 0 0 0;
                                                }
                                                @media (max-width:360px) {
                                                    padding-top: 60px;
                                                }
                                                .column_contents {
                                                    background-image: url(../img/common/column_recruit_bg.png);
                                                    background-repeat: no-repeat;
                                                    background-position: left top;
                                                    background-size: 50%;
                                                    @media (max-width: 960px) {
                                                        padding-top: 1em;
                                                        background-image: none;
                                                    }
                                                    .row {
                                                        &.nopadding {
                                                            @media (max-width: 960px) {
                                                                max-width: 100%;
                                                                padding: 0;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }

                                        .recruit_contents {
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: flex-end;
                                            @media (max-width: 960px) {
                                                padding-top: 60px;
                                            }
                                            .inner {
                                                width: 60%;
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                }
                                                .title_right_box {
                                                    text-align: right;
                                                    display: flex;
                                                    flex-wrap: wrap;
                                                    flex-direction: column;
                                                    align-items: end;
                                                    width: 100%;
                                                    @media (max-width: 960px) {
                                                        text-align: left;
                                                        align-items: start;
                                                        max-width: calc(100% - 40px);
                                                        margin: 0 auto;
                                                    }
                                                    .title01 {
                                                        span {
                                                            display: block;
                                                            margin: 35px 0 0 0;
                                                            @media (max-width: 960px) {
                                                                display: inline;
                                                                margin: 0;
                                                                padding-left: 20px;
                                                            }
                                                        }
                                                    }
                                                }
                                                .inbox_around {
                                                    position: relative;
                                                    width: 674px;
                                                    height: 599px;
                                                    background-image: url(../img/common/recruit_inbox_around_bg.png);
                                                    background-repeat: no-repeat;
                                                    background-position: left top;
                                                    background-size: cover;
                                                    margin-top: 20px;
                                                    @media (max-width: 960px) {
                                                        background-image: url(../img/common/recruit_inbox_around_bg_sp.png);
                                                        background-size: cover;
                                                        margin-top: 0;
                                                        width: 100%;
                                                        height: auto;
                                                        min-height: 300px;
                                                    }
                                                    .inbox {
                                                        width: 100%;
                                                        height: 100%;
                                                        .recruit_link {
                                                            height: 100%;
                                                            padding: 100px 60px 0 100px;
                                                            box-sizing: border-box;
                                                            @media (max-width: 960px) {
                                                                height: auto;
                                                                padding: 70px 40px;
                                                            }
                                                            p {
                                                                color: #121212;
                                                                font-size: 29px;
                                                                font-family: "Noto Sans JP", sans-serif!important;
                                                                font-weight: 700!important;
                                                                @media (max-width: 960px) {
                                                                    font-size: 16px;
                                                                    line-height: 1.6;
                                                                }
                                                                &.font-l {
                                                                    font-size: 35px!important;
                                                                    line-height: 1.5!important;
                                                                    @media (max-width: 960px) {
                                                                        font-size: 30px!important;
                                                                        line-height: 1.6!important;
                                                                    }
                                                                }
                                                                &:nth-child(2) {
                                                                    @media (max-width: 960px) {
                                                                        margin: 30px auto;
                                                                    }
                                                                }
                                                            }
                                                            &::after {
                                                                content: "";
                                                                display: block;
                                                                clear: both;
                                                            }
                                                            .common_btn {
                                                                @media (max-width: 960px) {
                                                                    float: left;
                                                                }
                                                                a {
                                                                    p {
                                                                        font-size: 17px;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }

                                        .recruit_contents_bottom {
                                            padding: 60px 0;
                                            @media (max-width: 960px) {
                                                max-width: calc(100% - 40px);
                                                margin: 0 auto;
                                                padding: 30px 0 0 0;
                                            }
                                            p {
                                                font-size: 15px;
                                            }
                                        }

                                        .recruit_img_sp {
                                            display: none;
                                            @media (max-width: 960px) {
                                                display: block;
                                            }
                                            img {
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                }
                                            }
                                        }
                                        /* ---
    DFEについて about-dfe
------------------------------------ */

                                        .vision-box {
                                            width: 100%;
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: space-between;
                                            margin: 0 auto 60px auto;
                                            .text_box {
                                                width: calc(60% - 40px);
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                }
                                            }
                                            .image_box {
                                                width: 40%;
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                }
                                            }
                                        }

                                        .value-inner-box {
                                            width: 100%;
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: space-between;
                                            margin: 60px auto!important;
                                            @media (max-width: 960px) {
                                                margin: 70px auto 30px auto !important;
                                                flex-direction: column-reverse;
                                            }
                                            .text_box {
                                                width: calc(60% - 20px);
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                    margin-bottom: 30px;
                                                }
                                            }
                                            h4.title01 {
                                                margin-top: 1em;
                                            }
                                            .image_box {
                                                width: 40%;
                                                margin-top: 0!important;
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                }
                                            }
                                            &:last-child {
                                                margin-bottom: 0;
                                            }
                                        }
                                        /* ---
    DFE経理アウトソーシング business-outsourcing
------------------------------------ */

                                        .column_business01 {
                                            background-color: #f6f6f6;
                                            h4.title02 {
                                                margin-top: 60px;
                                            }
                                        }

                                        .column_business02 {
                                            .row {
                                                padding-top: 140px;
                                            }
                                        }

                                        .column_business03 {
                                            background-color: #00B68D;
                                            .row {
                                                padding-top: 140px;
                                            }
                                        }

                                        .business-first_title01 {
                                            text-align: center;
                                            font-size: 35px!important;
                                            color: #00B68D!important;
                                            line-height: 2em!important;
                                            padding-bottom: 0!important;
                                            @media (max-width: 960px) {
                                                font-size: 24px!important;
                                                line-height: 1.4!important;
                                                padding-bottom: 0!important;
                                            }
                                            &::before,
                                            &::after {
                                                border: none!important;
                                            }
                                        }

                                        .content {
                                            .list {
                                                &.business_list01 {
                                                    margin: 60px auto 0 auto!important;
                                                    >li {
                                                        display: flex;
                                                        align-items: center;
                                                        background-color: #fff;
                                                        margin-bottom: 15px!important;
                                                        border-radius: 10px;
                                                        padding: 20px!important;
                                                        font-size: 23px;
                                                        font-weight: bold;
                                                        color: #00B68D;
                                                        @media (max-width: 960px) {
                                                            font-size: 16px;
                                                        }
                                                        &:last-child {
                                                            margin-bottom: 0!important;
                                                        }
                                                        &::before {
                                                            content: "";
                                                        }
                                                        i {
                                                            margin-right: 20px;
                                                            font-size: 38px;
                                                            @media (max-width: 760px) {
                                                                font-size: 30px;
                                                            }
                                                        }
                                                    }
                                                }
                                                /* 経理は人からAIと仕組みへ。 */
                                                &.business_list02 {
                                                    margin: 60px auto!important;
                                                    row-gap: 30px;
                                                    align-items: normal;
                                                    justify-content: space-between;
                                                    @media (max-width: 960px) {
                                                        margin: 30px auto!important;
                                                    }
                                                    >li {
                                                        width: calc(50% - 60px);
                                                        .detail_box {
                                                            display: flex;
                                                            flex-wrap: wrap;
                                                            justify-content: space-between;
                                                            align-items: center;
                                                            column-gap: 20px;
                                                            margin-top: 30px;
                                                            @media (max-width: 960px) {
                                                                column-gap: 0;
                                                            }
                                                            .img_area {
                                                                width: 16.3%;
                                                                @media (max-width: 960px) {
                                                                    width: 100%;
                                                                }
                                                                img {
                                                                    @media (max-width: 960px) {
                                                                        display: block;
                                                                        max-width: 60px;
                                                                        margin: 0 auto 15px auto;
                                                                        height: auto;
                                                                    }
                                                                }
                                                            }
                                                            .text_area {
                                                                flex: 1;
                                                                margin: 0;
                                                                h4 {
                                                                    color: #00b68d;
                                                                    font-weight: bold;
                                                                    font-size: 20px;
                                                                    @media (max-width: 960px) {
                                                                        font-size: 20px;
                                                                        text-align: center;
                                                                    }
                                                                }
                                                                p {
                                                                    font-size: 16px;
                                                                    font-weight: bold;
                                                                    line-height: 1.6;
                                                                    margin-top: 10px;
                                                                    @media (max-width: 960px) {
                                                                        font-size: 14px;
                                                                        text-align: center;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                                /* DFEアウトソーシングの強み */
                                                &.business_list03 {
                                                    margin: 60px auto!important;
                                                    row-gap: 30px;
                                                    align-items: normal;
                                                    justify-content: space-between;
                                                    @media (max-width: 960px) {
                                                        margin: 30px auto!important;
                                                    }
                                                    >li {
                                                        background-color: #fff;
                                                        border-radius: 20px;
                                                        padding: 30px!important;
                                                        .detail_box {
                                                            margin-top: 30px;
                                                            .text_area {
                                                                width: 100%;
                                                                margin: 0;
                                                                h4 {
                                                                    color: #00b68d;
                                                                    font-weight: bold;
                                                                    font-size: 23px;
                                                                    border-bottom: 1px solid #121212;
                                                                    padding-bottom: 10px;
                                                                    @media (max-width: 960px) {
                                                                        font-size: 20px;
                                                                    }
                                                                }
                                                                p {
                                                                    font-size: 16px;
                                                                    line-height: 1.6;
                                                                    margin-top: 20px;
                                                                    font-weight: bold;
                                                                    @media (max-width: 960px) {
                                                                        font-size: 14px;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        /* DFE経理アウトソーシング導入の流れ */

                                        .implementation_process {
                                            margin-top: 60px!important;
                                            .process_box {
                                                background-color: #fff;
                                                border: none;
                                                border-radius: 15px;
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-between;
                                                align-items: center;
                                                column-gap: 30px;
                                                padding: 15px 10px;
                                                @media (max-width: 960px) {
                                                    flex-direction: column;
                                                }
                                                dt {
                                                    width: 100px;
                                                    background-color: #fff;
                                                    @media (max-width: 960px) {
                                                        width: 100%;
                                                    }
                                                    span {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;
                                                        text-align: center;
                                                        width: 84px;
                                                        height: 84px;
                                                        font-size: 40px;
                                                        font-family: "Montserrat", sans-serif;
                                                        font-weight: bold;
                                                        background-color: #FFED4D;
                                                        border-radius: 50vw;
                                                        @media (max-width: 960px) {
                                                            margin: 0 auto;
                                                        }
                                                    }
                                                }
                                                dd {
                                                    border: none;
                                                    flex: 1;
                                                    h4 {
                                                        font-size: 23px;
                                                        font-weight: bold;
                                                        color: #00B68D;
                                                        border-bottom: 1px solid #000;
                                                        padding-bottom: 10px;
                                                        margin-bottom: 10px;
                                                        @media (max-width: 960px) {
                                                            font-size: 20px;
                                                        }
                                                    }
                                                    p {
                                                        font-size: 16px;
                                                        font-weight: bold;
                                                        line-height: 1.6;
                                                        margin: 0;
                                                        @media (max-width: 960px) {
                                                            font-size: 14px;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        /* DFEで経理業務が劇的に変わった企業事例 */

                                        .business_case {
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: space-between;
                                            column-gap: 30px;
                                            margin: 160px auto 60px auto!important;
                                            @media (max-width: 960px) {
                                                margin: 80px auto 30px auto!important;
                                                row-gap: 30px;
                                            }
                                            .box {
                                                width: calc(50% - 20px);
                                                background-color: #00B68D;
                                                border-radius: 20px;
                                                padding: 60px 30px 30px 30px;
                                                margin-top: 0;
                                                position: relative;
                                                @media (max-width: 960px) {
                                                    width: 100%;
                                                }
                                                >p {
                                                    color: #fff;
                                                    text-align: center;
                                                    font-weight: bold;
                                                    font-size: 15px;
                                                    margin-top: 15px;
                                                    @media (max-width: 960px) {
                                                        font-size: 14px;
                                                    }
                                                }
                                                .innerbox {
                                                    background-color: #fff;
                                                    border-radius: 12px;
                                                    margin-top: 10px;
                                                    p {
                                                        padding: 30px 40px;
                                                        font-weight: bold;
                                                        line-height: 1.6;
                                                        @media (max-width: 960px) {
                                                            padding: 25px;
                                                            font-size: 14px;
                                                        }
                                                    }
                                                }
                                                &::before {
                                                    content: "";
                                                    position: absolute;
                                                    background-image: url(../img/business/outsourcing/business_case_icon01.svg);
                                                    background-size: cover;
                                                    width: 120px;
                                                    height: 120px;
                                                    top: -25%;
                                                    left: 50%;
                                                    transform: translateX(-50%);
                                                    @media (max-width: 960px) {
                                                        width: 100px;
                                                        height: 100px;
                                                        top: -15%;
                                                    }
                                                }
                                            }
                                        }
                                        /* 他社との違いは、経理に"AIとプロ"がいる安心感 */

                                        .business_comparison_table {
                                            margin: 100px auto 60px auto!important;
                                            @media (max-width: 960px) {
                                                margin: 50px auto 30px auto !important;
                                            }
                                            table {
                                                tr th,
                                                tr td {
                                                    font-size: 1.8rem;
                                                    font-weight: bold;
                                                    text-align: center;
                                                    padding: 1em;
                                                    @media (max-width: 960px) {
                                                        font-size: 14px;
                                                        line-height: 1.4;
                                                    }
                                                }
                                                tr td {
                                                    background-color: #fff!important;
                                                }
                                                .th01 {
                                                    background-color: #d9d9d9;
                                                    color: #121212;
                                                }
                                                .th02 {
                                                    background-color: #00B68D;
                                                }
                                                .th03 {
                                                    background-color: #6371A2;
                                                }
                                                .th04 {
                                                    background-color: #3f3f3f;
                                                }
                                            }
                                        }

                                        .faqbox {
                                            margin: 30px auto 60px auto!important;
                                            dl {
                                                dt,
                                                dd {
                                                    color: #00B68D;
                                                    background-color: #fff;
                                                    border-radius: 12px;
                                                }
                                                dt {
                                                    font-size: 2rem;
                                                    font-weight: bold;
                                                    margin-bottom: 20px;
                                                    position: relative;
                                                    text-indent: -2em;
                                                    padding-left: 3em;
                                                    @media (max-width: 960px) {
                                                        font-size: 16px;
                                                        letter-spacing: 0;
                                                        padding: 10px 30px 10px 10px;
                                                        text-indent: -1.5em;
                                                        padding-left: 2em;
                                                    }
                                                    &:hover {
                                                        cursor: pointer;
                                                    }
                                                    &::before {
                                                        display: inline-block;
                                                        width: 40px;
                                                        height: 40px;
                                                        content: "Ｑ";
                                                        background-color: #00B68D;
                                                        border-radius: 100%;
                                                        color: #fff;
                                                        text-align: center;
                                                        line-height: 40px;
                                                        margin-right: 15px;
                                                        text-indent: -1em;
                                                        padding-left: 1em;
                                                        @media (max-width: 960px) {
                                                            width: 30px;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            font-size: 16px;
                                                            margin-right: 5px;
                                                            text-indent: -1em;
                                                            padding-left: 1em;
                                                        }
                                                    }
                                                    &::after {
                                                        content: "＋";
                                                        display: block;
                                                        float: right;
                                                        color: #333;
                                                        font-weight: bold;
                                                        font-size: 2.8rem;
                                                        margin: -6px;
                                                        @media (max-width: 960px) {
                                                            font-size: 14px;
                                                            position: absolute;
                                                            top: 50%;
                                                            right: 10px;
                                                            transform: translateY(-50%);
                                                        }
                                                    }
                                                    &.active {
                                                        &::after {
                                                            content: "−";
                                                            font-size: 3.6rem;
                                                            line-height: 1.3;
                                                            padding-right: 6px;
                                                            @media (max-width: 960px) {
                                                                font-size: 14px;
                                                            }
                                                        }
                                                    }
                                                }
                                                dd {
                                                    font-weight: bold;
                                                    text-indent: -3.5em;
                                                    padding-left: 4.7em;
                                                    @media (max-width: 960px) {
                                                        font-size: 14px;
                                                        text-indent: -1.5em;
                                                        padding-left: 2em;
                                                    }
                                                    &::before {
                                                        display: inline-block;
                                                        width: 40px;
                                                        height: 40px;
                                                        content: "Ａ";
                                                        background-color: #E36B4F;
                                                        border-radius: 100%;
                                                        color: #fff;
                                                        text-align: center;
                                                        line-height: 40px;
                                                        margin-right: 15px;
                                                        font-size: 2.4rem;
                                                        text-indent: -1em;
                                                        padding-left: 1em;
                                                        @media (max-width: 960px) {
                                                            width: 30px;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            font-size: 14px;
                                                            margin-right: 5px;
                                                        }
                                                    }
                                                }
                                            }
                                        }

                                        .business_common_under_list_btn {
                                            @media (max-width: 960px) {
                                                row-gap: 20px;
                                            }
                                            li {
                                                .common_btn {
                                                    text-align: center;
                                                    a {
                                                        min-width: 50%;
                                                        font-size: 1.8rem;
                                                        justify-content: center;
                                                        @media (max-width: 960px) {
                                                            width: 100%;
                                                            font-size: 14px;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        /* -- 修正 -- */

                                        .yellow_line {
                                            display: block;
                                            background-color: #FFED4D;
                                            width: 143px;
                                            height: 8px;
                                            border-radius: 4px;
                                            margin-bottom: 30px;
                                            @media (max-width: 960px) {
                                                width: 79px;
                                                height: 4px;
                                                margin-bottom: 15px;
                                            }
                                        }

                                        .green_line {
                                            display: block;
                                            background-color: #00B68D;
                                            width: 143px;
                                            height: 8px;
                                            border-radius: 4px;
                                            margin-bottom: 30px;
                                        }

                                        .white_line {
                                            display: block;
                                            background-color: #FFF;
                                            width: 143px;
                                            height: 8px;
                                            border-radius: 4px;
                                            margin-bottom: 30px;
                                        }

                                        .title01 {
                                            font-size: 58px;
                                        }

                                        .title01 span {
                                            font-size: 13px;
                                            margin-left: 30px;
                                            font-family: "Noto Sans JP", sans-serif;
                                            font-weight: bold;
                                        }

                                        .title02 {
                                            font-size: 2rem;
                                        }
                                        /* タイトルの文字数制限対応 */

                                        .title-pc {
                                            display: inline;
                                        }

                                        .title-sp {
                                            display: none;
                                        }

                                        @media (max-width: 960px) {
                                            .title-pc {
                                                display: none;
                                            }
                                            .title-sp {
                                                display: inline;
                                            }
                                            .recruit_btn {
                                                width: 100%;
                                            }
                                            .recruit_btn a {
                                                width: 70%;
                                            }
                                            .common_btn.news_btn {
                                                margin: 0 auto;
                                            }
                                            .common_btn.news_btn a {
                                                width: 100%;
                                                min-width: auto;
                                            }
                                            .ft_btn.common_btn a {
                                                width: 100%;
                                                margin: 10px auto;
                                            }
                                        }
                                        /* -- 修正 -- */
                                        /*パンくずリストを固定*/

                                        .breadcrumb {
                                            width: 100%;
                                            padding: 10px 0;
                                        }
                                        /*パンくずリストを固定*/

                                        .breadcrumb .breadcrumb__item {
                                            padding-right: 0;
                                            padding-left: 0;
                                        }

                                        .breadcrumb__item:not(:last-of-type) a::after {
                                            content: "/";
                                            margin: 0 .6em;
                                            /* 記号の左右の余白 */
                                            color: #777;
                                            /* 記号の色 */
                                        }

                                        #b-page-fixed-about-dfe .column.column_concept {
                                            background-image: url(../img/common/about_bk.png);
                                            background-position: bottom 100px right -35%;
                                            background-repeat: no-repeat;
                                            background-size: contain;
                                            position: relative;
                                            overflow: visible;
                                        }
                                        /* 画像ズーム（.content 内のリンク画像） */

                                        .content a {
                                            display: inline-block;
                                            /* スケールで崩れない */
                                            overflow: hidden;
                                            /* はみ出し隠す（角丸も綺麗） */
                                        }

                                        .content a img {
                                            display: block;
                                            /* 余白防止 */
                                            width: 100%;
                                            height: auto;
                                            transform: translateZ(0) scale(1);
                                            transform-origin: center;
                                            /* 左から伸ばすなら left に */
                                            transition: transform .6s cubic-bezier(.22, .61, .36, 1), filter .3s ease;
                                            will-change: transform;
                                        }
                                        /* ホバー/フォーカスで “ゆっくり” 拡大 */

                                        .content a:hover img,
                                        .content a:focus-visible img {
                                            transform: translateZ(0) scale(1.06);
                                            /* 1.02〜1.08 で微調整 */
                                            filter: brightness(1.03);
                                            /* ほんのり明るく（任意） */
                                        }
                                        /* 角丸にしたい場合（任意） */

                                        .content a,
                                        .content a img {
                                            border-radius: 10px;
                                        }
                                        /* 配慮（任意） */

                                        @media (hover: none) {
                                            .content a img {
                                                transition: none;
                                            }
                                        }

                                        @media (prefers-reduced-motion: reduce) {
                                            .content a img {
                                                transition: none;
                                            }
                                        }

                                        @media (max-width: 1280px) {
                                            #b-page-fixed-about-dfe .column.column_concept {
                                                background-position: top 100px right -35%;
                                                background-size: 70%;
                                            }
                                        }

                                        .mainvisual .mv-slider .slide .pc_fv {
                                            display: block;
                                        }

                                        .mainvisual .mv-slider .slide .sp_fv {
                                            display: none;
                                        }

                                        #b-page-fixed-business .business_list {
                                            background-image: url(../img/common/column_business_top_bg.png);
                                            background-position: center top;
                                            background-repeat: no-repeat;
                                            background-size: 100% auto;
                                            padding-top: 18.5%;
                                            @media (max-width: 960px) {
                                                padding-top: 18vw;
                                            }
                                        }

                                        @media (max-width: 960px) {
                                            #b-page-fixed-about-dfe .column.column_concept {
                                                background-position: top -60px right -60px;
                                                background-size: 50%;
                                            }
                                            .page-header .header_kv {
                                                left: 5.28575%;
                                            }
                                            .content img {
                                                max-width: 100%;
                                                height: auto;
                                                vertical-align: bottom;
                                                object-fit: cover;
                                                height: 450px;
                                                width: 100%;
                                                border-radius: 20px;
                                                object-position: center;
                                            }
                                            .mainvisual .mv-slider .slide .pc_fv {
                                                display: none;
                                            }
                                            .mainvisual .mv-slider .slide .sp_fv {
                                                display: block;
                                            }
                                        }

                                        @media (max-width: 760px) {
                                            .content img {
                                                height: auto;
                                            }
                                            .column_business03 .common_btn.white a {
                                                width: 100%;
                                            }
                                        }

                                        .common_btn a {
                                            border-radius: 50vw;
                                        }

                                        .form-container {
                                            max-width: 1080px;
                                            margin: 40px auto;
                                            padding: 20px;
                                            border-radius: 8px;
                                            width: 100%;
                                            background-color: #fff;
                                        }

                                        .form-container form {
                                            max-width: 680px;
                                            margin: 0 auto;
                                            font-weight: bold;
                                            padding: 0 0 60px 0;
                                            color: #000;
                                        }

                                        .low-content .form-container h2.title04 {
                                            text-align: center;
                                            color: #00B68D;
                                            font-size: 23px;
                                            margin: 20px auto;
                                        }

                                        .low-content .form-container .privacy a {
                                            display: inline;
                                        }

                                        .content .form-container label {
                                            display: block;
                                            font-weight: bold;
                                            margin: 25px 0 10px 0;
                                            color: #000000;
                                            font-size: 18px;
                                        }

                                        .form-container .required {
                                            color: red;
                                            font-size: 12px;
                                            margin-left: 5px;
                                        }

                                        input[type="text"],
                                        input[type="email"],
                                        input[type="tel"],
                                        select,
                                        textarea {
                                            width: 100%;
                                            padding: 10px;
                                            border: 1px solid #ccc;
                                            border-radius: 4px;
                                            font-size: 16px;
                                        }

                                        textarea {
                                            resize: vertical;
                                            height: 180px;
                                        }

                                        .form-container .checkbox-group,
                                        .form-container .radio-group {
                                            margin-top: 10px;
                                        }

                                        .form-container .checkbox-group label,
                                        .form-container .radio-group label {
                                            font-weight: normal;
                                            display: block;
                                            margin-bottom: 5px;
                                        }

                                        .form-container .checkbox-group label {
                                            margin: 5px;
                                        }

                                        .form-container .privacy {
                                            margin-top: 20px;
                                            text-align: center;
                                            font-size: 14px;
                                        }

                                        .form-container input[type="submit"] {
                                            display: block;
                                            width: 100%;
                                            padding: 15px;
                                            margin-top: 20px;
                                            background-color: #00B68D;
                                            color: #fff;
                                            border: none;
                                            border-radius: 4px;
                                            font-size: 16px;
                                            cursor: pointer;
                                        }

                                        .form-container input[type="submit"] {
                                            background-color: #009877;
                                        }

                                        input[type="checkbox"] {
                                            -webkit-appearance: none;
                                            /* Safari / iOS */
                                            appearance: none;
                                            /* 標準 */
                                            width: 20px;
                                            height: 20px;
                                            border: 2px solid #00B68D;
                                            border-radius: 26px;
                                            /* ←角丸 */
                                            background-color: #fff;
                                            cursor: pointer;
                                            position: relative;
                                            vertical-align: middle;
                                            margin: 0 7px 0 0;
                                        }
                                        /* チェック時 */

                                        input[type="checkbox"]:checked {
                                            background-color: #00B68D;
                                            border-color: #00B68D;
                                        }
                                        /* チェックマークの描画 */

                                        input[type="checkbox"]:checked::after {
                                            content: "";
                                            position: absolute;
                                            left: 7px;
                                            top: 2px;
                                            width: 5px;
                                            height: 10px;
                                            border: solid #fff;
                                            border-width: 0 2px 2px 0;
                                            transform: rotate(45deg);
                                        }

                                        #b-page-fixed-contact h2.tel_btn {
                                            margin: 0 0 0 0;
                                        }

                                        #b-page-fixed-contact h2.tel_btn a {
                                            color: #00B68D;
                                            margin: 0 0 0 0;
                                        }

                                        #b-page-fixed-contact h2.tel_btn a span {
                                            font-size: 16px;
                                        }

                                        #b-page-fixed-contact .s_a_o_section3 {
                                            background-image: url(../img/common/def_icon.svg);
                                            background-repeat: no-repeat;
                                            background-position: right top 100px;
                                            background-size: auto 40%;
                                        }

                                        #b-page-fixed-strategy_and_organization .content .s_a_o_section2 p {
                                            margin-top: 1rem;
                                        }

                                        #b-page-fixed-strategy_and_organization .social_contribution_section_2_main ul {
                                            display: flex;
                                            flex-direction: column;
                                            gap: 10px;
                                            width: 100%;
                                        }

                                        #b-page-fixed-message .r_m_section3 .text02 {
                                            font-size: 16px;
                                        }

                                        .pc_none {
                                            display: none;
                                        }

                                        .sp_none {
                                            display: block;
                                        }

                                        .footer-sublink.footer-sublink_pdf {}

                                        .footer-sublink.footer-sublink_pdf ul {
                                            background-color: inherit;
                                            border-radius: 10px;
                                            width: 50%;
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: end;
                                            align-items: baseline;
                                            flex-direction: column;
                                            padding: 0;
                                        }

                                        .footer-sublink.footer-sublink_pdf ul li {
                                            width: 50%;
                                            margin: 10px 0;
                                        }

                                        .footer-sublink.footer-sublink_pdf .common_btn a {
                                            display: block;
                                            min-width: auto;
                                            width: 100%;
                                            height: auto;
                                            line-height: 1.5;
                                            position: relative;
                                            font-family: "Noto Sans JP", sans-serif;
                                            font-size: 10px;
                                            font-weight: bold;
                                            border-radius: 50vw;
                                            text-align: center;
                                            padding: 5px;
                                            box-shadow: 1px 4px 0 #4FE4AF;
                                        }

                                        .footer-sublink.footer-sublink_pdf .common_btn.white a p {
                                            font-size: 10px;
                                        }

                                        .footer-sublink.footer-sublink_pdf .common_btn.white a p ::after {
                                            width: 16px;
                                            height: 16px;
                                            line-height: 17px;
                                        }

                                        .footer-sublink_sns {
                                            max-width: 1080px;
                                            margin: 0 auto 30px auto;
                                        }

                                        .footer-sublink_sns ul {
                                            display: flex;
                                            gap: 10px;
                                        }

                                        .footer-sublink_sns img {
                                            width: 23px;
                                        }

                                        #b-page-fixed-remote-staffing .column_business04 .innerbox a {
                                            text-align: center;
                                            display: block;
                                        }

                                        #b-page-404 {
                                            max-width: 1080px;
                                            margin: 0 auto;
                                        }

                                        #b-page-404 main {
                                            padding: 10em 0 10em 0;
                                            text-align: center;
                                        }

                                        @media (max-width: 1080px) {
                                            .form-container {
                                                width: 90%;
                                            }
                                        }

                                        @media (max-width: 960px) {
                                            .footer-sublink.footer-sublink_pdf ul {
                                                background-color: inherit;
                                                border-radius: 10px;
                                                width: 100%;
                                                align-items: center;
                                            }
                                            .footer-sublink.footer-sublink_pdf ul li {
                                                width: 50%;
                                                margin: 0;
                                                padding: 0;
                                            }
                                            .footer-sublink.footer-sublink_pdf .common_btn.white a p span {
                                                font-size: 10px;
                                            }
                                            .footer-sublink.footer-sublink_pdf {
                                                margin-bottom: 0;
                                                margin-top: 60px;
                                            }
                                            .footer-sublink_sns ul {
                                                gap: 30px;
                                                justify-content: center;
                                            }
                                            .footer-sublink_sns img {
                                                width: 30px;
                                            }
                                        }

                                        @media (max-width: 760px) {
                                            #b-page-fixed-contact .s_a_o_section3 {
                                                background-position: right bottom;
                                                background-size: auto 40%;
                                                padding: 0 0 100px 0;
                                            }
                                            #b-page-fixed-contact h2.tel_btn a span {
                                                display: block;
                                                margin: 10px 0 0 0;
                                            }
                                            .content .form-container label {
                                                font-size: 16px;
                                            }
                                            .content .form-container .wpcf7-list-item label {
                                                font-size: 14px;
                                                margin: 8px 0px 10px;
                                            }
                                            #b-page-fixed-strategy_and_organization .s_a_o_section6 .common_btn a,
                                            #b-page-fixed-strategy_and_organization .s_a_o_section7 .common_btn a,
                                            #b-page-fixed-message .r_m_section4 .common_btn a {
                                                width: 100%;
                                            }
                                            #b-page-fixed-recruit .recruitment_4 .common_btn a {
                                                min-width: auto;
                                                width: 90%;
                                            }
                                            #b-page-fixed-returns-business .header-section .common_btn:last-child {
                                                max-width: 100%;
                                            }
                                            .pageContents .content ol li:last-child,
                                            .pageContents .content ul li:last-child {
                                                margin-bottom: 0;
                                            }
                                            .pc_none {
                                                display: block;
                                            }
                                            .sp_none {
                                                display: none;
                                            }
                                            #b-page-fixed-business .business_box .in_box_list .in_box .in_box_text h3 {
                                                margin: 0 auto;
                                            }
                                            .footer-sublink.footer-sublink_pdf ul li {
                                                width: 100%;
                                            }
                                            .footer-sublink.footer-sublink_pdf .common_btn a {
                                                padding: 8px 5px;
                                            }
                                            .footer-sublink.footer-sublink_pdf .common_btn.white a p {
                                                font-size: 10px;
                                            }
                                        }

                                        @media (max-width: 460px) {
                                            .menu-btn {
                                                top: 23;
                                                right: 7%;
                                            }
                                        }

                                        #b-page-fixed-about-dfe .title01 {
                                            margin: 30px 0 0 0;
                                        }

                                        input,
                                        select {
                                            -webkit-appearance: none;
                                            appearance: none;
                                            background-color: #fff;
                                            color: #000;
                                        }

                                        .grecaptcha-badge {
                                            visibility: hidden;
                                        }

                                        .under_txt a {
                                            display: contents;
                                            font-size: 14px;
                                        }