@charset "utf-8";

#wrap{background:url(/common/img/contents_bg.png) repeat-x top center; width:100%;}
#contents_wrap{ width:960px; margin:0 auto; background:#FFF; }
#title{background:url(img/title.png)  no-repeat top center; height:250px; padding-bottom:30px; text-indent:-1000px;}
.box_left{ width:30%;}
.box_left p{ font-size:14px!important;}
.box_right{ width:65%;}
.box_right img{ width:100%;}
#contents{ padding:40px;background:url(/common/img/contents_foot.png) no-repeat bottom center;}
#contents p{ font-size:16px; line-height:2em;}
#contents h4 { margin-bottom:30px;}
#contents h4 img{ width:320px;}
@media screen and (max-width: 640px) {
#contents h4 img{ width:90%; text-align:center;}
#contents{padding:40px 20px;background-size: contain;}
.box_right img{ width:100%;}
.box_right ,.box_left{ width:100%;}
}


@media screen and (max-width: 640px) {
#contents_wrap{ width:100%;  background:#FFF;}
#title{background:url(img/smp_title.png)  no-repeat top center; height: 0;padding-top: 30%;width:100%; padding-bottom:30px; background-size: contain;}

}