@charset "UTF-8";
@media only screen and (max-width: 1300px) {
	.inner{width:90%;}
	main > .visual .box_tit h1 span{font-size:6.8rem;}
	main > .visual .box_tit h2 img, main > .visual .box_tit h3 img{height:26px;}
	main > .visual .box_tit h5{font-size:1rem; margin-top: 30pt;}

	main > .visual .box_img{overflow: hidden;}
	main > .visual .box_img img{}
}

@media only screen and (max-width: 1200px) {
	main > .visual .box_tit h5 strong:last-child{display:block;}
	.con1 .category li .thumb{background-position:50% 50%;}
	#page_top > div{height:400px;}
	#page_top .box_tit h1 span{font-size:6rem;}
}
@media only screen and (max-width: 980px) {
	main > .visual .box_tit{padding-left:7vw;}
	main > .visual .box_tit h1 span{font-size:6rem;}
	main > .visual .box_tit h2 img, main > .visual .box_tit h3 img{height:26px;}
	main > .visual .box_tit h5{font-size:1rem; margin-top: 30pt;}
	main > .visual .box_img {width:50vw; max-width:420px; padding-right:3vw;}
	#page_top > div{height:400px;}
	#page_top .box_tit h1 span{font-size:5.5rem;}
}

@media only screen and (max-width: 768px) {
	header{padding:12px 5%;}
		header .box .logo a{height: 40px;}
		header .box .btns{
			position: fixed; bottom:0; left:0; width:100%; background: #f7f7f7;
		}
		header .box .btns ul{
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
		header .box .btns ul li{
			margin:0; flex:1;
			border-right: 1px solid #eee ; border-top: 1px solid #eee;
		}
		header .box .btns a{
			border-radius:0; padding:0; border:0 !important; background:none; color:#333;
			width: 100%; height: 60px; color: #555; font-size: 12px !important; padding-top: 5px;
			font-family: 'Spoqa Han Sans' !important;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
			flex-direction: column;
				-webkit-flex-wrap: nowrap;
				-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
			justify-content: center;
				-webkit-align-items: center;
				-ms-flex-align: center;
			align-items: center;
		}
		header .box .btns a i{display:block;}
		header .box .btns a.apply{font-weight:700;}
	body{font-size:14px;}
	main > .visual{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
		main > .visual .box_tit{padding:0; padding-top:75px; width:80%; text-align: center;}
		main > .visual .box_tit h1 span{font-size:5rem;}
		main > .visual .box_tit h2 img, main > .visual .box_tit h3 img{height:22px;}
		main > .visual .box_tit h5{font-size:1rem; margin-top: 30pt;}
		main > .visual .box_tit h5 strong:last-child{display:inline-block;}
		main > .visual .box_img{position: relative; padding-top:20px; padding-bottom:70px; padding-right:0; width:80vw; max-width:500px;}
		main > .visual .box_img img{}

	.con1 .overview{font-size: 1.25em; line-height: 180%;}
		.con1 .overview .t1{font-size: 120%;}
		.con1 .category{
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
			flex-direction: column;
				-webkit-align-items: center;
				-ms-flex-align: center;
			align-items: center;
		}
		.con1 .category li{width:80%; max-width: 350px; margin:0 0 50px;}
		.con1 .category li:last-child{margin-bottom:0;}
		.con1 .category li .thumb{height:200px;}
		.con1 .category li .desc{padding:20pt;}
		.con1 .category li .desc h1{font-size:150%;}
		.con1 .category li .desc h2{margin:12pt 0 0 0;}

	.con2 .schedule{padding:30px; border-radius:20px;}
		.con2 .schedule > dl > dd > dl > dt:after{display:none;}
		.con2 .schedule > dl > dd > dl > dd{padding-left:10px;}
		.con2 .schedule > dl > dd > dl{
			margin-top:10px;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}
	footer{padding-bottom:100px; font-size:small;}
	footer .logo img{width: 140px;}
	footer .area_t{
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
		flex-direction: column;
			-webkit-align-items: flex-start;
			-ms-flex-align: start;
		align-items: flex-start;
	}
	footer .btns{margin-left:0; margin-top:15px;}
	footer .copyright, footer .copyright a{font-size:12px;}
	.footer_fix{bottom:70px; right:10px;}
	.footer_fix .ico_box > li > a{width:40px;}

	#page_top > div{height:350px; padding:0; overflow:hidden;}
	#page_top .box_tit h1 span{font-size:4.5rem;}
	#page_top .box_tit h2 img, #page_top .box_tit h3 img{height:25px;}
	.winner .box{
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
		flex-direction: column;
	}
	.winner .box .desc{width:100%; margin-bottom:30pt;}
}

@media only screen and (max-width: 656px) {
	header .box .logo a{height: 35px;}
	.con1 .overview{font-size: 1em; line-height: 180%;}
	.con1 .category li{width:80%; max-width: 300px;}

	#page_top > div{height:320px; padding:0; overflow:hidden;}
	#page_top .box_tit h1 span{font-size:4rem;}
	#page_top .box_tit h2 img, #page_top .box_tit h3 img{height:25px;}

}

@media only screen and (max-width: 580px) {
	main > .visual .box_tit h1 span{font-size:4.5rem;}
	main > .visual .box_tit h2 img, main > .visual .box_tit h3 img{height:20px;}
	main > .visual .box_tit h5{font-size:0.9rem; margin-top: 20pt;}

	#page_top > div{height:300px; padding:0;}
	#page_top .box_tit h1 span{display:block; font-size:3.5rem;}
	#page_top .box_tit h2 img, #page_top .box_tit h3 img{height:20px;}

	#page .con > h1{margin-bottom:30pt;}
	#page .input_list dl dt{width:100%; margin-bottom:5px;}
	#page .input_list dl dd{padding-left:7px;}

}
@media only screen and (max-width: 425px) {
	main > .visual .box_tit{padding-top:50px;}
	main > .visual .box_tit h1 span{font-size:4rem;}
	main > .visual .box_tit h2 img, main > .visual .box_tit h3 img{height:18px;}
	main > .visual .box_tit h5{font-size:0.75rem; margin-top:20pt; line-height:1.6;}

	.con2 .schedule{padding:20px;}
}

@media only screen and (max-width: 325px) {
	.inner{width:82%;}
	main > .visual .box_tit{padding-top:50px;}
	main > .visual .box_tit h1 span{font-size:3rem;}
	main > .visual .box_tit h2 img, main > .visual .box_tit h3 img{height:15px;}
	main > .visual .box_tit h5{font-size:0.75rem; margin-top:20pt; line-height:1.6;}
	.con1, .con2{font-size: 0.75rem;}
	.con1 .category li{width:100%; max-width:100%; margin-bottom:10vw;}
	.con1 .category li .thumb{height:150px;}
	.con1 .category li .desc{padding:20px 10px;}
	.con2 .schedule{padding:20px;}

}