div {
margin-top: 60px;
margin-left: 60px;
width: 500px;
height: 400px;
background-color: #ffffff;
background-image: url("sheep.png");
background-repeat: no-repeat;
background-position: 300px 200px;
}

@media (min-width: 500px) and (max-width: 767px){
/* 概要2段組み */
.gaiyou .col    {float: left;
width: 48%;
margin-left: 4%;}
.gaiyou .col:first-child + .col + .col    {clear: both;
margin-left: 0;}
}
.cols .col:first-child    {margin-left: 0;}
.cols:after    {content: "";
display: block;
clear: both;
}