@charset "utf-8";
body {background-image:url("top1.jpg"); background-size:130%; background-repeat: no-repeat; background-position: center 300px; background-attachment: fixed; }
.bg-img07 { background-color: #000; background-image: url(chapter_back.jpg); background-position: center 90%; background-repeat: no-repeat; padding: 50px 0;  background-size:140%;}
.scroll {margin-bottom: 100%;}
#c07_america1 {background: url("fuukei1.jpg") no-repeat center; background-size:150%; padding: 20% 0;}
#c07_america2 {background: url("fuukei2.jpg") no-repeat center bottom; background-size: 150%; padding: 20% 0;}
#c07_america3 {background: url("hasigo.jpg") no-repeat center; background-size: 100%; padding: 25% 0;}
#c07_america4 {background: url("tica1.jpg") no-repeat center; background-size: 150%; padding:25% 0;}
#c07_america5 {background: url("tica2.jpg") no-repeat center; background-size: 130%; padding: 25% 0;}
#c07_america6 {background: url("hanazibuu.jpg") no-repeat center; background-size: 110%; padding: 15% 0;}
#c07_america7 {background: url("hint.jpg") no-repeat center; background-size: cover; padding: 25% 0;}
#c07_america8 {background: url("reoda_msg1.jpg") no-repeat center; background-size: cover; padding: 25% 0;}
.img01{width: 70%; margin: 10px auto; max-width: 250px;}
video {width: 100%;}

@media print, screen and (min-width: 600px){
body {background-size: 110%; background-position: center 280px;}
.scroll {margin-bottom: 70%;}
.bg-img07 {padding: 100px 0; background-size: 120%;}
#c07_america1 {background-size: 100%; padding: 25% 0;}
#c07_america2 {background-size: 130%; padding: 25% 0;}
#c07_america3 {background-size: 120%; padding: 25% 0;}
#c07_america4 {background-size: 120%; padding: 25% 0;}
#c07_america5 {background-size: 110%; padding: 27% 0;}
#c07_america6 {background-size: 100%; padding: 15% 0;}

.img01 {max-width: 450px;}
}
@media print, screen and (min-width : 980px){
body {background-size:contain; background-position: center 180px;}
.scroll {margin-bottom: 40%;}
.bg-img07 {background-size:cover;}
#c07_america2 {background-size: cover; padding: 20% 0;}
#c07_america3 {background-size: cover; padding: 20% 0;}
#c07_america4 {background-size: cover; padding: 15% 0;}
#c07_america5 {background-size: cover; padding: 25% 0;}
#c07_america6 {background-size: cover; padding: 15% 0;}
}