@media (max-width: 960px){
    .layout-split .page-left-1 {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-size: 280px auto;
        background-position: calc(100%   18px) calc(100%   24px);
        border-bottom: 1px solid #dedfe4;
        padding: 30px;
        display: none;
    }

    .page-header-details { display: none; }
    .page-header-con { width: 100%; }
    .layout-split .page-left-2 {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-size: 280px auto;
        background-position: calc(100%   18px) calc(100%   24px);
        border-bottom: 1px solid #dedfe4;
        padding: 30px;
        display: none;
    }

}


@media (max-width: 750px){

    .organization { padding: calc(40vw / 7.5); padding-top: calc(80vw / 7.5) }
    .holding .had p { font-size: 14px; line-height: 2rem; }
    .holding .had { padding: calc(40vw / 7.5); }

    .holding .item .list ul li .img { height: 140px; }
    .holding .item .list ul li .img i { width: calc(24rem / 16); height: calc(25rem / 16);
        background-size: calc(14rem / 16) auto; right: 1rem; bottom: 1rem; }
    .holding .item .list ul li.active .img i { background-size: calc(14rem / 16) auto; right: 1rem; bottom: 1rem;  }
    .holding .item .list ul li .text { padding: calc(40vw / 7.5); }
    .holding .item .list ul li .text p { font-size: 14px; margin-top: calc(20vw / 7.5); line-height: 2rem; }

    .historybox .had { padding-left: calc(160vw / 7.5); padding-right: calc(160vw / 7.5); }
    .historybox .gallery-thumbs .swiper-slide { padding: calc(8rem / 16); }
    .historybox .gallery-top .swiper-slide .text h3 { margin-top: 5px; }

    .culture { padding: calc(40vw / 7.5); padding-top: calc(70vw / 7.5) }

    .news .list ul li a { padding: calc(15rem / 7.5); }
    .news .list ul li a p { font-size: 16px; }
    .pagebox ul .page a { padding: 0rem 1.5rem; }
    .pagebox ul li.page:hover a:after, .pagebox ul li.selected a:after { bottom: 15px; }
    .pagebox ul .page a { font-size: 14px; }

    .page-header-con h3 { font-size: calc(40vw / 7.5); line-height: inherit; }
    .page-header-con p { font-size: calc(25vw / 7.5);  }
    .page-header-con strong { font-size: 16px; font-weight: lighter; }
    .page-header-con { padding:calc(150vw / 7.5) calc(40vw / 7.5) calc(60vw / 7.5);  }

    .news_details { padding-top: calc(30vw / 7.5); padding-bottom: calc(40vw / 7.5); }
    .news_details p { margin-top: calc(25vw / 7.5); font-size: 14px; line-height: 2rem; }

    .page-header-con span { font-size: 16px; }
    .situation .tit { padding-left: 0px; display: flex; justify-content: space-between; padding: 0px 10px; }
    .situation .tit a { font-size: 13px; padding: 0 0px; }

    .situation .list ul li .link strong { font-size: 25px; }
    .situation .list ul li .link { background:  no-repeat 96% center; background-size: 25px auto;
        padding: calc(15rem / 7.5); padding-left: calc(10rem / 7.5); padding-right: calc(30rem / 7.5); }
    .situation .list ul li .link:hover { background: #08185c  no-repeat 96% center; background-size: 25px auto;
        padding: calc(15rem / 7.5); padding-left: calc(10rem / 7.5); padding-right: calc(30rem / 7.5); }
    .situation .list ul li .link h3 { font-size: 16px; }

    .donation .list ul li { margin-bottom: calc(40vw / 7.5) }
    .donation .list ul li .link { display: block; }
    .donation .list ul li .img { width: 100%; }
    .donation .list ul li .text { width: 100%; }
    .donation .list ul li:nth-child(2n) .link { display: block; }
    .donation .list ul li .text h3 { font-size: calc(34vw / 7.5) }
    .donation .list ul li .text p { font-size: 14px; line-height: 2rem; margin-top: 0px;  }
    .donation .list ul li .text .icon { margin-top: calc(10rem / 7.5); background-size: calc(40rem / 16); width: calc(40rem / 16);
        height: calc(40rem / 16); }

    .personnel { padding: calc(20vw / 7.5) calc(40vw / 7.5); }
    .personnel p { font-size: 14px; }

    .recruit dl dd .tb_1 { font-size: 14px; }
    .recruit dl dt span { font-size: 14px; }
    .recruit dl dt .tb_5 { display: none; }
    .recruit dl dt .tb_4 { width: 30%; }
    .recruit dl dd .tb_5 { display: none; }
    .recruit dl dd .tb_4 { width: 30%; }

    .recruit dl dt span { padding: calc(30vw / 7.5) calc(20vw / 7.5); }
    .recruit dl dd span { padding: calc(30vw / 7.5) calc(20vw / 7.5); }

    .recruit_details { padding: calc(40vw / 7.5); }
    .recruit_details .item .tit { font-size: calc(40vw / 7.5) ; }
    .page-header-con p i { margin-left: calc(24rem / 16); }


    #map { width: 100%; height: 250px; }
    .contact { display: block; }
    .contact .text { padding: calc(40vw / 7.5); }

    .culture { display: none; }
    .culture_wap { display: block; }
    .culture_wap { padding: calc(15rem / 7.5); }
    .culture_wap ul li { padding: 15px 0px; border-bottom:1px solid #eaeaea; }
    .culture_wap ul li:last-child { border-bottom: none; }
    .culture_wap ul li h3 { font-size: calc(10rem / 7.5); color: #525d8d; }
    .culture_wap ul li:nth-child(2n) h3 { color: #f26521; }
    .culture_wap ul li p { font-size: calc(8rem / 7.5); color: #313033; margin-top: calc(3rem / 7.5) }

    .holding .item .tit h2 { padding: calc(18vw / 7.5) 4.167vw; }
    .page-header-con h3,.page-header-con p,.news .list ul li a p,.donation .list ul li .text h3,.recruit dl dd .tb_1,.contact .text h3 { font-weight: normal; }


}