@charset "utf-8";
/* CSS Document */

.list_01 li{
	float: left;
	margin-right: 25px;
}
@media screen and (max-width: 767px) {
.list_01 li{
	float: left;
	width: 32%;
	margin-right:2%;
}
}
.list_01 li:last-child{
	margin-right: 0;
}
.bg_01{
	background: url(../img/menu/bg_note.jpg) left top repeat;
	border:#ddd 3px solid;
	border-top: none;
	padding: 20px;
}
@media screen and (max-width: 767px) {
.bg_01{
	padding: 10px;
}
}
.area_01 .left_area{
	float: left;
	width: 320px;
}
.area_01 .right_area{
	float: right;
	width: 375px;
}
@media screen and (max-width: 767px) {
.area_01 .left_area{
	float: none;
	width: 100%;
}
.area_01 .right_area{
	float: none;
	width: 100%;
}
}
.area_02 .left_area{
	float: left;
	width: 375px;
}
.area_02 .right_area{
	float: right;
	width: 320px;
}
@media screen and (max-width: 767px) {
.area_02 .left_area{
	float: none;
	width: 100%;
}
.area_02 .right_area{
	float: none;
	width: 100%;
}
}
.list_02 li{
	float: left;
	width: 375px;
	margin-right: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.list_02 li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
}
}
.list_02 li:nth-child(2n){
	margin-right:0;
}