
@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: url('../img/img11.png') 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 url('../img/img12.png') 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; }


}