@charset "utf-8";

h2{font-size:0; line-height:0; width:100%; height:380px; position:absolute; top:0; left:0; z-index:1; background:url(./img/visual.jpg) top center no-repeat; background-size:cover;}
h2 span{position:absolute; width:291px; top:150px; left:50%; margin-left:-145px;}
@media screen and (max-width: 640px) {
h2{height:auto; position:relative; top:auto; left:auto; clear:both; padding:25px 25%;}
h2 span{position:relative; width:auto; top:auto; left:auto; margin:0;}
}

dl.procuct>dt{background:#ebf4fa;}
@media screen and (max-width: 640px) {
dl.procuct>dd{padding:0 3% 15px;}
}

div.catch{background:url(./img/bg01.jpg) bottom center no-repeat; background-size:cover; padding:60px 0 440px;}
div.catch dl{width:1000px; margin:0 auto;}
div.catch dt{font-size:0; line-height:0; padding:0 10px 10px;}
div.catch dd{font-size:18px; line-height:2em; padding-right:260px;}
@media screen and (max-width: 640px) {
div.catch{background:url(./img/bg01.jpg) bottom right no-repeat; background-size: contain; padding:0;}
div.catch dl{width:auto; background-color:rgba(255,255,255,.2); padding:30px 5% 120px;}
div.catch dt{padding:0 0 10px;}
div.catch dd{font-size:15px; line-height:1.6em; padding:0;}
}