@charset "utf-8";
        /******************dxpage******************/
        
        .main img {
            display: block;
            width: 100%;
        }
        
        .bg {
            background: #fafafa;
        }
        
        .dx_bg {
            background-color: #68677B;
            height: 432px;
            background-image: url(../images/bk02.jpg);
            background-size: cover;
        }
        
        .name {
            font-size: 22px;
            /*font-weight: 700;*/
            margin-bottom: 5px;
        }
        
        .heading {
            /* background: #e8decb; */
            background: url(../../images/common/bg01.png);
            background-repeat: no-repeat;
            background-position: top center;
            background-size: cover;
            margin-top: -6.5%;
            padding: 60px 0 100px;
            position: relative;
            z-index: 2;
        }
        
        .heading .heading_img {
            display: block;
            margin: auto;
        }
        
        .sec {
            max-width: 910px;
            padding: 0 15px;
            margin: 0 auto;
            color: #004077;
        }
        
        .flex-box {
            display: flex;
            gap: 32px;
            padding-top: 60px;
        }
        /* sec01 */
        
        .title {
            font-size: 29px;
            font-weight: 700;
            text-align: left;
            border-bottom: 1px dotted #004077;
            margin-bottom: 24px;
        }
        
        .yt {
            margin: 0 auto;
            width: 100%;
            text-align: center;
            position: relative;
            padding-top: 56.25%;
            /* 16:9のアスペクト比 */
        }
        
        .yt iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        .btn {
            font-size: 20px;
            color: #004077;
            text-align: center;
            display: block;
            border: 1px dotted #004077;
            border-radius: 25px;
            max-width: 300px;
            padding: 12px 0;
            margin: 20px auto 0;
            text-decoration: none;
            transition: .7s;
        }
        
        .btn:hover {
            background: #004077;
            color: #fff;
        }
        /* sec01 業務効率と品質向上 */
        
        @media print,
        screen and (min-width: 768px) {
            .item.item01.flex-box {
                flex-direction: row-reverse;
            }
        }
        
        .item.item01.flex-box .img-box {
            width: 136px;
        }
        
        .item.item02.flex-box {
            padding-bottom: 60px;
        }
        
        .item.item02.flex-box .img-box {
            flex: 1;
        }
        
        .item.item02.flex-box .text-box {
            flex: 2;
        }
        
        .item.item03.flex-box .img-box {
            flex: 1;
            margin-top: 0px;
        }
        
        .item.item03.flex-box .text-box {
            flex: 2;
        }
        
        .item.item03.flex-box {
            padding: 24px 32px 32px 32px;
            background-color: #fff;
            margin: -240px 0 60px;
        }
        /* sec02 取り組みとその効果について */
        
        .initiative {
            border: 1px solid #E4E4E4;
            padding: 24px 32px;
            background-color: #fff;
            margin-bottom: 16px;
            display: flex;
            flex-direction: column;
            gap: 24px;
            margin-bottom: 32px;
        }
        
        .initiative .dx_title {
            display: flex;
            flex-wrap: wrap
        }
        
        .year-label {
            display: block;
            background-color: #e4e4e4;
            font-size: 0.85rem;
            padding: 2px 10px;
            border-radius: 0;
            margin-right: 1em;
            height: 29px;
            width: 100px;
        }
        /* .problem h4 {
                font-size: 20px;
            } */
        /* sec03 スムーズに業務に取り組める環境づくりへ */
        
        .sec03 {
            padding-bottom: 60px;
        }
        
        .flowchart {
            flex: 1;
            max-width: 240px;
        }
        
        .summary-text {
            flex: 2;
        }
        /* sec04 メンバーの声 */
        
        .sec04title {
            position: relative;
        }
        
        .sec04note {
            position: absolute;
            top: -24px;
            right: 50px;
            z-index: 9;
        }
        
        .sec04_bg {
            background: #e3d9c5;
            padding: 70px 0 60px;
        }
        
        .voice_sec {
            text-align: left;
            margin-bottom: 24px;
        }
        
        .swiper {
            padding: 0 50px !important;
        }
        
        .swiper-wrapper {
            width: 100%;
            height: 480px !important;
        }
        
        .swiper-slide {
            /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
            width: 100%;
            height: 100%;
            text-align: center;
            border-radius: 18px;
            padding: 32px 24px;
            background-color: #fff;
        }
        
        .swiper-button-next,
        .swiper-button-prev {
            color: #004077!important;
        }
        
        .swiper-slide:nth-child(2n + 1) {
            color: #6589A8;
        }
        
        .swiper-slide:nth-child(2n + 2) {
            color: #296090;
        }
        
        .swiper-slide:nth-child(2n + 2) .question {
            background-color: #296090;
        }
        
        .question {
            background-color: #6589A8;
            padding: 8px 24px;
            border-radius: 56px;
            text-align: left;
            color: #fff;
        }
        
        .swiper-pagination {
            position: static !important;
        }
        /* クロージング */
        
        .sec.sec05 {
            padding-top: 60px;
            padding-bottom: 70px;
        }
        /* タブレット以下の表示設定 */
        
        @media print,
        screen and (max-width: 767px) {
            .heading {
                padding: 10% 0 10%;
            }
            .heading .heading_img {
                width: 54%;
                max-width: 207px;
            }
            .title {
                font-size: 24px;
            }
            .sec04_bg {
                padding: 32px 0 32px;
            }
            .sec04 .item01 {
                display: block;
            }
            .sec04 .item01 .inner {
                width: 100%;
            }
            .sec04 .item01 .inner+.inner {
                padding-top: 60px;
            }
            /* .sec04 .item02 {
                    padding-top: 60px;
                } */
            .sec04 .item02 .title {
                margin-bottom: 4%;
            }
            .sec04 .privacy_policy {
                padding: 6% 8%;
            }
            .flex-box {
                flex-direction: column;
                align-items: center;
            }
            .item.item02.flex-box {
                padding-bottom: 32px;
            }
            .item.item03.flex-box {
                padding: 1.5em;
                margin-top: -360px;
                margin-bottom: 32px;
            }
            .initiative {
                padding: 1.5em;
            }
            .initiative h3 {
                text-align: left;
            }
            .swiper-button-next,
            .swiper-rtl .swiper-button-prev {
                right: 0px !important;
            }
            .swiper-button-prev,
            .swiper-rtl .swiper-button-next {
                left: 0px !important;
            }
            .swiper-wrapper {
                height: auto !important;
            }
            .swiper-slide {
                padding: 15px 16px;
            }
            .sec04note {
                top: -32px;
                right: 0;
            }
            .flex-box {
                gap: 8px;
                padding-top: 32px;
            }
            .initiative {
                gap: 8px
            }
            .flex-box .sec .sec03 {
                padding-top: 0px;
            }
            .name {
                font-size: 20px;
                margin-bottom: 2px;
            }
            .answer {
                line-height: 1.45;
            }
            .question {
                margin-bottom: 0.35em;
            }
        }
        
        @media print,
        screen and (max-width: 594px) {
            .sec04note {
                display: none;
            }
            .swiper {
                padding: 0 10px !important;
            }
             :root {
                --swiper-navigation-size: 28px !important;
            }
        }