body{
background: url("../images/bg.jpg") 0 0 repeat;
}



@media print, screen and (min-width: 768px) {
.wrap {
width: 1200px;
margin: 80px auto;
}

.hed_img {
width: 100%;
}

.contents {
width: 100%;
margin: 30px auto;
}

.copy {
margin: 60px 0 0;
text-align: center;
padding: 10px;
box-sizing: border-box;
border: 1px solid #000;
background: #FFF;
}

}

/*sp*/
@media only screen and (max-width: 767px) {

.wrap {
width: 96%;
margin:40px auto;
}

.hed_img {
width: 100%;
}

.contents {
width: 100%;
margin: 15px auto;
}

.copy {
font-size: 0.8em;
margin: 30px 0 0;
text-align: center;
padding: 5px;
box-sizing: border-box;
border: 1px solid #000;
background: #FFF;
}

}