@charset "UTF-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  background-color: 000;
  color: fff;
}

* {
  box-sizing: border-box;  /* 全ての要素に適用 */
}

.a1 {
  max-width: 550px;
  width: 100%;
}

.i1 {
  width: 100%;
  height: 75px;
  padding: 20px;              /* 上下に余白（必要に応じて調整） */
  background-image: url("https://rsc.interplaymembers.jp/img/logo_fff.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.t1 {
  width: 100%;
  background-color: #000;
  text-align: center;         /* 左右中央揃え */
  padding: 15px;              /* 上下に余白（必要に応じて調整） */
  position: relative;         /* ::before を使うときの基準にするため */
  color: #fff;
  font-weight: bold;
  font-size: 1.25em;
  margin: 0;  /* 上下の余白をなくす */
}

.t1::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.a2 {
  width: 100%;
  border-top: 3px solid #000000;  /* 上の線 */
  border-bottom: 3px solid #000000; /* 下の線 */
  padding: 40px 50px;  /* 上下の余白をなくす */
  margin: 0;   /* 上下の余白をなくす */
}

.a2 p {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.25;  /* 行間も調整したい場合 */
}

.t2::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t3 {
  text-align: center;         /* 左右中央揃え */
}

.t3::before {
  content: "- COMING SOON -";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t4::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t5::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t6::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t7::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t8::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t9::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t10::before {
  content: "";  /* 任意のテキストに変更 */
  display: inline-block;
}

.t11 {
  width: 100%;
  text-align: center;         /* 左右中央揃え */
  padding: 15px;              /* 上下に余白（必要に応じて調整） */
  position: relative;         /* ::before を使うときの基準にするため */
  font-size: 0.9em;
  margin: 0;  /* 上下の余白をなくす */
}

.t11::before {
  content: "Copyright ©MAIN GATE WORKS Co.,Ltd.  All Rights Reserved.";  /* 任意のテキストに変更 */
  display: inline-block;
}