@charset "utf-8";

:root {
  --font-serif: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  --font-notosans: "Noto Sans JP", sans-serif;
  --default: 0.4s ease;
}

body {
  font-family: var(--font-serif);
  background: url("/system_panel/uploads/images/20260625142151330005.jpg") repeat center / 100% auto rgba(209, 209, 209, 0.76);
  background-blend-mode: overlay;
}

body.is-open {
  position: relative;
  overflow: hidden;
}

body.is-open::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(172, 172, 172, 0.77);
  z-index: 1000;
}

.menu-open {
  overflow: hidden;
}

.w1728 {
  width: min(90%, 1728px);
  margin: 0 auto;
}

.w1536 {
  width: min(80%, 1536px);
  margin: 0 auto;
}

.w1344 {
  width: min(77%, 1344px);
  margin: 0 auto;
}

.pc-hidden {
  display: none;
}

.sp-hidden {
  display: block;
}

.desc p {
  font-family: var(--font-notosans);
  font-weight: 400;
  font-size: 16px;
  line-height: calc(22 / 16);
  color: #000;
}

.delay-1 {
  animation-delay: 0.1s;
  transition-delay: 0.1s !important;
}

.delay-2 {
  animation-delay: 0.2s;
  transition-delay: 0.2s !important;
}

.delay-3 {
  animation-delay: 0.3s;
  transition-delay: 0.3s !important;
}

.delay-4 {
  animation-delay: 0.4s;
  transition-delay: 0.4s !important;
}

.delay-5 {
  animation-delay: 0.5s;
  transition-delay: 0.5s !important;
}

.delay-6 {
  animation-delay: 0.6s;
  transition-delay: 0.6s !important;
}

a.default {
  transition: var(--default);
}

a.default:hover {
  opacity: 50%;
}

.morebtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.morebtn .link-text {
  font-family: var(--font-notosans);
  font-weight: 500;
  font-size: clamp(1rem, 0.97rem + 0.13vw, 1.125rem);
  color: #fff;
}

.morebtn.blue .link-text {
  color: #203a5e;
}

.morebtn .icon {
  width: 58px;
  height: 58px;
  background: url(/system_panel/uploads/images/20260627010756128840.svg) no-repeat center/contain;
  transition: var(--default);
}

.morebtn.blue .icon {
  background-image: url(/system_panel/uploads/images/20260627010756925264.svg);
}

.morebtn:hover .icon {
  background-image: url(/system_panel/uploads/images/20260627010756228974.svg);
}
.morebtn.blue:hover .icon {
  background-image: url(/system_panel/uploads/images/20260627010756770005.svg);
}

.deco {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  left: 0;
  max-width: 616px;
  width: 26%;
}

.deco .line:nth-child(1) {
  width: 100%;
}
.deco .line:nth-child(2) {
  width: 80%;
}
.deco .line:nth-child(3) {
  width: 60%;
}

.deco .line {
  height: 1px;
  background-color: #203a5f;
}

.deco.white .line {
  background-color: #fff;
}
.back-top {
  cursor: pointer;
  position: absolute;
  top: -10%;
  right: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: 0.4s ease;
}
.back-top p {
  font-family: var(--font-notosans);
  font-weight: 500;
  font-size: clamp(1rem, 0.939rem + 0.26vw, 1.25rem);
  color: #fff;
  transition: var(--default);
}

.back-top:hover p {
  transform: scale(1.2);
}





@media (max-width: 1023px) {
  .morebtn .icon {
    width: 38px;
    height: 38px;
  }

  .deco {
    gap: 5px;
  }
}

@media (max-width: 900px) {

  .desc p {
    font-feature-settings: "palt";
  }
}

.gjs-dashed .back-top {
  transform: translateY(0);
}