/* -------- section2B -- section2B -- section2B ------------------- */
    .section2B {
        background: #F9F9F9;
    }

    .section2B .indexTitle h1 {
        position: relative;
        width: 100%;
        max-width: 860px;
    }

    .Box2B {
        margin-top: 45px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 35px 60px;
    }

    .Box2B a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .Box2B a .text {
        padding: 15px;
        border-bottom: 1px solid #000;
        transition: 0.5s;
    }

    .Box2B a:hover .text {
        background: var(--color);
        border-bottom: 1px solid var(--color);
    }

    .Box2B a .text h1 {
        color: #000;
        font-family: MiSans2;
        font-size: 20px;
        text-align: center;
        margin-bottom: 5px;
        transition: 0.5s;
    }

    .Box2B a:hover .text h1 {
        color: #fff;
    }

    .Box2B a .text h2 {
        color: #000;
        font-size: 16px;
        text-align: center;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        transition: 0.5s;
    }

    .Box2B a:hover .text h2 {
        color: #fff;
    }

    @media (max-width: 1440px) {
        .Box2B {
            grid-gap: 30px;
        }
    }


    @media (max-width: 900px) {
        .Box2B {
            margin-top: 30px;
            grid-template-columns: repeat(2, 1fr);
        }

        .Box2B a .text h1 {
            font-size: 16px;
        }

        .Box2B a .text h2 {
            font-size: 14px;
        }
    }

    @media (max-width: 600px) {
        .Box2B {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    @media (max-width: 380px) {}



    /* -------- section3B -- section3B -- section3B ------------------- */
    .section3B .indexTitle h1 {
        text-align: center;
    }


    .Box3B {
        width: 100%;
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        grid-gap: 40px;
    }

    .Box3B input {
        height: 56px;
        background: #fff0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.50);
        outline: none;
    }

    .Box3B .input1 {
        width: calc((100% - 80px) / 3);
    }

    .Box3B .input2 {
        width: calc(100% - 660px);
    }

    .Box3B .input3 {
        width: 360px;
        display: flex;
    }

    .Box3B .input3 input {
        width: calc(100% - 140px);
    }

    .Box3B .input3 img {
        width: 140px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.50);
    }


    @media (max-width: 1200px) {
        .Box3B .input2 {
            width: calc(100% - 560px);
        }

        .Box3B .input3 {
            width: 260px;
        }
    }

    @media (max-width: 900px) {
        .Box3B {
            grid-gap: 30px 20px;
        }

        .Box3B .IndexMore,
        .Box3B .input3,
        .Box3B .input2,
        .Box3B .input1 {
            width: calc(50% - 10px);
        }

    }

    @media (max-width: 600px) {

        .Box3B .IndexMore,
        .Box3B .input3,
        .Box3B .input2,
        .Box3B .input1 {
            width: 100%;
        }
    }





    /* -------- section4B -- section4B -- section4B ------------------- */
    .Top4B {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section4B .indexTitle h1 {
        position: relative;
        width: 100%;
        max-width: 860px;
    }

    .Box4B {
        margin-top: 45px;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-gap: 45px 10px;
    }

    .item4B {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .item4B img {
        width: 100%;
    }

    .item4B h1 {
        color: #000;
        text-align: center;
        font-size: 18px;
        padding: 10px;
        border-bottom: 1px solid #000;
    }

    @media (max-width: 1440px) {}

    @media (max-width: 1200px) {
        .Box4B {
            margin-top: 30px;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 20px 10px;
        }

        .item4B h1 {
            font-size: 16px;
        }
    }

    @media (max-width: 900px) {
        .Top4B {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            grid-gap: 15px;
        }

        .Box4B {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 600px) {
        .Box4B {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 380px) {}













    /* -------- section2B -- section2B -- section2B ------------------- */
    .NySection3 {
        padding-bottom: 0;
    }

    .NySection3 .indexTitle * {
        text-align: center;
    }

    .About3 {
        position: relative;
        width: 100%;
        margin-top: 60px;
        display: flex;
        align-items: center;
        padding: 0 90px;
    }

    .Swiper3 {
        width: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 210px;
    }

    .Slide3 {
        width: max-content;
    }

    .Slide3 img {
        height: 20vw;
        max-height: 350px;
        -webkit-box-reflect: below 5px linear-gradient(transparent 40%, rgba(0, 0, 0, 0.4));
        box-reflect: below 5px linear-gradient(transparent 40%, rgba(0, 0, 0, 0.4));
    }

    .prev3 {
        left: 0;
    }

    .next3 {
        right: 0;
    }

    .prev3,
    .next3 {
        transform: translateY(-60px);
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 3;

    }

    .prev3 i,
    .next3 i {
        font-size: 18px;
        color: var(--color);
    }

    .About3 .IndexMore {
        position: absolute;
        z-index: 9;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--color);
    }

    @media (max-width: 1200px) {
        .About3 {
            margin-top: 30px;
            padding: 0 60px;
        }

        .prev3,
        .next3 {
            width: 45px;
            height: 45px;
            transform: translateY(-45px);
        }

        .Swiper3 {
            padding-bottom: 120px;
        }

        .About3 .IndexMore {
            bottom: 30px;
        }
    }

    @media (max-width: 900px) {
        .About3 {
            padding: 0;
        }
    }

    @media (max-width: 600px) {
        .Slide3 img {
            height: 40vw;
            max-height: 350px;
        }
    }










    /* -------- section2B -- section2B -- section2B ------------------- */
    @media (max-width: 1440px) {}

    @media (max-width: 1200px) {}

    @media (max-width: 900px) {}

    @media (max-width: 600px) {}

    @media (max-width: 380px) {}