.expertise-detail {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
}
.expertise-detail-container {
  max-width: 106.25rem;
  width: 100%;
  margin: 0 auto;
}
.expertise-detail-head {
  display: flex;
  flex-direction: column;
  gap: 3.31rem;
  padding-top: 4rem;
  padding-bottom: 10.19rem;
  position: relative;
}
.expertise-detail-head h1 {
  color: #b0b0b0;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0;
}
.expertise-detail-head h2 {
  color: #636363;
  font-size: 4rem;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  margin: 0;
  max-width: 88.31rem;
}
.expertise-detail-head h2 b,
.expertise-detail-head h2 strong {
  color: #ff6513;
  font-weight: 200;
}
.expertise-detail-head.is-service {
  gap: 0;
}
.expertise-detail-head.is-service h2 {
  max-width: none;
  margin: 3.31rem 0 0;
}
.expertise-detail-head.is-service h2 b,
.expertise-detail-head.is-service h2 strong {
  color: #ff6513;
  font-weight: inherit;
}
.expertise-detail-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e7e7e7;
}
.expertise-detail-list .item {
  padding: 6.63rem 15.88rem 11.31rem 15.81rem;
  border-bottom: 1px solid #e7e7e7;
}
.expertise-detail-list .item-head {
  display: flex;
}
.expertise-detail-list .item-head-desc {
  width: calc(100% - 60rem);
  padding-right: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.expertise-detail-list .item-head-desc .logo {
  display: block;
  height: auto;
  object-fit: contain;
}
.expertise-detail-list .item-head-desc .logo-group {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.expertise-detail-list .item-head-desc-title {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
.expertise-detail-list .item-head-desc-title h3 {
  color: #b0b0b0;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.expertise-detail-list .item-head-desc-title h4 {
  color: #636363;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0;
}
.expertise-detail-list .item-head-desc-title h5 {
  color: #ff6513;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.expertise-detail-list .item-head-desc .more {
  display: flex;
  align-items: center;
  gap: 1.12rem;
  margin: 0;
  padding: 0;
  border: unset;
  background-color: transparent;
  color: #ff6513;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  cursor: pointer;
}
.expertise-detail-list .item-head-desc .more::before {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9IiNGRjY1MTMiLz4KPHBhdGggZD0iTTIwLjc1ODcgMTguMzQ4OEMyMC43NTg3IDE5LjcyOTUgMTkuNjM5NyAyMC44NDg1IDE4LjI1OSAyMC44NDg1TDEwLjQ1NzMgMjAuODQ4NUwxMC40NTczIDE5Ljg0ODZMMTguMjU5IDE5Ljg0ODZDMTkuMDg3NCAxOS44NDg2IDE5Ljc1ODggMTkuMTc3MiAxOS43NTg4IDE4LjM0ODhMMTkuNzU4OCAxMC4zNjc2TDIwLjc1ODcgMTAuMzY3NkwyMC43NTg3IDE4LjM0ODhaTTIyLjc1OTkgMjAuODcyQzIyLjQ4NDIgMjAuODcxNSAyMi4yNiAyMC42NDc5IDIyLjI1OTkgMjAuMzcyMUMyMi4yNTk5IDIwLjA5NjIgMjIuNDg0MSAxOS44NzI2IDIyLjc1OTkgMTkuODcyMUwyOS44ODM0IDE5Ljg3MjFMMjkuODgzNCAyMC44NzJMMjIuNzU5OSAyMC44NzJaTTE5Ljk5NDMgMjkuNzk0NEwxOS45OTQzIDIyLjY3MDhDMTkuOTk0NiAyMi4zOTUgMjAuMjE4MyAyMi4xNzA5IDIwLjQ5NDIgMjIuMTcwOUMyMC43NzAyIDIyLjE3MDkgMjAuOTkzOSAyMi4zOTQ5IDIwLjk5NDIgMjIuNjcwOEwyMC45OTQyIDI5Ljc5NDRMMTkuOTk0MyAyOS43OTQ0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-size: 100% 100%;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
}
.expertise-detail-list .item-head-img {
  width: 60rem;
  height: 35.82rem;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 991px) {
  .expertise-detail-container {
    padding: 0 1.25rem;
  }
  .expertise-detail-head {
    gap: 1.5rem;
    padding: 2rem 0 3rem;
  }
  .expertise-detail-head h1 {
    font-size: 1.125rem;
  }
  .expertise-detail-head h2 {
    font-size: clamp(1.75rem, 4.5vw, 2.75rem);
    line-height: 1.25;
  }
  .expertise-detail-head.is-service h2 {
    margin-top: 1.5rem;
  }
  .expertise-detail-list .item {
    padding: 2rem 1.25rem;
  }
  .expertise-detail-list .item-head {
    flex-direction: column;
    gap: 1.5rem;
  }
  .expertise-detail-list .item-head-desc {
    width: 100%;
    min-width: 0;
    gap: 1.5rem;
    align-items: flex-start;
  }
  .expertise-detail-list .item-head-desc .logo {
    object-fit: contain;
    object-position: left center;
  }
  .expertise-detail-list .item-head-desc-title h4 {
    font-size: 2rem;
  }
  .expertise-detail-list .item-head-desc-title h5 {
    font-size: 1.125rem;
  }
  .expertise-detail-list .item-head-desc .more {
    min-height: 44px;
    font-size: 1.125rem;
  }
  .expertise-detail-list .item-head-img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}
.expertise-detail.is-logo-large .expertise-detail-list .item-head-desc .logo-group {
  gap: 2rem;
}

.expertise-statement {
  max-width: 120rem;
  margin: 0 auto;
  padding: 7.5rem 15.88rem 11rem 15.81rem;
  border-top: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: 22rem minmax(0, 1fr);
  column-gap: 8rem;
  align-items: start;
}
.expertise-statement-pillars {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e7e7e7;
}
.expertise-statement-pillars li {
  display: flex;
  align-items: baseline;
  gap: 1.25rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid #e7e7e7;
  color: #636363;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
}
.expertise-statement-pillars li span {
  color: #ff6513;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
}
.expertise-statement-text {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.expertise-statement-text p {
  margin: 0;
  max-width: 52rem;
  color: #7d7d7d;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.55;
}
.expertise-statement-text .expertise-statement-lead {
  max-width: 64rem;
  color: #636363;
  font-size: 3rem;
  font-weight: 200;
  line-height: 1.25;
}
.expertise-statement-text .expertise-statement-lead strong {
  color: #ff6513;
  font-weight: inherit;
}

@media (max-width: 991px) {
  .expertise-statement {
    padding: 3rem 1.25rem 4rem;
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
  .expertise-statement-text {
    order: -1;
    gap: 1.5rem;
  }
  .expertise-statement-text p {
    font-size: 1.0625rem;
  }
  .expertise-statement-text .expertise-statement-lead {
    font-size: clamp(1.625rem, 6vw, 2.25rem);
  }
  .expertise-statement-pillars li {
    font-size: 1.0625rem;
    padding: 1.125rem 0;
  }
}
.expertise-detail-list .item-head-desc .logo-group {
  max-width: 100%;
}
.expertise-detail-list .item-head-desc .logo-group .logo {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

.expertise-statement-text p strong {
  color: #ff6513;
  font-weight: inherit;
}

.expertise-detail-list .item-head-media {
  position: relative;
  flex: none;
  width: 60rem;
  height: 35.82rem;
  overflow: hidden;
}
.expertise-detail-list .item-head-media .img-full,
.expertise-detail-list .item-head-media .img-anm {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.expertise-detail-list .item-head-media .img-full {
  top: 0;
}
.expertise-detail-list .item-head-media .img-anm {
  top: 100%;
  transition: top 0.5s ease-in-out;
}
.expertise-detail-list .item-head-media:hover .img-anm {
  top: 0;
}

@media (max-width: 991px) {
  .expertise-detail-list .item-head-media {
    width: 100%;
    height: auto;
    aspect-ratio: 1675/1000;
  }
}
.expertise-detail-list .item-head-media.is-slider .media-slides {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: top 0.5s ease-in-out;
}
.expertise-detail-list .item-head-media.is-slider .media-track {
  display: flex;
  height: 100%;
  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.expertise-detail-list .item-head-media.is-slider .media-slide {
  flex: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.expertise-detail-list .item-head-media.is-slider:hover .media-slides, .expertise-detail-list .item-head-media.is-slider.is-playing .media-slides {
  top: 0;
}

.expertise-detail-list .item.is-group .item-head-desc-title h4 {
  transition: opacity 0.25s ease;
}
.expertise-detail-list .item.is-group .item-head-desc-title h4.is-swapping {
  opacity: 0;
}

@keyframes mediaDotsFill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .expertise-detail-list .item-head-media.is-slider .media-dots-bar.is-active::after {
    animation: none;
    transform: scaleX(1);
  }
}
.expertise-detail-list .item-head-media-column {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.expertise-detail-list .item-head-media-column .media-dots {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  opacity: 0.55;
  transition: opacity 0.3s ease;
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-count {
  color: #636363;
  font-family: "JetBrains Mono", monospace;
  font-size: 1rem;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-count b {
  color: #ff6513;
  font-weight: 500;
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-count i {
  color: #b0b0b0;
  font-style: normal;
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-bars {
  display: flex;
  flex: 1;
  gap: 0.5rem;
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-bar {
  position: relative;
  flex: 1;
  height: 0.125rem;
  overflow: hidden;
  background: #e7e7e7;
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-bar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #ff6513;
  transform: scaleX(0);
  transform-origin: left center;
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-bar.is-done::after {
  transform: scaleX(1);
}
.expertise-detail-list .item-head-media-column .media-dots .media-dots-bar.is-active::after {
  animation: mediaDotsFill var(--media-slide-duration, 2.4s) linear forwards;
}
.expertise-detail-list .item-head-media-column:hover .media-dots, .expertise-detail-list .item-head-media-column:has(.is-playing) .media-dots {
  opacity: 1;
}

@media (max-width: 991px) {
  .expertise-detail-list .item-head-media-column {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .expertise-detail-list .item-head-media-column .media-dots-bar.is-active::after {
    animation: none;
    transform: scaleX(1);
  }
}