.p-kv .p-kv_grid_title {
  padding-top: 5.7rem;
  border-bottom: none;
}

.l-works_slide {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.l-works_slide_wrapper {
  width: 100%;
}

.l-works_slide_container {
  aspect-ratio: 1366/683;
}

.l-works_slide_content {
  z-index: 3;
  position: absolute;
  bottom: 3rem;
  left: 4.5rem;
}

.l-works_slide_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.l-works_slide_img::before {
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(49.52%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 49.52%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.52%, rgba(0, 0, 0, 0.3) 100%);
  content: "";
}

.l-works_slide_img img {
  aspect-ratio: 1366/683;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-works_slide_ttl {
  max-width: 84.4rem;
  margin-bottom: .8rem;
  color: var(--color-white);
}

.l-works_slide_cat_list {
  position: relative;
  color: var(--color-white);
}

.l-works_slide_cat_list:not(:last-of-type)::before {
  position: absolute;
  top: 50%;
  right: -0.8rem;
  width: 1px;
  height: 1.6rem;
  translate: 0 -50%;
  background: var(--color-white);
  content: "";
  content: "";
}

.l-works_slide_cat_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 84.4rem;
  gap: .4rem 1.6rem;
}

.l-works_slide_controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  position: absolute;
  right: 4.5rem;
  bottom: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 4rem;
}

.l-works_slide_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 .8rem;
  color: var(--color-white);
  cursor: pointer;
}

.l-works_slide_btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.4rem;
}

.l-works_slide_btn_pause {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.l-works_slide_btn_pause.is-stop .l-works_slide_btn_pause_icn {
  display: none;
}

.l-works_slide_btn_pause.is-stop .l-works_slide_btn_play_icn {
  display: block;
}

.l-works_slide_btn_play {
  width: 2rem;
  height: 2rem;
}

.l-works_slide_btn_play_icn {
  display: none;
}

.l-works_slide_btn_icn {
  width: 1.7rem;
}

.l-works_slide_pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  color: var(--color-white);
}

.l-works_slide_pagination_separator {
  width: .8rem;
  height: 2.4rem;
}

.l-works_slide_pagination_separator path {
  stroke: var(--color-white);
}

.l-works_result_empty {
  display: none;
  text-align: center;
}

.l-works_result_empty.is-show {
  display: block;
}

.l-works_result_empty_btn {
  position: relative;
  --btn-width: 41.2rem;
  margin: 4rem auto 0;
  border: 1px solid var(--color-black);
  background: none;
  color: var(--color-black);
  --btn-bg-color: var(--color-black);
  --btn-border-color: var(--color-white);
  --btn-font-color: var(--color-white);
  --btn-arrow-color: var(--color-white);
  -webkit-transition: background-color var(--easing) var(--duration),color var(--easing) var(--duration);
  transition: background-color var(--easing) var(--duration),color var(--easing) var(--duration);
}

.l-works_result_empty_btn svg path {
  -webkit-transition: stroke var(--easing) var(--duration);
  transition: stroke var(--easing) var(--duration);
}

@media screen and (max-width: 48em) {
  .p-kv {
    padding-top: 4.4rem;
  }
  .l-works_slide_container {
    aspect-ratio: initial;
  }
  .l-works_slide_content {
    position: static;
    padding: 6.5rem 2rem;
  }
  .l-works_slide_img img {
    aspect-ratio: 375/400;
  }
  .l-works_slide_ttl {
    color: var(--color-black);
  }
  .l-works_slide_cat_list {
    color: var(--color-gray-40);
  }
  .l-works_slide_cat_list:not(:last-of-type)::before {
    background: var(--color-gray-40);
  }
  .l-works_slide_controls {
    top: 110.9333333333vw;
    right: initial;
    bottom: initial;
    width: 100%;
    padding: 0 2rem;
  }
  .l-works_slide_btn {
    color: var(--color-black);
  }
  .l-works_slide_btn_pause_icn g {
    fill: var(--color-black);
  }
  .l-works_slide_btn_play_icn path {
    fill: var(--color-black);
  }
  .l-works_slide_btn_icn g {
    stroke: var(--color-black);
  }
  .l-works_slide_pagination {
    color: var(--color-black);
  }
  .l-works_slide_pagination_separator path {
    stroke: var(--color-black);
  }
  .l-works_result_empty_btn {
    --btn-width: 100%;
  }
}

@media (hover: hover) {
  .l-works_result_empty_btn:hover {
    border: 1px solid var(--btn-border-color, var(--color-black));
    background-color: var(--btn-bg-color, transparent);
    color: var(--btn-font-color, var(--color-black));
  }
  .l-works_result_empty_btn:hover svg path {
    stroke: var(--btn-arrow-color, var(--color-black));
  }
}