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

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-terrace__inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-terrace__inner {
    width: calc(1280 / 1440 * 100%);
    max-width: calc(1280px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-terrace__inner {
    max-width: calc(1280px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-terrace__inner {
    max-width: calc(1280px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-terrace__inner {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-terrace__inner {
    width: calc(348 / 428 * 100%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeUp {
  0% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.c-intro {
  margin-top: 10rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-intro {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-intro {
    margin-top: 4.28rem;
  }
}

@media only screen and (min-width: 1025px) {
  .p-terrace {
    margin-top: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-terrace {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-terrace {
    margin-top: 4.28rem;
  }
}
.p-terrace__inner {
  max-width: 1100px;
}
@media only screen and (min-width: 1441px) {
  .p-terrace__inner {
    max-width: calc(1100 / 1440 * 100%);
  }
}
.p-terrace__slider {
  padding-bottom: 1.78rem;
}
@media only screen and (min-width: 768px) {
  .p-terrace .c-table {
    margin-top: 3.92rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-terrace .c-table {
    margin-top: 3.57rem;
  }
}
.p-terrace .c-table .c-table__tr .c-table__th,
.p-terrace .c-table .c-table__tr .c-table__td {
  border-color: #c9c9ca;
}
.p-terrace .c-table::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #c9c9ca;
}