@charset "utf-8";

#top {
  position: relative;
  padding-top: 100px;
}
@media (max-width: 751px) {
  #top {
    padding-top: 120px;
  }
}

#top :where(.link-list) {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 650px;
  margin: 70px auto 100px;
}
#top .link-list li a {
  transition: 0.12s;
}
#top .link-list li a:hover {
  filter: brightness(1.2);
}
#top > .link-list {
  margin-top: 100px;
}

#top section[id] {
  scroll-margin-top: 120px;
}
#top section[class^="content"] {
  position: relative;
}
#top section[class^="content"] > a {
  position: absolute;
  left: 50%;
  translate: -50%;
  z-index: 2;
  width: 551px;
  transition: 0.12s;
}
#top .content01 a {
  bottom: 180px;
}
#top .content03 a {
  bottom: 200px;
}
#top section[class^="content"] > a:hover {
  filter: brightness(1.1);
}

#top .jwelry-slider {
  width: 100%;
  will-change: transform;
  background-color: #f6dcdb;
}
#top .jwelry-slider a:hover {
  opacity: 0.7;
}

#top :where(.link-list01) {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 650px;
  margin: 70px auto 100px;
}
#top .link-list01 li a {
  transition: 0.12s;
}
#top .link-list01 li a:hover {
  filter: brightness(1.2);
}
#top > .link-list01 {
  margin-top: 100px;
}

.remark {
  background: initial !important;
  padding: 50px 50px 20px;
}

.disabled {
  pointer-events: none;
}

@media (max-width: 751px) {
}