/***********************반응형***************************************/
@media (max-width:1400px) {

}

@media (max-width:1280px) {
	.header-logo{
	left:10px;
	}

	.visual-img-bg img{
	width:120%;
	margin-left:-60%;
	}
}

@media (max-width:1024px){
	.header-top{
	height:auto;
	position:static;
	}

	header{
	height:auto;
	padding-bottom:80px;
	}
	.header-logo{
	bottom:20px;
	top:auto;
	}
	.tnb1{
	width:100%;
	background:#195ca1;
	padding:5px 0;	
	display:none;
	}

	.tnb1 a{
	color:#fff;
	}

	.tnb2{
	position:static;
	width:100%;
	background:#f3f3f3;
	text-align:center;
	padding:5px 0;
	}
	
	.gnb-close-btn{
	position:absolute;
	right:281px;
	top:0;
	z-index:99999;
	background:#fff;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#333;
	font-size:25px;
	display:block;
	}
	
	.mobile-open-btn{
	position:absolute;
	right:20px;
	bottom:25px;
	z-index:99999;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#222;
	font-size:32px;
	display:block;
	border-radius:5px;

	}

	#sidebar{
	position:fixed;
	top:0;
	bottom:0; 
	display:none; 
	right:-200px; 
	z-index:99999; 
	-webkit-transition: right 1s;  
	transition: right 1s; 
	width:auto; 
	overflow:visible; 
	background:#000;
	margin-left:0;
	left:auto;
	border:0;
	}

	.sidebg{
	display:block;
	position: fixed;
	height: 150%;
	background: rgba(0,0,0,0.5);
	width: 100%;
	top: 0;
	right: 0;
	z-index: 44;
	}
	.menu{
	position:relative;
	z-index:55; 
	width:280px; 
	left:auto; 
	right:0; 
	overflow-x:hidden; 
	overflow-y:auto; 
	height:100%; 
	background:#fff;
	display:block;
	text-align:left;
	box-sizing:border-box;
	padding:20px;
	}

	.menu > li{
	display:block;
	width:100%;
	box-sizing:border-box;
	border-left:0;
	box-sizing:border-box;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px rgba(0,0,0,0.2) solid;
	}

	.menu > li > ul > li{
	padding:5px 0;
	}

	.menu > li > a{
	height:30px;
	line-height:30px;
	font-weight:800;
	display:block;
	width:100%;
	}

	.menu > li > ul > li > a{
	display:block;
	}

	.header-gnb{
	display:none;
	}

	.visual-img-bg img{
	width:150%;
	left:-25%;
	margin-left:0;
	}


	.visual-text{
	font-size:25px;
	top:45%;
	}


	.top-ment{
	color:#fff;
	background:#194493;
	}

	#program ul li{
	width:100%;
	margin-left:0;
	margin-bottom:10px;
	}

	#program ul li p br{
	display:none;
	}

	.tbnr-t4 span{
	display:block;
	}

	.tbnr-t4 p:after{
	display:none;
	}

	#text-bnr{
	padding:30px 180px;
	word-break:keep-all;
	}


	#business ul li{
	width:49%;
	margin-bottom:10px;
	}

	#business ul li:nth-child(2n+1){
	margin-left:0;
	}

	.main-info section{
	width:32%;
	}

	.main-info section#mi-q1{
	margin-left:0;
	}

	.main-info section#notice{
	width:100%;
	height:auto;
	padding:30px;
	margin-bottom:20px;
	}

	.main-info, .main-info section#notice{
	flex-wrap: wrap;
	}

	.notice-tit{
	width:100%;
	padding-bottom:10px;
	}

	.notice-list{
	width:100%;
	padding-top:0;
	}

	.notice-tit h2 i{
	display:inline-block;
	}
	
	.sub-area{
	display:flex;
	flex-wrap: wrap;
	}

	.sub-left, .sub-right{
	display:block;
	width:100%;
	}

	.sub-left{
	order:2;
	}

	.sub-left-tit, .snb{display:none;}

	.li-ico{display:none;}
	.left-info{text-align:center; padding:10px 0;}
	.left-info br{display:none;}

	.sub-visual{padding:20px 0;}
	.sub-nav{display:none;}
	.sub-tit{text-align:center; padding:30px 20px 20px;}
	.sub-tit h2{font-size:28px;}

	.sub-content{padding:30px;}

	.s11-top{display:block;}
	.s11-t-img{display:block; width:100%; text-align:center;}
	.s11-t-txt{display:block; text-align:center; font-size:20px; padding-left:0; padding-top:20px; padding-bottom:0;}
	.s11-box{text-align:center;}
	.s11-box p{margin-top:10px;}
	.s11-bottom{text-align:center; word-break:keep-all;}

	.sub21-box p{text-align:center;}
	
}

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}

	.header-logo a img{
	width:200px;
	}
	.mobile-open-btn{
	}

	.tnb a{
	font-size:11px;
	padding:0 5px;
	}
	.top-ment{
	padding:20px;
	box-sizing:border-box;
	}
	.top-ment h2{
	font-size:16px;
	word-break: keep-all;
	}

	.top-ment p{
	font-size:14px;
	}

	#program{
	padding-top:20px;
	}

	#program ul li div{
	height:160px;
	}

	#program ul li{
	margin-bottom:5px;
	}

	.tbnr-img{
	width:100px;
	top:auto;
	margin-top:auto;
	bottom:20px;
	left:50%;
	margin-left:-110px;
	}

	.tbnr-img.tbnri2{
	left:50%;
	margin-left:0px;
	}

	#text-bnr{
	padding:30px 10px;
	padding-bottom:140px;
	word-break:keep-all;
	}

	.tbnr-t1{
	font-size:24px;
	}

	.tbnr-t1 span{
	display:block;
	}

	.tbnr-t2{font-size:18px;}

	.banner-t-pc{display:none;}
	.banner-t-mo{display:inline-block; width:95%;}

	.main-bottom{padding:20px 0;}
	.busi-img{height:100px;}

	.busi-text{font-size:15px; text-align:center; padding-left:0; height:40px; line-height:40px;}
	.busi-text span{display:none;}

	.main-info{padding-top:20px;}
	.main-info section{width:100%; margin-left:0; height:auto; margin-bottom:10px;}
	.main-info section img, .main-info section p, .main-info section h2{display:inline-block; text-align:left; box-sizing:border-box;}
	.quick a{text-align:left; padding:10px; box-sizing:border-box;}
	.quick a br{display:none;}
	.quick h2{margin:0 5px; font-size:18px;}
	.quick a img{width:50px;}

	.m-more{width:30px; height:30px; line-height:30px;}

	footer h1{font-size:18px;}
	#program ul li p{font-size:18px;}

	.view-tit{margin-bottom:20px; font-size:24px;}
	.button-box{margin-top:20px;}

	.location dt{font-size:20px;}


	.ul14{margin-left:0;}
	.ul14 span{position:unset;  width:100%; text-align:left;}

	.ul14 li:after{margin-top:0; top:7px;}

	.ul14 li{padding-left:15px;}

	.div13{padding:15px;}
	.dl13 dt{font-size:16px; padding:7px 20px;}
}

@media (max-width:380px){
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}

	.header-logo a img{
	width:200px;
	}
	.mobile-open-btn{
	}

	.tnb a{
	font-size:11px;
	padding:0 5px;
	}
	.top-ment{
	padding:20px;
	box-sizing:border-box;
	}
	.top-ment h2{
	font-size:14px;
	word-break: keep-all;
	}

	.top-ment p{
	font-size:12px;
	}

	.tbnr-t1{
	font-size:20px;
	}

	.tbnr-t1 span{
	display:block;
	}

	.tbnr-t2{font-size:14px;}


footer h1{
font-size:16px;
color:#223b5d;
font-family: 'Lora', serif;
font-weight:600;
line-height:1.1;
margin-bottom:30px;
display:block;
}

.foot-info p{
margin-bottom:15px;
color:#555;
font-size:12px;
}

.foot-info p strong{
font-weight:600;
}


.foot-copy{
padding-top:20px;
}

.foot-copy p{
width:100%;
letter-spacing:0em;
box-sizing:border-box;
color:#888;
font-size:12px;
}


}