@charset "utf-8";

/* CSS Document */
#index {
  background-image: url("../images/index/index_back02.jpg");
  background-repeat: no-repeat;
  background-position: top;
}

#index_contents {
  display: flex;
  flex-direction: column;
}

#index_contents h1 {
  margin-bottom: 24px;
}

#index #bnr_box {
  display: flex;
}

#bnr_box #left_bnr {
  margin-top: 9px;
}

#bnr_box #right_bnr {
  margin-left: 24px;
}

#thanks {
  margin-top: 24px;
}

@media (max-width: 640px) {

  /* スマホ用のCSS */
  #index_contents h1 {
    margin-bottom: 12px;
  }

  #index #bnr_box {
    display: block;
  }

  #left_bnr img {
    width: 90%;
  }

  #bnr_box #right_bnr img {
    width: 90%;
  }

  #bnr_box #left_bnr {
    margin-bottom: 18px;
  }

  #bnr_box #right_bnr {
    margin-left: 0px;
  }

  #index_contents h1 {
    margin-left: 18px;
    margin-right: 18px;
  }
}