@charset 'UTF-8';
.eighth-inner {
  width: 1184px;
  max-width: 100%;
  padding: 0 32px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:1184px) {
  .eighth-inner {
    padding: 0 20px;
  }
}

.eighth-inner-sm {
  width: 864px;
  max-width: 100%;
  padding: 0 32px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:1184px) {
  .eighth-inner-sm {
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc-none {
    display: none !important;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
  .pc {
    display: none !important;
  }
}

.eighth {
  background-color: #EDFAF9;
}

.eighth section {
  position: relative;
  z-index: 1;
}

/* 四角の装飾背景 */
.square-green {
  position: absolute;
  width: 213px;
  height: 138px;
  background: linear-gradient(270deg, #E3F2CB 0%, #ADDF95 100%);
  filter: blur(2px);
}
.square-red {
  position: absolute;
  width: 213px;
  height: 138px;
  background: linear-gradient(270deg, #F88D5D 0%, #FFA0C3 100%);
  filter: blur(2px);
}
.square-red.--large {
  width: 373px;
  height: 242px;
  filter: blur(38px);
}
.square-purple {
  position: absolute;
  width: 213px;
  height: 138px;
  background: linear-gradient(270deg, #A093A9 0%, #967ED2 100%);
  filter: blur(15px);
}
.square-purple.--large {
  width: 275px;
  height: 178px;
  filter: blur(51px);
}
.square-blue {
  position: absolute;
  width: 383px;
  height: 248px;
  background: linear-gradient(270deg, #95E0D4 0%, #5D95CD 100%);
  filter: blur(30px);
}
.square-orange {
  position: absolute;
  width: 213px;
  height: 138px;
  background: linear-gradient(270deg, #FFD59E 0%, #FF550D 100%);
  filter: blur(35px);
}
@media screen and (max-width: 767px){
  .square-green {
    width: 174px;
    height: 112px;
  }
  .square-red {
    width: 174px;
    height: 112px;
  }
  .square-red.--large {
    width: 305px;
    height: 198px;
  }
  .square-purple {
    width: 174px;
    height: 112px;
  }
  .square-purple.--large {
    width: 225px;
    height: 146px;
  }
  .square-blue {
    width: 313px;
    height: 203px;
  }
  .square-orange {
    width: 174px;
    height: 113px;
  }
}

/* 背景の大きなテキスト */
.bg-txt {
  position: absolute;
  font-size: 204px;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(180deg, #00B1A0 0%, rgba(0, 177, 160, 0.00) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.5;
}
@media screen and (max-width: 767px){
  .bg-txt {
    font-size: 100px;
  }
}

/* セクションのタイトル */
.ttlSection-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
}
.ttlSection {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.ttlSection-sub {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #00C8AC;
}
@media screen and (max-width: 767px){
  .ttlSection {
    font-size: 28px;
  }
}

/* 無限ループスライダー */
.scroll-infinity {
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: -1;
}
.scroll-infinity ul {
  display: flex;
  animation: infinity-scroll-left 60s infinite linear 0.5s both;
  width: max-content;
}
@keyframes infinity-scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.scroll-infinity.--image ul {
  gap: 40px;
}
.scroll-infinity.--image ul li {
  width: 400px;
  border-radius: 20px;
  overflow: hidden;
}
.scroll-infinity.--image ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px){
  .scroll-infinity.--image ul {
    gap: 24px;
  }

  .scroll-infinity.--image ul li {
    width: 160px;
  }
}

.scroll-infinity.--text ul {
  gap: 80px;
}
.scroll-infinity.--text ul li {
  font-size: 204px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
  background: linear-gradient(180deg, #00B1A0 0%, rgba(0, 177, 160, 0.00) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.5;
  white-space: nowrap;
}
@media screen and (max-width: 767px){
  .scroll-infinity.--text ul {
    gap: 56px;
  }

  .scroll-infinity.--text ul li {
    font-size: 80px;
  }
}

/* ========================================
mv メインビジュアル
======================================== */
.eighth-mv {
  padding-top: 112px;
  padding-bottom: 40px;
}

.eighth-mv .square-green {
  top: 312px;
  left: -50px;
}
.eighth-mv .square-purple {
  top: 76px;
  right: 71px;
}
.eighth-mv .square-red {
  top: 407px;
  right: -13px;
}
.eighth-mv .square-blue {
  left: -29px;
  bottom: -164px;
}

@media screen and (max-width: 767px){
  .eighth-mv {
    padding-top: 80px;
  }

  .eighth-mv .square-green {
    top: 250px;
    left: -112px;
  }
  .eighth-mv .square-purple {
    top: -40px;
    right: -96px;
  }
  .eighth-mv .square-red {
    top: 360px;
    right: -64px;
  }
  .eighth-mv .square-blue {
    left: -190px;
    bottom: -24px;
  }
}

.eighth-mv__main {
  text-align: center;
}

.eighth-mv__text {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  padding: 4px 24px;
  background-color: #E66084;
  border-radius: 999px;
}
@media screen and (max-width:767px) {
  .eighth-mv__text {
    top: -20px;
    font-size: 16px;
  }
}

.eighth-mv__image {
  text-align: center;
}

.eighth-mv__title {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .eighth-mv__title {
    margin-top: 32px;
    font-size: 29px;
  }
}

.eighth-mv__nav {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  counter-reset: numberList 0;
}
@media screen and (max-width:767px) {
  .eighth-mv__nav {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.eighth-mv__nav-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-width: 184px;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px 22px;
  background-color: #fff;
  border-radius: 999px;
  box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.20);
}
@media screen and (max-width:767px) {
  .eighth-mv__nav-item a {
    min-width: 100%;
    padding: 16px;
  }
}

.eighth-mv__nav-item a img {
  vertical-align: middle;
  transition: .3s;
}

.eighth-mv__nav-item a:hover img {
  transform: translateY(4px);
}

.eighth-mv__nav-item a::before {
  counter-increment: numberList 1;
  content: counter(numberList) ".";
  font-size: 18px;
  color: #00B1A0;
}

/* ========================================
STORY ストーリー
======================================== */
.eighth-story {
  padding-top: 160px;
  padding-bottom: 160px;
}

.eighth-story .square-green {
  top: 50px;
  right: -82px;
  z-index: -1;
}

.eighth-story .bg-txt {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px){
  .eighth-story {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .eighth-story .square-green {
    top: -20px;
    right: -96px;
  }
}

.eighth-story .scroll-infinity {
  margin-top: 48px;
}
@media screen and (max-width:767px) {
  .eighth-story .scroll-infinity {
    margin-top: 40px;
  }
}

.eighth-story__box {
  margin-top: -200px;
  padding: 48px 120px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #FFF;
  /* Background Blur */
  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.16);
  backdrop-filter: blur(2px);
}

.eighth-story__box p {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 2.2;
  color: #00C8AC;
}

@media screen and (max-width: 767px){
  .eighth-story__box {
    margin-top: -64px;
    padding: 40px 20px;
  }

  .eighth-story__box p {
    font-size: 16px;
  }
}

/* ========================================
sales 販売台数
======================================== */
.eighth-sales .square-purple {
  top: 0;
  right: 80px;
}
.eighth-sales .square-orange {
  top: 69px;
  left: -44px;
}
.eighth-sales .bg-txt {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1;
  left: calc(50% - 306px);
  bottom: 268px;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .eighth-sales .bg-txt {
    font-size: 154px;
    left: 0;
    transform: translateX(0);
  }
}
@media screen and (max-width: 919px){
  .eighth-sales .square-purple {
    top: -64px;
  }
}
@media screen and (max-width: 767px){
  .eighth-sales .square-purple {
    top: -24px;
    right: -120px;
  }
  .eighth-sales .square-orange {
    top: 120px;
    left: -144px;
  }
  .eighth-sales .bg-txt {
    font-size: 80px;
    bottom: 160px;
  }
}

.eighth-salesContents {
  padding-top: 120px;
  padding-bottom: 160px;
  background-color: #fff;
  border-radius: 100%;
  margin-left: -157px;
  margin-right: -157px;
  padding-left: 157px;
  padding-right: 157px;
  overflow: hidden;
}
@media screen and (max-width: 767px){
  .eighth-salesContents {
    padding-top: 64px;
    padding-bottom: 80px;
    border-top-left-radius: 50% 20%;
    border-top-right-radius: 50% 20%;
    border-bottom-right-radius: 50% 20%;
    border-bottom-left-radius: 50% 20%;
  }
}

.eighth-sales .ttlSection span {
  display: inline-block;
  font-size: 46px;
  line-height: 1.1;
  padding-inline: 4px;
  background: linear-gradient(0deg, #E04D6A 23.19%, #CE1A24 73.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px){
  .eighth-sales .ttlSection span {
    font-size: 36px;
  }
}

.eighth-sales__text {
  margin-top: 48px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.eighth-sales__image {
  margin-top: -104px;
  margin-inline: auto;
  width: fit-content;
}

@media screen and (max-width: 1163px){
  .eighth-sales__image {
    margin-top: -56px;
  }
}

@media screen and (max-width: 767px){
  .eighth-sales__text {
    margin-top: 40px;
  }

  .eighth-sales__image {
    margin-top: 24px;
  }
}

/* ========================================
achievements 沿革、ユーザーデータ、メリット
======================================== */
.eighth-achievements {
  padding-top: 120px;
  padding-bottom: 72px;
}
@media screen and (max-width: 919px){
  .eighth-achievements {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.eighth-achievements .deco_bubble {
  position: absolute;
}
.eighth-achievements .deco_bubble.--purple {
  top: -99px;
  right: -40px;
  filter: blur(15px);
}
.eighth-achievements .deco_bubble.--red {
  top: 260px;
  left: -30px;
  filter: blur(39px);
}
.eighth-achievements .deco_bubble.--blue {
  right: -128px;
  bottom: 89px;
  filter: blur(39px);
}
.eighth-achievements .deco_bubble.--green {
  left: 100px;
  bottom: 125px;
}
@media screen and (max-width: 767px){
  .eighth-achievements .deco_bubble.--purple {
    top: -56px;
    right: -168px;
    width: 208px;
    height: 193px;
  }
  .eighth-achievements .deco_bubble.--red {
    top: 172px;
    left: -191px;
    width: 298px;
    height: 276px;
  }
  .eighth-achievements .deco_bubble.--blue {
    right: -248px;
    bottom: 260px;
    width: 439px;
    height: 406px;
  }
  .eighth-achievements .deco_bubble.--green {
    left: -84px;
    bottom: 0;
    width: 207px;
    height: 192px;
  }
}

.eighth-achievements__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.eighth-achievements__ttl img:last-of-type {
  transform: scale(-1, 1);
}
@media screen and (max-width: 767px){
  .eighth-achievements__ttl {
    font-size: 22px;
  }
}

.eighth-achievements__blockWrap {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.eighth-achievements__block {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.16);
  backdrop-filter: blur(2px);
  overflow: hidden;
}
.eighth-achievements__block-ttl {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 4px 16px;
  background-color: #231815;
}
.eighth-achievements__block-thumbs {
  text-align: center;
  padding: 20px;
}
@media screen and (max-width: 767px){
  .eighth-achievements__blockWrap {
    margin-top: 40px;
    gap: 24px;
  }
  .eighth-achievements__block-ttl {
    font-size: 18px;
  }
  .eighth-achievements__block-thumbs {
    padding: 24px 20px;
  }
}

/* ========================================
result その結果
======================================== */
.eighth-result {
  padding-bottom: 120px;
  background: url(../../images/8th/bg_result.webp) no-repeat center / cover;
}
@media screen and (max-width: 919px){
  .eighth-result {
    padding-bottom: 80px;
  }
}

.eighth-result__ttl {
  padding-top: 64px;
  filter: drop-shadow(0 32px 14px rgba(51, 51, 51, 0.16));
}
.eighth-result__ttl::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 240px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #EDFAF9 10%, #C4F1EC 56%, #C2EFE7 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: -1;
}
.eighth-result__ttl p {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px){
  .eighth-result__ttl {
    padding-top: 40px;
  }
  .eighth-result__ttl::before {
    height: 160px;
  }
  .eighth-result__ttl p {
    font-size: 28px;
  }
}

.eighth-result__block {
  margin-top: 80px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.16);
  backdrop-filter: blur(2px);
  overflow: hidden;
}
.eighth-result__block-ttl {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 8px 16px;
  background-color: #E66084;
}
.eighth-result__block-thumbs {
  text-align: center;
  padding: 32px 20px;
}
@media screen and (max-width: 767px){
  .eighth-result__block {
    margin-top: 40px;
  }
  .eighth-result__block-ttl {
    font-size: 28px;
  }
  .eighth-result__block-thumbs {
    padding: 24px 20px 32px;
  }
}

/* ========================================
reason 選ばれる理由
======================================== */
.eighth-reason {
  padding-top: 156px;
  padding-bottom: 160px;
}
.eighth-reason .square-green {
  top: 430px;
  left: -75px;
  z-index: -1;
}
.eighth-reason .square-orange {
  right: -67px;
  bottom: 788px;
  z-index: -1;
}
.eighth-reason .bg-txt {
  left: 0;
  bottom: 103px;
  z-index: -1;
}
@media screen and (max-width: 919px){
  .eighth-reason {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .eighth-reason .bg-txt {
    bottom: 0;
  }
}
@media screen and (max-width: 767px){
  .eighth-reason .bg-txt {
    left: 50%;
    bottom: 64px;
    transform: translateX(-50%);
  }
}

.eighth-reason__item {
  position: relative;
  padding: 64px 48px 164px;
  max-width: 766px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 32px;
}
.eighth-reason__item::before {
  position: absolute;
  content: "";
  filter: blur(39px);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.eighth-reason__item:nth-of-type(1)::before {
  background: url(../../images/8th/bg_balloon-blue.svg) no-repeat center / cover;
}
.eighth-reason__item:nth-of-type(2)::before {
  background: url(../../images/8th/bg_balloon-purple.svg) no-repeat center / cover;
}
.eighth-reason__item:nth-of-type(3)::before {
  background: url(../../images/8th/bg_balloon-red.svg) no-repeat center / cover;
}
.eighth-reason__item::after {
  position: absolute;
  content: attr(data-num);
  top: -88px;
  right: -88px;
  font-weight: 700;
  font-size: 204px;
  line-height: 1;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 白い線（ボーダー） */
  -webkit-text-stroke: 1px #fff;
  text-shadow: 0 0 16px rgba(51, 51, 51, 0.05);
}
.eighth-reason__txt {
  order: 1;
}
.eighth-reason__txt .ttl {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
}
.eighth-reason__txt p {
  margin-top: 16px;
  color: #fff;
}
.eighth-reason__img {
  order: 2;
  border-radius: 20px;
  overflow: hidden;
}
.eighth-reason__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eighth-reason__item:nth-of-type(odd) { /*奇数*/
  margin-left: auto;
}
.eighth-reason__item:nth-of-type(2) .eighth-reason__txt {
  order: 2;
}
.eighth-reason__item:nth-of-type(2) .eighth-reason__img {
  order: 1;
}
@media screen and (min-width: 1048px){
  .eighth-reason .ttlSection-wrap {
    align-items: flex-start;
  }
  .eighth-reason__item:nth-of-type(1) {
    margin-top: -148px;
  }
}
@media screen and (max-width: 1047px){
  .eighth-reason__item:nth-of-type(1) {
    margin-top: 48px;
  }
}
@media screen and (max-width: 919px){
  .eighth-reason__item {
    padding: 64px 48px 144px;
  }
  .eighth-reason__item::after {
    top: -80px;
    right: 8px;
    font-size: 144px;
  }
}
@media screen and (max-width: 767px){
  .eighth-reason__item {
    padding: 32px 24px 100px;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .eighth-reason__item:nth-child(n + 2) {
    margin-top: 32px;
  }
  .eighth-reason__item::before {
    filter: blur(30px);
  }
  .eighth-reason__item:nth-of-type(1):before {
    background: url(../../images/8th/bg_balloon-blue_sp.svg) no-repeat center / cover;
  }
  .eighth-reason__item:nth-of-type(2):before {
    background: url(../../images/8th/bg_balloon-purple_sp.svg) no-repeat center / cover;
  }
  .eighth-reason__item:nth-of-type(3):before {
    background: url(../../images/8th/bg_balloon-red_sp.svg) no-repeat center / cover;
  }
  .eighth-reason__item::after {
    top: -24px;
    right: -8px;
    font-size: 80px;
  }
  .eighth-reason__txt {
    order: 2;
  }
  .eighth-reason__img {
    order: 1;
  }
  .eighth-reason__txt .ttl {
    font-size: 24px;
  }
}

/* ========================================
customer 導入事例
======================================== */
.eighth-customer {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #fff;
}
.eighth-customer .square-red.--large {
  bottom: 747px;
  left: -153px;
  z-index: -1;
}
.eighth-customer .square-purple {
  bottom: 15px;
  right: -15px;
  z-index: -1;
}
@media screen and (max-width: 919px){
  .eighth-customer  {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767px){
  .eighth-customer .square-red.--large {
    top: 920px;
    bottom: initial;
  }
}

.eighth-customer__lead {
  margin-top: 48px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 919px) {
  .eighth-customer__lead {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .eighth-customer__lead {
    font-size: 18px;
  }
}

/* スライダー */
.eighth-customer__slider {
  margin: 48px auto 0;
}
.eighth-customer__slider .slick-track {
  gap: 48px;
  margin: 0 auto; /* トラック自体を中央寄せ */
}
.eighth-customer__slider .slick-next,
.eighth-customer__slider .slick-prev {
  top: initial;
  bottom: -36px;
  width: 72px;
  height: 72px;
  background: #00B1A0;
}
.eighth-customer__slider .slick-next {
  right: -24px;
}
.eighth-customer__slider .slick-prev {
  left: initial;
  right: 64px;
}
.eighth-customer__slider .slick-next:before {
  background: url(../../images/8th/slick-r-arrow.svg) no-repeat;
}
.eighth-customer__slider .slick-prev:before {
  background: url(../../images/8th/slick-l-arrow.svg) no-repeat;
}

.eighth-customer__slider-item {
  display: inline-flex !important;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row !important;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.16);
  backdrop-filter: blur(2px);
  overflow: hidden;
  width: 100%;     /* 中身の幅に合わせる */
  max-width:1120px;
}
.eighth-customer__img {
  position: relative;
  flex: 0 0 39.2%; /* 固定比率で幅を */
  max-width: 440px;
}
.eighth-customer__img::before {
  content: "";
  display: block;
  padding-top: 100%; /* 比率を指定 */
}
.eighth-customer__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eighth-customer__text {
  flex: 1; /* 残りスペースを使用 */
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 48px;
}
.eighth-customer__organization {
  font-weight: 500;
  line-height: 2;
  color: #999;
}
.eighth-customer__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.eighth-customer__title span {
  color: #00B1A0;
}
.eighth-customer__desc {
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
.eighth-customer__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.eighth-customer__tag {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding: 4px 16px;
  color: #fff;
  background: #999;
  border-radius: 20px;
}
@media screen and (max-width: 919px) {
  .eighth-customer__slider .slick-next {
    right: 0;
  }
  .eighth-customer__slider .slick-prev {
    right: 88px;
  }
  .eighth-customer__slider-item {
    flex-direction: column !important;
    align-items: initial;
  }
  .eighth-customer__img {
    flex: none;
    max-width: 100%;
  }
  .eighth-customer__img::before {
    padding-top: 70.68%;
  }
}
@media screen and (max-width: 767px) {
  .eighth-customer__slider .slick-track {
    gap: 24px;
  }
  .eighth-customer__text {
    padding: 32px 24px;
    gap: 8px;
  }
  .eighth-customer__title {
    font-size: 18px;
  }
}

/* 他の声 */
.eighth-customer__otherVoice {
  position: relative;
  margin-top: 128px;
}
.eighth-customer__otherVoice .bg-txt {
  font-family: 'Noto Sans JP', sans-serif;
  top: -152px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .eighth-customer__otherVoice {
    margin-top: 80px;
  }
  .eighth-customer__otherVoice .bg-txt {
    top: -56px;
  }
}

.eighth-customer__otherVoice .otherVoice__ttl {
  text-align: center;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .eighth-customer__otherVoice .otherVoice__ttl  {
    font-size: 26px;
  }
}

.eighth-customer__otherVoice .otherVoice__list {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.eighth-customer__otherVoice .otherVoice__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 32px 72px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #FFF;
  border-radius: 20px;
  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.16);
  backdrop-filter: blur(2px);
}
.eighth-customer__otherVoice .otherVoice__item::before,
.eighth-customer__otherVoice .otherVoice__item::after {
  position:absolute;
  content:"“";
  font-family: 'Noto Sans JP', sans-serif;
  color: #999;
  font-size: 85px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.4;
}
.eighth-customer__otherVoice .otherVoice__item::before {
  top: 16px;
  left: 24px;
}
.eighth-customer__otherVoice .otherVoice__item::after {
  content:"”";
  right: 24px;
  bottom: -12px;
}
.eighth-customer__otherVoice .otherVoice__img {
  flex-shrink: 0;
}
.eighth-customer__otherVoice .otherVoice__title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.eighth-customer__otherVoice .otherVoice__organization {
  margin-top: 4px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #999;
}
@media screen and (max-width: 919px) {
  .eighth-customer__otherVoice .otherVoice__item {
    flex-direction: column;
    padding: 32px 24px;
  }
  .eighth-customer__otherVoice .otherVoice__item::before,
  .eighth-customer__otherVoice .otherVoice__item::after {
    font-size: 64px;
  }
  .eighth-customer__otherVoice .otherVoice__text {
    text-align: center;
  }
}
@media screen and (max-width: 919px) {
  .eighth-customer__otherVoice .otherVoice__list {
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .eighth-customer__otherVoice .otherVoice__list {
    margin-top: 40px;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* ========================================
campaign キャンペーン
======================================== */
.eighth-campaign {
  padding-top: 80px;
  padding-bottom: 120px;
}
.eighth-campaign .square-blue {
  top: 61px;
  left: -147px;
  z-index: -1;
}
.eighth-campaign .square-orange {
  right: -67px;
  bottom: 373px;
  z-index: -1;
}
.eighth-campaign .ttlSection-wrap {
  gap: 32px;
}
.eighth-campaign .ttlSection-wrap::after {
  content: "";
  width: 120px;
  height: 4px;
  background-color: #00B1A0;
}
.eighth-campaign__lead {
  margin-top: 48px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 919px) {
  .eighth-campaign__lead {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .eighth-campaign {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  .eighth-campaign .square-blue {
    top: 40px;
    left: -212px;
  }
  .eighth-campaign .square-orange {
    right: -80px;
    bottom: 300px;
  }
  .eighth-campaign .ttlSection-wrap {
    gap: 24px;
  }
  .eighth-campaign__lead {
    font-size: 18px;
  }
}

.eighth-campaign__products {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .eighth-campaign__products {
    margin-top: 40px;
    flex-direction: column;
    gap: 24px;
  }
}

.eighth-campaign__banner {
  margin-top: -128px;
  text-align: center;
}
.eighth-campaign__banner a {
  -webkit-filter: drop-shadow(0 0 30px rgba(51,51,51,.16));
  filter: drop-shadow(0 0 30px 0 rgba(51, 51, 51, 0.16));
}
.eighth-campaign__banner img {
  width: 100%;
  height: auto;
  max-width: 832px;
}
@media screen and (max-width: 767px) {
  .eighth-campaign__banner {
    margin-top: -48px;
  }
}