@charset "utf-8";

@media (max-width: 1200px) {
	.page_wrap .fixed_inner,
	.page_wrap .e-learning,
	.page_wrap .evt_top .img{width: 100%;}
	
	.page_wrap .qrcode{left:-300px;}
	
	.page_wrap .visual{padding: 0 20px}
	.page_wrap .evt_top{background-size: cover}
	.page_wrap .evt_top .img img{width: 100%;}
	
	.page_wrap .el_list > li{padding: 0 15px}
	.page_wrap .el_list > li .inner{padding: 45px 0 90px;}
	
	.page_wrap .info_list > li > p{min-height: 2.6em;}
	
	.page_wrap .section.row02 .fixed_inner{padding-left: 10px;padding-right: 10px;}
}

@media (max-width: 1120px) {
	.page_wrap .step_list p{min-height: 4.1em;}
	.page_wrap .visual .obj{bottom: 266px;}
}

@media (max-width: 768px) {
	.page_wrap .visual{background-image: url(../images/m/visual_bg.png);}
	.page_wrap .visual .fixed_inner{height: 207px;}
	.page_wrap .visual .text{left: 0;bottom: 20px;}
	.page_wrap .visual .title{font-size: 12.5px;margin-bottom: 14px;}
	.page_wrap .visual p{font-size: 22px;line-height: 1.2;}
	.page_wrap .visual .obj{left: auto;right:0;bottom: 65px;width: 52%;max-width: 190px;}
	
	.page_wrap .w{display: none !important;}
	.page_wrap .m{display: block !important;}
	
	.page_wrap .title01{font-size: 20px;margin-bottom: 14px;}
	.page_wrap .title01 > em:before{height: 9px;}
	.page_wrap .title01.f1 > em:before{height: 6px;}
	.page_wrap .title01.f1{font-size: 15px;margin-bottom: 14px;}
	.page_wrap .title02{font-size: 9px;width: 92px;letter-spacing: -0.1em;line-height: 2.2;}
	.page_wrap .title02.f1{font-size: 12.5px;width: 80px;}
	
	.page_wrap .section.row01{padding: 24px 0 19px;}
	.page_wrap .section.row01 .fixed_inner{padding-bottom: 14px;}
	.page_wrap .section.row01 p{font-size: 13.5px;line-height: 1.35;margin-bottom: 21px;}
	.page_wrap .section.row01 .main_func_w{padding: 0 11px}
	.page_wrap .main_func{margin: 0}
	.page_wrap .main_func > li{width: 50%;padding: 0 24px;margin-bottom: 16px;}
	.page_wrap .main_func .tit{font-size: 12.5px;margin-top: 5px;}
	
	.page_wrap .e-learning{padding: 24px 14px 15px;margin-bottom: 18.5px;}
	.page_wrap .section.row01 .e-learning > p{font-size: 11.5px}
	.page_wrap .el_list > li{width: 50%;padding: 0 15px;margin-bottom: 13.5px;}
	.page_wrap .el_list .tit{font-size: 12.5px;padding-top: 7px;}
	.page_wrap .el_list .tit:before{width: 9px;height:1px;margin-left: -4.5px;}
	.page_wrap .el_list > li .inner{padding: 32px 0 0;box-sizing: border-box;height:115px;}
	.page_wrap .el_list > li .inner:after{left: 9px;bottom:9px;width: 23px;height:23.5px;background-size: auto 23.5px;}
	.page_wrap .el_list > li:nth-child(2) .inner:after{background-position: -24px 0;}
	.page_wrap .el_list > li:nth-child(3) .inner:after{width: 24px;background-position: -48px 0;}
	.page_wrap .el_list > li:nth-child(4) .inner:after{width: 24px;background-position: -72px 0;}
	
	.page_wrap .btns{font-size: 16.5px;width: 124px;}
	
	.page_wrap .evt_top{padding: 24px 0 50px;background-size: cover}
	.page_wrap .evt_box{margin-bottom: 27px;font-size: 12.5px;padding: 15px 0 14px;}
	.page_wrap .evt_top .img{margin-top: 15px}
	.page_wrap .evt_top .img .w{display: block;}
	.page_wrap .evt_top .img .m{display: none;}
	
	.page_wrap .evt_box:before, 
	.page_wrap .evt_box:after{top: -7px;height: 8px;background-size: auto 17px;}
	.page_wrap .evt_box:after{top: auto;bottom: -8px;}
	
	.page_wrap .step_list{margin: 0}
	.page_wrap .step_list > li{width: 50%;margin-bottom: 40px;}
	.page_wrap .step_list .cont:after{border-width: 12px 8px;margin-left: -6px;}
	
	.page_wrap .step_list .tit{font-size: 15px;margin-bottom: 5px;}
	.page_wrap .step_list .cont{padding: 10px 0 13px;font-size: 11px;}
	.page_wrap .step_list p{line-height: 1.25;min-height: auto;}
	
	.page_wrap .info_list_w{width: 65%;margin: 0 auto}
	.page_wrap .info_list > li{width: 100%;margin-bottom: 18px;}
	.page_wrap .info_list > li > p{font-size: 12px;margin-top: -11px;padding: 16px 0 8px;min-height: auto}
	
	.page_wrap .section.row02{padding-bottom: 10px;}
	.page_wrap .section.row02 .fixed_inner > .title02{margin-bottom: 20px;}
	
	.page_wrap .el_list{margin: 0 10px;}
}

@media (max-width: 640px) {
	.page_wrap .evt_top .img .w{display: none;}
	.page_wrap .evt_top .img .m{display: block;}
	.page_wrap .section.row02 .fixed_inner{padding-left: 0;padding-right: 0;}
}

@media (max-width: 360px) {
	.page_wrap .evt_top{background-image: url(../images/m/evt_top_bg.png);background-size: 100% auto}
}

@media (max-width: 320px) {
	.page_wrap .el_list{margin: 0 0;}
}