@charset "utf-8";

/************************************************************************************
smaller than 767 SP
*************************************************************************************/
@media screen and (max-width: 767px) {

/*------------------------------------------------------
bannerList(3col)
------------------------------------------------------*/

#contentsArea ul.consumerBannerList3col li{
	width: 30%;
	margin-bottom: 10px;
}

#contentsArea ul.consumerBannerList3col li img{
	width: 90%;
	height: auto;
}
}

/************************************************************************************
smaller than 680 SP
*************************************************************************************/
@media screen and (max-width: 680px) {
/*------------------------------------------------------
top bannerList(4col)
------------------------------------------------------*/
#contentsArea ul.consumerInfoList li img{
	width: 95%;
	height: auto;
}
}

/************************************************************************************
smaller than 480 SP
*************************************************************************************/
@media screen and (max-width: 480px) {
/*------------------------------------------------------
consumerInfoList(2col)
------------------------------------------------------*/
#contentsArea ul.consumerInfoList li{
	width: 48%;
}

/*------------------------------------------------------
bannerList(3col)
------------------------------------------------------*/
#contentsArea ul.consumerBannerList3col{
	text-align: left;
}

#contentsArea ul.consumerBannerList3col li{
	width: 48%;
	text-align: center;
}

#contentsArea ul.consumerBannerList3col li img{
	width: 100%;
}
}