@charset "UTF-8";
/*--------------- entrance-pageここから ---------------*/
.entrance__copyright {
  text-align: center;
  font-size: var(--font-size-12);
  line-height: 3;
  width: 100%;
  display: block;
  color: var(--color-gray-medium);
  letter-spacing: var(--letter-spacing-regular);
}

.entrance__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  padding: 0 20px;
  width: 100%;
  height: auto;
}

.entrance-item {
  --ttl-border-color: #657524;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: clamp(7.5rem, calc(1.2050359712rem + 0.2877697842 * 100vw), 15rem);
}
.entrance-item:hover {
  opacity: 0.7;
}
.entrance-item__ttl {
  font-size: 16px;
  color: #262626;
  letter-spacing: var(--letter-spacing-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 20;
  border-left: 6px solid var(--ttl-border-color);
  padding: 12px 16px 12px 12px;
  text-align: center;
  width: 85%;
}
.entrance-item__ttl .sm {
  font-size: 0.75em;
  line-height: 1.8;
}
.entrance-item__ttl::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: -1;
  background: url("/img/pattern/white.jpg") repeat center/auto;
  opacity: 0.9;
}
.entrance-item__btn {
  margin-top: 15px;
  width: 100%;
  pointer-events: none;
}
.entrance-item--official {
  --ttl-border-color: #657524;
  height: clamp(10rem, calc(3.7050359712rem + 0.2877697842 * 100vw), 17.5rem);
}
.entrance-item--to-owner {
  --ttl-border-color: #cd4b4b;
}
.entrance-item--special {
  --ttl-border-color: #d0b72a;
}
.entrance-item--special-sp {
  --ttl-border-color: #b86215;
}