@charset "UTF-8";

#main {
  padding-top: 80px;
}

body {
  background-color: #C8DEF4;
}

.flyer {
  max-width: 100%;
  width: 400px;
  height: auto;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 5;
  top: 400px;
}

#wrapper {
  position: relative;
  padding: 550px 8rem 70px;
}


.info-table {
  margin: 0 auto 50px;
}

.info-table th,
.info-table td {
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
}

.info-table th {
  width: 6em;
}



/* タブレットサイズ */
@media screen and (max-width: 1000px) {



  #wrapper {
    margin: 100px 5rem;
    padding: 630px 8rem 70px;
  }

}





/* スマートフォン */
@media screen and (max-width: 767px) {

  #main {
    padding-top: 60px;
  }

  .flyer {
    max-width: 300px;
    top: 260px;
  }


  #wrapper {
    margin: 50px auto 0px;
    padding: 474px 2rem 70px;
  }


}