@charset "utf-8";


@media(max-width: 1600px){

}

@media(max-width: 1400px){

}

@media(max-width: 1200px){

}

@media(max-width: 1024px){
	.m-visual .v-banner .swiper-slide dl {min-height: 250px; padding-top: 50px;}
	.m-visual .v-banner .swiper-slide dl dd {font-size: 20px;}
	
	.sec2 .bg .inner a.apply .container {padding-right: 50px;}
	.sec2 .bg .inner a.notice .container {padding-left: 50px;}
	.sec2 .bg .inner a .btn-area {width: calc(100% - 65px);}
}

@media(max-width: 768px){
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 45px; line-height: 60px;}
	
	.sec2 {padding-top: 100px;}
	.sec2 .section-header h3 {font-size: 32px;}
	
	.sec2 .bg .inner {flex-wrap: wrap;}
	.sec2 .bg .inner a {width: 100%; height: 50%; padding-top: 50px;}
	.sec2 .bg .inner a.apply {border-right: 0; border-bottom: 1px solid rgba(255,255,255, .3);}
	
	.sec2 .bg .inner a.apply .container {padding-right: 15px;}
	.sec2 .bg .inner a.notice .container {padding-left: 15px;}
	.sec2 .bg .inner a .btn-area {width: calc(100% - 30px); bottom: 40px;}
	.sec2 .bg .inner a .btn-area figure img {width: 70%;}
	
	.sec2 .bg .inner a span {font-size: 16px;}
	.sec2 .bg .inner a h5 {font-size: 26px; padding-top: 15px;}
}

@media(max-width: 480px){
	.m-visual {height: 800px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h3 {font-size: 35px; line-height: 50px; top: 200px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h3 {top: 250px;}
	
	.m-visual .btns {width: 60px; height: 60px;}
	.m-visual .btns.visual-prev {background-position: 19px 50%;}
	.m-visual .btns.visual-next {background-position: 29px 50%;}
	
	
	.sec2 {padding-top: 60px;}
	.sec2 .section-header h3 {font-size: 25px;}
	.sec2 .bg .inner a h5 {font-size: 22px; padding-top: 10px;}
}