@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=WDXL+Lubrifont+JP+N&display=swap");
@media print {
  body {
    display: none !important;
  }
}
.searchInput {
  font-family: auto;
  font-weight: normal;
}

.searchButton {
  font-family: auto;
}

#pageContainer a:link, #pageContainer a:visited, #pageContainer a:active {
  color: #0058ab;
}

#pageContainer.digieye .brand-modal-title,
#pageContainer.digieye .brand-modal-close {
  color: #0058ab;
  font-family: "ヒラギノ角ゴ ProN W5", Hiragino Kaku Gothic ProN, "游ゴシック", "Yu Gothic", sans-serif;
}
#pageContainer.digieye .brand-btns.-fixed .brand-btn-cart {
  font-family: "ヒラギノ角ゴ ProN W5", Hiragino Kaku Gothic ProN, "游ゴシック", "Yu Gothic", sans-serif;
}
#pageContainer.digieye img {
  /* PCの右クリック禁止 */
  pointer-events: none;
}
#pageContainer.digieye img {
  /* SPの長押し禁止 */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}
#pageContainer.digieye .contentsWrap {
  background-color: #390D59;
}

.digieyeSec {
  font-family: "WDXL Lubrifont JP N", "Noto Sans JP", sans-serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  text-size-adjust: none;
}
.digieyeSec p, .digieyeSec figcaption {
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #fff;
}
.digieyeSec h2 {
  font-size: min(8vw, 48px);
  color: #fff;
}
.digieyeSec img {
  width: 100%;
  vertical-align: bottom;
}

.columnContent {
  width: 100%;
  padding: 0;
  padding-top: 0px !important;
  margin: 0 !important;
}
@media screen and (max-width: 600px) {
  .columnContent {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

body.g01 #wrapper {
  width: 100%;
  min-width: auto;
}

body.g01 #header, body.g01 #footer {
  width: 100%;
}

.brand-header-wrap {
  display: none;
}

#header, .breadcrumb {
  position: relative;
  z-index: 3;
  background-color: #FFFFFF;
}

#header.-opend {
  z-index: 1000;
}

#container {
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
}

#footer {
  margin-top: 25px;
}
#footer::before {
  top: -25px;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pcD {
  display: block;
}
@media screen and (max-width: 600px) {
  .pcD {
    display: none;
  }
}

.spD {
  display: none;
}
@media screen and (max-width: 600px) {
  .spD {
    display: block;
  }
}

.digieyeSec {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(99, 117, 159, 0.3);
  color: #002A50;
}
.digieyeSec .fadeUp-js {
  opacity: 0;
}
.digieyeSec .fadeUp-js.active {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.digieyeSec a {
  color: #002A50;
  text-decoration: none;
}

.boxShadow {
  box-shadow: 4px 4px 20px 0px rgba(99, 117, 159, 0.3);
  border-radius: 16px;
}

.sec {
  position: relative;
  z-index: 2;
  width: 100%;
}
.sec__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.sec__inner h2, .sec__inner h3.tit {
  width: min(55.6vw, 556px);
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .sec__inner h2, .sec__inner h3.tit {
    width: 85.6vw;
  }
}

.mainBg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-bottom: min(18vw, 180px);
}
@media screen and (max-width: 600px) {
  .mainBg {
    padding-bottom: 23.4666666667vw;
  }
}
.mainBg.sns {
  padding-bottom: min(12.8vw, 128px);
}
@media screen and (max-width: 600px) {
  .mainBg.sns {
    padding-bottom: 11.7333333333vw;
  }
}
.mainBg__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mainBg__top {
  position: relative;
  width: 100%;
  height: 130px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .mainBg__top {
    width: 100%;
    height: auto;
  }
}
.mainBg__top img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px !important;
  height: 130px;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .mainBg__top img {
    position: relative;
    width: 100% !important;
    height: auto;
    left: 0;
    transform: none;
  }
}
.mainBg__bot {
  position: relative;
  width: 100%;
  height: 130px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .mainBg__bot {
    width: 100%;
    height: auto;
  }
}
.mainBg__bot img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px !important;
  max-width: none;
  height: 130px;
}
@media screen and (max-width: 600px) {
  .mainBg__bot img {
    position: relative;
    width: 100% !important;
    height: auto;
    left: 0;
    transform: none;
  }
}
.mainBg__mid {
  background-image: url("/-/Media/com/digieye/top/20250430/bg_main_mid_pc.png");
  background-position: top center;
  background-size: 1920px auto;
  background-repeat: repeat-y;
  width: 100%;
  height: calc(100% - 260px);
}
@media screen and (max-width: 600px) {
  .mainBg__mid {
    background-image: url("/-/Media/com/digieye/top/20250430/bg_main_mid_sp.png");
    background-size: 100% auto;
    height: calc(100% - 32.5333333333vw);
  }
}
.mainBg__mid.sns {
  height: 100%;
}

.cpbtn--soon {
  width: min(44vw, 440px);
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .cpbtn--soon {
    width: 80vw;
  }
}

.js-acBtn {
  transition: 0.3s ease-in-out opacity;
}
@media (hover: hover) and (pointer: fine) {
  .js-acBtn:hover {
    opacity: 0.8;
  }
}

.subBtn {
  display: block;
  width: min(82.6666666667vw, 496px);
  margin: 0 auto min(16vw, 96px);
}
.subBtn.margin {
  margin: min(4vw, 40px) auto;
}
@media screen and (max-width: 600px) {
  .subBtn.margin {
    margin: 6.6666666667vw auto;
  }
}
.subBtn a {
  display: block;
  position: relative;
  z-index: 2;
  transition: 0.2s ease-in-out transform;
}
@media (hover: hover) and (pointer: fine) {
  .subBtn:hover a {
    transform: translateX(min(0.4vw, 4px)) translateY(min(0.4vw, 4px));
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 600px) {
  .subBtn:hover a {
    transform: translateX(0.8vw) translateY(0.8vw);
  }
}

#pageContainer.digieye .kvSec {
  width: 100%;
}
#pageContainer.digieye .aboutSec {
  padding: min(14.9333333333vw, 89.6px) 0 min(12.8vw, 76.8px);
}
#pageContainer.digieye .aboutSec h2 {
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  text-shadow: 0 0 min(2.6666666667vw, 16px) #AB17FF, 0 0 min(2.6666666667vw, 16px) #AB17FF;
  text-align: center;
  position: relative;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
#pageContainer.digieye .aboutSec h2 sup {
  font-size: 0.5em;
}
#pageContainer.digieye .aboutSec h2 span {
  display: inline-block;
  width: 100%;
  height: min(0.2666666667vw, 1.6px);
  background-color: #fff;
  box-shadow: 0px 0px min(0.9333333333vw, 5.6px) 0px #AB17FF, 0px 0px min(0.9333333333vw, 5.6px) 0px #AB17FF;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 0);
}
#pageContainer.digieye .aboutSec h2 span:last-child {
  bottom: -5px;
}
#pageContainer.digieye .aboutSec__note {
  font-size: min(2.6666666667vw, 16px);
  margin-top: min(2.2666666667vw, 13.6px);
  text-align: center;
  text-shadow: 0 0 min(1.3333333333vw, 8px) #AB17FF, 0 0 min(1.3333333333vw, 8px) #AB17FF;
}
#pageContainer.digieye .aboutSec__img {
  display: block;
  width: min(86.6666666667vw, 520px);
  margin: min(4.2666666667vw, 25.6px) auto 0;
}
#pageContainer.digieye .aboutSec__img:nth-child(4) {
  margin-top: min(2.8vw, 16.8px);
}
#pageContainer.digieye .aboutSec__img figcaption {
  font-size: min(2.6666666667vw, 16px);
  text-align: center;
  margin-top: min(0.8vw, 4.8px);
}
#pageContainer.digieye .aboutSec__txt {
  width: fit-content;
  margin: min(10.6666666667vw, 64px) auto 0;
  font-size: min(4.2666666667vw, 25.6px);
  text-align: center;
}
#pageContainer.digieye .aboutSec__txt span:first-child {
  margin-right: min(1.3333333333vw, 8px);
}
#pageContainer.digieye .aboutSec__txt span:nth-child(2) {
  margin-right: min(1.3333333333vw, 8px);
}
#pageContainer.digieye .aboutSec__txt span:nth-child(-n+2) {
  border: min(0.2666666667vw, 1.6px) solid #fff;
  border-radius: min(5.3333333333vw, 32px);
  padding: min(1.0666666667vw, 6.4px) min(3.8666666667vw, 23.2px);
}
#pageContainer.digieye .aboutSec__txt span:nth-child(3) {
  font-size: min(3.7333333333vw, 22.4px);
  border: min(0.2666666667vw, 1.6px) solid #fff;
  padding: min(0.6666666667vw, 4px) min(1.3333333333vw, 8px);
  margin-left: min(2.1333333333vw, 12.8px);
}
#pageContainer.digieye .aboutSec__txt span:last-child {
  display: inline-block;
  font-size: min(2.6666666667vw, 16px);
  margin-top: min(3.3333333333vw, 20px);
}
#pageContainer.digieye .exampleSec h2 {
  background-image: url("/-/Media/com/digieye/top/250924/example_subttl.png");
  background-size: contain;
  background-repeat: no-repeat;
  font-size: min(10.6666666667vw, 64px);
  height: min(44vw, 264px);
  position: relative;
  text-shadow: 0 0 min(1.3333333333vw, 8px) #0055FF, 0 0 min(1.3333333333vw, 8px) #0055FF;
}
#pageContainer.digieye .exampleSec h2 .hdOuter {
  position: absolute;
  top: min(14.6666666667vw, 88px);
  left: min(12.5333333333vw, 75.2px);
  white-space: nowrap;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(-n+10) {
  opacity: 0;
  transition: opacity 0.5s ease;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:first-child {
  transition-delay: 0.1s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(2) {
  transition-delay: 0.2s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(3) {
  transition-delay: 0.3s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(4) {
  transition-delay: 0.4s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(5) {
  transition-delay: 0.5s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(6) {
  transition-delay: 0.6s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(7) {
  transition-delay: 0.7s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(8) {
  transition-delay: 0.8s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(9) {
  transition-delay: 0.9s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span:nth-child(10) {
  transition-delay: 1s;
}
#pageContainer.digieye .exampleSec h2 .hdOuter span.is-visible {
  opacity: 1;
}
#pageContainer.digieye .exampleSec h2 .hdOuter .effect {
  background-image: url("/-/Media/com/digieye/top/250924/example_subttl_effect_01.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: min(3.0666666667vw, 18.4px);
  position: absolute;
  top: min(14vw, 84px);
  left: 50%;
  transform: translate(-50%, 0);
}
#pageContainer.digieye .exampleSec h2:nth-child(6) {
  font-size: min(8.2666666667vw, 49.6px);
}
#pageContainer.digieye .exampleSec h2:nth-child(6) .hdInner {
  position: absolute;
  top: min(15.7333333333vw, 94.4px);
  left: min(12vw, 72px);
  line-height: 1.4032258065;
}
#pageContainer.digieye .exampleSec h2:nth-child(6) .hdInner span {
  text-shadow: 0 0 min(1.3333333333vw, 8px) #FF0000, 0 0 min(1.3333333333vw, 8px) #FF0000;
  margin-left: -0.25em;
  position: relative;
  top: auto;
  left: auto;
}
#pageContainer.digieye .exampleSec h2:nth-child(6) .hdInner span sup {
  font-size: 0.5em;
}
#pageContainer.digieye .exampleSec h2:nth-child(6) .hdInner span:first-child {
  animation: flicker 0.5s infinite alternate;
}
#pageContainer.digieye .exampleSec h2:nth-child(6) .hdInner span:last-child {
  font-size: min(4vw, 24px);
  margin-left: 0;
  position: absolute;
  top: min(12.8vw, 76.8px);
  left: min(22.9333333333vw, 137.6px);
}
#pageContainer.digieye .exampleSec h2:nth-child(6) .hdInner::after {
  content: "";
  position: absolute;
  right: max(-8.1333333333vw, -48.8px);
  top: 0;
  background-image: url("/-/Media/com/digieye/top/250924/example_subttl_effect_02.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: min(6.6666666667vw, 40px);
  height: min(10vw, 60px);
  filter: drop-shadow(0 0 min(1.0666666667vw, 6.4px) #0055FF) drop-shadow(0 0 min(1.0666666667vw, 6.4px) #0055FF);
}
#pageContainer.digieye .exampleSec__img:nth-child(2) {
  width: min(69.3333333333vw, 416px);
  margin-left: min(2.6666666667vw, 16px);
  opacity: 0;
  translate: 0 min(2.6666666667vw, 16px);
  transition: 1s ease;
  animation: neonAnimation 0.11s ease-in-out infinite alternate;
}
#pageContainer.digieye .exampleSec__img:nth-child(3) {
  width: min(64vw, 384px);
  margin: max(-15.7333333333vw, -94.4px) min(2.6666666667vw, 16px) 0 auto;
  opacity: 0;
  translate: 0 min(2.6666666667vw, 16px);
  transition: 1s ease;
  animation: neonAnimation 0.11s ease-in-out infinite alternate;
}
#pageContainer.digieye .exampleSec__img:nth-child(4) {
  width: min(64vw, 384px);
  margin: max(-0.5333333333vw, -3.2px) 0 0 min(2.6666666667vw, 16px);
  opacity: 0;
  translate: 0 min(2.6666666667vw, 16px);
  transition: 1s ease;
  animation: neonAnimation 0.11s ease-in-out infinite alternate;
}
#pageContainer.digieye .exampleSec__img:nth-child(5) {
  width: min(66.6666666667vw, 400px);
  margin: max(-16.5333333333vw, -99.2px) min(2.6666666667vw, 16px) 0 auto;
  opacity: 0;
  translate: 0 min(2.6666666667vw, 16px);
  transition: 1s ease;
  animation: neonAnimation 0.11s ease-in-out infinite alternate;
}
#pageContainer.digieye .exampleSec__img:nth-child(7) {
  width: min(64.9333333333vw, 389.6px);
  margin: 0 auto min(2.6666666667vw, 16px);
}
#pageContainer.digieye .exampleSec__img:nth-child(8) {
  width: min(18.5333333333vw, 111.2px);
  margin: 0 auto min(3.2vw, 19.2px);
}
#pageContainer.digieye .exampleSec__img:nth-child(9) {
  width: min(48.5333333333vw, 291.2px);
  margin-left: min(2.6666666667vw, 16px);
}
#pageContainer.digieye .exampleSec__img:nth-child(10) {
  width: min(47.8666666667vw, 287.2px);
  margin: max(-24.6666666667vw, -148px) min(2.6666666667vw, 16px) 0 auto;
}
#pageContainer.digieye .exampleSec__img:nth-child(11) {
  width: min(49.3333333333vw, 296px);
  height: min(49.3333333333vw, 296px);
  margin: max(-5.3333333333vw, -32px) auto 0;
  position: relative;
  animation: blink 2.5s infinite;
  background-image: url("/-/Media/com/digieye/top/250924/example_img_09_01.png");
  background-size: cover;
  background-repeat: no-repeat;
}
#pageContainer.digieye .exampleSec__img:nth-child(11) figcaption {
  font-size: min(2.6666666667vw, 16px);
  width: fit-content;
  position: absolute;
  right: min(-4.9333333333vw, -29.6px);
  bottom: min(4.5333333333vw, 27.2px);
}
#pageContainer.digieye .exampleSec__img:nth-child(12) {
  width: min(55.0666666667vw, 330.4px);
  margin: max(-8.2666666667vw, -49.6px) auto min(2.1333333333vw, 12.8px);
}
#pageContainer.digieye .exampleSec__img.is-visible {
  opacity: 1;
  translate: 0 0;
}
#pageContainer.digieye .exampleSec__note {
  font-size: min(2.6666666667vw, 16px);
  width: fit-content;
  margin: 0 min(5.3333333333vw, 32px) min(11.8666666667vw, 71.2px) auto;
}
@keyframes blink {
  0%, 44%, 50%, 94%, 100% {
    background-image: url("/-/Media/com/digieye/top/250924/example_img_09_01.png");
  }
  45%, 46%, 47%, 48%, 49%, 95%, 96%, 97%, 98%, 99% {
    background-image: url("/-/Media/com/digieye/top/250924/example_img_09_02.png");
  }
}
@keyframes neonAnimation {
  100% {
    filter: drop-shadow(0px 0px min(0.5333333333vw, 3.2px) #fff) drop-shadow(0px 0px min(1.4666666667vw, 8.8px) #fff) drop-shadow(0px 0px min(3.6vw, 21.6px) #b236f9);
  }
  0% {
    filter: drop-shadow(0px 0px min(0.5333333333vw, 3.2px) #fff) drop-shadow(0px 0px min(1.3333333333vw, 8px) #fff) drop-shadow(0px 0px min(3.3333333333vw, 20px) #b236f9);
  }
}
@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    text-shadow: 0 0 min(1.3333333333vw, 8px) #FF0000, 0 0 min(1.3333333333vw, 8px) #FF0000;
  }
  20%, 24%, 55% {
    text-shadow: none;
  }
}
#pageContainer.digieye .detailSec {
  padding-bottom: min(16vw, 96px);
}
#pageContainer.digieye .detailSec h2 {
  text-align: center;
}
#pageContainer.digieye .detailSec h2:first-child {
  font-size: min(8vw, 48px);
  margin-bottom: min(2.8vw, 16.8px);
  line-height: 1.6333333333;
  text-shadow: 0px 0px min(2.6666666667vw, 16px) #00fff6;
}
#pageContainer.digieye .detailSec h2:first-child sup {
  vertical-align: top;
  font-size: min(4vw, 24px);
}
#pageContainer.digieye .detailSec h2:nth-child(6) {
  font-size: min(8.9333333333vw, 53.6px);
  text-shadow: 0px 0px min(2.6666666667vw, 16px) #E327CD;
  position: relative;
  line-height: 1.25;
  letter-spacing: 0.08em;
}
#pageContainer.digieye .detailSec h2:nth-child(6) sup {
  font-size: 0.5em;
}
#pageContainer.digieye .detailSec h2:nth-child(6)::before {
  content: "";
  position: absolute;
  right: min(2.9333333333vw, 17.6px);
  bottom: min(2.6666666667vw, 16px);
  width: min(10.6666666667vw, 64px);
  height: min(10.6666666667vw, 64px);
  filter: drop-shadow(0px 0px min(0.6666666667vw, 4px) #FF0088);
  background-image: url("/-/Media/com/digieye/top/250924/detail_hd_effect_03.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#pageContainer.digieye .detailSec h2:nth-child(19) {
  font-size: min(7.7333333333vw, 46.4px);
  text-shadow: 0px 0px min(2.6666666667vw, 16px) #3100FF;
  margin-bottom: min(8.4vw, 50.4px);
  line-height: 1.3103448276;
}
#pageContainer.digieye .detailSec h2 span:first-child {
  position: relative;
  letter-spacing: 0.098em;
}
#pageContainer.digieye .detailSec h2 span:first-child::before {
  content: "";
  position: absolute;
  top: min(1.8666666667vw, 11.2px);
  left: max(-6vw, -36px);
  width: min(4vw, 24px);
  height: min(8vw, 48px);
  filter: drop-shadow(0px 0px min(1.3333333333vw, 8px) #00fff6);
  background-image: url("/-/Media/com/digieye/top/250924/detail_hd_effect_01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
#pageContainer.digieye .detailSec h2 span:first-child::after {
  content: "";
  position: absolute;
  top: min(1.8666666667vw, 11.2px);
  right: max(-0.6666666667vw, -4px);
  width: min(4vw, 24px);
  height: min(8vw, 48px);
  filter: drop-shadow(0px 0px min(1.3333333333vw, 8px) #00fff6);
  background-image: url("/-/Media/com/digieye/top/250924/detail_hd_effect_02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}
#pageContainer.digieye .detailSec h2 span:nth-child(3) {
  display: inline-block;
  margin-top: max(-2.6666666667vw, -16px);
  padding-top: min(0.5333333333vw, 3.2px);
  font-size: min(17.3333333333vw, 104px);
  letter-spacing: 0.1em;
  line-height: 1.0076923077;
}
#pageContainer.digieye .detailSec__img {
  margin: 0 auto;
}
#pageContainer.digieye .detailSec__img:nth-child(2) {
  width: min(18.5333333333vw, 111.2px);
}
#pageContainer.digieye .detailSec__img:nth-child(3) {
  width: min(94.9333333333vw, 569.6px);
  margin-top: max(-0.6666666667vw, -4px);
}
#pageContainer.digieye .detailSec__img:nth-child(8) {
  width: min(62.6666666667vw, 376px);
  margin-bottom: min(3.2vw, 19.2px);
}
#pageContainer.digieye .detailSec__img:nth-child(9) {
  width: min(90.6666666667vw, 544px);
  margin-bottom: min(1.2vw, 7.2px);
  position: relative;
}
#pageContainer.digieye .detailSec__img:nth-child(9)::before {
  content: "";
  position: absolute;
  top: min(78.8vw, 472.8px);
  left: max(-4.4vw, -26.4px);
  width: min(10.6666666667vw, 64px);
  height: min(10.6666666667vw, 64px);
  filter: drop-shadow(0px 0px 5px #FF0088);
  background-image: url("/-/Media/com/digieye/top/250924/detail_hd_effect_04.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#pageContainer.digieye .detailSec__img:nth-child(11) {
  width: min(90.6666666667vw, 544px);
  margin-bottom: min(3.3333333333vw, 20px);
}
#pageContainer.digieye .detailSec__img:nth-child(12) {
  width: min(62.6666666667vw, 376px);
  margin-bottom: min(0.8vw, 4.8px);
}
#pageContainer.digieye .detailSec__img:nth-child(14) {
  width: min(43.8666666667vw, 263.2px);
  margin-bottom: min(6.6666666667vw, 40px);
}
#pageContainer.digieye .detailSec__img:nth-child(15) {
  display: block;
  width: min(86.6666666667vw, 520px);
  margin-bottom: min(7.3333333333vw, 44px);
}
#pageContainer.digieye .detailSec__img:nth-child(16) {
  width: min(94.6666666667vw, 568px);
  position: relative;
}
#pageContainer.digieye .detailSec__img:nth-child(16)::before {
  content: "";
  position: absolute;
  bottom: max(-1.6vw, -9.6px);
  right: 0;
  width: min(10.6666666667vw, 64px);
  height: min(10.6666666667vw, 64px);
  filter: drop-shadow(0px 0px min(0.6666666667vw, 4px) #B7B9FF);
  background-image: url("/-/Media/com/digieye/top/250924/detail_hd_effect_05.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#pageContainer.digieye .detailSec__img:nth-child(20) {
  width: min(62.6666666667vw, 376px);
  margin-bottom: min(2.6666666667vw, 16px);
}
#pageContainer.digieye .detailSec__img:nth-child(21), #pageContainer.digieye .detailSec__img:nth-child(22), #pageContainer.digieye .detailSec__img:nth-child(23) {
  width: min(98.6666666667vw, 592px);
}
#pageContainer.digieye .detailSec__img:nth-child(25) {
  width: min(62.6666666667vw, 376px);
  margin-bottom: min(0.6666666667vw, 4px);
  position: relative;
}
#pageContainer.digieye .detailSec__img:nth-child(25)::before {
  content: "";
  position: absolute;
  top: min(9.8666666667vw, 59.2px);
  left: max(-15.7333333333vw, -94.4px);
  width: min(10.6666666667vw, 64px);
  height: min(10.6666666667vw, 64px);
  filter: drop-shadow(0px 0px min(0.6666666667vw, 4px) #B7B9FF);
  background-image: url("/-/Media/com/digieye/top/250924/detail_hd_effect_06.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#pageContainer.digieye .detailSec__img:nth-child(27) {
  width: min(44vw, 264px);
  margin-bottom: min(7.6vw, 45.6px);
}
#pageContainer.digieye .detailSec__img:nth-child(28) {
  width: min(77.4666666667vw, 464.8px);
  margin-bottom: min(0.4vw, 2.4px);
}
#pageContainer.digieye .detailSec__img:nth-child(30) {
  display: block;
  width: min(86.6666666667vw, 520px);
}
#pageContainer.digieye .detailSec__txt {
  margin: 0 auto;
  width: fit-content;
}
#pageContainer.digieye .detailSec__txt:nth-child(4), #pageContainer.digieye .detailSec__txt:nth-child(17) {
  font-size: min(5.3333333333vw, 32px);
  font-weight: 700;
  margin-bottom: min(2.1333333333vw, 12.8px);
}
#pageContainer.digieye .detailSec__txt:nth-child(5), #pageContainer.digieye .detailSec__txt:nth-child(18) {
  font-size: min(3.4666666667vw, 20.8px);
  margin-bottom: min(7.7333333333vw, 46.4px);
}
#pageContainer.digieye .detailSec__txt:nth-child(5) span, #pageContainer.digieye .detailSec__txt:nth-child(18) span {
  font-size: min(2.6666666667vw, 16px);
  border: min(0.2666666667vw, 1.6px) solid #fff;
  padding: min(0.2666666667vw, 1.6px) min(1.6vw, 9.6px);
  margin-left: min(2vw, 12px);
}
#pageContainer.digieye .detailSec__txt:nth-child(13) {
  font-size: min(4.2666666667vw, 25.6px);
  font-weight: 700;
  margin-bottom: min(2.1333333333vw, 12.8px);
}
#pageContainer.digieye .detailSec__txt:nth-child(26) {
  font-size: min(4.2666666667vw, 25.6px);
  font-weight: 700;
  margin-bottom: min(2.1333333333vw, 12.8px);
}
#pageContainer.digieye .detailSec__note {
  font-size: min(2.6666666667vw, 16px);
  width: fit-content;
  margin: 0 auto;
}
#pageContainer.digieye .detailSec__note:nth-child(7) {
  margin: min(2vw, 12px) auto min(8.5333333333vw, 51.2px) auto;
}
#pageContainer.digieye .detailSec__note:nth-child(10), #pageContainer.digieye .detailSec__note:nth-child(24) {
  margin: 0 min(5.4666666667vw, 32.8px) min(6.5333333333vw, 39.2px) auto;
}
#pageContainer.digieye .detailSec__note:nth-child(24), #pageContainer.digieye .detailSec__note:nth-child(29) {
  margin-bottom: min(6.6666666667vw, 40px);
}
#pageContainer.digieye .detailSec a:hover {
  opacity: 0.7;
}

.digieye {
  margin: 0 auto;
}
.digieye__bg {
  background-image: url("/-/Media/com/digieye/top/250924/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
}
.digieye .left {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: calc((100vw - 600px) / 2);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 40px;
  z-index: 1;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .digieye .left {
    display: none;
  }
}
.digieye .left__inner {
  width: 480px;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: min(9.3333333333vw, 56px);
}
.digieye .right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: calc((100vw - 600px) / 2);
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  padding: 40px;
  z-index: 1;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .digieye .right {
    display: none;
  }
}
.digieye .right__inner {
  width: 500px;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: min(3.6vw, 21.6px);
}