@charset "utf-8";
body{
}

img{
  max-width:100%;
  margin: 0 auto;
}

a:hover img{
  opacity:0.8;
}

header{
  text-align:center;
}

article{
/*
  background-image:url("../img/back.png");
*/
  padding-bottom:30px;
  position:relative;
}

div#section0 {
    padding-top: 100px;
}



div#section1 {
    padding-top: 80px;
    padding-bottom: 60px;
}

article #backimage01{
  position:absolute;
  top:40px;
  left:0;
  width:100%;
  height:100%;
  background-image:url("../img/back1.png");
  z-index:-1;
}

article #backimage02{
  position:absolute;
  top:40px;
  left:0;
  width:100%;
  height:100%;
  background-image:url("../img/back2.png");
  z-index:-1;
}

header{
  margin-bottom:0px;
}

footer{
  margin:100px 60px 60px 60px;
}

@media screen and (max-width: 1200px) {
}

/* md ≥768px */
@media screen and (max-width: 991px) {

}

@media (max-width: 991.98px){
}

/* sm ≥576px */
@media screen and (max-width: 767px) {
}

/* xs <576px */
@media screen and (max-width: 576px) {
article{
  padding:30px 0px;
}
article #backimage{
  top:0;
}

header {
    margin-bottom: 0px;
}

footer{
  margin:60px 20px 40px 20px;
}

div#section0 {
    padding-top: 60px;
}



div#section1 {
    padding-top: 30px;
}

div#section2 {
    padding-top: 30px;
}


}