body {
  margin: 0;
}

.back_img {
  height: 100vh;
  width: 100vw;
}

.back_img_header {
  background-image: url(../images/ヘッダー.png);
  background-size: cover;
  height: 17vh;
  width: 100vw;
}

.back_img_logo {
  background-image: url(../images/TSUMUGIロゴ.png);
  background-size: cover;
  height: 30vh;
  width: 92vw;
  margin: 0 auto;
  margin-top: 70px;
}

.back_img_text {
  background-image: url(../images/coming_soonテキスト.png);
  background-size: cover;
  height: 4.5vh;
  width: 46vw;
  margin: 0 auto;
}


/* iphpne SE対応 */
@media (max-width: 380px) {
  .back_img_logo {
    background-image: url(../images/TSUMUGIロゴ.png);
    background-size: cover;
    height: 30vh;
    width: 92vw;
    margin: 0 auto;
    margin-top: 45px;
  }

  .back_img_text {
    background-image: url(../images/coming_soonテキスト.png);
    background-size: cover;
    height: 5vh;
    width: 42vw;
    margin: 0 auto;
    margin-top: 30px;
  }
}

/* タブレット時のスタイル */
@media (min-width: 768px) {
  .back_img_logo {
    background-image: url(../images/TSUMUGIロゴ.png);
    background-size: cover;
    height: 37vh;
    width: 77vw;
    margin: 0 auto;
  }

  .back_img_text {
    background-image: url(../images/coming_soonテキスト.png);
    background-size: cover;
    height: 5vh;
    width: 38vw;
    margin: 0 auto;
    /* margin-top: 30px; */
  }
}

/* PCサイズ時のスタイル */
@media (min-width: 1000px) {
  .back_img {
    height: 100vh;
    width: 100vw;
  }

  .back_img_header {
    background-image: url(../images/ヘッダー.png);
    background-size: cover;
    height: 17vh;
    width: 100vw;
  }

  .back_img_logo {
    background-image: url(../images/TSUMUGIロゴ.png);
    background-size: cover;
    height: 37vh;
    width: 34vw;
    margin: 0 auto;
    margin-top: 35px;
  }

  .back_img_text {
    background-image: url(../images/coming_soonテキスト.png);
    background-size: cover;
    height: 8vh;
    width: 21vw;
    margin: 0 auto;
    margin-top: 30px;
  }
}