@charset "UTF-8";
/*--------------- entrance-pageここから ---------------*/
.entrance-page {
  --header-height: 120px;
}

.entrance-header__inner {
  padding: 10px 5%;
  -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__txt {
  margin-top: 12px;
  font-size: var(--font-size-14);
  letter-spacing: var(--letter-spacing-base);
}
.entrance__copyright {
  font-size: 11px;
  letter-spacing: var(--letter-spacing-none);
  width: 100%;
  display: block;
  text-align: center;
  line-height: 36px;
  background-color: var(--color-white);
}

.entrance__container {
  display: grid;
  grid-template-columns: 1fr;
  /* grid-template-rows: repeat(3, 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;
  /* aspect-ratio: 4 / 3; */
  height: clamp(275px, .75vw, 360px);
}
.entrance-item:hover {
  opacity: 0.7;
}
.entrance-item__ttl {
  white-space: nowrap;
  font-size: var(--font-size-30);
  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;
  max-width: 300px;
  width: 90%;
  padding: 20px 10px;
  min-height: 100px;
  place-content: center;
  background: url("/img/entrance/catch_bg.jpg") no-repeat center / cover;
  border-radius: var(--round-10);
  box-shadow: 0 8px 0 var(--color-main);
}