.detail-banner-swiper-pc-container[data-v-a3f5ef14] {
  width: 100%;
  max-width: clamp(0px, 91.1111111111vw, 1312px);
  margin: 0 auto;
  padding-top: clamp(0px, 8.6111111111vw, 124px);
  padding-bottom: clamp(0px, 2.7777777778vw, 40px);
  display: flex;
  gap: clamp(0px, 4.4444444444vw, 64px);
  background: rgb(255, 255, 255);
}
.detail-banner-swiper-pc-container .swiper-box[data-v-a3f5ef14] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: clamp(0px, 36.6666666667vw, 528px);
  height: 100%;
  border-radius: clamp(0px, 0.5555555556vw, 8px);
}
.detail-banner-swiper-pc-container .swiper-box .big-pic[data-v-a3f5ef14] {
  background: rgb(248, 249, 250);
  width: 100%;
  aspect-ratio: 528/396;
  padding: clamp(0px, 2.7777777778vw, 40px) clamp(0px, 3.75vw, 54px);
}
.detail-banner-swiper-pc-container .swiper-box .big-pic img[data-v-a3f5ef14] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic[data-v-a3f5ef14] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: clamp(0px, 7.2916666667vw, 105px);
  margin-top: clamp(0px, 1.6666666667vw, 24px);
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .pagination[data-v-a3f5ef14] {
  position: absolute;
  width: clamp(0px, 1.6666666667vw, 24px);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: rgb(248, 249, 250);
  cursor: pointer;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .pagination-pre[data-v-a3f5ef14] {
  left: 0;
  border-radius: clamp(0px, 0.2777777778vw, 4px) 0px 0px clamp(0px, 0.2777777778vw, 4px);
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .pagination-next[data-v-a3f5ef14] {
  right: 0;
  border-radius: 0px clamp(0px, 0.2777777778vw, 4px) clamp(0px, 0.2777777778vw, 4px) 0px;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container[data-v-a3f5ef14] {
  width: 100%;
  height: 100%;
  margin: clamp(0px, 0vw, 0px) clamp(0px, 2.7777777778vw, 40px);
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container .swiper-wrapper[data-v-a3f5ef14] {
  overflow-x: auto;
  display: flex;
  gap: clamp(0px, 1.1111111111vw, 16px);
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container .swiper-slide[data-v-a3f5ef14] {
  flex-shrink: 0;
  width: clamp(0px, 9.7222222222vw, 140px);
  padding: clamp(0px, 0.5555555556vw, 8px) clamp(0px, 0.6944444444vw, 10px);
  height: 100%;
  border-radius: 8px;
  background: rgb(248, 249, 250);
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container .swiper-slide img[data-v-a3f5ef14] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container .swiper-slide-active[data-v-a3f5ef14] {
  opacity: 1;
}
.detail-banner-swiper-pc-container .desc-box[data-v-a3f5ef14] {
  overflow-y: auto;
  width: clamp(0px, 50vw, 720px);
}
.detail-banner-swiper-pc-container .desc-box .desc-title[data-v-a3f5ef14] {
  font-size: 24px;
  font-family: "Montserrat-Medium", "NotoSansJP-Medium";
  font-weight: 500;
  line-height: 1.5;
  color: rgb(26, 29, 37);
}
.detail-banner-swiper-pc-container .desc-box .desc-item[data-v-a3f5ef14] {
  position: relative;
  font-size: 16px;
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(92, 96, 106);
  line-height: 1.5;
  margin-top: clamp(0px, 0.2777777778vw, 4px);
}
.detail-banner-swiper-pc-container .desc-box .desc-item .dot-desc[data-v-a3f5ef14] {
  display: flex;
}
.detail-banner-swiper-pc-container .desc-box .desc-item .dot-desc[data-v-a3f5ef14] :first-child {
  flex-shrink: 0;
  width: 12px;
}
.detail-banner-swiper-pc-container .desc-box .is-subtitle[data-v-a3f5ef14] {
  font-size: 16px;
  font-family: "Montserrat-Medium", "NotoSansJP-Medium";
  font-weight: 500;
  line-height: 1.5;
  color: rgb(26, 29, 37);
  margin-top: clamp(0px, 1.1111111111vw, 16px);
}
.detail-banner-swiper-pc-container .desc-box .share-part[data-v-a3f5ef14] {
  display: flex;
  margin-top: clamp(0px, 2.0833333333vw, 30px);
  height: clamp(0px, 1.6666666667vw, 24px);
  align-items: center;
}
.detail-banner-swiper-pc-container .desc-box .share-part .text[data-v-a3f5ef14] {
  font-size: 14px;
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(26, 29, 37);
  padding-right: clamp(0px, 1.1111111111vw, 16px);
  border-right: 0.0520833333vw solid rgb(194, 200, 211);
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 0.8333333333vw, 12px);
  line-height: clamp(0px, 0.8333333333vw, 12px);
}
.detail-banner-swiper-pc-container .desc-box .share-part .share-list[data-v-a3f5ef14] {
  display: flex;
  margin-left: clamp(0px, 1.1111111111vw, 16px);
  align-items: center;
  gap: clamp(0px, 1.1111111111vw, 16px);
}
.detail-banner-swiper-pc-container .desc-box .share-part .share-list > div[data-v-a3f5ef14] {
  width: clamp(0px, 1.6666666667vw, 24px);
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.detail-banner-swiper-pc-container .desc-box .share-part .share-list > div img[data-v-a3f5ef14] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.detail-banner-swiper-pc-container .desc-box .share-part .share-list > div[data-v-a3f5ef14] :hover {
  opacity: 1;
  transform: translateY(-1px);
}
.detail-banner-swiper-pc-container .desc-box .share-part .data-download[data-v-a3f5ef14] {
  margin-left: auto;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: clamp(0px, 0.5555555556vw, 8px);
  align-items: center;
  cursor: pointer;
}
.detail-banner-swiper-pc-container .desc-box .share-part .data-download .download-text[data-v-a3f5ef14] {
  font-size: 14px;
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(26, 29, 37);
}.detail-banner-swiper-pc-container[data-v-edf1ef56] {
  width: 100vw;
  overflow-x: hidden;
  margin: 0 auto;
  padding-top: 11.7333333333vw;
  padding-bottom: 6.4vw;
  display: flex;
  flex-direction: column;
  background: rgb(255, 255, 255);
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
.detail-banner-swiper-pc-container .swiper-box[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
  border-radius: 2.1333333333vw;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic[data-v-edf1ef56] {
  background: rgb(248, 249, 250);
  width: 100%;
  aspect-ratio: 528/396;
  padding: 7.4666666667vw 5.3333333333vw;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic .swiper[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic .swiper .swiper-wrapper[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic .swiper .swiper-wrapper .swiper-slide[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic .swiper .swiper-wrapper .swiper-slide img[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic .swiper-ctrl[data-v-edf1ef56] {
  display: flex;
  margin-top: 3.2vw;
  justify-content: center;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic .swiper-ctrl[data-v-edf1ef56] .ctrl-pagination-item {
  width: 8vw;
  height: 0.5333333333vw;
  border-radius: 0;
}
.detail-banner-swiper-pc-container .swiper-box .big-pic .swiper-ctrl[data-v-edf1ef56] .ctrl-pagination-item.swiper-pagination-bullet-active {
  background-color: rgb(26, 29, 37);
}
.detail-banner-swiper-pc-container .swiper-box .small-pic[data-v-edf1ef56] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 16vw;
  margin: 6.4vw 6.4vw;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .navigation[data-v-edf1ef56] {
  z-index: 2;
  position: absolute;
  width: 6.4vw;
  height: 100%;
  border-radius: 1.0666666667vw 0 0 1.0666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .navigation > div[data-v-edf1ef56] {
  flex-shrink: 0;
  width: 6.4vw;
  height: 6.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .navigation-prev[data-v-edf1ef56] {
  left: 0;
  background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 100%);
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .navigation-next[data-v-edf1ef56] {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 100%);
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container .swiper-slide[data-v-edf1ef56] {
  flex-shrink: 0;
  width: 19.2vw;
  padding: 0.8vw 1.6vw;
  height: 100%;
  border-radius: 8px;
  background: rgb(248, 249, 250);
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s ease-in-out;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container .swiper-slide img[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-banner-swiper-pc-container .swiper-box .small-pic .swiper-container .swiper-slide-thumb-active[data-v-edf1ef56] {
  opacity: 1;
}
.detail-banner-swiper-pc-container .desc-box[data-v-edf1ef56] {
  overflow-y: auto;
  width: 100%;
  padding: 0 6.4vw;
}
.detail-banner-swiper-pc-container .desc-box .desc-title[data-v-edf1ef56] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-banner-swiper-pc-container .desc-box .desc-title div[data-v-edf1ef56] {
  font-size: 20px;
  font-family: "Montserrat-Medium", "NotoSansJP-Medium";
  font-weight: 500;
  line-height: 1.5;
  color: rgb(26, 29, 37);
}
.detail-banner-swiper-pc-container .desc-box .desc-title .title-name[data-v-edf1ef56] {
  flex-shrink: 0;
  flex-flow: 0;
  width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-banner-swiper-pc-container .desc-box .desc-title .share-icon[data-v-edf1ef56] {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  flex-grow: 0;
}
.detail-banner-swiper-pc-container .desc-box .desc-title .share-icon svg[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
}
.detail-banner-swiper-pc-container .desc-box .desc-item[data-v-edf1ef56] {
  position: relative;
  font-size: 14px;
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(92, 96, 106);
  line-height: 1.5;
  margin-bottom: 1.0666666667vw;
}
.detail-banner-swiper-pc-container .desc-box .desc-item .dot-desc[data-v-edf1ef56] {
  display: flex;
}
.detail-banner-swiper-pc-container .desc-box .desc-item .dot-desc[data-v-edf1ef56] :first-child {
  flex-shrink: 0;
  width: 10px;
}
.detail-banner-swiper-pc-container .desc-box .is-subtitle[data-v-edf1ef56] {
  font-size: 14px;
  font-family: "Montserrat-Medium", "NotoSansJP-Medium";
  font-weight: 500;
  line-height: 1.5;
  color: rgb(26, 29, 37);
  margin-top: 3.2vw;
}
.detail-banner-swiper-pc-container .desc-box .share-part[data-v-edf1ef56] {
  display: flex;
  margin-top: 6.4vw;
  flex-direction: column;
}
.detail-banner-swiper-pc-container .desc-box .share-part .data-download[data-v-edf1ef56] {
  display: flex;
  gap: 2.1333333333vw;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  cursor: pointer;
}
.detail-banner-swiper-pc-container .desc-box .share-part .data-download .download-text[data-v-edf1ef56] {
  font-size: 14px;
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(26, 29, 37);
}
.detail-banner-swiper-pc-container .share-text[data-v-edf1ef56] {
  font-size: 20px;
  font-family: "Montserrat-Medium", "NotoSansJP-Medium";
  font-weight: 500;
  line-height: 1.5;
  color: #1a1d25;
}
.detail-banner-swiper-pc-container .share-drawer-box[data-v-edf1ef56] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part[data-v-edf1ef56] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item[data-v-edf1ef56] {
  width: 100%;
  padding: 0 20px;
  font-size: 14px;
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: #1a1d25;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item .platform-inner[data-v-edf1ef56] {
  height: 48px;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item .platform-inner .platform-box[data-v-edf1ef56] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item .platform-inner .platform-box .platform-icon[data-v-edf1ef56] {
  width: 24px;
  height: 24px;
  opacity: 0.7;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item .platform-inner .platform-box .platform-icon img[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item .platform-inner .platform-box .platform-icon svg[data-v-edf1ef56] {
  width: 100%;
  height: 100%;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item .platform-inner .line[data-v-edf1ef56] {
  height: 1px;
  background-color: #c2c8d3;
  transform: scaleY(0.5);
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part .platform-item:active .platform-icon[data-v-edf1ef56] {
  opacity: 1;
}
.detail-banner-swiper-pc-container .share-drawer-box .share-part > :last-child.platform-item .platform-inner[data-v-edf1ef56] {
  border-bottom: none;
}
.el-drawer__header {
  margin-bottom: 0;
}
.el-drawer {
  border-radius: 12px 12px 0 0;
}