@charset "UTF-8";

@media screen and (max-width:1100px) {
	#event #sec1 { background-position: 100% -36px;}
	#event #sec1 figure { max-width: 80%;}
	
	#event #sec2 h4,
	#event #sec2 p,
	#event #sec2 figure { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#event #sec2 h4,
	#event #sec2 p { width: 25%;}
	#event #sec2 h4 { padding: 60px 70px 32px 20px;}
	#event #sec2 figure { width: 73%; padding-left: 30px;}
	#event #sec2 p { padding-right: 50px;}
	
	#event #sec3 { padding: 60px 50px 45px 50px;}
	#event #sec3 div div { width: 65.5%;}
	#event #sec3 figure { max-width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	#event #sec3a div { padding-top: 10px;}
}
@media screen and (max-width:768px) {
	#event #sec2 { position: relative;}
	#event #sec2 h4,
	#event #sec2 p,
	#event #sec2 figure { width: 100%; float: none;}
	#event #sec2 h4 { width: 20%; padding: 0; position: absolute; top: 0; left: 20px; background: none;}
	#event #sec2 figure { padding: 0 20px;}
	#event #sec2 p { padding: 15px 0 0 0; text-align: center;}
	
	#event #sec3 { padding: 60px 20px 45px 20px;}
	#event #sec3 h4 { margin-bottom: 20px;}
	#event #sec3>div { padding: 0 0 30px 0;}
	#event #sec3 div div { width: 100%; float: none;}
	#event #sec3 figure { display: none;}
}
@media screen and (max-width:640px) {
	#event #sec1 { -webkit-background-size: 100% auto; background-size: 100% auto;}
	#event #sec1 h3,
	#event #sec1 p { text-align: center;}
	#event #sec1 h3 { padding-bottom: 20px;}
	#event #sec1 p { padding: 0 20px;}
}
@media screen and (max-width:480px) {
	#event .box { padding-bottom: 50px;}
	
	#event #sec1 figure { max-width: 98%; top: 0; left: 1%;}
	
	#event #sec3 { padding-bottom: 20px;}
	#event #sec3 dl,
	#event #sec3 dt,
	#event #sec3 dd { display: block; width: 100%;}
	#event #sec3 dl { padding-bottom: 15px;}
	#event #sec3 dt { padding-right: 0; font-size: 28px; text-align: left;}
	#event #sec3 dt span,
	#event #sec3 dt .ver_sp span { font-size: 22px;}
	#event #sec3 dd { padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#event #sec3 dd b { font-size: 20px;}
	#event #sec3 dt .ver_sp { display: inline; font-size: 28px;}
	
	#event .box>p { padding: 0 20px;}
}