@charset "UTF-8";
/* COLOR */
/* FONT WEGIHT */
/* COLOR */
/* FONT WEGIHT */
/**
 * [utils] pcStyle
 * @description PC用メディアクエリ
 */
/**
 * [utils] spStyle
 * @description SP用メディアクエリ
 */
/**
 * [utils] createLinerGradient
 * @description 引数の角度を指定したグラデーションを返す
 */
/**
 * [utils] tileBackground
 * @description tileパーツのShadowを統一
 */
@-webkit-keyframes loading {
  0%, 40%, 100% {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
  }
  20% {
    -webkit-transform: scaleY(-0.5);
            transform: scaleY(-0.5);
  }
}
@keyframes loading {
  0%, 40%, 100% {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
  }
  20% {
    -webkit-transform: scaleY(-0.5);
            transform: scaleY(-0.5);
  }
}
.p-home .page-title {
  width: 100%;
  text-align: center;
  margin-top: 48px;
}
@media print, screen and (min-width: 1024px) {
  .p-home .page-title {
    margin-top: 78px;
  }
}

@media screen and (max-width: 1023px) {
  .p-home-main > .c-separator:nth-child(1) {
    display: none;
  }
}

.c-separator {
  border: 0;
  margin: 0;
  padding: 0;
  height: 2px;
  background-image: linear-gradient(178deg, #fd4536, #ec546e 35%, #c65f91 67%, #705fae);
}

.p-home__main-recommendation {
  max-width: 1280px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 1023px) {
  .p-home__main-recommendation {
    margin-bottom: 61px;
  }
}