@charset "utf-8";
body {background-image:url("title.jpg"); background-size:140%; background-repeat: no-repeat; background-position: center 260px; background-attachment: fixed; }
.bg-img03 { background-color: #000; background-image: url(stonehenge.jpg); background-position: center bottom; background-repeat: no-repeat; padding: 50px 0;  background-size:140%;}
#c04_message {background-image: url(../c4/reoda_msg1.jpg); background-size: 110%;}
#c04_shutter {background-image: url(../c4/shutter_town.jpg); background-size: 150%;}
#c04_kaidan {background-image: url(../c4/kaidan.jpg); background-size: 180%;}
#c04_syunin1 {background-image: url(../c4/syunin1-2.jpg); background-size:200%;}
.scroll {margin-bottom: 100%;}
.scroll {margin-bottom: 100%;}
.photo_bg_message {margin-bottom: 45%;}
.photo_bg_shutter {margin-bottom: 40%;}
.photo_bg_kaidan {margin-bottom: 70%;}
.photo_bg_syunin1 {margin-bottom: 100%;}

@media print, screen and (min-width: 600px){
body {background-size: 120%; background-position: center 190px;}
.scroll {margin-bottom: 70%;}
.bg-img03 {padding: 100px 0; background-size: 120%;}
#c04_message {background-size: 100%; height: 100%;}
#c04_shutter {background-size: 100%; height: 100%;}
#c04_kaidan {background-size: 120%; height: 100%;}
#c04_syunin1 {background-size: 120%;}
.photo_bg_message {margin-bottom: 50%;}
.photo_bg_shutter {margin-bottom: 28%;}
.photo_bg_kaidan {margin-bottom:47%;}
.photo_bg_syunin1 {margin-bottom: 50%}
}
@media print, screen and (min-width : 980px){
body {background-size:contain; background-position: center 80px;}
.scroll {margin-bottom: 40%;}
.bg-img03 {background-size:cover;}
#c04_message {width: 960px; height: 540px;}
#c04_shutter {width: 960px; height: 300px;}
#c04_kaidan {width: 960px; height: 400px; background-size: auto;}
#c04_syunin1 {width: 960px; height: 540px; background-size: auto;}
}