/**
 * page style
 */
.p-video-body {
  display: flex;
  flex-direction: column;
  gap: 6.8rem;
  padding-bottom: 14.5rem;
  padding-top: 9.5rem;
}
@media screen and (max-width: 767px) {
  .p-video-body {
    gap: 3.8rem;
    padding-bottom: 6.5rem;
    padding-top: 4rem;
  }
}
.p-video-section .c-ttl-2 {
  margin: 0 0 3.7rem;
}
.p-video-section .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-video-section .items {
    flex-direction: column;
    gap: 3.8rem;
    justify-content: start;
  }
}
.p-video-section .item {
  width: 52.6rem;
}
@media screen and (max-width: 767px) {
  .p-video-section .item {
    width: 100%;
  }
}
.p-video-section .item .thumb {
  border-radius: 2rem;
  display: block;
  height: 29.1rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-video-section .item .thumb {
    height: 18.9rem;
  }
}
.p-video-section .item .thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.p-video-section .item .thumb:after {
  aspect-ratio: 1/1;
  background: rgba(0, 0, 0, 0.5) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="59" height="59" viewBox="0 0 59 59" fill="none"><path d="M29.4932 0C45.7555 0 58.9873 13.1049 58.9873 29.2119C58.9873 45.3189 45.7554 58.4238 29.4932 58.4238C13.231 58.4237 5.22295e-05 45.3188 0 29.2119C0 13.105 13.231 0.00015371 29.4932 0ZM29.4932 2.80762C14.7942 2.80777 2.83691 14.6533 2.83691 29.2119C2.83697 43.7705 14.7943 55.6161 29.4932 55.6162C44.1922 55.6162 56.1503 43.7706 56.1504 29.2119C56.1504 14.6532 44.1922 2.80762 29.4932 2.80762ZM20.3115 16.7959C20.3115 16.0169 21.1635 15.5306 21.8428 15.9199L43.5537 28.3359V28.334C44.233 28.7235 44.233 29.6954 43.5537 30.085L21.8428 42.501C21.1615 42.8905 20.3116 42.403 20.3115 41.626V16.7959Z" fill="white"/></svg>') 50% 50%/contain;
  border-radius: 50%;
  content: " ";
  display: block;
  height: auto;
  left: calc(50% - 2.9rem);
  position: absolute;
  top: calc(50% - 2.9rem);
  width: 5.9rem;
  z-index: 2;
}
.p-video-section .item .ttl {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  padding: 1.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-video-section .item .ttl {
    font-size: 1.8rem;
    padding: 1rem 0 0;
  }
}

.remodal-overlay {
  background: rgba(0, 0, 0, 0.8);
}
.remodal-wrapper.remodal-is-opened {
  align-items: center;
  display: flex !important;
  justify-content: center;
}

[data-remodal-id=modal-video] {
  background: transparent;
  margin: 0 auto;
  padding: 0;
  width: 95rem;
  max-width: calc(100vw - 4rem);
}
@media screen and (max-width: 767px) {
  [data-remodal-id=modal-video] {
    max-width: unset;
    width: 100dvw;
  }
}
[data-remodal-id=modal-video] .video-wrap {
  aspect-ratio: 16/9;
  background: black;
  border-radius: 1.6rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 767px) {
  [data-remodal-id=modal-video] .video-wrap {
    border-radius: 0;
  }
}
[data-remodal-id=modal-video] .video-wrap iframe {
  display: block;
  height: 100%;
  width: 100%;
}
[data-remodal-id=modal-video] .modal-close {
  background-color: black;
  content: " ";
  display: inline-block;
  height: auto;
  line-height: 0;
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-color: white;
  cursor: pointer;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><path d="M17.5 0C27.165 0 35 7.83502 35 17.5C35 27.165 27.165 35 17.5 35C7.83502 35 0 27.165 0 17.5C0 7.83502 7.83502 0 17.5 0ZM17.5 1C8.3873 1 1 8.3873 1 17.5C1 26.6127 8.3873 34 17.5 34C26.6127 34 34 26.6127 34 17.5C34 8.3873 26.6127 1 17.5 1ZM25.959 10.7334L19.1924 17.5L25.959 24.2666L24.2666 25.958L17.5 19.1914L10.7334 25.958L9.04199 24.2666L15.8086 17.5L9.04199 10.7334L10.7334 9.04199L17.5 15.8086L24.2666 9.04199L25.959 10.7334Z" fill="black"/></svg>');
  position: absolute;
  right: 0;
  top: -5rem;
  width: 3.5rem;
}
@media screen and (max-width: 767px) {
  [data-remodal-id=modal-video] .modal-close {
    right: 3.5rem;
    top: -5.6rem;
  }
}

/*# sourceMappingURL=video.css.map */