@media screen and (max-width:1680px){
}

@media screen and (max-width:1366px){
}

@media screen and (max-width:1280px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:960px){
	#bat .hide{display:block;}
	#bat .show{display:none;}
	#bat section, #bat_footer{padding-left:0; padding-right:0; width:90%; margin:0 auto;}
	#bat_footer{padding-bottom:4rem;}
	#bat_header{height:40vh;}
	#bat_section1 h1{font-size:4rem; line-height:4rem;}
	#bat_section1 h2{font-size:1.5rem; line-height:1.6rem;}
	#bat_section1 h3{font-size:1.5rem; line-height:1.5rem;}
	#bat_section1 p{font-size:1.2rem; line-height:1.3rem;}
	#bat_section1 .date{font-size:1.5rem;}
	#bat_section2 .note{padding:0 2vw; font-size:1.2rem;}
	#bat_header #bat_bg01,#bat_header #bat_bg{display:none;}
	#bat_section2 .bt a{width:90%; font-size:1.8rem;}
	#bat_section3 .bat_pd h2{font-size:1rem;}
}

@media screen and (max-width:768px){
	#bat_header{height:30vh;}
	#bat_section1 .date{font-size:1.3rem;}
	#bat_section1 h3{font-size:1.3rem;}
	#bat_section3 .bat_pd{width:50%;}
}

@media screen and (max-width:640px){
	#bat_section1 .datetitle{float:none; width:40%;}
}

@media screen and (max-width:480px){
	#bat_section3 .bat_pd{width:100%; float:none; text-align:center; display:block;}
}

@media screen and (max-width:320px){
}