@charset "utf-8";
/*----------------------------------------
	共通
----------------------------------------*/
.tab_section {
  position: relative;
}
.tab_section:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0px;
  left: 0;
  border-bottom: 1px solid #aaa;
  z-index: -1;
}
.tab_list {
  text-align: center;
  list-style: none;
  padding: 0;
  position: relative;
  display: grid;
  width: 85%;
  max-width: 750px;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  margin: auto;
  gap: 8px;
}
.tab_item {
  border: 1px solid #aaa;
  background: #ececec;
  display: inline-block;
}
.tab_item--selected {
  background: #fff;
  color: #000;
  border-bottom: #fff solid 1px;
}
.tab_item_link {
  padding: 8px;
}
@media (any-hover: hover) {
  .tab_item:hover {
    background: #fff;
  }
  .tab_item--selected:hover {
    border-bottom: 1px solid #aaa;
  }
}
.contents_wrap {
  gap: 48px;
}
.contents {
  display: grid;
  gap: var(--space-md);
}
.amenity_list > li {
  display: inline;
}
.contents_text_details > dd + dt {
  margin-top: 16px;
}
.contents_text_details > dd + dd {
  margin-top: 6px;
}
.contents_text_box > * + * {
  margin-top: var(--space-sm);
}

@media screen and (min-width: 768px) {
  .contents {
    grid-template-columns: 1fr minmax(350px, 45%);
  }
  .contents_wrap {
    width: 90%;
  }
  .contents_text_box {
    width: 100%;
    padding: 0 4px;
  }
}