@media all and ( min-width:1001px ) and ( max-width:1360px ) {}

@media all and ( max-width:1000px ) {
.row{width:96%;}

footer{min-width:100%;}
footer h3{float:none;width:100%;}
footer .conts{float:none;width:100%;}
footer .family-site{float:none;width:100%;text-align:left; display:flex; gap:10px; justify-content:space-between}
footer .family-site .footer_banner {margin-top:0}


.main-container{min-width: 100%}
/*.main-container .main-visual ul li{min-width:100%;height:300px;}
.main-container .main-visual ul li{}*/


/* sub */
.sub-container{min-width:100%;}
.sub-container .lnb{display:none;}
.sub-container .content{border:none;width:100%;padding-left: 0;}

.img_popup .wrap .img_wrap {height: 650px; max-width:905px; min-width: 600px;}

}
@media (max-width:1440px) {
.zoom-popup .popup-content {width:92%}
}
@media (max-width:1024px) {
	.zoom.on::after {font-size:28px;}
	.zoom.on::before {width:36px; height:36px}
	.zoom-popup .img-box {overflow:scroll}
	.zoom-popup .img-box img {max-width:1024px; max-height:600px}
	.zoom-popup .popup-content .close {right:auto; left:50%; transform:translateX(-50%); bottom:-40px;top:auto}
}

@media all and ( min-width:600px ) and ( max-width:1000px ) {
.main-container .box01{width:60%;}
.main-container .box02{width:38%;}
.main-container .box03{width:49%;}
.main-container .info{margin-left:2%;margin-right:0;}
.main-container .quick{margin-right:2%;}
.main-container .exp{margin:0;}
.main-container .exp.last{margin-left:2%;}

}

@media all and ( max-width:768px ){

.sub-visual{display:none;}

.main-container .main-visual .bx-controls .bx-controls-direction a{width:20px;height:40px; margin: 0 20px;}
.main-container .main-visual .bx-prev{background-size:20px;}
.main-container .main-visual .bx-next{background-size:20px;}
.main-container .main-visual ul li,
.main-container .main-visual ul li.slider01,
.main-container .main-visual ul li.slider02,
.main-container .main-visual ul li.slider03{width:100%;height:250px;}
.main-container .main-visual ul li img{height:250px;object-fit:cover;object-position:center top;}

.nearbyinst .wp-inst .left{width:100%;}
.nearbyinst .wp-inst .left img{width:100%;}
.nearbyinst .wp-inst .right{width:100%;}
.nearbyinst .wp-inst .right .c-tit{margin-top:16px;}

.story1314 h3 span {line-height: 35px;}

.pa_app_table col:nth-child(3) {width:25% !important}

.img_popup .wrap .img_wrap {height: 540px;  max-width: 700px; min-width:570px;}
.img_popup .btn_close {right: 0;}

.sub1112 .bd_exhibition_list > li {width: 46%;}
.sub1112 .bd_exhibition_list > li .exh_img > img {height: 455px;}
.sub1112 .bd_exhibition_list > li .exh_tit {font-size: 18px;}
.sub1112 .bd_exhibition_list > li .exh_date, .sub1112 .bd_exhibition_list > li .exh_location {font-size: 15px;}
.sub1112 .bd_exhibition_list > li .exh_btn_more {font-size: 14px;}


}

@media all and ( max-width:600px ){
/*.main-container .main-visual ul li{min-width:100%;height:230px;}*/

.main-container .box01{width:100%;margin-bottom:3%;min-height: auto;}
.main-container .box02{width:100%;margin-bottom:3%;min-height: 320px;}
.main-container .box03{width:100%;margin-bottom:3%;min-height: auto;}
.main-container .info{margin-left:0%;}
.main-container .exp{margin-left:0;}
.main-container .slider img{width:100%;}
.story1314 .img_info {font-size: 13px;}


.story04 .p_center > img, .story04 .p_center .wid50{width: 100%; margin: 1% 0;}
#story1315 .img_wrap{display: block; width: 90%; margin: 4% auto;}


/* sub */
.content .bd_gall_list > li{width:100%;margin:0 0 5% 0;}
.option .sitemap{width:100%;margin:0 0 4% 0;min-height:auto;}
.exhibit .map-area .img{width:100%;float:none;margin-bottom:4%;}
.exhibit .map-area .exp{box-sizing:border-box;width:100%;float:none;}
.contact dl.dl-shuttle dd span{padding-left: 0px;}

.story0402 .brd {line-height: 1.5em;}
.sub-container .content h4 {font-size: 20px;line-height: 1.5em;}
.story04 .story0406 h5 {font-size: 18px;}
.sub-container .content .c-txt {line-height: 1.5em;}
.story04 p span.img_info {font-size: 13px;}
.story04 h5 span.tit_info {font-size: 18px;}

.content .cont-header h3 {font-size: 24.5px;padding-left: 10px;}

.edu .pgListDiv ul li .pgThumbDiv, .book-detail01.edu .pgListDiv .pgThumbDiv {width: 37%;}
.edu .pgListDiv ul li .pgInfoDiv, .book-detail01.edu .pgListDiv .pgInfoDiv {width: 60%;margin-left: 3%;}
.edu .pgListDiv ul li .pgInfoDiv > p, .book-detail01.edu .pgListDiv .pgInfoDiv > p {font-size: 19px;}
.edu .pgListDiv ul li .pgThumbDiv {min-height: 300px;}
.edu .pgListDiv ul li .pgThumbDiv a {height: 280px;}
.edu .pgListDiv ul li .pgThumbDiv a img {min-height:280px;}

.story01 dl dd ul {padding: 20px 10%;}
.story01 dl dt {height: 34px;}
.story01 > .story0104 .tbl-comm tr th {padding: 9px 5px;}
.story01 > .story0104 .tbl-comm tr td {padding: 9px 0;}

.sub-container .content .c-txt {margin-bottom: 2%;}

.story1314 h3 img {max-width: 10%;}
.story1314 h3 span {width: 90%;}

.pa_app_table col:nth-child(2) {width:20% !important}
.pa_app_table col:nth-child(3) {width:31% !important}

.img_popup .wrap .img_wrap {height: 580px;  max-width: 570px; min-width: 480px;}

.sub-container .seeing-info.education .brd .btn-blue {padding: 5px 15px;}

.eduProgram .f-left {float: none; width: 40%; margin: 0 auto 3%;}
.eduProgram .f-right {float: none; width: 92%; margin: 0 auto 5%; border-bottom: 1px dashed #ddd; padding-bottom: 5%;}
.eduProgram .edu_list:last-child .f-right {border-bottom: none;}
.eduProgram .f-left .thumnail img {max-width:80%;}

.story020302_banner {position:relative; margin-bottom:1rem; left:auto; width:100%; display:flex;}

}

@media all and ( max-width:500px ){



.pa_app_table col:nth-child(3) {width:37% !important}
.content .story1314 .story0401 h4 {font-size: 26px; letter-spacing:-0.5px;margin-bottom: 5%;}
.main-container .box02 {min-height:310px;}


.img_popup .wrap .img_wrap {height: 520px;max-width: 480px; min-width:400px;}
.sub1210 .cal_list li .img_view img {padding-top: 25%;}


.sub1112 .bd_exhibition_list > li {width: 96%; margin: 0 2% 10%;}
.sub1112 .bd_exhibition_list > li .exh_img > img {height: auto;}


.seeing-info.education .t-red small {display: block; text-align: right;}

}

@media all and ( max-width:420px ){
.footer_banner img {max-width:150px;}
.mobi {display: block;}
.main-container .box02 {min-height:290px;}


.edu .pgListDiv ul li .pgThumbDiv {min-height: 300px;width: 80%;margin-left: 10%;float: none;}
.edu .pgListDiv ul li .pgThumbDiv a {height: 300px;}
.edu .pgListDiv ul li .pgThumbDiv a img {min-height:300px;}
.edu .pgListDiv ul li .pgInfoDiv {width: 90%;float: none;margin-left: 5%;margin-top: 5%;}
.edu .pgListDiv ul li .pgInfoDiv > p, .book-detail01.edu .pgListDiv .pgInfoDiv > p {font-size: 17px;}
.book-detail01.edu .pgListDiv .pgThumbDiv {width: 80%; margin-left: 10%; float: none;}
.book-detail01.edu .pgListDiv .pgInfoDiv {width: 90%; float: none; margin-left: 5%; margin-top: 5%;}


.story01 dl dt {padding: 10px 2px;}
.content .ul-st02 > li {padding-left: 15px;}
.tbl-comm tr th, .tbl-comm tr td {padding: 9px 0;padding-left: 3px;}


.story0202 dl dd ul {padding: 6px;}
.sub-container .content h4 {line-height: 1.3em;}


.story1314 h3 img {max-width: 15%;}
.story1314 h3 span {width: 85%;}
.story1314 .ul_f4 li {width: 49%;margin-right: 1%;margin-bottom: 2%;}
.story1314 .ul_f2 li {width: 100%;margin-bottom: 2%;margin-right: 0;}


.img_popup .wrap .img_wrap {height: 480px;max-width: 400px; min-width:340px;}


.sub-container .seeing-info.education .c-txt a {display: block;}


.eduProgram .f-left .thumnail img {max-width: 100%;}

}

@media all and ( max-width:360px ){


.img_popup .wrap .img_wrap {max-width: 340px;}
}

@media all and (max-width:1000px) {
	.renew-header{min-width:0;}
	.renew-header .util-bar .row{width:100%;padding:0 16px;justify-content:center;}
	.renew-header .util-bar ul{float:none;justify-content:center;flex-wrap:wrap;padding:7px 0;}
	.renew-header .util-bar ul li a{font-size:12px;padding:0 8px;}
	.renew-header .header-main .row{width:100%;height:70px;padding:0 16px;justify-content:center;}
	.renew-header .header-main h1{flex:0 1 auto;width:auto;text-align:center;}
	.renew-header .header-main h1 img{height:38px;margin:0;}
	.renew-header .mobile-nav-toggle{display:block;position:absolute;left:16px;top:50%;transform:translateY(-50%);line-height:1;}
	.renew-header .mobile-nav-toggle a{text-align:center;}
	.renew-header #topmenu{display:none;position:fixed;left:0;top:70px;width:100%;max-width:360px;height:calc(100vh - 70px);overflow-y:auto;background:#fff;border-right:1px solid #e7ecf3;border-bottom:1px solid #e7ecf3;box-shadow:16px 24px 40px -28px rgba(21,60,110,.45);z-index:10000;text-align:left;}
	.renew-header #topmenu > ul{display:block;border:0;box-shadow:none;}
	.renew-header #topmenu > ul > li{display:block;border-top:1px solid #e7ecf3;text-align:left;}
	.renew-header #topmenu > ul > li:first-child{border-top:0;}
	.renew-header #topmenu > ul > li > a{padding:18px 22px;background:#fff;color:#1f2933;font-size:17px;font-weight:700;line-height:1.35;}
	.renew-header #topmenu > ul > li > a:after{content:"";left:auto;right:22px;top:50%;bottom:auto;width:8px;height:8px;border-right:2px solid #2e7cf6;border-bottom:2px solid #2e7cf6;background:none;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;}
	.renew-header #topmenu > ul > li:hover > a,
	.renew-header #topmenu > ul > li:focus > a,
	.renew-header #topmenu > ul > li > a:hover,
	.renew-header #topmenu > ul > li > a:focus{padding:18px 22px;border:0;background:#fff;color:#1957b0;}
	.renew-header #topmenu > ul > li.on > a{color:#1957b0;}
	.renew-header #topmenu > ul > li.on > a:after{transform:translateY(-30%) rotate(225deg);}
	.renew-header #topmenu .bg-nav{display:none !important;}
	.renew-header #topmenu .ulDepth2{display:none;position:static;width:100%;min-height:0;margin:0;padding:8px 20px;background:#eaf2fe;}
	.renew-header #topmenu .ulDepth2 > li{border:0;}
	.renew-header #topmenu .ulDepth2 > li > a{padding:10px 8px;background:transparent;border:0;color:#697586;font-size:15px;text-align:left;}
	.renew-header #topmenu .ulDepth2 > li > a:hover,
	.renew-header #topmenu .ulDepth2 > li > a:focus{background:transparent;color:#1957b0;}
}

@media all and (max-width:600px) {
	.renew-header .util-bar ul li.sns{display:none;}
	.renew-header .header-main h1 img{height:34px;}
	.renew-header #topmenu{max-width:86vw;}
}