@media only screen and (max-width: 1600px){ 
	.inner{width:90%;} 
}
@media only screen and (max-width: 1400px){ 
	
}
@media only screen and (max-width: 1280px){
	nav ul.nav li.nav_event, nav ul.nav li.nav_event a:hover, nav ul.nav li.nav_event a.select{width:160px;}

	.main_visual .title .year{width: 200px; margin-bottom:15pt;}
	.main_visual .title .subject{width: 400px;}
	.main_visual .description{margin-top: var(--gap-m); max-width: 85%;}
	.main_visual .description h1{font-size: var(--txt_size_ms);}
	.main_visual .description h3{font-size: var(--txt_size_s); line-height: 1.5;}
}

@media only screen and (max-width: 1080px) {
	.main_visual .box{margin: var(--gap-m) 0;}
	.main_visual .title .year{width: 150px;}
	.main_visual .title .subject{width: 340px; }
	.main_visual .description h1 {font-size: 19px;}
	
	.sub_visual{background-size: auto 110%; background-position: 100% 20px;}
	.sub_visual .title .year{width: 150px;}
	.sub_visual .title .subject{width: 500px; }
	.sub_visual .description{max-width: 470px;}
	.sub_visual .description h1 {font-size: 19px;}

	header .logo{padding:15px 0;}
	header .logo img{height:40px;}

	#footer .box > div{display:block; width:100%; text-align:center;}
	#footer .logo{width:50pt !important; margin:0 auto; margin-bottom:15pt;}

	#footer .brand_logo{margin-top:15pt;}
	#footer .brand_logo a{margin:0 10pt;}
	#footer .brand_logo a:last-child{margin-right:10pt;}
	
	.selection .box{grid-template-columns: repeat(2, 1fr);}
	.selection .box > div:first-child{    grid-column: 1 / 3;}
	.selection .box dl:last-child{grid-column: 1 / 3;}
}

@media only screen and (max-width: 980px) {
	*{font-size:9pt;}

	header{}
	header > div {display:block;}
	header .logo{ 
		display:none;
		position: relative; z-index:1; width:100%;text-align:center; padding:15px 0; 
	}
	header .logo img{max-width:70%;}
	header .nav_box{display:none}
	header .nav_box_mobile{display:table; width:100%; position: relative; background-color:rgba(0,0,0,0.4);}
	header .nav_box_mobile.scroll-to-fixed-fixed{background-color:rgba(0,0,0,0.8);}
	header .nav_box_mobile .nav_btn{display:table-cell; vertical-align:middle; padding-left:4%;}
	header .nav_box_mobile .nav_event{display:block; height:100%; float:right;}
	header .nav_box_mobile .nav_event a img{width:auto; height:38px; margin: 15px;}
	
	#menu_mobile{
		height:80%; width:80%;
		background-color:#fff; border-radius: 30px;
		position: fixed; left: -50%; top: 10%; z-index: 1500;
		overflow-y: auto; overflow-x: visible;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translate(-200%,0);
			-webkit-transform:translate(-200%,0);
			-webkit-backface-visibility: hidden;
	}
	#menu_mobile.ssm-nav-visible{left: 10%; z-index:1510}
	#menu_mobile > div{width:100%;}
	#menu_mobile .nav_btn{
		z-index:1500; padding-top:10pt; padding-right:10pt;
		position:absolute; top:10px; right:10px;
	}		
	#menu_mobile .nav_btn i{font-size: xx-large;}
	#menu_mobile .nav{ 
		display:flex;
		flex-direction: column;
	}
	#menu_mobile .nav li a{color:#222;}
	#menu_mobile .nav li a:hover:after{display:none;}
	#menu_mobile .nav .logo {
		max-width: 70%;
		margin: 0 auto;
		width: 250px;
		margin-bottom: 10pt;
	}
	
	.sub_visual.inner{width:100%;}
	.sub_visual .box{padding-left:5%;}
	.sub_visual .title .year {width: 120px;}
	.sub_visual .title .subject {width: 450px;}
	.sub_visual .description {max-width: 420px; margin-top: var(--gap-s);}
	.sub_visual .description h1 {font-size: 17px;}

	.page_title{text-align:center; padding:1em; margin-bottom:2em;}
	.page_title h1{font-size:xx-large; padding-bottom:1em;}

	.brand_select .brand_name li{width:47%;}
	.prizecom_list ul li, .prizecom_list ul.col_4 li{width:33.33%;}

}

@media only screen and (max-width: 740px) {
	*{font-size:9pt;}
	#menu_mobile .nav .logo{width:200px;}
	#menu_mobile .nav li a{font-size:16px; padding:10px 0;}

	.main_visual > .inner{flex-direction: column;}
	.main_visual .box{text-align: center; align-items: center;}
	.main_visual .title > div{margin-left:auto; margin-right:auto;}

	.main_con > div{margin-right:4%;}
	.main_con .con_bn{float:none; width:100%; display:table;}
	.main_con .con_bn .down_link{display:table-cell; vertical-align:middle; width:48%;}
	.main_con .con_bn .down_link a{display:block; text-align:center; padding:10px;}
	.main_con .con_bn .bn{text-align:right;}
	.main_con .latest{float:none; width:100%;  margin-top:10%;}
	
	.sub_visual {background-size: auto 90%; background-position: 100% 140%;}
	.sub_visual .title .subject {width: 100%; display:none;}
	.sub_visual .title .subject_mobile{display:block; max-width: 250px;}
	.sub_visual .box{padding-right:5%;}
	.sub_visual .title{width:100%;}
	.sub_visual .title .year {width: 120px;}	
	.sub_visual .description {max-width: 360px; margin-top: var(--gap-s);}
	.sub_visual .description h1 {font-size: 16px;}


	.research .c2 .fl,
	.research .c2 .fr{width:100%; padding-left:0px; float:none;}
	.research .c2 .fr{margin-top:10%;}

	.brand_list{width:100%;}
	.brand_list.fl{float:none;}
	.brand_list.fr{float:none; margin-top:5%;}

	.sponsor > div {display:table-row; padding:20px 0;}
	.sponsor div.txt{display:block; padding:0; margin-top:5%;}

	.event .con{padding:0;}
	.event .inner{width:100%;}

	.brand_select .brand_name li{width:100%;}


	.page_tab li{width:30%;}
	.prizecom_list ul li, .prizecom_list ul.col_4 li{width:50%;}
	.awardpart_list ul li{width:50%;}

	
	.selection .box{ 
		display: flex; flex-direction: column;
		padding: var(--gap-s);
		margin-bottom: var(--gap-m);
	}
	.selection .box dl{padding:20px; padding-left:15px;}
	.selection .box dl dt{margin-bottom: 5px;}
}

@media only screen and (max-width: 600px) { 
	.sub_visual {background-size: auto 80%; background-position: 110% 140%;}
	.sub_visual .box{margin: var(--gap-s) 0;}
	.sub_visual .title .subject_mobile{max-width:52%;}
	.sub_visual .description{max-width: 60%; margin-top: var(--gap-xs);}
	.sub_visual .description h1 {font-size: 14px;}

}
@media only screen and (max-width: 425px) {
	header .nav_box_mobile .nav_event a{padding:10px 15px; font-size:120%;}
	header .nav_box_mobile .nav_bar nav ul.nav li a{font-size:120%;}
	header .nav_btn a i{font-size:xx-large;}
	
	.main_visual .title .year{width: 150px;}
	.main_visual .title .subject{max-width: 80%; }
	.main_visual .description {margin-top: var(--gap-s); max-width: 100%;}
	.main_visual .description h1 {font-size: 17px;}

	.page_tab li{width:33.33%;}
	.prizecom_list .title span{display:block; margin:5pt 0;}
	.prizecom_list ul li, .prizecom_list ul.col_4 li{width:100%;}
	.awardpart_list ul li{width:100%;}
}