@charset "UTF-8";
/*-----------------------------------

	about

-----------------------------------*/
#intro{
	overflow: hidden;
}
#intro .character{
	width: 600px;
	margin: 0 auto;
}

#intro ul li.img_01{
	top: 0;
	left: -5%;
}
#intro ul li.img_02{
	top: 0;
	right: -5%;
}
#intro ul li.img_03{
	top: 200px;
	left: -8%;
}
#intro ul li.img_04{
	top: 200px;
	right: -5%;
}
@media screen and (max-width: 740px){
	#intro ul li.img_01,
	#intro ul li.img_02,
	#intro ul li.img_03,
	#intro ul li.img_04{
		position: static;
	}
	#intro .character {
		width: 95%;
		max-width: 640px;
		margin: 0 auto;
	}
	#intro ul{
		width: 100%;
		max-width: 520px;
		text-align: center;
		margin: 0 auto;
	}
	#intro ul li{
		width: 50%;
		float: left;
		margin-top: 10px;
	}
}
/*-----------------------------------

	support

-----------------------------------*/
#support .character{
	right: -10%;
	top: -120px;
}
@media screen and (max-width: 980px){
	#support .character {
		position: static;
		width: 60%;
		margin: 30px auto 0;
		text-align: center;
	}
}
/*-----------------------------------

	award

-----------------------------------*/
#award{
	overflow: hidden;
}
#award .deco_star_01{
	width: 280px;
	top: -30px;
	left: -3%;
}
#award .deco_star_02{
	width: 210px;
	bottom: -30px;
	right: -3%;
}
#award .text{
	width: 60%;
}
#award .img{
	width: 30%;
	margin-right: 5%;
}
#award .box{
	padding: 20px 4%;
	border: solid 6px #ffda45;
}
@media screen and (max-width: 980px){
	#award .text,
	#award .img{
		float: none!important;
	}
	#award .text{
		width: 100%;
		margin-right:0;
	}
	#award .img{
		width: 50%;
		margin: 30px auto 30px!important;
	}
}