@charset "utf-8";

@media print,screen and (min-width : 501px) {

#header_img {
    margin-top: 20px;
  height: 300px; /* ヘッダーの中身が空のため高さを指定 */
  background-image: url("image/header.jpg");
  background-size: cover;
  background-position: 50% 25%; /* 横 縦 */
}
    
#gaiyou{
  margin-top: 40px;
}
#gaiyou .b-info-table{
  margin-top: 20px;
}

#map{
  margin-top: 40px;
}
#map iframe{
  margin-top: 20px;
  width: 100%;
}


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

#header_img {
    margin-top: 20px;
  height: 200px; /* ヘッダーの中身が空のため高さを指定 */
  background-image: url("image/header.jpg");
  background-size: cover;
  background-position: 50% 25%; /* 横 縦 */
}

#gaiyou{
  margin-top: 40px;
}
#gaiyou .b-info-table{
  margin-top: 20px;
}

#map{
  margin-top: 40px;
}
#map iframe{
  margin-top: 20px;
  width: 100%;
}

}