@charset "utf-8";



.box01 .img_area{
    width: 46%;
}
.box01 .txt_area{
    width: 48%;
}

.box02 ul{
	width: 90%;
	margin: auto;
}

.box02 li{
  margin-top: -1px;
  margin-left: -1px;
  width: calc(20% + 1px);
	border: 1px solid #111;
}


@media (max-width: 799px){

.box02 li{width: calc(100% / 4);}

}



@media (max-width: 599px){


.box01 .img_area{
    width: 80%;
    margin: 0 auto 20px;
}
.box01 .txt_area{
    width: 100%;
}

.box02 ul{width: 100%;}
.box02 li{width: calc(100% / 3);}

}


@media (max-width: 399px){

.box02 li{width: calc(100% / 2);}

}