@charset "utf-8";

:root {
  --mincho: "Zen Old Mincho", serif;
  --forum: "Forum", serif;
  --playfair: "Playfair Display", serif;
  --default: 0.4s ease;
}

#gt_float_wrapper {
  top: 130px !important;
}

body {
  font-family: var(--mincho);
  color: #000000;
  background-color: #f5f5f5;
}

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

.menu-open {
  overflow: hidden;
}

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

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

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

.w1152 {
  max-width: 1152px;
  width: 90%;
  margin: 0 auto;
}

.w960 {
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
}

.pc-hidden {
  display: none;
}

.sp-hidden {
  display: block;
}

.delay-1 {
  animation-delay: 0.1s;
}

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

.delay-3 {
  animation-delay: 0.3s;
}

.delay-4 {
  animation-delay: 0.4s;
}

.delay-5 {
  animation-delay: 0.5s;
}

.delay-6 {
  animation-delay: 0.6s;
}

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

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

.desc p {
  font-family: var(--mincho);
  font-weight: 400;
  font-size: clamp(0.875rem, 0.845rem + 0.13vw, 1rem);
  line-height: calc(28 / 16);
}
.morebtn a {
  --scale: 0;
  --bg-color: #fff;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  border-color: rgb(13 54 118 / var(--tw-border-opacity));
  background-color: rgb(13 54 118 / var(--tw-border-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
  align-items: center;
  border-radius: 624.9375rem;
  border-width: 0.0625rem;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  transform: translateZ(0);
  padding: 11px 14px 11px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.morebtn.white a {
  --bg-color: #0d3676;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-border-opacity));
  color: rgb(13 54 118 / var(--tw-text-opacity));
}
.morebtn a::before {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  aspect-ratio: 1 / 1;
  display: block;
  min-width: 100%;
  position: absolute;
  inset: 0;
  margin: auto;
  --tw-scale-x: var(--scale);
  --tw-scale-y: var(--scale);
  background-color: var(--bg-color);
  content: "";
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 624.9375rem;
}

.morebtn a:hover {
  --tw-text-opacity: 1;
  --scale: 1;
  --tw-border-opacity: 1;
  border-color: rgb(13 54 118 / var(--tw-border-opacity));
  color: rgb(13 54 118 / var(--tw-text-opacity));
}
.morebtn.white a:hover {
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.morebtn .link-text {
  font-weight: 400;
  font-size: clamp(1rem, 0.939rem + 0.26vw, 1.25rem);
  color: #fff;
  z-index: 10;
  position: relative;
}

.morebtn.white .link-text {
  color: #0d3676;
}

.morebtn a:hover .link-text {
  color: rgb(13 54 118 / var(--tw-text-opacity));
}

.morebtn.white a:hover .link-text {
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.morebtn .arrow {
  position: relative;
  width: 37px;
  aspect-ratio: 1/1;
  background: url(/system_panel/uploads/images/20260708192149695568.svg) no-repeat center/contain;
}

.morebtn.white .arrow {
  background-image: url(/system_panel/uploads/images/20260708192449139133.svg);
}

.morebtn a:hover .arrow {
  background-image: url(/system_panel/uploads/images/20260708192449139133.svg);
}

.morebtn.white a:hover .arrow {
  background-image: url(/system_panel/uploads/images/20260708192149695568.svg);
}

@media (max-width: 1180px) {
  #gt_float_wrapper {
    top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .morebtn a {
    padding: 6px 9px 6px 16px;
    gap: 20px;
  }
  .morebtn .arrow {
    width: 30px;
  }
}

@media (max-width: 767px) {
  .desc p {
    font-feature-settings: "palt";
  }
  #gt_float_wrapper {
    top: 90px !important;
  }
}

.gjs-dashed {
}