@charset "utf-8";





@media (max-width:1199px) {


    body {
        transform: none !important;
        width:     100% !important;
    }

    #hd, #wrapper, #ft {
        min-width: 100%;
    }
    #container_wr {
        width:100% !important;
    }

    /* header */

    header {

        .header-pc-box {
            display: none;
        }

        .topbar-wrapper {
            display:none;
        }

        .login-button {
            display:none;
        }

        .navbar-toggler {
            position: relative;
            top: -4px;
            border:0 !important;
            box-shadow: none !important;
        }

        .first-nav {
            .container {
                max-width:100%;
            }
        }
        .second-nav {
            display:none;
        }

        .offcanvas.offcanvas-end.show {
            display: block;

            .mo-off-wrap {
                .offcanvas-header {
                    border-bottom: solid 1px #D9D9D9;
                    padding: 20px;
                    .offcanvas-title {
                        & img {
                            max-width:250px;
                        }
                    }
                }
                .offcanvas-body {
                    padding: 0;

                    .auth-box {
                        padding:15px;
                        border-bottom:solid 1px #d9d9d9;
                        display: flex;
                        align-items: center;

                        & button {
                            display: flex;
                            align-items: center;
                            column-gap: 10px;
                            font-size:15px;
                            font-weight: 700;
                        }
                    }

                    .accordion-button {
                        background: none;
                        border: 0;
                        box-shadow: none;
                        color: #3F3B3A;
                        font-weight: 800;
                        font-size: 17px;
                        border-bottom:solid 1px #EBEBEB;
                        padding: 1.5rem 2rem 1.5rem 2rem;
                        border-radius: 0;
                    }
                    .accordion-button:not(.collapsed) {
                        background-color: #000000;
                        color: #fff;
                    }

                    .accordion-button:not(.collapsed)::after {
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                    }
                    .accordion-body {
                        border-bottom:solid 1px #EBEBEB;



                        & ul {
                            padding-left: 15px !important;
                            & li {
                                color:#555;
                                font-size:15px;
                                font-weight: 400;
                                position: relative;
                                padding-left: 8px;
                                line-height: 35px;
                            }

                        }
                    }
                    .accordion-item {
                        border-radius: 0;
                        border:0;
                    }
                }
            }
        }
    }

    .main-header {
        z-index: 14;
    }


    /* main */

    .main-wrap {
        overflow-x:hidden;
        /* min-height: 100dvh; */

        .movie-overlay-box {
            /* top:60px; */
        }

        .movie-box {

            & iframe {
                /* top: 45.72%; */
                height: 100vw;
            }
        }

        .section1 {
            .text-box {
                bottom:150px;
                left:10px;
                & h1 {
                    font-size:70px;
                    left:0;
                }
            }
        }

        .section2 {
            .left-img-box {
                margin-bottom:40px;
                & img {
                    width:100%;
                }
            }
            .right-box {
                & img {
                    width:100%;
                }
            }
        }

        .section3 {
            margin-top:50px;
            padding:60px 0;

            .row {
                row-gap:50px;
            }

            .text-box {
                padding-left:0;

                & h1 {
                    font-size:70px;
                    margin-bottom:20px;
                }

                & p {
                    font-size:20px;
                }
            }
        }

        .section4 {
            padding:60px 0;
            height:auto;

            .text-box {
                & h4 {
                    font-size: 45px;
                }
            }
        }

        .section5 {
            height:80vh;
            & h1 {
                font-size:70px !important;
            }

            & p {
                font-size:20px !important;
                word-break:keep-all;

                & br {
                    display:none;
                }
            }

            .container {
                padding-left:calc(var(--bs-gutter-x) * .5);
                padding-right:calc(var(--bs-gutter-x) * .5);
            }

            .scroll-box {
                border-radius:50px !important;


                & h4 {
                    font-size:25px !important;
                }

                & p {
                    font-size:16px !important;
                }

            }
        }

        .section6 {
            padding:60px 0;
            .top-box {
                display:block;

                & h1 {
                    font-size:50px;
                }

                .top-text-box {
                    display:block;

                    & p {
                        margin-bottom:10px;
                    }
                }
            }

            .instagram-box {
                padding-inline:15px;
            }

            .insta-card {
                & img {
                    width:100%;
                }
            }
        }
    }



    footer {
        padding:30px 0 !important;
        .footer-top {
            .left-box {
                & ul {
                    & li {
                        line-height:20px;
                        margin-bottom:0 !important;
                        & strong {
                            font-size:14px !important;
                        }

                        & span {
                            font-size:14px !important;
                        }
                    }
                }
            }

            .right-box {
                margin-top:30px;

                .sns-box {
                    column-gap: 30px !important;
                    justify-content:start !important;

                    .sns-span {
                        display:none;
                    }

                    & img {
                        width:30px !important;
                        height:30px !important;
                    }
                }

                .service-box {
                    justify-content:start !important;
                }

                .info-box {
                    & p {
                        font-size:16px !important;
                        text-align:left;
                    }
                }
            }
        }

        .footer-bottom {
            & p {
                color:#B4B4B4 !important;
                font-size:15px !important;
            }
        }
    }


    .sub-box {
        height:181px !important;
        padding:60px 0 !important;

        .sub-nav-title {
            & h2 {
                font-size:30px !important;
            }
        }
        .navi-box {
            & span {
                font-size:13px !important;
            }
        }
    }


    .subpage-wrap {
        overflow-x:hidden;

        .sub-title-h3 {
            position:unset !important;
            font-size:28px;
            font-weight:500;
            line-height:119%;
        }
        .philosphy-wrap {
            padding:50px 0 !important;
            .section1 {
                .img-box {
                    & img {
                        width:100%;
                    }
                }

                & dl {
                    margin-top:50px;
                }

                .flex-box {
                    display:block;

                    .img-box {
                        margin-bottom:50px;
                    }

                    & p {
                        word-break:keep-all;
                        & br {
                            display:none;
                        }
                    }
                }
            }

            .section2 {
                & h3 {
                    & br {
                        display:none;
                    }
                }
            }

            .section3 {

                margin-top:50px;
                .img-box {
                    margin-top:200px;
                    margin-bottom:50px;
                    position:relative;
                    & img {
                        width:100%;
                    }

                    &:before {
                        width:100%;
                        top:-230px;
                        left:-30px;
                        height:500px;
                        background-size:contain;
                    }
                }

                .text-box {

                    .text-top {
                        margin-bottom:30px;
                    }

                    .text-middle {
                        margin-bottom:30px;
                    }

                    .text-bottom {
                        & p {
                            word-break:keep-all;
                            & br {
                                display:none;
                            }
                        }
                    }
                }
            }

            .section4 {
                margin-top:50px;

                & p {
                    word-break:keep-all;
                    text-align:left;

                    & br {
                        display:none;
                    }
                }
            }
        }

        .vision-wrap {
            padding:50px 0;

            .section1 {
                & dl {
                    margin-top:50px;
                }

                .img-box {
                    & img {
                        width:100%;
                    }
                }
            }

            .section2 {
                .img-box {
                    & img {
                        width:100%;
                    }
                }

                & h6 {
                    margin-top:50px;
                    margin-bottom:20px !important;
                    word-break:break-all;
                    & br {
                        display:none;
                    }
                }

                & p {
                    word-break:keep-all;
                    & br {
                        display:none;
                    }
                }
            }

            .section3 {
                margin-top:50px;
                .img-box {
                    margin-top:30px;
                    & img {
                        width:100%;
                    }
                }

                .absolute-box {
                    position:unset !important;
                }
            }

            .section4 {
                margin-top:50px;
                & h4 {
                    font-size:28px;
                    line-height:150%;
                    word-break:keep-all;
                }
            }
        }

        .message-wrap {
            padding:50px 0;

            .section1 {
                .img-box {
                    margin:50px 0;
                    & img {
                        width:100%;
                    }
                }

                & h6 {
                    font-size:17px !important;
                    text-align:left;
                    word-break:keep-all;
                    & br {
                        display:none;
                    }
                }

                & p {
                    text-align:left;
                    word-break:keep-all;
                    font-size:16px !important;

                    & br {
                        display:none;
                    }
                }

                & h4 {
                    font-size:28px !important;
                    line-height:150% !important;
                }
            }

            .section2 {
                margin-top:50px;
                padding:50px 0;
                .img-box {
                    margin-top:30px;
                    & img {
                        width:100%;
                    }
                }

                .row {
                    margin-top:50px;
                }

                & dl {
                    margin-top:30px !important;

                    & dt {
                        margin-bottom:30px !important;
                    }

                    & dd {
                        word-break:keep-all;
                        & br {
                            display:none;
                        }
                    }
                }

                .step-wrap {
                    padding-top:50px !important;

                    & p {
                        word-break:keep-all;
                        & br {
                            display:none;
                        }
                    }
                }

                .left-col {
                    .text-box {
                        border-bottom:solid 1px #ddd;
                        padding-bottom:30px;
                    }
                }

                .img-two-box {
                    display:block;
                    text-align:center;

                    .png-img {
                        width:100%;
                    }
                    .svg-img {
                        left:0;
                    }
                }

                .img-box {
                    display:block;

                    .left-img {
                        margin-bottom:50px;
                    }
                }

                .flex-box {
                    display:block;
                    .img-box {
                        text-align:center;
                        display:block;

                        & img {
                            width:auto;
                            left:0;
                        }
                    }

                    & p {
                        word-break:keep-all;
                        & br {
                            display:none;
                        }
                    }
                }

                & h4 {
                    font-size:28px !important;
                    line-height:130% !important;
                }

                .bottom-box {
                    & p {
                        font-size:18px !important;
                    }
                }
            }

            .section3 {
                padding-top:50px;

                .flex-box {
                    display:block !important;
                    & img {
                        width:100%;

                    }
                }

                .right-img-box {
                    top:0 !important;
                    margin-top:50px;
                }

                & h3 {
                    margin-top:50px;
                }

                & dl {
                    margin-top:50px;

                    & dd {
                        word-break:break-all;
                        & br {
                            display:none;
                        }
                    }
                }

            }
        }

        .rnd-wrap {
            padding-top:50px !important;
            .section1 {
                .img-box {
                    & img {
                        width:100%;
                    }
                }

                & p {
                    word-break:keep-all;
                    & br {
                        display:none;
                    }
                }
            }

            .section2 {

                & p {
                    word-break:keep-all;

                    & br {
                        display:none;
                    }
                }
                .img-box {

                    margin-top:50px;
                    & img {
                        width:100%;
                    }
                }
            }

            .section3 {
                padding:70px 0;
                .img-box {
                    & img {
                        width:100%;
                    }
                }

                & dl {
                    padding:0 !important;
                    & dd {
                        word-break:keep-all;
                        & br {
                            display:none;
                        }
                    }
                }

                .bottom-box {
                    margin-top:50px;
                    & h5 {
                        font-size:28px !important;
                        line-height:150% !important;
                    }

                    & p {
                        font-size:16px;
                    }
                }
            }
        }

        .result-wrap {
            padding-top:50px;

            .section1 {
                .img-box {
                    & img {
                        width:100%;
                    }
                }
            }

            .section2 {
                margin-top:50px;

                .img-box {

                    margin-bottom:20px;
                    & img {
                        width:100%;
                    }
                }

                .flex-box {

                    .img-box {
                        margin-bottom:0;
                    }
                    .down-box {
                        margin-top:0;

                    }

                }

                & h3 {
                    padding-left:0 !important;
                }

                & p {
                    text-align:left !important;
                    word-break:keep-all;
                    & br {
                        display:none;
                    }
                }
            }

            .section3 {
                padding:50px 0;

                .flex-box {
                    display:block;

                    .img-box {
                        margin-bottom:40px;
                    }
                }

                & h5 {
                    font-size:30px !important;
                    line-height:150% !important;
                    text-align:center;
                }
            }

            .section4 {
                padding-bottom:70px;
                .img-box {
                    & img {
                        width:100%;
                    }
                }

                .flex-box {
                    display:block;
                }

                & h3 {
                    margin-left:0 !important;
                    margin-top:30px;
                }

                .right-box {
                    .img-box {
                        margin-top:50px !important;
                    }
                }

                .text-box {
                    margin-top:50px !important;
                    & p {
                        word-break:keep-all;

                        & br {
                            display:none;
                        }
                    }
                }
                .bottom-box {
                    margin-top:50px;
                    & h4 {
                        font-size:28px !important;
                        line-height:150% !important;
                    }

                    & p {
                        font-size:15px;
                    }
                }
            }
        }

        .patent-wrap {
            padding-top:50px;

            .section1 {
                .img-wrap {
                    margin-top:50px;
                    display:block;
                    text-align:center;

                    .box2 {
                        position:unset;
                        margin-bottom:40px;
                        display:none;
                    }

                    .box1 {
                        margin-bottom:40px;
                    }

                    .box3 {
                        display:none;
                    }
                }

                .mark-row {
                    margin-top:30px;
                    row-gap:40px;

                    .img-mark-box {
                        & img {
                            width:100%;
                        }
                    }
                }

                .bottom-box {
                    & dl {
                        margin-top:30px;

                        & dt {
                            line-height:40px;
                            word-break:keep-all;
                            margin-bottom:20px;
                        }
                        & dd {
                            word-break:keep-all;
                            text-align:left;

                            & br {
                                display:none;
                            }
                        }
                    }
                }
            }

            .section2 {
                padding-bottom:70px;
                .img-box {
                    & img {
                        width:100%;
                    }
                }

                .row {
                    row-gap:50px;
                }

                .bottom-box {
                    margin-top:40px;
                    & h4 {
                        font-size:28px !important;
                        line-height:150% !important;
                    }

                    & p {
                        font-size:15px;

                        word-break:keep-all;
                        text-align:left;

                        & br {
                            display:none;
                        }
                    }
                }
            }
        }

        .global-wrap {
            padding-top:50px;

            .section1 {
                .img-box {
                    padding-top:30px;

                    & img {
                        width:100%;
                    }
                }

                & h3 {
                    & span {
                        font-size:28px !important;
                    }
                }

                .text-box {
                    margin-top:30px;
                    & h5 {
                        font-size:25px;
                    }

                    & dl {
                        & dt {
                            word-break:keep-all;
                            line-height:130%;
                            margin-bottom:30px;
                        }

                        & dd {
                            word-break:keep-all;
                            text-align:left;

                            & br {
                                display:none;
                            }
                        }
                    }
                }
            }

            .section2 {
                & h4 {
                    font-size:25px;
                    word-break:keep-all;

                }

                & h5 {
                    font-size:23px;
                }

                & p {
                    font-size:16px;
                    margin-top:20px;
                }

                .contury-row {
                    margin-top:30px;
                    row-gap:30px;

                    & img {
                        width:100%;
                    }

                    .row {
                        row-gap:10px;
                    }
                }
            }

            .section3 {
                height:300px;
                & h4 {
                    font-size:25px;
                    line-height:140%;
                }

                & p {
                    font-size:16px;
                }
            }

            .section4 {
                padding:50px 0;

                .top-box {
                    display:block;

                    & h1 {
                        font-size:50px;
                    }

                    .top-text-box {
                        display:block;

                        & p {
                            margin-bottom:10px;
                        }
                    }
                }
            }

            .section6 {
                margin-top:50px;
                padding:50px 0;
                & h3 {
                    margin-top:0 !important;
                    margin-bottom:40px;
                }

                .img-box {
                    margin-bottom:40px;
                    & img {
                        width:100%;
                    }
                }

                & h5 {
                    font-size:35px !important;
                    line-height:140% !important;
                }

                .end-box {
                    padding:0;
                }

                & p {
                    text-align:left;
                    word-break:keep-all;

                    & br {
                        display:none;
                    }
                }
            }

            .section7 {
                margin-top:50px;

                .left-col {
                    & h3 {
                        & br {
                            display:none;
                        }
                    }
                }

                .step-wrap {
                    padding-top:50px;
                    margin-bottom:10px !important;

                    &:before {
                        display:none;
                    }

                    .step-box {
                        margin-bottom:40px;

                        &:before {
                            display:none;
                        }
                    }
                    .box3 {
                        .box-head {
                            flex-wrap:wrap;
                            column-gap:0;
                            row-gap:20px;
                            align-items:center;


                            & span {
                                flex:0 0 50%;
                                padding-inline:15px;

                                & img {
                                    width:100%;
                                }
                            }
                        }
                    }

                    .box1 p , .box2 p, .box3 p {
                        font-weight:500 !important;
                        position:relative;
                        padding-inline-start:10px;

                        &:before {
                            position:absolute;
                            content:'';
                            background:#000;
                            width:3px;
                            height:15px;
                            top:7px;
                            left:0;
                        }
                    }
                }
            }

            .section8 {
                padding-bottom:70px;
                .img-flex-box {
                    & img {
                        width:100%;
                        display:inline-block;
                        margin-bottom:40px;
                    }
                    .absolute-img {
                        position:unset;
                    }
                }

                & p {
                    word-break:keep-all;

                    & br {
                        display:none;
                    }
                }

                .bottom-box {
                    margin-top:50px;
                    & h4 {
                        font-size:28px !important;
                        line-height:150% !important;
                    }

                    & p {
                        font-size:15px;

                        word-break:keep-all;
                        text-align:left;

                        & br {
                            display:none;
                        }
                    }
                }
            }
        }


    }

    #bo_map {
        width:100% !important;
        margin:50px 0 !important;

        .info_title {
            position:unset !important;
            font-size:28px !important;
            font-weight:500;
            line-height:119%;
        }

        .info_detail {
            padding:15px !important;

            row-gap : 15px;

            & span {
                font-size:13px;
                letter-spacing:-1.3px;
            }
        }
    }

    #bo_w {
        .form_container {
            width:100% !important;
            padding:50px 15px !important;


            .bo_w_title {
                font-size:35px !important;
            }
        }
    }

    #bo_gall {
        width:100% !important;

        #bo_cate_ul {
            flex-wrap:wrap;
            margin:50px 0 !important;

            & li {
                width:50%;

                & a {
                    font-size:13px;
                    text-align:center;
                    background:#fff;
                    padding:10px 20px;
                    box-shadow:0 1px 9px 0 #00000014;


                    &:after {
                        display:none;
                    }
                }

                #bo_cate_on {
                    color:#fff !important;
                    background:#000;
                }
            }
        }
        .gall_row .col-gn-4 {
            width:100%;
        }

        #bo_btn_top {
            padding:30px 15px;
            display:block;

            #bo_list_total {
                margin-bottom:10px;
            }

            .sch_input {
                width:100%;
                margin:0 0 20px 0;
            }

            .sch_btn {
                width:100%;
            }
        }

        .gall_row {
            row-gap:40px;
            padding:0 15px !important;
            margin:0 !important;

            .gall_box {
                margin:0 !important;
            }
        }
    }

    .product_view_type {
        .product_detail_wrap {
            display:block !important;
            max-width:100% !important;
            margin-top:50px !important;

            #product_gallery {
                width:100%;
                height:100%;
            }

            .right_column {
                height:100% !important;
                min-height:auto !important;
                display:block;

                .btn_bo_user.bo_v_com {
                    flex-wrap:wrap;
                    gap:0;
                    row-gap:20px;

                    & li {
                        width:100%;

                        & a {
                            width:100%;
                        }
                    }
                }
            }

        }
        .content-body {
            margin-bottom:50px !important;

            .lat-swiper-box {

                .top {
                    display:block !important;

                    & h4 {
                        font-size:50px !important;
                    }
                }
            }

        }

    }


}