@charset "UTF-8";
/*--------------- entrance-pageここから ---------------*/

.entrance-header__inner {
  padding: 10px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: var(--min-contents-width);
  margin: 0 auto;
  width: 100%;
  height: var(--header-height);
}
.entrance-header__logo {
  margin-inline: auto;
}
.entrance-header__txt {
  margin-top: 18px;
  font-size: var(--font-size-17);
  letter-spacing: var(--letter-spacing-base);
}
.entrance__copyright {
  font-size: 12px;
  letter-spacing: var(--letter-spacing-none);
  width: 100%;
  display: block;
  text-align: center;
  line-height: 70px;
  background-color: var(--color-white);
}

.entrance__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 0px;
  height: clamp(520px, 43.2291666667vw, 780px);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.entrance-item {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.entrance-item:hover {
  opacity: 0.7;
}
.entrance-item__ttl {
  white-space: nowrap;
  font-size: var(--font-size-32);
  letter-spacing: var(--letter-spacing-none);
  text-shadow: rgb(var(--color-white-rgb) / 0.6) 3px 0px 0px,
    rgb(var(--color-white-rgb) / 0.6) 2.83487px 0.981584px 0px,
    rgb(var(--color-white-rgb) / 0.6) 2.35766px 1.85511px 0px,
    rgb(var(--color-white-rgb) / 0.6) 1.62091px 2.52441px 0px,
    rgb(var(--color-white-rgb) / 0.6) 0.705713px 2.91581px 0px,
    rgb(var(--color-white-rgb) / 0.6) -0.287171px 2.98622px 0px,
    rgb(var(--color-white-rgb) / 0.6) -1.24844px 2.72789px 0px,
    rgb(var(--color-white-rgb) / 0.6) -2.07227px 2.16926px 0px,
    rgb(var(--color-white-rgb) / 0.6) -2.66798px 1.37182px 0px,
    rgb(var(--color-white-rgb) / 0.6) -2.96998px 0.42336px 0px,
    rgb(var(--color-white-rgb) / 0.6) -2.94502px -0.571704px 0px,
    rgb(var(--color-white-rgb) / 0.6) -2.59586px -1.50383px 0px,
    rgb(var(--color-white-rgb) / 0.6) -1.96093px -2.27041px 0px,
    rgb(var(--color-white-rgb) / 0.6) -1.11013px -2.78704px 0px,
    rgb(var(--color-white-rgb) / 0.6) -0.137119px -2.99686px 0px,
    rgb(var(--color-white-rgb) / 0.6) 0.850987px -2.87677px 0px,
    rgb(var(--color-white-rgb) / 0.6) 1.74541px -2.43999px 0px,
    rgb(var(--color-white-rgb) / 0.6) 2.44769px -1.73459px 0px,
    rgb(var(--color-white-rgb) / 0.6) 2.88051px -0.838247px 0px;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 20;
  width: 340px;
  padding: 20px 10px;
  height: 180px;
  place-content: center;
  background: url("/img/entrance/catch_bg.jpg") no-repeat center / cover;
  border-radius: var(--round-10);
  box-shadow: 0 10px 0 var(--color-main);
}