/* Break point
---------------------------------------------------------- */
.p-tp__mv {
  position: relative;
  width: 100%;
  min-height: calc(100lvh - 205px);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 967px) {
  .p-tp__mv {
    height: 100vh;
  }
}
.p-tp__mv__video, .p-tp__mv__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.p-tp__mv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.p-tp__mv::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0)), to(rgba(17, 17, 17, 0.7)));
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.7) 100%);
}
.p-tp__mv .mvLogo {
  margin-block: 1.5em;
}
.p-tp__mv__netis {
  margin-top: 1em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--radius-base);
  padding: 0 1.5em 1em;
}

.p-tp__intro {
  padding-block: 3em 4em;
  background: var(--color-font) url(/products/trendpoint/images/back_grid.png) no-repeat center top;
  background-size: cover;
}
@media screen and (min-width: 967px) {
  .p-tp__intro {
    padding-block: 5em 6em;
  }
}
.p-tp__intro__subText {
  font-size: clamp(1.4rem, 1.284rem + 0.52vw, 1.8rem);
}
.p-tp__intro__title {
  font-size: clamp(3.6rem, 3.077rem + 2.32vw, 5.4rem);
  font-family: "Roboto", sans-serif;
}

.p-tp__reason__block {
  padding: 2em;
}

.p-tp__features {
  background: url(/products/trendpoint/images/back_dots.png) #313131 no-repeat center;
  background-size: cover;
  color: #fff;
}
@media screen and (min-width: 967px) {
  .p-tp__features {
    background-size: 100%;
  }
}
.p-tp__features__slider {
  margin-top: 3em;
}
.p-tp__features__list--egaku {
  grid-template-columns: repeat(auto-fit, minmax(11em, 1fr)) !important;
}

.p-tp__productBanner {
  margin-top: 3em;
  background: var(--gradient-banner);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-tp__productBanner__inner {
  padding: 2em 1em 1em 1em;
  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;
}
@media screen and (min-width: 967px) {
  .p-tp__productBanner__inner {
    padding: 1.5em 1em 3px 1em;
  }
}
.p-tp__productBanner__inner > img {
  justify-self: center;
}
.p-tp__productBanner__arrow {
  text-align: right;
  padding-right: 1em;
}

.p-tp__voice__image {
  border-radius: 50%;
  width: 7rem;
  height: 7rem;
}
.p-tp__voice__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
  margin-top: 2em;
  font-size: 1.5rem;
}

.p-tp__constMagBanner {
  margin-top: 2em;
  text-align: center;
}
@media screen and (min-width: 967px) {
  .p-tp__constMagBanner {
    margin-top: 4em;
  }
}
.p-tp__constMagBanner > a {
  display: block;
  border-radius: var(--radius-base);
  border: 1px solid #C9C9C9;
}
.p-tp__constMagBanner > a img {
  border-radius: var(--radius-base);
}

.p-tp__recommend {
  padding-left: 5%;
}
@media (width >= 1420px) {
  .p-tp__recommend {
    padding-left: calc((100vw - 200px) / 2 - 540px);
  }
}
.p-tp__recommend__title {
  font-size: var(--font-size-lg);
  font-weight: 500;
  color: var(--color-point);
  margin-bottom: 1em;
}

.p-tp__support__card {
  display: grid;
  grid-template-columns: auto auto;
}
@media screen and (min-width: 967px) {
  .p-tp__support__card {
    grid-template-columns: 1fr;
  }
}

.p-tp__faq {
  background: url(/products/trendpoint/images/back_grid.png) no-repeat center top, linear-gradient(300deg, #00459C -2.12%, #0097D5 99.03%) no-repeat center top;
  background-size: cover;
}