@charset "UTF-8";
/* =============================================================================
   パーシャルファイル
   ========================================================================== */
/* -----------------------------------------------------------------------------
   メディアクエリ
   -------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
		l-404
		-------------------------------------------------------------------------- */
.l-404 {
  background-color: #222222;
  height: calc(100svh - 50px);
  min-height: 600px;
  width: 100%;
  padding: 0 30px;
}
@media screen and (min-width: 768px) {
  .l-404 {
    height: calc(100svh - 100px);
  }
}
.l-404-inner {
  max-width: 500px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.l-404-inner a {
  color: inherit;
  text-decoration: underline;
}

/* -----------------------------------------------------------------------------
		l-lower-thanks
		-------------------------------------------------------------------------- */
.l-lower-thanks {
  background-color: #222222;
  height: calc(100svh - 50px);
  min-height: 600px;
  width: 100%;
  padding: 0 30px;
}
@media screen and (min-width: 768px) {
  .l-lower-thanks {
    height: calc(100svh - 100px);
  }
}
.l-lower-thanks-inner {
  max-width: 500px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-lower-thanks p {
  color: #fff;
  line-height: 1.75;
}