@charset "UTF-8";

#sub_main {
  background: url(../images/bg-about.jpg) no-repeat center bottom/cover;
}


/* =======================================================
* message
* ======================================================= */
#message .credit {
  position: absolute;
  right: 5px;
  bottom: 0px;
  font-size: 1rem;
  color: #fff;
}

@media screen and (max-width:768px) {
  #message .w30 {
    width: 80%;
    margin: 20px auto 0;
  }
}


/* =======================================================
* natural
* ======================================================= */
#natural {
  background: #578b5c;
  color: #fff;
  padding-bottom: 2rem;
}

#natural h2 {
  margin-bottom: 50px;
}

#natural .flex {
  margin: 0px auto 90px;
}

#natural .natural_img01,
#natural .natural_img02,
#natural .natural_img03 {
  height: 300px;
}

#natural .natural_img01 {
  background: url(../images/ph01.jpg) no-repeat center/cover;
}

#natural .natural_img02 {
  background: url(../images/ph02.jpg) no-repeat center/cover;
}

#natural .natural_img03 {
  background: url(../images/ph03.jpg) no-repeat center/cover;
}

@media screen and (max-width:768px) {
  #natural .flex {
    margin: 30px auto 60px;
  }

  #natural .natural_img01,
  #natural .natural_img02,
  #natural .natural_img03 {
    height: 150px;
  }

  #natural .natural_img01 {
    background-position: center bottom 30%;
  }

}


/* =======================================================
* access
* ======================================================= */
#access .access_map {
  margin: 30px auto 80px;
}

#access .access_map iframe {
  width: 100%;
  height: 450px;
}