@charset "UTF-8";
#lower header {
  width: 100%;
  height: 260px;
  background: url("_img/bg_header.jpg") repeat left top;
}
#lower header .pict {
  width: 1100px;
  margin: 0 auto;
}
section#main {
  width: 1000px;
  margin: 40px auto;
}
#main h2 {
  width: 639px;
  margin: 20px auto;
}
.cal {
  width: 742px;
  height: 888px;
  margin: 0 auto;
  background: url("_img/bg@2x.png") no-repeat left top/100% auto;
}
.cal ul {
  width: 99%;
  margin: 0 auto;
  padding: 268px 0 0 0;
  font-size: 0;
  box-sizing: border-box;
}
.cal ul li {
  display: inline-block;
  width: 96px;
  margin: 0 0.61% 55px;
  padding: 0;
  font-size: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 667px) {
  #lower header {
    width: 100%;
    height: auto;
    padding-bottom: calc(100%*260/750);
    background: url("_img/header_sp.jpg")no-repeat;
    background-size: 100% auto;
  }
  #lower header .pict {
    display: none;
  }
  section#main {
    width: 100%;
  }
  #main h2 {
    width: 100%;
    margin: 3% auto;
  }
  .cal {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url("_img/bg@2x.png") no-repeat left top/100% auto;
  }
  .cal ul {
    width: 99%;
    margin: 0 auto;
    padding: 35% 0 0 0;
    font-size: 0;
    box-sizing: border-box;
  }
  .cal ul li {
    display: inline-block;
    width: 13.28%;
    margin: 0 0.5% 7.5%;
    padding: 0;
    font-size: 0;
    box-sizing: border-box;
  }
}