@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-comingsoon {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  height: calc(var(--vh) * 50);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
}
@media only screen and (min-width: 1025px) {
  .p-comingsoon {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-comingsoon {
    max-width: calc(var(--abi-child-width) * 1px * (13 + 2 + 0) / 13);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-comingsoon {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-comingsoon {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-comingsoon {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
.p-comingsoon__title {
  width: 100%;
  text-align: center;
}
.p-comingsoon__text {
  margin-top: 1em;
  text-align: center;
  width: 100%;
}
.p-comingsoon__button {
  margin-top: 3em;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .p-comingsoon__button {
    margin-top: 1.5em;
  }
}
.p-comingsoon__button .c-btn__link {
  width: 18em;
}
@media only screen and (max-width: 767px) {
  .p-comingsoon__button .c-btn__link {
    width: 100%;
  }
}
.p-comingsoon__button .c-btn__link .c-btn__text {
  margin-right: 1em;
}/*# sourceMappingURL=homepage.css.map */