@charset "utf-8";

@media (max-width: 1199px) {

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

    header {

        .navbar {
            padding-block:20px;
            .navbar-brand {
                & img {
                    max-width:170px;
                }
            }
            .navbar-toggler {
                display:block !important;
                border:0;
                box-shadow:none !important;
                padding:0 !important;
                & svg {
                    width:35px;
                    height:35px;
                }
            }
        }


    }

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

    .mo-off-wrap {
        .offcanvas-header {
            border-bottom:solid 1px #d9d9d9;
            & img {
                max-width:170px;
            }

        }

        .offcanvas-body {
            padding:40px 20px;

            & ul {
                & li {
                    border-bottom:solid 1px #d9d9d9;
                    margin-block-end:15px;
                    padding-block-end:15px;
                }
            }
        }
    }

    .main-wrap {

        overflow-x: hidden;

        .title-h3 {
            font-size:30px !important;
            word-break:keep-all;
        }

        .section-top {
            & p {
                word-break:keep-all;
            }
        }

        .section1 {
            height:600px;

            .container {
                top:40%;
            }
            .text-box {
                justify-content:start !important;

                & h2 {
                    font-size:45px !important;

                    & span {
                        color:#fff !important;
                    }
                }
            }

            .text-box2 {
                text-align:left !important;
                margin-inline-end:0 !important;

                & p {
                    font-size:25px !important;
                    line-height:35px !important;
                }

            }
        }

        .modify-section1 {
            padding-block:60px;

            & h1 {
                font-size:50px;
                word-break:keep-all;
                line-height:70px;
            }
        }

        .section2 {
            padding-block:70px;

            .row {
                margin-block-start:50px;

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

        .section7 {
            padding-block:70px;

            .text-box {

                margin-block-end:60px;

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

                & p {
                    word-break:keep-all;

                    & br {
                        display:none;
                    }
                }
            }

            .flex-box {
                .item {
                    & img {
                        width:100%;
                    }
                }
            }
            .opa {
                opacity:0;
            }

            .box3 {
                .item1 {
                    margin-block-start:-50px;
                }
            }
        }

        .section8 {
            padding-block:70px;

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

            .more-box {
                & a {
                    width:100%;
                }
            }

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

        .section11 {
            padding-block:70px;

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

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

        .section6 {
            padding-block:60px;

            & h4 {
                font-size:40px;
                word-break:keep-all;

                & br {
                    display:none;
                }
            }

            & p {
                word-break:keep-all;

                & br {
                    display:none;
                }
            }

            .img-box {
                & img {
                    width:100%;
                    left:0 !important;
                }
            }

            .bottom-box {
                .right-box {
                    padding-inline-start:0;
                }
            }
        }

        .section5 {
            padding-block:60px;

            .row {
                row-gap:50px;
            }

            .text-box {
                & h4 {
                    font-size:28px;
                    word-break:keep-all;
                    & br {
                        display:none;
                    }
                }
            }

            .left-text-box {
                padding-left:0 !important;
            }
            .tag-box {
                display:block !important;

                & span {
                    display:block;
                    margin-bottom:10px;
                }
            }

            .img-text-box {
                padding:20px !important;

                .img-box {
                    text-align:center !important;
                }

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

                    & br {
                        display:none;
                    }
                }
            }

            .bottom-inner {
                display:block !important;
            }

            .bottom-box {
                padding:20px;
                margin-block-start:50px;

                .item-box {
                    margin-bottom:10px;

                    & strong {
                        font-size:17px !important;
                    }

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

                    & img {
                        width:20px;
                        height:20px;
                    }

                    &:last-child {
                        margin-bottom:0;
                    }
                }
            }
        }

        .section6 {
            .top-img-box {
                display:none;
            }

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

            .section-top {
                margin-block-end:60px;
            }

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


        .section9 {
            height:600px;
            padding:60px 0;
            .img-box {
                & img {
                    width:100%;
                }
            }
        }

        .modify-section3 {
            padding:60px 0;

            .section-bottom {
                margin-top:50px;

                .row {
                    row-gap:60px;
                }

                .nav {
                    column-gap:0 !important;
                    row-gap:15px;
                    justify-content:start;
                    & li {
                        width:50%;
                        padding-inline:10px;
                        & button {
                            width:100%;
                        }
                    }
                }
                .left-text-box {
                    padding-left:0 !important;
                }

                & ul {
                    & li {
                        & span {
                            font-size:17px !important;
                        }
                    }
                }
            }

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

        .section4 {
            padding:60px 0;

            .row {
                row-gap:60px;
            }

            .info-box {
                padding:30px 15px !important;

                .img-box {
                    text-align:center;

                    & img {
                        display:inline-block !important;
                    }
                }

                & dl {
                    & dt {
                        text-align:center;

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

        .section10 {
            padding:60px 0;

            & br {
                display:none;
            }

            & label {
                font-size:18px !important;
            }

            .aggre-box {
                & p {
                    font-size:17px !important;
                }
            }
        }

        .section3 {
            padding:60px 0;

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

                & br {
                    display:none;
                }
            }
        }
    }

    .subpage-wrap {
        padding-block:50px;

        & h2 {
            font-size:30px;
        }

        .form-inner {
            padding-inline:15px;
        }

        .accession-wrap {

            .form-box {
                width:100%;
                padding-block:30px;

                & h3 {
                    font-size:25px;
                    margin-block-end:20px;
                }

                .aggre-box {
                    & p {
                        word-break:keep-all;

                        & br {
                            display:none;
                        }
                    }

                    .check-box {
                        margin-block-start:20px;
                        .form-check-box {
                            display:block;
                        }
                    }
                }
            }

        }

        .service-wrap {

            & h3 {
                font-size:25px !important;
                margin-block-end:20px;
            }
            .form-box {
                padding-block:30px;
                & button {
                    min-width:110px;
                }

                .alert {
                    & span {
                        word-break:keep-all;
                        & br {
                            display:none;
                        }
                    }
                }
            }
        }
    }
}