@charset "UTF-8";
/* Break point
---------------------------------------------------------- */
@media screen and (max-width: 967px) {
  /* タブレット用のブレイクポイントを指定 */
  .p-product__popup {
    display: none;
    /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
  .btn-wiggle {
    display: none !important;
  }
}
:root {
  --gradient-banner: linear-gradient(145deg,rgba(192, 0, 0, 1) 0%, rgba(255, 21, 60, 1) 44%, rgba(255, 97, 142, 1) 100%);
  --color-main: #E00321;
}

.p-tc__intro {
  background: url(/products/trendcore/images/img_back.png) no-repeat center top;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 967px) {
  .p-tc__intro {
    padding-block: 5em 6em;
  }
}
.p-tc__intro > * {
  position: relative;
  z-index: 1;
}
.p-tc__intro::before {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.p-tc__intro::after {
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.p-tc__productBanner {
  padding: 3em 2em 1.5em;
  margin-top: 3em;
  background: var(--gradient-banner);
  display: grid;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .p-tc__productBanner {
    padding-top: 1.5em;
    grid-template-columns: 1fr auto;
  }
}
.p-tc__productBanner__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em 2em;
}
.p-tc__productBanner__inner > img {
  justify-self: center;
}
.p-tc__productBanner__arrow {
  margin-top: 5%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-tc__productBanner__arrow {
    margin-top: 0;
    text-align: end;
  }
}
.p-tc__productBanner__arrow > img {
  width: 60%;
  max-width: 12em;
}
@media screen and (min-width: 768px) {
  .p-tc__productBanner__arrow > img {
    width: auto;
  }
}

.p-tc__features {
  background: url(/products/trendcore/images/img_back02.png) #313131 no-repeat center;
  background-size: auto;
  color: #fff;
}
@media screen and (min-width: 967px) {
  .p-tc__features {
    background-size: contain;
  }
}
.p-tc__features__slider {
  margin-top: 3em;
}
.p-tc__features__list--egaku {
  grid-template-columns: repeat(auto-fit, minmax(11em, 1fr)) !important;
}