@charset "UTF-8";

/*=========================================================
 * Base settings
 *=========================================================*/
figure {
  margin: 0;
}

#contents {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic",
    sans-serif;
  margin: 0;
}

#contents * {
  box-sizing: border-box;
  max-width: 750px;
}

#contents img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

/*=========================================================
 * Project parts
 *=========================================================*/

/** index **/

.inner {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}

#mode_brand {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}

.posi-rel {
  position: relative;
}

.posi-abso01 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 82%;
}

.posi-abso02 {
  position: absolute;
  bottom: 515px;
  left: 50%;
  transform: translateX(-50%);
}

.posi-abso03 {
  position: absolute;
  bottom: 250px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 749px) {
  .posi-abso01 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 82%;
  }

  .posi-abso02 {
    position: absolute;
    bottom: 68.6666vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .posi-abso03 {
    position: absolute;
    bottom: 33.3333vw;
    left: 50%;
    transform: translateX(-50%);
  }
}

.remoorder {
  width: 93%;
  margin: 120px auto 0;
}

.official_sns {
  width: 93%;
  margin: 50px auto 0;
}

@media screen and (max-width: 749px) {
  .remoorder {
    margin: 31.9999vw auto 0;
  }

  .official_sns {
    width: 93%;
    margin: 6.6666vw auto 0;
  }
}

.sns_banner_border {
  border: 1px solid #CCCCCC;
}