/*-------------------------------
---.section
-------------------------------*/

.intro {
  margin-top: 9rem;
}

.intro .catch_copy {
  width: min(28.5rem, 28.5%);
  margin-left: auto;
  margin-right: auto;
}

.list_house-gallery {
  position: relative;
  z-index: var(--z-index-low);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  grid-gap: min(calc(90 / 768 * 100vw), 12rem) min(calc(50 / 768 * 100vw), 9rem);
  justify-content: center;
  text-align: center;
  margin-bottom: 12rem;
}

.list_house-gallery .item.private {
  pointer-events: none;
}

.house-gallery_title {
  font-weight: 500;
  color: #A53C14;
  margin-top: 4.5rem;
  margin-bottom: 2.5rem;
}

.house-gallery_title span {
  display: block;
}

.house-gallery_title .en_title {
  font-size: var(--font-size-exl);
  line-height: 1;
}

.house-gallery_title .jp_title {
  font-size: var(--font-size-xxl);
}

.list_house-gallery .catch_copy {
  font-size: var(--font-size-xxl);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1.5em;
}

.list_house-gallery .catch_copy span {
  display: inline-block;
}

.list_house-gallery .arrow_txt {
  position: relative;
  width: min(16.5em, 100%);
  /* font-size: 1.5rem; */
  letter-spacing: 0.1em;
  border-bottom: 0.1rem solid;
  padding-left: 2em;
  padding-right: 2em;
  margin-left: auto;
  margin-right: auto;
}

.list_house-gallery .item.public .arrow_txt {
  color: #A53C14;
  border-color: #A53C14;
}

.list_house-gallery .item.private .arrow_txt {
  color: #AFAFAF;
  border-color: #AFAFAF;
}

.list_house-gallery .item.public .arrow_txt::before {
  content: 'MORE';
}

.list_house-gallery .item.private .arrow_txt::before {
  content: 'COMMING SOON';
}

.list_house-gallery .arrow_txt::after {
  content: '\f061';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {
  .list_house-gallery .item .link_gallery:hover .arrow_txt::after {
    right: 0;
  }
}