@media (max-width:1440px){
	
	#header .header_wrap h1 {
   width: 190px;
   height:90px;	   

}
  
  #gnb {
    margin-left:50px;

}

	#gnb > ul > li {
    position: relative;
    float: left;
    margin-right: 30px;
}	
#gnb > ul > li > a b {
    font-size: 16px;
}

#gnb .sub > ul > li > a {
    font-size:15px;
}
	.trigger {
	display:none;
	}
section h2 span{
	display:block;
	font-family:PT Sans;
	font-size:18px;
	font-weight:600;
	line-height:1;
	letter-spacing:-0.03em;
	height:auto;
	color:#0e5aa7;
	}
	
section.dep1 div.wrap .dep1_program1 {
	display:none;
	}	
section.dep1 div.wrap .swiper {
	position:relative;
	display:inline-block;
    width:1000px;
    height: 100%;
    border:0px solid blue;
    margin:0;
    }

section.dep1 div.wrap .swiper-slide {
      text-align: center;
      width:470px;
      height:470px;
      font-size: 18px;
      background: none;
      display: flex;
      justify-content: center;
      align-items: center;
      border:0px solid red;
      overflow:hidden;
      padding:0;
      margin:0;
    }

section.dep1 div.wrap .swiper-slide img {
      display: block;
      width:470px;
      height:470px;
      padding:0;
      margin:0 auto;
      overflow:hidden;
    }

section.dep1 div.wrap .swiper-button{
	position:absolute;
	width:130px;
	height:60px;
	left:200px;
	top:400px;
	border:0px solid green;
	padding:0;
	margin:0;
	}

section.dep3 div.wrap {
	position:relative;
	display:block;
  width:1300px;
  height: 700px;
  border:0px solid blue;
  margin:100px auto 0 auto;
    }
  
  		    
    
}/*media 1400px*/


@media (max-width:1200px){
	#header .header_wrap h1 {
   width: 283px;
   height:90px;	   

	}	
	.trigger { 
	display:block;
	}
	#gnb {
	display:none;
	}


	#gnb > ul > li > a b {
    font-size: 15px;
}
	
div.quick{
	width:80px;
	}
div.quick a{
	width:80px;
	height:80px;
	font-size:11px;
	line-height:11;
	}	
section.dep1 div.wrap .swiper {
	display:inline-block;
      width:800px;
      height: 100%;
      border:1px solid yellow;
      overflow:hidden;
      margin:0;
    }	
	
	
}/*media 1200px*/

@media (max-width:1024px){
		
	
.trigger { 
display:block;
}
#gnb {
display:none;
}



header div.vs{
	display:none;
	}
header div.vs2{
	display:block;
	}	
header div.vs3{
	display:none;
	}

header div.vs2{
	display:block;
	position:relative;
	width:100%;
	height:920px;
	margin:0 auto;
	overflow:hidden;
	}
header div.vs2 .swiper-slide{
	background-position:center center;
	overflow:hidden;
	}
header div.vs2 .swiper-slide img{
	position:absolute;
	left:0;
	top:0;
	z-index:50;

	}	
header div.vs2 .swiper-slide p.d1{
	position:absolute;
	width:100%;
	top:200px;
	text-align:center;
	font-size:130px;
	font-family:PT Sans;
	font-weight:700;
	color:#fff;	
	z-index:55;
	border:0px solid red;
	}	
header div.vs2 .swiper-slide p.d2{
	position:absolute;
	width:100%;
	top:370px;
	text-align:center;
	font-size:40px;
	letter-spacing:-0.05em;
	line-height:1.5;
	color:#fff;	
	z-index:55;
	}		
header div.vs2 .swiper-slide p.d2 b{
	font-weight:700;
	}
	
header div.vs2 .swiper-pagination {
	bottom:5%;
	}
header div.vs2 .swiper-pagination-bullet {
  background-color: #fff;
  width:40px;
  height:40px;
  margin: 0 5px !important;
}
header div.vs2 .swiper-pagination-bullet-active {
    color: #fff;
    background: #0e5aa7;
    }  
      

section.dep1 div.wrap{
	position:relative;
	width:100%;
	height:800px;
	margin:100px auto 0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
	border:0px solid green;
	vertical-align:top;
	}
	
section.dep1 div.wrap div.tit{
	display:none
	}

section.dep1 div.wrap div.tit2{
	display:block;
	width:90%;
	height:90px;
	margin:0 auto 80px auto;
	overflow:Hidden;
	vertical-align:top;
	border:0px solid red;	
	}
section.dep1 div.wrap div.tit2 h2{
	font-size:60px;
	text-align:Center;
	border:0px solid red;	
	color:#000;
	margin:0;
	padding:0;
	}	
	
section.dep1 div.wrap .swiper {
	display:block;
  width:95%;
  height:470px;
  border:0px solid green;
  overflow:hidden;
  margin:0 auto;
    }	

section.dep1 div.wrap .swiper-button{
	position:relative;;
	display:block;	
	width:130px;
	height:60px;
	margin:30px auto 0 auto;
	top:0;
	left:0;
	border:0px solid green;
	padding:0;
	}

section.dep2{
	height:600px;	
	}



section.dep3 div.wrap {
	position:relative;
	display:block;
  width:860px;
  height: 700px;
  border:0px solid blue;
  margin:100px auto 0 auto;
    }

section.dep4{
	height:820px
	}
section.dep4 div.wrap {
  width:950px;
  height:320px;
  border:0px solid blue;
  margin:100px auto 0 auto;
  }    
section.dep4 div.wrap .swiper {
  width:800px;
  height:320px;
  }
section.dep4 div.wrap .swiper-slide {
	position:relative;
  text-align: center;
  width:800px;
  height:320px;
  }		
section.dep4 div.wrap .swiper-slide img{
	width:100%;
	height:260px;
	margin:0 auto 10px auto
	}


section.footer_map{
    border:0px solid red;
    background:#0e5aa7;
    width:100%;
    height:1250px;
    margin:0 auto;
}

section.footer_map div.timewrap {
    position:relative;
    width:90%;
    height:700px;
    border:0px solid red;
    margin:0 auto;
    overflow:hidden;
    z-index:50;
}
section.footer_map div.timewrap div{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	border: 0px solid #fff;
	background:none;
	}

section.footer_map div.mapwrap{
	display:none;
	}

section.footer_map div.mapwrap2 {
    display:block;
    position: relative;    
    width:90%;
    height:500px;
    border: 0px solid red;
    background:url(../img/footer_map.jpg) center center no-repeat;
    margin:0 auto;
    overflow:hidden;
    z-index:45;
}
section.footer_map div.mapwrap2 a{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	font-size:0;
	}
	
}/*media 1024px*/

@media (max-width:800px){

header{
	height:600px;
	}

	
#header .header_wrap h1 {
   width: 283px;
   height:90px;	   

}
.trigger { 
display:block;
}
#gnb {
display:none;
}

.header_wrap div.mem{
	display:none;
	}	



div.quick{
	display:none
	}	
header div.vs{
	display:none;
	}
header div.vs2{
	display:none;
	}	

	
header div.vs3{
	display:block;
	position:relative;
	width:100%;
	height:600px;
	margin:0 auto;
	overflow:hidden;
	}
header div.vs3 .swiper-slide{
	background-position:center center;
	overflow:hidden;
	}
header div.vs3 .swiper-slide img{
	position:absolute;
	left:0;
	top:0;
	z-index:50;
	}	
header div.vs3 .swiper-slide p.d1{
	position:absolute;
	width:100%;
	top:200px;
	text-align:center;
	font-size:60px;
	font-family:PT Sans;
	font-weight:700;
	color:#fff;	
	z-index:55;
	border:0px solid blue;
	}	
header div.vs3 .swiper-slide p.d2{
	position:absolute;
	width:100%;
	top:370px;
	text-align:center;
	font-size:20px;
	letter-spacing:-0.05em;
	line-height:1.5;
	color:#fff;	
	z-index:55;
	}		
header div.vs3 .swiper-slide p.d2 b{
	font-weight:700;
	}
	
header div.vs3 .swiper-pagination {
	bottom:5%;
	}
header div.vs3 .swiper-pagination-bullet {
  background-color: #fff;
  width:40px;
  height:40px;
  margin: 0 5px !important;
}
header div.vs3 .swiper-pagination-bullet-active {
    color: #fff;
    background: #0e5aa7;
    } 
    
    
    
section h2{
	font-size:60px;
	}	    


section.dep1 div.wrap div.tit2 h2{
	font-size:50px;
	}	

section.dep2{
	height:auto;	
	}
section.dep2 div.main_new_visual2{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	/*background-image:url(../img/dep2_bg_mo.jpg);
	background-repeat:no-repeat;
	background-position:center 0;
	background-size:cover;*/
	}	
section.dep2 div.main_new_visual2 img.bg{
	width:100%;
	margin:0;
	padding:0;
	}	
section.dep2 div.main_new_visual2 ul {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	border:0px solid red;
	} 	
section.dep2 div.main_new_visual2 ul li{	
	position:relative;
	display:block;
	width:90%;
	height:25%;
	margin:0 auto;
	border:0px solid red;
	background-size:20%;
	background-repeat:no-repeat;
	background-position:90% center;
	}
section.dep2 div.main_new_visual2 ul li.icon1{
	background-image:url(../img/dep2_icon1.png);
	}
section.dep2 div.main_new_visual2 ul li.icon2{
	background-image:url(../img/dep2_icon2.png);
	}
section.dep2 div.main_new_visual2 ul li.icon3{
	background-image:url(../img/dep2_icon3.png);
	}
section.dep2 div.main_new_visual2 ul li.icon4{
	background-image:url(../img/dep2_icon4.png);
	}			
section.dep2 div.main_new_visual2 ul li p.ico{
	position:absolute;
	padding-left:5%;
	padding-top:8%;
	text-align:left;
	font-size:5vw;
	font-weight:300;
	line-height:1.5;
	color:#fff;
	letter-spacing: -0.05em;
	}
section.dep2 div.main_new_visual2 ul li p.ico b{
	font-weight:700;
	}	
.main_new_visual{
	display:none;	
	}


    
section.dep3 {
	height:950px;
	}	       	
section.dep3 div.wrap {
	position:relative;
	display:block;
  width:640px;
  height:520px;
  border:0px solid blue;
  margin:100px auto 0 auto;
    }
section.dep3 div.wrap .swiper-slide  {
	width:300px;
  height:440px;
    }
section.dep3 div.wrap .swiper-slide a span.t1{
	height:30px;
	font-size:25px;
	}	
section.dep3 div.wrap .swiper-slide a span.t2{
	height:42px;
	font-size:40px;
	}		
section.dep3 div.wrap .swiper-slide a span.btn{
	bottom:8%;
	left:22%;
	width:180px;
	height:50px;
	font-size:18px;
	}		
section.dep4 h2{
	font-size:60px;
	}
section.dep4{
	height:650px
	}
section.dep4 div.wrap {
  width:750px;
  height:250px;
  border:0px solid blue;
  margin:80px auto 0 auto;
  }    
section.dep4 div.wrap .swiper {
  width:600px;
  height:250px;
  }
section.dep4 div.wrap .swiper-slide {
  width:600px;
  height:250px;
  }		
section.dep4 div.wrap .swiper-slide img{
	width:100%;
	height:195px;
	margin:0 auto 10px auto;
	}
section.dep4 div.wrap .swiper-slide p{
	height:40px;
	font-size:20px;
	}	

section.footer_map div.timewrap {
    height:650px;
}
section.footer_map div.timewrap div h3{
    font-size:40px;
	}
section.footer_map div.timewrap div h3 span{
  font-size:40px;
	}

section.footer_map div.timewrap div div.time h4{
	width:20%;
	font-size:30px;
	border:0px solid red
	}	
section.footer_map div.timewrap div div.time ul{
	position:Relative;
	display:inline-block;
	width:75%;
	height:auto;
	border:0px solid red;
	}
section.footer_map div.timewrap div div.time ul li{
	font-size:20px;
	}
	
section.footer_map div.timewrap div div.time ul li span{
	width:85px;
	height:35px;
	font-size:16px;
	}
section.footer_map div.timewrap div div.time ul li.lunch{
	font-size:16px;
	}	




   

	
footer {
    position: relative;
    width: 100%;
    height: 300px;
    background: #000;
    overflow: hidden;
}
	
footer ul.menu {
	clear:both;
    position: relative;
    left:10px;
    top:0;
    margin:0px auto 30px auto;
    border:0px solid yellow;
    text-align:Center;
    height:16px;
}

footer ul.menu li {
    display:inline-block;
    margin:0 auto;
    height:20px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    border-right: 1px solid #fff;
}	
footer ul.menu li:last-child{
	padding-right:0px;
	}
footer ul.menu li a {
    font-size:16px;
}


footer address {
    position: relative;
    width:95%;
    height: auto;
    text-align:left;
    text-indent:0;
    font-size:14px;
    font-style: normal;
    font-weight:400;
    line-height: 1.5;
    left:0;
    top:0;
    letter-spacing: -0.03em;
    color: #fff;
    border:0px solid yellow;
    margin:0 auto;
}
footer address span {
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	height:10px;	
  font-size:10px;
  font-weight:300;
  text-align:center;
  color: #fff;
  line-height:1;
  margin:0;
}

footer ul.sns {
    position: relative;
    margin:50px auto 0 auto;
    border:0px solid red;
    height:45px;
    text-align:center;
}

footer ul.sns li {
   	display:inline-block;
    width:45px;
    height:45px;
    margin:0 10px 0 auto;
    background:#fff;
    border-radius:50%;
    overflow:hidden;
}
footer ul.sns li img{
	width:100%;
	height:100%;
	}
footer ul.sns li:last-child{
	margin:0 auto 0 auto;
	}
	
}/*media 800px*/




@media (max-width:640px){

	
}/*media 640px*/





@media (max-width:425px){
section h2{
	font-size:40px;
	margin:50px auto 0 auto;
	}	
section.dep1 {
	height:850px;
	}	
section.dep1 div.wrap{
	height:700px;
	border:0px solid green;
	}	

section.dep1 div.wrap div.tit2	{
	height:120px;
	}
section.dep1 div.wrap div.tit2 h2{
	font-size:40px;
	}	
section.dep1 div.wrap .swiper-slide {
      text-align: center;
      width:380px;
      height:380px;
      font-size: 18px;
      background: none;
      display: flex;
      justify-content: center;
      align-items: center;
      border:0px solid red;
      overflow:hidden;
      padding:0;
      margin:0;
    }

section.dep1 div.wrap .swiper-slide img {
      display: block;
      width:380px;
      height:380px;
      padding:0;
      margin:0 auto;
      overflow:hidden;
    }
section.dep1 div.wrap .swiper-slide a{
	font-size:40px;
	}
section.dep1 div.wrap .swiper-slide a span{
	font-size:20px;
	}	
section.dep1 div.wrap .swiper-button{
	position:relative;;
	display:block;	
	width:130px;
	height:60px;
	margin:0px auto;
	top:-50px;
	left:0;
	border:0px solid green;
	padding:0;
	}    
section.dep3 {
	height:800px;
	}	
section.dep3 div.wrap {
	position:relative;
	display:block;
  width:320px;
  height:520px;
  border:0px solid blue;
  margin:50px auto 0 auto;
    }  
section.dep4 h2{
	font-size:40px;
	}
section.dep4 h2 span{
	font-size:16px;
	}	      
section.dep4{
	height:400px
	}
section.dep4 div.wrap {
  width:95%;
  height:145px;
  border:0px solid blue;
  margin:50px auto 0 auto;
  }    
section.dep4 div.wrap .swiper {
  width:320px;
  height:145px;
  }
section.dep4 div.wrap .swiper-slide {
  width:320px;
  height:145px;
  }		
section.dep4 div.wrap .swiper-slide img{
	position:relative;
	display:block;
	width:100%;
	height:105px;
	margin:0 auto 10px auto;
	}
section.dep4 div.wrap .swiper-slide p{
	height:30px;
	font-size:16px;
	}	    
section.dep4 div.wrap .swiper-button-next,
section.dep4 div.wrap .swiper-button-prev{	
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	top:40%;
	}
section.dep4 div.wrap .swiper-button-prev{
	left:0;
	background-image:url(../img/dep1_ar1.png) no-repeat;
	background-size:cover;
	}
section.dep4 div.wrap .swiper-button-next{
	right:0;
	background-image:url(../img/dep1_ar2.png) no-repeat;
	background-size:cover;
	}	 







section.footer_map div.timewrap {
    height:650px;
}
section.footer_map div.timewrap div h3{
    font-size:30px;
	}
section.footer_map div.timewrap div h3 span{
  font-size:30px;
	}

section.footer_map div.timewrap div div.time h4{
	display:none;
	}	
section.footer_map div.timewrap div div.time h5{
	position:relative;
	display:block;
	text-align:left;
	width:100%;
	height:35px;
	color:#fff;
	font-weight:300;
	line-height:1.2;
	font-size:30px;
	font-weight:500;
	margin:0;
	padding:0;
	overflow:hidden;
	}	
section.footer_map div.timewrap div div.time h5 b{
	font-weight:800;
	}
section.footer_map div.timewrap div div.time ul{
	position:Relative;
	display:block;
	width:100%;
	height:auto;
	margin:20px auto 0 auto;
	border:0px solid red;
	}
section.footer_map div.timewrap div div.time ul li{
	font-size:18px;
	margin:0 auto 5px auto;
	}
	
section.footer_map div.timewrap div div.time ul li span{
	width:75px;
	height:30px;
	font-size:13px;
	margin:0 5px 0 0;
	}
section.footer_map div.timewrap div div.time ul li.lunch{
	font-size:14px;
	letter-spacing:-0.08em;
	}	

footer ul.menu {
	clear:both;
    position: relative;
    left:10px;
    top:0;
    margin:20px auto;
    border: 0px solid yellow;
    text-align:Center;
    height:16px;
}

footer ul.menu li {
    display:inline-block;
    margin:0 auto;
    height:15px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    border-right: 1px solid #fff;
}	
footer ul.menu li a {
    font-size:13px;
}	

footer address {
    font-size:13px;
    letter-spacing: -0.04em;
}
		
}/*media 425px*/


@media (max-width:320px){

section.dep1 {
	height:780px;
	}	
section.dep1 div.wrap{
	height:600px;
	border:0px solid green;
	}	
section.dep1 div.wrap div.tit2{
	height:120px;
	border:0px solid blue;
	}
section.dep1 div.wrap div.tit2 h2{
	text-align:Center;	
	line-height:1.2;
	font-size:40px;
	border:0;
	padding:0;
	margin:0;
	}	
	
	
section.dep1 div.wrap .swiper-slide {
      text-align: center;
      width:280px;
      height:280px;
      font-size: 18px;
      background: none;
      display: flex;
      justify-content: center;
      align-items: center;
      border:0px solid red;
      overflow:hidden;
      padding:0;
      margin:0;
    }
section.dep1 div.wrap .swiper-slide a span{
	font-size:20px;
	padding-top:55%;
	}	
section.dep1 div.wrap .swiper-slide img {
      display: block;
      width:280px;
      height:280px;
      padding:0;
      margin:0 auto;
      overflow:hidden;
    }
section.dep1 div.wrap .swiper-button{
	position:relative;;
	display:block;	
	width:130px;
	height:60px;
	margin:0px auto;
	top:-150px;
	left:0;
	border:0px solid green;
	padding:0;
	} 
	   
section.dep4{
	height:400px
	}
section.dep4 div.wrap {
  width:300px;
  height:145px;
  border:0px solid blue;
  margin:50px auto 0 auto;
  }    
section.dep4 div.wrap .swiper {
  width:250px;
  height:145px;
  }
section.dep4 div.wrap .swiper-slide {
  width:250px;
  height:125px;
  }		
section.dep4 div.wrap .swiper-slide img{
	position:relative;
	display:block;
	width:100%;
	height:81px;
	margin:0 auto 10px auto;
	}
section.dep4 div.wrap .swiper-slide p{
	height:30px;
	font-size:14px;
	}	    
section.dep4 div.wrap .swiper-button-next,
section.dep4 div.wrap .swiper-button-prev{	
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	top:40%;
	}    
    	
}/*media 320px*/