@charset "UTF-8";
:root {
  --invariants: 2.5;
  --fz10: min(calc(0.1rem * 10), calc(0.1vw * 10 * var(--invariants)));
  --fz11: min(calc(0.1rem * 11), calc(0.1vw * 11 * var(--invariants)));
  --fz12: min(calc(0.1rem * 12), calc(0.1vw * 12 * var(--invariants)));
  --fz13: min(calc(0.1rem * 13), calc(0.1vw * 13 * var(--invariants)));
  --fz14: min(calc(0.1rem * 14), calc(0.1vw * 14 * var(--invariants)));
  --fz15: min(calc(0.1rem * 15), calc(0.1vw * 15 * var(--invariants)));
  --fz16: min(calc(0.1rem * 16), calc(0.1vw * 16 * var(--invariants)));
  --fz17: min(calc(0.1rem * 17), calc(0.1vw * 17 * var(--invariants)));
  --fz18: min(calc(0.1rem * 18), calc(0.1vw * 18 * var(--invariants)));
  --fz19: min(calc(0.1rem * 19), calc(0.1vw * 19 * var(--invariants)));
  --fz20: min(calc(0.1rem * 20), calc(0.1vw * 20 * var(--invariants)));
  --fz21: min(calc(0.1rem * 21), calc(0.1vw * 21 * var(--invariants)));
  --fz22: min(calc(0.1rem * 22), calc(0.1vw * 22 * var(--invariants)));
  --fz23: min(calc(0.1rem * 23), calc(0.1vw * 23 * var(--invariants)));
  --fz24: min(calc(0.1rem * 24), calc(0.1vw * 24 * var(--invariants)));
  --fz25: min(calc(0.1rem * 25), calc(0.1vw * 25 * var(--invariants)));
  --fz26: min(calc(0.1rem * 26), calc(0.1vw * 26 * var(--invariants)));
  --fz27: min(calc(0.1rem * 27), calc(0.1vw * 27 * var(--invariants)));
  --fz28: min(calc(0.1rem * 28), calc(0.1vw * 28 * var(--invariants)));
  --fz29: min(calc(0.1rem * 29), calc(0.1vw * 29 * var(--invariants)));
  --fz30: min(calc(0.1rem * 30), calc(0.1vw * 30 * var(--invariants)));
  --fz31: min(calc(0.1rem * 31), calc(0.1vw * 31 * var(--invariants)));
  --fz32: min(calc(0.1rem * 32), calc(0.1vw * 32 * var(--invariants)));
  --fz33: min(calc(0.1rem * 33), calc(0.1vw * 33 * var(--invariants)));
  --fz34: min(calc(0.1rem * 34), calc(0.1vw * 34 * var(--invariants)));
  --fz35: min(calc(0.1rem * 35), calc(0.1vw * 35 * var(--invariants)));
  --fz36: min(calc(0.1rem * 36), calc(0.1vw * 36 * var(--invariants)));
  --fz37: min(calc(0.1rem * 37), calc(0.1vw * 37 * var(--invariants)));
  --fz38: min(calc(0.1rem * 38), calc(0.1vw * 38 * var(--invariants)));
  --fz39: min(calc(0.1rem * 39), calc(0.1vw * 39 * var(--invariants)));
  --fz40: min(calc(0.1rem * 40), calc(0.1vw * 40 * var(--invariants)));
  --fz41: min(calc(0.1rem * 41), calc(0.1vw * 41 * var(--invariants)));
  --fz42: min(calc(0.1rem * 42), calc(0.1vw * 42 * var(--invariants)));
  --fz43: min(calc(0.1rem * 43), calc(0.1vw * 43 * var(--invariants)));
  --fz44: min(calc(0.1rem * 44), calc(0.1vw * 44 * var(--invariants)));
  --fz45: min(calc(0.1rem * 45), calc(0.1vw * 45 * var(--invariants)));
  --fz46: min(calc(0.1rem * 46), calc(0.1vw * 46 * var(--invariants)));
  --fz47: min(calc(0.1rem * 47), calc(0.1vw * 47 * var(--invariants)));
  --fz48: min(calc(0.1rem * 48), calc(0.1vw * 48 * var(--invariants)));
  --fz49: min(calc(0.1rem * 49), calc(0.1vw * 49 * var(--invariants)));
  --fz50: min(calc(0.1rem * 50), calc(0.1vw * 50 * var(--invariants)));
  --fz51: min(calc(0.1rem * 51), calc(0.1vw * 51 * var(--invariants)));
  --fz52: min(calc(0.1rem * 52), calc(0.1vw * 52 * var(--invariants)));
  --fz53: min(calc(0.1rem * 53), calc(0.1vw * 53 * var(--invariants)));
  --fz54: min(calc(0.1rem * 54), calc(0.1vw * 54 * var(--invariants)));
  --fz55: min(calc(0.1rem * 55), calc(0.1vw * 55 * var(--invariants)));
  --fz56: min(calc(0.1rem * 56), calc(0.1vw * 56 * var(--invariants)));
  --fz57: min(calc(0.1rem * 57), calc(0.1vw * 57 * var(--invariants)));
  --fz58: min(calc(0.1rem * 58), calc(0.1vw * 58 * var(--invariants)));
  --fz59: min(calc(0.1rem * 59), calc(0.1vw * 59 * var(--invariants)));
  --fz60: min(calc(0.1rem * 60), calc(0.1vw * 60 * var(--invariants)));
  --fz61: min(calc(0.1rem * 61), calc(0.1vw * 61 * var(--invariants)));
  --fz62: min(calc(0.1rem * 62), calc(0.1vw * 62 * var(--invariants)));
  --fz63: min(calc(0.1rem * 63), calc(0.1vw * 63 * var(--invariants)));
  --fz64: min(calc(0.1rem * 64), calc(0.1vw * 64 * var(--invariants)));
  --fz65: min(calc(0.1rem * 65), calc(0.1vw * 65 * var(--invariants)));
  --fz66: min(calc(0.1rem * 66), calc(0.1vw * 66 * var(--invariants)));
  --fz67: min(calc(0.1rem * 67), calc(0.1vw * 67 * var(--invariants)));
  --fz68: min(calc(0.1rem * 68), calc(0.1vw * 68 * var(--invariants)));
  --fz69: min(calc(0.1rem * 69), calc(0.1vw * 69 * var(--invariants)));
  --fz70: min(calc(0.1rem * 70), calc(0.1vw * 70 * var(--invariants)));
  --fz71: min(calc(0.1rem * 71), calc(0.1vw * 71 * var(--invariants)));
  --fz72: min(calc(0.1rem * 72), calc(0.1vw * 72 * var(--invariants)));
  --fz73: min(calc(0.1rem * 73), calc(0.1vw * 73 * var(--invariants)));
  --fz74: min(calc(0.1rem * 74), calc(0.1vw * 74 * var(--invariants)));
  --fz75: min(calc(0.1rem * 75), calc(0.1vw * 75 * var(--invariants)));
  --fz76: min(calc(0.1rem * 76), calc(0.1vw * 76 * var(--invariants)));
  --fz77: min(calc(0.1rem * 77), calc(0.1vw * 77 * var(--invariants)));
  --fz78: min(calc(0.1rem * 78), calc(0.1vw * 78 * var(--invariants)));
  --fz79: min(calc(0.1rem * 79), calc(0.1vw * 79 * var(--invariants)));
  --fz80: min(calc(0.1rem * 80), calc(0.1vw * 80 * var(--invariants)));
}

@media (min-width: 768px) {
  .is-hidden_pc {
    display: none;
  }
}
@media (max-width: 767px) {
  .is-hidden_sp {
    display: none;
  }
}
.u-txt_left {
  text-align: left !important;
}

.u-txt_center {
  text-align: center !important;
}

.u-txt_right {
  text-align: right !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-color-primary {
  color: #1197C7;
}

.u-color-secondary {
  color: #005877;
}

.u-color-accent {
  color: #5F4500;
}

.u-bg-color-black {
  background-color: #000;
}

.u-bg-primary {
  background-color: #1197C7;
}

.u-bg-secondary {
  background-color: #005877;
}

.u-bg-accent {
  background-color: #5F4500;
}

.u-color-white {
  color: #fff;
}

.u-color-red {
  color: #C71111;
}

.u-txt-bold {
  font-weight: bold;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

table {
  width: 100%;
}
@media (max-width: 767px) {
  table.table {
    display: block;
  }
  table.table tbody,
table.table tr,
table.table th,
table.table td {
    box-sizing: border-box;
    display: block;
    width: 100% !important;
  }
}

.bold {
  font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
}

.section {
  padding: 80px 0;
}
.section.-first {
  padding-top: 0;
}
@media (max-width: 767px) {
  .section {
    padding: 50px 0;
  }
}

.breadcrumbs {
  background: linear-gradient(#1197C7 0%, #354259 100%);
  color: #fff;
  padding: 10px 0;
}
.breadcrumbs li {
  display: inline-block;
  line-height: 1;
}
.breadcrumbs li::before {
  display: inline-block;
  vertical-align: top;
  content: "＞";
}
.breadcrumbs li:first-child::before {
  content: normal;
}

.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
.pagination li {
  display: inline-block !important;
  line-height: 1;
  text-align: center;
}
.pagination li.active a,
.pagination li.active span {
  font-weight: bold;
  color: #fff;
  background: linear-gradient(#1197C7 0%, #354259 100%);
}
.pagination a,
.pagination span {
  padding: 10px 15px;
  display: block;
  background: #fff;
}
.pagination:empty {
  display: none;
}

.cvarea {
  padding: 50px 0;
  background: url("../img/common/bg_pattern.png") repeat top center, linear-gradient(#000, #1197C7);
  color: #fff;
}
.cvarea--txt {
  text-align: center;
}
.cvarea--txt dt {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cvarea--btn_list {
    max-width: 890px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .cvarea--btn_list {
    background: #fff;
    padding: 10px 15px;
    margin-top: 30px;
  }
}
.cvarea--btn a,
.cvarea--btn button {
  font-size: var(--fz30);
  font-weight: bold;
  justify-content: center;
  display: flex;
  align-items: center;
  text-align: center;
  gap: 15px;
  background: linear-gradient(#1197C7 0%, #354259 100%);
  height: 100px;
  color: #fff;
  border: solid 2px #fff;
  box-sizing: border-box;
  width: 100%;
}
.cvarea--btn span {
  font-size: var(--fz10);
  color: #1197C7;
  background: #fff;
  text-align: center;
  padding: 5px 10px;
  line-height: 1.2;
}
.cvarea--btn.-sm a,
.cvarea--btn.-sm button {
  font-size: var(--fz20);
}
.cvarea--btn.-line {
  width: 100%;
}
.cvarea--btn.-line a,
.cvarea--btn.-line button {
  background: linear-gradient(#2dc711 0%, #0e7700 100%);
}
@media (min-width: 768px) {
  .cvarea--btn {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .cvarea--btn a,
.cvarea--btn button {
    font-size: var(--fz16);
    margin-bottom: 10px;
    height: 60px;
  }
}

.eyecatch {
  background: #000;
  padding: 10px;
}
@media (min-width: 768px) {
  .eyecatch {
    background: url(../img/common/eyecatch.jpg) no-repeat center/cover;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.eyecatch--ttl {
  color: #fff;
  font-size: var(--fz18);
  font-weight: bold;
  display: flex;
  align-items: center;
}
.eyecatch--ttl::before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 0.5em;
  background: url(../img/common/icon_building_white.svg) no-repeat center/contain;
}
.eyecatch--ttl.-map::before {
  background: url(../img/common/icon_mappin_white.svg) no-repeat center/contain;
}
.eyecatch--ttl.-line::before {
  background: url(../img/common/icon_train_white.svg) no-repeat center/contain;
}
.eyecatch--ttl.-word::before {
  background: url(../img/common/icon_glass_white.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .eyecatch--ttl {
    font-size: var(--fz35);
    justify-content: center;
  }
}

.ttl_underline {
  font-size: var(--fz20);
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: auto;
  border-bottom: 1px solid;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .ttl_underline {
    font-size: var(--fz41);
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
}

.ttl_band {
  font-size: var(--fz18);
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  letter-spacing: 0.05em;
  padding: 5px;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .ttl_band {
    font-size: var(--fz34);
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .ttl_band {
    max-width: 80%;
  }
}
.ttl_band.-brown {
  color: #fff;
  background-color: #5F4500;
}
.ttl_band.-short {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 1.5em;
}
@media (min-width: 768px) {
  .ttl_band.-short {
    font-size: var(--fz25);
  }
}

.ttl_section {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz20);
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}
.ttl_section svg {
  width: 1em;
  height: 1em;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .ttl_section {
    font-size: var(--fz31);
    margin-bottom: 45px;
  }
}
.ttl_section.-sideline::before, .ttl_section.-sideline::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background-color: currentColor;
  min-width: 1.5em;
}
.ttl_section.-sideline::before {
  margin-right: 1em;
}
.ttl_section.-sideline::after {
  margin-left: 1em;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: min(500px, 100%);
  min-height: 44px;
  padding: 1em;
  border: none;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background: linear-gradient(#1197C7 0%, #354259 100%);
}
.btn::after {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background: url(../img/common/icon_circle_arrow_white.svg) no-repeat center/contain;
  margin-left: 1em;
}
@media (max-width: 767px) {
  .btn {
    font-size: var(--fz12);
  }
}
.btn.-white {
  color: #000;
  background: #fff;
}
.btn.-white::after {
  background-image: url(../img/common/icon_circle_arrow_black.svg);
}
.btn.-brown {
  background: #5F4500;
}
.btn.-black {
  background: #000;
}
.btn.-center {
  margin: 0 auto;
}

.btn_favorite {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: min(500px, 100%);
  min-height: 44px;
  padding: 1em;
  border: none;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background-color: #FF6768;
}
@media (max-width: 767px) {
  .btn_favorite {
    font-size: var(--fz12);
  }
}
.btn_favorite img {
  margin-left: 0.8em;
}
@media (min-width: 768px) {
  .btn_favorite img {
    width: 20px;
    height: auto;
  }
}
.btn_favorite.is-current img {
  background: url("../img/common/icon_heart_fill.svg") no-repeat center/contain;
}
.btn_favorite.-sm {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  background: transparent;
  width: 15px;
  height: 15px;
  min-height: auto;
  padding: 0;
  box-shadow: none;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));
}
.btn_favorite.-sm img {
  width: 100%;
  height: auto;
  margin-left: 0;
}
@media (min-width: 768px) {
  .btn_favorite.-sm {
    width: 25px;
    height: 25px;
  }
}

.tag {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  gap: 5px;
}
.tag li {
  font-size: var(--fz10);
  padding: 2px 5px;
  line-height: 1.3;
  border: solid 1px;
}
.tag li::before {
  content: "#";
}
@media (min-width: 768px) {
  .tag li {
    font-size: var(--fz14);
    padding: 2px 10px;
  }
}

.property {
  display: grid;
  gap: 10px;
}
.property.-col2 {
  grid-template-columns: repeat(auto-fill, minmax(min(560px, 100%), 1fr));
}
.property.-col4 {
  grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr));
}
@media (min-width: 768px) {
  .property.-col4 {
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
  }
}
@media (max-width: 767px) {
  .property.-col4 {
    gap: 5px;
  }
}

.property_item {
  display: block;
  background-color: #fff;
  padding: 10px;
}
@media (min-width: 768px) {
  .property_item {
    padding: min(20px, 1.5vw);
  }
}
.property_item .tag {
  grid-area: tag;
}
.property_item--inner {
  display: grid;
  gap: 10px;
  grid-template-areas: "ttl ttl" "img txt" "tag tag";
  grid-template-columns: auto 1fr;
}
@media (min-width: 768px) {
  .property_item--inner {
    gap: 10px min(20px, 1.5vw);
    grid-template-areas: "img ttl" "img txt" "img tag";
  }
}
.property_item--txt {
  grid-area: txt;
  display: grid;
  height: 100%;
  grid-template-rows: auto 1fr auto;
  align-items: flex-start;
  row-gap: 10px;
}
.property_item--ttl {
  grid-area: ttl;
  font-size: var(--fz15);
  font-weight: bold;
  line-height: 1.5;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 768px) {
  .property_item--ttl {
    font-size: var(--fz20);
  }
}
@media (max-width: 767px) {
  .property_item--ttl.-underline {
    border-bottom: 1px solid #1197C7;
    padding-bottom: 5px;
  }
}
.property_item--caption {
  font-size: var(--fz14);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (min-width: 768px) {
  .property_item--caption {
    -webkit-line-clamp: 2;
  }
}
.property_item.-minimum .property_item--inner {
  grid-template-areas: "img ttl" "img txt" "img tag";
}
.property_item.-minimum .property_item--ttl a {
  display: block;
}
@media (min-width: 768px) {
  .property_item.-minimum .tag li {
    font-size: min(1.8rem, 2vw);
  }
}
.property_item.-vertical {
  padding: 5px;
  display: flex;
  flex-direction: column;
}
.property_item.-vertical .property_item--img {
  position: relative;
  margin-bottom: 5px;
}
.property_item.-vertical .property_item--img > img {
  width: 100%;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .property_item.-vertical .property_item--img {
    margin-bottom: 10px;
  }
  .property_item.-vertical .property_item--img > img {
    height: 255px;
  }
}
.property_item.-vertical .property_item--ttl {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fz10);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  padding: 5px;
}
@media (min-width: 768px) {
  .property_item.-vertical .property_item--ttl {
    font-size: var(--fz18);
  }
}
@media (min-width: 768px) {
  .property_item.-vertical .property_item--txt {
    row-gap: 15px;
  }
}
.property_item.-vertical .property_item_cost {
  gap: 2px;
}
@media (min-width: 768px) {
  .property_item.-vertical .property_item_cost--rent {
    font-size: var(--fz16);
    margin-right: 10px;
  }
}
.property_item.-vertical .tag {
  grid-area: unset;
}
@media (min-width: 768px) {
  .property_item.-vertical .tag li {
    font-size: var(--fz16);
  }
}
.property_item.-vertical .property_item_btn {
  display: block;
}

.property_item_cost {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  line-height: 1;
  gap: 5px 10px;
}
.property_item_cost dl {
  display: flex;
  align-items: center;
}
.property_item_cost dt {
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  margin-right: 2px;
}
.property_item_cost--rent {
  font-size: 1rem;
  color: #C71111;
}
.property_item_cost--rent dt {
  padding: 0.3em 0.5em;
  background-color: #C71111;
}
@media (min-width: 768px) {
  .property_item_cost--rent {
    font-size: var(--fz19);
  }
}
.property_item_cost--fee dt {
  font-size: 0.6rem;
  padding: 0.5em;
  background-color: #000;
}
.property_item_cost--fee dd {
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .property_item_cost--fee dt {
    font-size: var(--fz11);
  }
  .property_item_cost--fee dd {
    font-size: var(--fz14);
  }
}
@media (max-width: 767px) {
  .property_item_cost.-vertical {
    flex-direction: column;
  }
  .property_item_cost.-vertical dt {
    width: 40px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .property_item_cost.-vertical .property_item_cost--rent dt {
    font-size: var(--fz12);
  }
  .property_item_cost.-vertical .property_item_cost--rent dd {
    font-size: var(--fz15);
  }
}

.property_item_condition {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  font-size: var(--fz12);
  letter-spacing: 0.1em;
}
.property_item_condition sup {
  vertical-align: super;
  font-size: 0.5em;
}

.property_item_img {
  grid-area: img;
  position: relative;
}
.property_item_img img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .property_item_img img {
    width: min(230px, 18vw);
    height: 230px;
  }
}

.property_item_cat {
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--fz14);
  font-weight: bold;
  background-color: #fff;
  padding: 5px 10px;
}
.property_item_cat.-black {
  color: #fff;
  background-color: #000;
}
@media (max-width: 767px) {
  .property_item_cat {
    font-size: min(0.8rem, 2vw);
    padding: 2px 5px;
  }
}

.property_item_btn {
  display: grid;
  grid-template-columns: 3fr 5fr;
  gap: 10px;
  padding-top: 10px;
  margin: auto 0 0 0;
}
@media (min-width: 768px) {
  .property_item_btn {
    gap: 15px;
    grid-template-columns: 3fr 7fr;
  }
}

.sorting select, .sorting option {
  border: 1px solid #000;
  background: #fff;
  color: #000;
  float: right;
  border-radius: 30px;
  padding: 3px 10px;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: var(--fz16);
  line-height: 1.6;
  color: #000;
}

.wrap {
  margin: auto;
}
@media (max-width: 767px) {
  .wrap {
    width: 100%;
    min-width: auto;
  }
}

.container {
  box-sizing: border-box;
  width: min(1220px, 100%);
  padding: 0 10px;
  margin: auto;
}

main {
  display: block;
}
@media (min-width: 768px) and (max-width: 769px) and (orientation: portrait) {
  main {
    min-height: 95vh;
  }
}

.totop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .totop {
    width: 44px;
    height: 44px;
  }
}

.header {
  background: url("../img/common/bg_pattern.png") repeat-x center, #1197C7;
  color: #fff;
  padding: 25px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
}
@media (max-width: 767px) {
  .header {
    padding: 5px 0;
    margin-bottom: 50px;
  }
}
.header--inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
  .header--inner {
    gap: 10px;
  }
}

.suv_nav {
  order: 1;
}
.suv_nav--list.-after {
  font-size: var(--fz12);
  display: flex;
  flex-wrap: wrap;
}
.suv_nav--list.-after a,
.suv_nav--list.-after button {
  display: grid;
  place-items: center;
  background: #fff;
  border: solid 1px #1197C7;
  color: #1197C7;
  height: 45px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .suv_nav--list {
    margin-bottom: 10px;
  }
  .suv_nav--list.-after a,
.suv_nav--list.-after button {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .suv_nav--list {
    display: flex;
    align-items: center;
  }
  .suv_nav--list.-before {
    gap: 10px;
  }
  .suv_nav--list.-after {
    font-size: var(--fz10);
  }
  .suv_nav--list.-after li {
    width: 50%;
  }
  .suv_nav--list.-after a,
.suv_nav--list.-after button {
    height: 40px;
    line-height: 1.2;
  }
}
.suv_nav--login a, .suv_nav--search a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #fff;
}
@media (max-width: 767px) {
  .suv_nav--login a, .suv_nav--search a {
    width: 40px;
    height: 40px;
  }
}
.suv_nav--login {
  font-size: var(--fz17);
  font-weight: bold;
}
.suv_nav--login a {
  background: linear-gradient(#2dc711 0%, #0e7700 100%);
}
@media (min-width: 768px) {
  .suv_nav--login a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px;
    gap: 10px;
  }
}

.nav {
  flex-grow: 1;
}
.nav ul {
  display: flex;
}
.nav a {
  display: flex;
  align-items: center;
  font-size: var(--fz22);
  font-weight: bold;
  gap: 10px;
}
.nav span {
  font-size: var(--fz14);
  font-weight: 500;
}
@media (min-width: 768px) {
  .nav ul {
    gap: 20px;
  }
  .nav span {
    margin-left: 5px;
  }
}
@media (max-width: 767px) {
  .nav {
    position: absolute;
    left: 0;
    right: 0;
  }
  .nav li {
    display: flex;
    align-items: center;
    padding: 10px 0;
  }
  .nav li:not(:last-child)::after {
    content: "";
    height: 30px;
    border-right: solid 1px #fff;
    display: inline-block;
  }
  .nav a {
    font-size: var(--fz15);
    gap: 5px;
    line-height: 1.1;
    padding: 0 0.5em;
  }
  .nav span {
    display: block;
    font-size: var(--fz10);
  }
}
.nav--icon {
  background: #fff;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .nav--icon {
    width: 20px;
    height: 20px;
  }
  .nav--icon svg {
    height: 10px;
  }
}

.gnav ul {
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .gnav ul {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .gnav {
    bottom: -50px;
    background: #000;
  }
  .gnav ul {
    justify-content: center;
  }
}

.footer {
  background: url("../img/common/bg_pattern.png") repeat top center, linear-gradient(#1197C7, #000 50%, #000);
  padding-top: 50px;
  color: #fff;
}
.footer--txt {
  text-align: center;
}
.footer--txt dt {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .footer--btn_list {
    max-width: 890px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .footer--btn_list {
    background: #fff;
    padding: 10px 15px;
    margin-top: 30px;
  }
}
.footer--btn a,
.footer--btn button {
  font-size: var(--fz30);
  font-weight: bold;
  justify-content: center;
  display: flex;
  align-items: center;
  text-align: center;
  gap: 15px;
  background: linear-gradient(#1197C7 0%, #354259 100%);
  height: 100px;
  color: #fff;
  border: solid 2px #fff;
  box-sizing: border-box;
  width: 100%;
}
.footer--btn span {
  font-size: var(--fz10);
  color: #1197C7;
  background: #fff;
  text-align: center;
  padding: 5px 10px;
  line-height: 1.2;
}
.footer--btn.-sm a,
.footer--btn.-sm button {
  font-size: var(--fz20);
}
.footer--btn.-line {
  width: 100%;
}
.footer--btn.-line a,
.footer--btn.-line button {
  background: linear-gradient(#2dc711 0%, #0e7700 100%);
}
@media (min-width: 768px) {
  .footer--btn {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .footer--btn a,
.footer--btn button {
    font-size: var(--fz16);
    margin-bottom: 10px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .footer {
    background: #000;
    position: relative;
    padding-top: 70px;
  }
}
@media (min-width: 768px) {
  .footer--btn_list {
    margin-bottom: 90px;
  }
}
.footer--company {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin: 50px 0 75px;
}
.footer--company .btn {
  width: 265px;
}
.footer--copy {
  font-size: var(--fz14);
  font-weight: bold;
  padding: 15px 10px;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .footer--copy {
    background-color: #272727;
  }
}

.footer_nav ul {
  justify-content: center;
}
@media (min-width: 768px) {
  .footer_nav span {
    font-size: var(--fz14);
  }
}
@media (max-width: 767px) {
  .footer_nav {
    background: linear-gradient(#000, #005877);
    top: 0;
  }
}

.user_edit_modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 50px;
  visibility: hidden;
  background: rgba(17, 151, 199, 0.5);
  opacity: 0;
  transition: 0.3s;
}
.user_edit_modal.is-active {
  visibility: visible;
  opacity: 1;
}
.user_edit_modal table {
  margin-bottom: 20px;
}
.user_edit_modal table div {
  display: flex;
  gap: 10px;
}
.user_edit_modal th {
  text-align: left;
}
.user_edit_modal th.is-required::after {
  color: red;
  content: "※必須";
  margin-left: 10px;
}
.user_edit_modal td {
  padding: 5px 0;
}
.user_edit_modal input {
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .user_edit_modal th {
    width: 170px;
  }
}
@media (max-width: 767px) {
  .user_edit_modal {
    padding: 20px 10px;
  }
}
.user_edit_modal--body {
  box-sizing: border-box;
  padding: 50px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media (max-width: 767px) {
  .user_edit_modal--body {
    padding: 20px 10px;
  }
}
.user_edit_modal--btn button {
  background: #1197C7;
  color: #fff;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 88, 119, 0.6);
}

.alert {
  margin-bottom: 30px;
  padding: 10px;
}
.alert.-success {
  color: #1197C7;
  border: solid 1px #1197C7;
}
.alert.-error {
  color: #C71111;
  border: solid 1px #C71111;
}
.alert.-error li::before {
  content: "※";
}

.top_swipernav {
  max-width: 640px;
  display: grid;
  grid-template-columns: min(10vw, 45px) 1fr min(10vw, 45px);
  grid-template-rows: min(10vw, 45px);
  align-items: center;
  margin: min(5vw, 50px) auto;
  padding: 0 10px;
}
.top_swipernav .swiper-button-prev,
.top_swipernav .swiper-button-next {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2ZM9.2,15.05V6.95L14.6,11Z" fill="%23ffffff" transform="translate(-2 -2)"/></svg>') no-repeat center right/contain;
  background-size: contain;
  position: static;
  margin-top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 50%;
}
.top_swipernav .swiper-button-prev::before,
.top_swipernav .swiper-button-next::before {
  pointer-events: none;
  opacity: 0;
}
.top_swipernav .swiper-button-prev::after,
.top_swipernav .swiper-button-next::after {
  content: none;
}
.top_swipernav .swiper-button-prev {
  transform: scale(-1, 1);
}
.top_swipernav .swiper-button-prev::before {
  content: "prev";
  opacity: 0;
}
.top_swipernav .swiper-button-next::before {
  content: "next";
  opacity: 0;
}
.top_swipernav .swiper-pagination {
  position: static;
}
.top_swipernav .swiper-pagination-bullet {
  width: clamp(10px, 2vw, 14px);
  height: clamp(10px, 2vw, 14px);
  background: #ffffff;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 1;
}
.top_swipernav .swiper-pagination-bullet-active {
  background: #000;
}

.top_mv {
  position: relative;
  padding: min(9vw, 90px) 0;
}
.top_mv--img {
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  width: 100%;
}
.top_mv--img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_mv--inner {
  box-sizing: border-box;
  padding: min(2vw, 40px);
  max-width: 530px;
  background: rgba(0, 0, 0, 0.7);
  margin-left: auto;
}
@media (max-width: 767px) {
  .top_mv--inner {
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.4);
  }
}
.top_mv--catch {
  padding: 15px;
  background: #1197C7 url(./../img/top/bg_mv_01.png) no-repeat;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
  border: 1px solid #1197C7;
}
.top_mv--catch_ttl {
  font-size: var(--fz27);
  display: inline-block;
  padding-left: 48px;
  background: url(./../img/top/icon_mv_01.svg) no-repeat left;
  margin-bottom: 15px;
}
.top_mv--list {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  font-size: var(--fz17);
  font-weight: bold;
  color: #fff;
}
.top_mv--list .large {
  font-size: var(--fz25);
  display: inline-block;
  margin-right: 5px;
}
.top_mv--list li {
  border: 1px solid #fff;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2ZM9.2,15.05V6.95L14.6,11Z" fill="%23ffffff" transform="translate(-2 -2)"/></svg>') no-repeat center right min(2.5vw, 25px), linear-gradient(#000 0%, #005877 100%);
}
.top_mv--list li:nth-child(1) a::after {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="9.6" height="15" viewBox="0 0 9.6 15"><path d="M9.8,2A5.036,5.036,0,0,0,5,7.25C5,11.188,9.8,17,9.8,17s4.8-5.812,4.8-9.75A5.036,5.036,0,0,0,9.8,2Zm0,7.125A1.8,1.8,0,0,1,8.086,7.25,1.8,1.8,0,0,1,9.8,5.375,1.8,1.8,0,0,1,11.514,7.25,1.8,1.8,0,0,1,9.8,9.125Z" transform="translate(-5 -2)" fill="%23005877"/></svg>') no-repeat center/min(50%, 20px);
  opacity: 1;
}
.top_mv--list li:nth-child(2) a::after {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16.211" height="20" viewBox="0 0 16.211 20"><path d="M12.105,2C8.053,2,4,2.526,4,6.211v10a3.621,3.621,0,0,0,3.546,3.684l-1.52,1.579V22H8.286l2.026-2.105h3.82L16.158,22h2.026v-.526l-1.52-1.579a3.621,3.621,0,0,0,3.546-3.684v-10C20.211,2.526,16.583,2,12.105,2ZM7.546,17.789a1.58,1.58,0,1,1,1.52-1.579A1.548,1.548,0,0,1,7.546,17.789Zm3.546-7.368H6.026V6.211h5.066Zm2.026,0V6.211h5.066v4.211Zm3.546,7.368a1.58,1.58,0,1,1,1.52-1.579A1.548,1.548,0,0,1,16.664,17.789Z" transform="translate(-4 -2)" fill="%23005877"/></svg>') no-repeat center/min(60%, 28px);
}
.top_mv--list li:nth-child(3) a::after {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18.737" height="20" viewBox="0 0 18.737 20"><path d="M15.491,11.474V5.158L12.368,2,9.246,5.158V7.263H3V22H21.737V11.474ZM7.164,19.895H5.082V17.789H7.164Zm0-4.211H5.082V13.579H7.164Zm0-4.211H5.082V9.368H7.164Zm6.246,8.421H11.327V17.789h2.082Zm0-4.211H11.327V13.579h2.082Zm0-4.211H11.327V9.368h2.082Zm0-4.211H11.327V5.158h2.082Zm6.246,12.632H17.573V17.789h2.082Zm0-4.211H17.573V13.579h2.082Z" transform="translate(-3 -2)" fill="%23005877"/></svg>') no-repeat center/min(60%, 28px);
}
.top_mv--list li:nth-child(4) a::after {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M13.72,12.434h-.678L12.8,12.2a5.583,5.583,0,1,0-.6.6l.232.24v.678L16.722,18,18,16.722Zm-5.146,0a3.859,3.859,0,1,1,3.859-3.859A3.854,3.854,0,0,1,8.575,12.434Z" transform="translate(-3 -3)" fill="%23005877"/></svg>') no-repeat center/min(60%, 28px);
}
.top_mv--list a {
  padding: 15px;
  padding-left: min(16vw, 80px);
  padding-right: min(8.5vw, 45px);
  display: block;
  position: relative;
}
.top_mv--list a::before, .top_mv--list a::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: min(10vw, 50px);
  height: min(10vw, 50px);
}
.top_mv--list a::before {
  border-radius: 50%;
  background: #fff;
}

.top_mv_link {
  background: #000;
  padding: 20px 0;
}
.top_mv_link--list {
  justify-content: center;
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(30%, 260px), 1fr));
}
@media (max-width: 767px) {
  .top_mv_link--list {
    row-gap: 0;
  }
}
.top_mv_link--list li {
  background: linear-gradient(to right, #3b3b3b 0%, #000 100%);
}
.top_mv_link--list li:nth-child(1) {
  background: linear-gradient(to right, #1197C7 0%, #000 100%);
}
.top_mv_link--list li:nth-child(2) {
  background: linear-gradient(to right, #bf8c00 0%, #000 100%);
}
.top_mv_link--list li:nth-child(3) {
  background: linear-gradient(to right, #5F4500 0%, #000 100%);
}
.top_mv_link--list a {
  height: 100%;
  display: grid;
  grid-template-columns: 60% 40%;
  font-size: var(--fz20);
  text-align: center;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
.top_mv_link--list_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.top_mv_link--list_more {
  margin-top: min(1.5vw, 25px);
  font-size: var(--fz12);
}
.top_mv_link--list_more > span {
  padding-right: 25px;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2ZM9.2,15.05V6.95L14.6,11Z" fill="%23ffffff" transform="translate(-2 -2)"/></svg>') no-repeat center right/contain;
  display: inline-block;
}
@media (max-width: 767px) {
  .top_mv_link--list_more {
    margin-top: 5px;
  }
}
.top_mv_link--list_img {
  height: 100%;
  width: 100%;
}
.top_mv_link--list_img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .top_mv_link--list_img img {
    width: 100%;
    height: 100%;
  }
}
.top_mv_link--break {
  white-space: break-spaces;
  line-height: 1.2;
}
.top_mv_link--break > span {
  display: inline-block;
}

.top_feature_new {
  background: linear-gradient(#1197C7 0%, #354259 100%);
}
.top_feature_new .ttl_underline {
  color: #fff;
}
.top_feature_new--txt {
  color: #fff;
  font-size: var(--fz24);
}
@media (max-width: 767px) {
  .top_feature_new--txt {
    font-size: var(--fz12);
  }
}
.top_feature_new--swipernav .swiper-pagination-bullet-active {
  background: #C71111;
}
.top_feature_new--swipernav .swiper-button-prev,
.top_feature_new--swipernav .swiper-button-next {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2ZM9.2,15.05V6.95L14.6,11Z" fill="%23C71111" transform="translate(-2 -2)"/></svg>') no-repeat center right/contain;
  background-color: #fff;
}

.top_feature_pet {
  background: url(./../img/top/bg_feature_pet_01.png), #f6eed9;
}
.top_feature_pet--ttl {
  transform: translateY(50%);
  text-align: center;
  font-size: var(--fz34);
  color: #fff;
}
.top_feature_pet--ttl > span {
  background: #5F4500;
  padding: 5px min(8vw, 40px);
  display: block;
}
@media (max-width: 767px) {
  .top_feature_pet--ttl {
    font-size: var(--fz18);
  }
  .top_feature_pet--ttl > span {
    display: inline-block;
  }
}
.top_feature_pet--inner {
  padding: 80px 0 40px;
}
@media (max-width: 767px) {
  .top_feature_pet--inner {
    padding: 40px 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
}
.top_feature_pet--swipernav .swiper-pagination-bullet-active {
  background: #5F4500;
}
.top_feature_pet--swipernav .swiper-button-prev,
.top_feature_pet--swipernav .swiper-button-next {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2ZM9.2,15.05V6.95L14.6,11Z" fill="%235F4500" transform="translate(-2 -2)"/></svg>') no-repeat center right/contain;
  background-color: #fff;
}

.top_feature_free {
  background: linear-gradient(to bottom, #5F4500 0%, #000 100%);
}
.top_feature_free--inner {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: min(9vw, 90px);
       column-gap: min(9vw, 90px);
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  .top_feature_free--inner {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .top_feature_free--inner {
    flex-direction: column;
    row-gap: 40px;
  }
}
@media (min-width: 768px) {
  .top_feature_free--desc {
    min-width: 370px;
  }
}
.top_feature_free--ttl {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: var(--fz34);
  margin-bottom: 30px;
  position: relative;
}
.top_feature_free--ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}
@media (min-width: 768px) {
  .top_feature_free--ttl {
    padding-bottom: 30px;
  }
  .top_feature_free--ttl::after {
    max-width: 110px;
  }
}
.top_feature_free--ttl > span {
  font-size: var(--fz19);
}
@media (max-width: 767px) {
  .top_feature_free--txt {
    text-align: center;
  }
}
.top_feature_free--img {
  order: -1;
}
@media (max-width: 767px) {
  .top_feature_free--img {
    width: 100%;
    padding: 0 10px 10px 10px;
  }
  .top_feature_free--img img {
    height: 200px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.top_concept {
  padding: 40px 0 50px;
  background: url(../img/common/bg_pattern.png), linear-gradient(to top, #1197C7 0%, #000 100%);
}
.top_concept--inner {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid #fff;
  padding: min(10vw, 50px) min(8vw, 40px);
}
@media (max-width: 767px) {
  .top_concept--inner p {
    margin-bottom: 20px;
  }
}
.top_concept--ttl {
  transform: translateY(50%);
  position: relative;
  z-index: 1;
  font-size: var(--fz25);
  font-weight: bold;
  text-align: center;
}
.top_concept--ttl > span {
  background: #fff;
  display: inline-block;
  padding: 0 min(4vw, 40px);
}
.top_concept--border {
  font-weight: bold;
}
.top_concept--border > span {
  border-bottom: solid 2px #fff;
}
.top_concept .suv_nav--login a {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top_concept .suv_nav--login a {
    width: 100%;
    height: 50px;
  }
}
.top_concept .suv_nav--login img {
  margin-right: 10px;
}

.top_estate {
  background: #000;
}
.top_estate--ttl {
  color: #fff;
}
.top_estate--ttl > span {
  display: inline-block;
  padding-left: 50px;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18.737" height="20" viewBox="0 0 18.737 20"><path d="M15.491,11.474V5.158L12.368,2,9.246,5.158V7.263H3V22H21.737V11.474ZM7.164,19.895H5.082V17.789H7.164Zm0-4.211H5.082V13.579H7.164Zm0-4.211H5.082V9.368H7.164Zm6.246,8.421H11.327V17.789h2.082Zm0-4.211H11.327V13.579h2.082Zm0-4.211H11.327V9.368h2.082Zm0-4.211H11.327V5.158h2.082Zm6.246,12.632H17.573V17.789h2.082Zm0-4.211H17.573V13.579h2.082Z" transform="translate(-3 -2)" fill="%23ffffff"/></svg>') no-repeat center/min(60%, 28px);
  background-position: left center;
}
.top_estate--list {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .top_estate--list {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .news--inner {
    padding: 0 min(10vw, 100px);
  }
}
.news--ttl {
  margin-bottom: 30px;
  padding: 2px 0;
  background: #000;
  font-size: var(--fz18);
  font-weight: bold;
  color: #fff;
  position: relative;
  padding-left: 35px;
}
.news--ttl::before {
  position: absolute;
  content: "";
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="27.6" viewBox="0 0 30 27.6"><path d="M32,3,29.5,5.561,27,3,24.5,5.561,21.995,3,19.5,5.561,17,3,14.495,5.561,12,3,9.5,5.561,6.995,3,4.5,5.561,2,3V27.533A3.043,3.043,0,0,0,5,30.6H29a3.043,3.043,0,0,0,3-3.067ZM15.5,27.533H5v-9.2H15.5Zm13.5,0H18.5V24.467H29ZM29,21.4H18.5V18.333H29Zm0-6.133H5v-4.6H29Z" transform="translate(-2 -3)" fill="%23ffffff"/></svg>') no-repeat center left/15px;
  width: 100%;
  height: 100%;
  left: 10px;
  top: 0;
}
.news--list {
  display: flex;
  flex-direction: column;
  margin-bottom: min(10vw, 100px);
}
@media (min-width: 768px) {
  .news--list {
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .news--list li:nth-child(odd) {
    background: #ebf8ff;
  }
}

.news_article {
  display: flex;
  flex-direction: column;
  font-size: var(--fz15);
}
.news_article time {
  order: -1;
  font-size: var(--fz12);
  letter-spacing: 0.05em;
  padding: 10px 0 5px;
}
.news_article--ttl {
  font-weight: bold;
  border-bottom: 2px solid #1197C7;
  padding-bottom: 5px;
}
.news_article--contents {
  padding: 5px 0;
}

@media (max-width: 767px) {
  .detail .container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .detail--container {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 960px) {
  .detail--inner {
    display: grid;
    grid-template-columns: min(47vw, 665px) 1fr;
    grid-template-rows: auto 1fr auto auto;
    grid-template-areas: "ttl ttl" "slider slider" "point point" "info info" "map contact" "map register";
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 10px;
  }
}
@media only screen and (max-width: 959px) {
  .detail--inner {
    max-width: 650px;
    margin: auto;
  }
}
.detail--ttl {
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
@media (min-width: 768px) {
  .detail--ttl {
    background: #FFF;
  }
}
@media only screen and (max-width: 959px) {
  .detail--ttl {
    color: #FFF;
    background: #000;
  }
}
.detail--label {
  background: #FFF;
  color: #000;
  font-size: var(--fz18);
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 10px;
}
@media only screen and (max-width: 959px) {
  .detail--label {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 10;
  }
}

.detail_ttl {
  grid-area: ttl;
}
.detail_ttl h1 {
  font-size: min(5.5vw, 4rem);
  font-weight: bold;
  color: #FFF;
}
@media only screen and (min-width: 960px) {
  .detail_ttl {
    display: flex;
    flex-direction: column-reverse;
    padding-block: 30px;
  }
  .detail_ttl h1 {
    border-left: solid 7px #FFF;
    padding-left: 15px;
  }
  .detail_ttl p {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 959px) {
  .detail_ttl {
    padding-block: 5px;
  }
  .detail_ttl h1 {
    text-align: center;
    border-left: none;
  }
}

.detail_slider {
  grid-area: slider;
}
.detail_slider img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 600px;
}
.detail_slider .slider-main {
  grid-area: main;
}
@media only screen and (min-width: 960px) {
  .detail_slider .slider-main {
    width: min(47vw, 665px);
  }
}
.detail_slider .slider-thumbnail {
  grid-area: thumb;
}
@media only screen and (min-width: 960px) {
  .detail_slider .slider-thumbnail {
    width: 100%;
  }
}
.detail_slider .swiper-slide {
  text-align: center;
}
.detail_slider .swiper-button-prev, .detail_slider .swiper-button-next {
  width: 67px;
  height: 67px;
}
.detail_slider .swiper-button-prev::after, .detail_slider .swiper-button-next::after {
  content: "" !important;
}
.detail_slider .swiper-button-prev::after {
  width: 100%;
  height: 100%;
  background: url(../img/common/icon_arrow_left.svg) no-repeat center;
}
.detail_slider .swiper-button-next::after {
  width: 100%;
  height: 100%;
  background: url(../img/common/icon_arrow_right.svg) no-repeat center;
}
@media only screen and (max-width: 959px) {
  .detail_slider {
    margin: 0 auto;
    position: relative;
  }
  .detail_slider .swiper-slide {
    border: solid 2px #FFF;
    box-sizing: border-box;
  }
  .detail_slider .swiper-slide img {
    aspect-ratio: 1/1;
  }
  .detail_slider .slider-thumbnail {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .detail_slider {
    max-width: 600px;
  }
}
@media only screen and (min-width: 960px) {
  .detail_slider--inner {
    background: #FFF;
    padding: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: min(47vw, 665px) 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "main floor" "thumb thumb";
  }
}
.detail_slider--floor {
  grid-area: floor;
}
@media only screen and (max-width: 959px) {
  .detail_slider--floor {
    margin-top: 10px;
  }
}

.detail_point {
  grid-area: point;
}
.detail_point dl {
  background: url(../img/common/bg_pattern.png) repeat top center, linear-gradient(#1197C7, #000 50%, #000);
  font-weight: bold;
  color: #FFF;
  outline: solid 1px #FFF;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.detail_point dt {
  background: #FFF;
  color: #000;
  font-size: var(--fz23);
  padding-inline: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .detail_point {
    outline-offset: -10px;
  }
}
@media only screen and (max-width: 959px) {
  .detail_point dl {
    padding: 10px 20px;
    margin-block: 10px;
    gap: 20px;
  }
  .detail_point dt {
    position: relative;
    padding-inline: 5px;
  }
  .detail_point dt::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #FFF;
  }
}

@media only screen and (max-width: 959px) {
  .detail_rent {
    background: #C71111;
    color: #FFF;
    font-size: var(--fz15);
    line-height: 1;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 15px 20px;
  }
  .detail_rent dt {
    margin-right: 1em;
  }
  .detail_rent dt:first-of-type {
    border: solid 1px #FFF;
    padding: 3px 8px;
  }
  .detail_rent dt:last-of-type {
    font-size: var(--fz12);
    margin-left: 20px;
  }
  .detail_rent dd:first-of-type {
    font-size: var(--fz24);
  }
}

.detail_register {
  grid-area: register;
  display: flex;
}
.detail_register a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail_register .btn_favorite, .detail_register .btn_line {
  height: 73px;
}
.detail_register .btn_favorite {
  width: 40%;
}
.detail_register .btn_line {
  font-size: var(--fz21);
  background: linear-gradient(#2DC711 0%, #0E7700 100%);
  color: #FFF;
  font-weight: bold;
  width: 60%;
  border: none;
}
.detail_register .btn_line img {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .detail_register {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  .detail_register .btn_favorite, .detail_register .btn_line {
    border: solid 2px #FFF;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 959px) {
  .detail_register {
    -moz-column-gap: 0px;
         column-gap: 0px;
    margin-bottom: 10px;
  }
  .detail_register .btn_favorite, .detail_register .btn_line {
    height: 50px;
    border: none;
  }
  .detail_register .btn_favorite img, .detail_register .btn_line img {
    transform: scale(0.7);
    vertical-align: middle;
  }
  .detail_register .btn_line {
    font-size: var(--fz12);
  }
}
@media (max-width: 767px) {
  .detail_register {
    margin-bottom: 0px;
  }
}

.detail_map {
  grid-area: map;
}

.detail_contact {
  grid-area: contact;
}
@media (min-width: 768px) {
  .detail_contact .cvarea--btn_list {
    flex-direction: column;
    gap: 10px;
    margin: 0;
  }
  .detail_contact .cvarea--btn {
    width: 100%;
  }
  .detail_contact .cvarea--btn a {
    border: solid 2px #FFF;
    box-sizing: border-box;
    height: 73px;
  }
}

.detail_info {
  grid-area: info;
}
.detail_info ul {
  background: #fff;
}
.detail_info li:not(:last-child) {
  border-bottom: solid 1px #6E6E6E;
}
.detail_info li:not(:last-child) dt {
  border-bottom: solid 1px #FFF;
}
.detail_info dl {
  display: flex;
  height: 100%;
}
.detail_info dt {
  background: #6E6E6E;
  font-size: var(--fz17);
  font-weight: bold;
  color: #FFF;
  text-align: left;
  padding: 8px 20px;
  width: 150px;
  box-sizing: border-box;
}
.detail_info dd {
  background: #FFF;
  padding: 10px;
  flex: 1;
}
@media only screen and (min-width: 960px) {
  .detail_info ul {
    display: flex;
    flex-wrap: wrap;
  }
  .detail_info ul .tag li {
    width: inherit;
  }
  .detail_info li {
    width: 50%;
  }
  .detail_info dd:first-child td {
    font-size: var(--fz20);
    color: #C71111;
    font-weight: bold;
  }
}

.detail_tag ul {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .detail_tag li {
    color: #FFF;
  }
}
@media only screen and (max-width: 959px) {
  .detail_tag {
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .detail_tag {
    background: #FFF;
  }
}

.search {
  background: #000;
}
.search--ttl {
  font-size: var(--fz24);
  font-weight: bold;
  background: #1197C7;
  color: #fff;
  padding: 20px;
  position: relative;
  margin-bottom: 60px;
}
.search--ttl span {
  font-size: var(--fz18);
}
.search--ttl img {
  vertical-align: baseline;
  margin-right: 5px;
}
.search--ttl::after {
  content: "";
  position: absolute;
  left: 50px;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 40px 0 40px;
  border-color: #1197C7 transparent transparent transparent;
}
@media (max-width: 767px) {
  .search--ttl {
    padding: 15px;
    margin-bottom: 40px;
  }
  .search--ttl::after {
    border-width: 15px 25px 0 25px;
  }
}
.search--btn {
  margin-top: 50px;
}
.search--btn button {
  margin: auto;
}
@media (max-width: 767px) {
  .search--btn {
    margin-top: 30px;
  }
}
.search--inner {
  background: #fff;
}
.search .search--form {
  padding: 30px;
}
.search .search--form input[type=text] {
  width: min(500px, 100%);
  padding: 5px 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
  border: 1px solid #999;
  border-radius: 3px;
}
.search .search--form dt {
  font-size: var(--fz18);
  font-weight: bold;
  border-bottom: solid 1px #000;
  margin-bottom: 15px;
}
.search .search--form dd {
  margin-bottom: 30px;
}
.search .search--form ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.search .search--form li {
  min-width: calc(25% - 30px);
  margin-bottom: 10px;
}
.search .search--form.-space {
  padding: 0 20px 40px;
}
@media (max-width: 767px) {
  .search .search--form {
    padding: 10px;
  }
  .search .search--form.-space {
    padding: 0 10px 30px;
  }
}

.accordion {
  padding-block: 0 !important;
}
.accordion th {
  background: #6e6e6e;
  color: #fff;
  width: 180px;
  padding-block: 20px;
  border-bottom: solid 1px #fff;
}
.accordion td {
  padding: 15px 20px;
  border-bottom: solid 1px #6e6e6e;
}
.accordion td ul {
  padding-block: 5px;
}
.accordion td li {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .accordion th {
    width: 120px;
  }
}
.accordion--ttl {
  background: #fff;
  font-size: var(--fz20);
  font-weight: bold;
  border: solid 1px #000;
  padding: 10px 15px;
  position: relative;
}
.accordion--ttl.is-open::after {
  display: none;
}
.accordion--ttl::before, .accordion--ttl::after {
  content: "";
  background: #000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.accordion--ttl::before {
  width: 24px;
  height: 5px;
  right: 20px;
}
.accordion--ttl::after {
  width: 5px;
  height: 24px;
  right: 29px;
}
.accordion--ttl span {
  font-size: var(--fz16);
}
.accordion--ttl img {
  margin-right: 5px;
  vertical-align: baseline;
}
@media (max-width: 767px) {
  .accordion--ttl {
    padding: 10px 40px 10px 10px;
  }
  .accordion--ttl::before {
    right: 10px;
  }
  .accordion--ttl::after {
    right: 19px;
  }
}
.accordion .js-accordion--content {
  display: none;
  background: #fff;
  padding-bottom: 30px;
}

.top_search--inner {
  background: #fff;
}
.top_search--gmap {
  padding: 0 10px 30px;
  box-sizing: border-box;
}
.top_search--content {
  height: 520px;
}

.search_result select,
.search_result option {
  border-radius: 30px;
  padding: 3px 10px;
}
.search_result--heading {
  color: #fff;
}
.search_result--heading dl {
  text-align: right;
  margin-bottom: 10px;
}
.search_result--heading p {
  text-align: center;
  font-size: var(--fz18);
}
@media (min-width: 768px) {
  .search_result--heading p {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .search_result--heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    padding-bottom: 10px;
  }
  .search_result--heading p {
    font-size: var(--fz14);
  }
  .search_result--heading dt {
    display: none;
  }
}
.search_result--ttl {
  font-size: var(--fz24);
  font-weight: bold;
  text-align: center;
}
.search_result--ttl img {
  vertical-align: inherit;
  margin-right: 10px;
}
.search_result--content {
  padding-bottom: 30px;
}

.contact_form textarea {
  height: 130px;
}
.contact_form input[type=text],
.contact_form input[type=email],
.contact_form input[type=tel],
.contact_form input[type=number],
.contact_form input[type=date],
.contact_form input[type=password],
.contact_form textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  font-family: inherit;
  font-size: var(--fz16);
  font-weight: normal;
  color: #000;
  background: #FFF;
  border: solid 1px #000;
  border-radius: 3px;
  box-shadow: none;
}
.contact_form input[type=text]:focus,
.contact_form input[type=email]:focus,
.contact_form input[type=tel]:focus,
.contact_form input[type=number]:focus,
.contact_form input[type=date]:focus,
.contact_form input[type=password]:focus,
.contact_form textarea:focus {
  border-color: #1197C7;
  outline: none;
}
.contact_form input[type=checkbox]:checked + span,
.contact_form input[type=radio]:checked + span {
  font-weight: bold;
}
.contact_form select {
  padding: 2px 0 4px 4px;
  margin-right: 2px;
  border: solid 1px #345372;
  border-radius: 3px;
}
.contact_form select option {
  padding: 0;
}
.contact_form .mwform-tel-field input[type=text],
.contact_form .mwform-zip-field input[type=text] {
  width: 5em;
}
@media (min-width: 768px) {
  .contact_form--wrap {
    padding: 45px;
    background: #FFF;
    max-width: 900px;
    margin: 0 auto;
  }
}
.contact_form--table {
  width: 100%;
  border-collapse: collapse;
}
.contact_form--table th, .contact_form--table td {
  padding: 10px;
}
.contact_form--table td {
  vertical-align: middle;
}
.contact_form--table td div {
  display: flex;
  gap: 10px;
}
.contact_form--table th {
  position: relative;
  width: 225px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  background-clip: padding-box !important;
}
.contact_form--table th::after {
  position: absolute;
  top: 17px;
  right: 15px;
  padding: 4px 5px;
  font-size: var(--fz12);
  font-weight: normal;
  line-height: 1;
}
.contact_form--table .is-required::after {
  color: #FFF;
  content: "必須";
  background: #C71111;
}
@media (max-width: 767px) {
  .contact_form--table td {
    padding: 10px 5px;
  }
  .contact_form--table th {
    padding: 5px;
  }
  .contact_form--table th::after {
    top: 5px;
    right: 10px;
  }
}
.contact_form--btn {
  margin-top: 30px;
  overflow: hidden;
  text-align: center;
}
.contact_form--btn input[type=submit],
.contact_form--btn input[type=button],
.contact_form--btn button[type=submit] {
  display: inline-block;
  width: 220px;
  height: 60px;
  margin: 10px;
  overflow: hidden;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background: linear-gradient(#1197C7 0%, #354259 100%);
  border: none;
  transition: 0.3s;
}
.contact_form--btn input[type=submit]:hover,
.contact_form--btn input[type=button]:hover,
.contact_form--btn button[type=submit]:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .contact_form--btn input[type=submit],
.contact_form--btn input[type=button],
.contact_form--btn button[type=submit] {
    max-width: 80%;
  }
}

.frm.danger {
  position: relative;
  display: block;
  padding: 5px 10px;
  margin-top: 12px;
  clear: both;
  font-size: var(--fz12);
  color: #fff !important;
  background: #c90000;
}
.frm.danger::before {
  position: absolute;
  top: -20px;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid #c90000;
  border-color: transparent;
  border-bottom-color: #c90000;
}

#loading {
  display: none;
}

.thanks {
  padding: 20px;
  font-size: var(--fz18);
  text-align: center;
}

@media (max-width: 767px) {
  .contact {
    background-color: #FFF;
  }
}
.contact--txt {
  text-align: center;
}
@media (min-width: 768px) {
  .contact--txt {
    color: #FFF;
  }
}
.contact--tel {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 100px;
}
.contact--tel a {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: solid 2px #FFF;
  padding: 10px 20px;
  font-size: var(--fz25);
  font-weight: bold;
}
.contact--tel span {
  font-size: var(--fz10);
  background-color: #FFF;
  color: #000;
  text-align: center;
  padding: 5px 10px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .contact--tel {
    margin: 20px auto 50px;
  }
  .contact--tel a {
    border-color: #1197C7;
    color: #1197C7;
  }
  .contact--tel span {
    background-color: #1197C7;
    color: #FFF;
  }
}

.notfound_page {
  text-align: center;
}
.notfound_page--ttl {
  margin-bottom: 30px;
  font-size: var(--fz20);
}
.notfound_page--paragraph {
  margin-bottom: 1em;
}
.notfound_page--link a {
  text-decoration: underline;
}

.news_single {
  max-width: 900px;
  margin: 0 auto 50px;
  background: #FFF;
  padding: 45px;
  display: flex;
  flex-direction: column;
}
.news_single time {
  color: #1197C7;
  font-weight: bold;
  order: -1;
}
.news_single--ttl {
  font-size: var(--fz30);
  font-weight: bold;
  border-bottom: solid 2px #1197C7;
  margin-bottom: 20px;
}

.post_content {
  overflow: auto;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
  margin-bottom: 0.5em;
  font-weight: bold;
}
.post_content h1:not(:first-child),
.post_content h2:not(:first-child),
.post_content h3:not(:first-child),
.post_content h4:not(:first-child),
.post_content h5:not(:first-child),
.post_content h6:not(:first-child) {
  margin-top: 1.5em;
}
.post_content h1 {
  font-size: var(--fz30);
}
.post_content h2 {
  font-size: var(--fz25);
  border-bottom: solid 1px #000;
}
.post_content h3 {
  padding-left: 15px;
  font-size: var(--fz20);
  border-left: solid 5px #CCC;
}
.post_content h4 {
  font-size: var(--fz18);
}
.post_content p {
  margin-bottom: 1em;
}
.post_content ul {
  margin-bottom: 1.5em;
}
.post_content ul li {
  margin-left: 1.5em;
  list-style: disc;
}
.post_content ol {
  margin-bottom: 1.5em;
}
.post_content ol li {
  margin-left: 1.5em;
  list-style: decimal;
}
.post_content blockquote {
  padding: 10px 20px;
  margin-bottom: 1em;
  background: #EEE;
}
.post_content blockquote *:last-child {
  margin-bottom: 0;
}
.post_content strong {
  font-weight: bold;
}
.post_content em {
  font-style: italic;
}
.post_content a {
  text-decoration: underline;
}
.post_content code {
  font-family: monospace;
}
.post_content figure {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1em;
}
.post_content figure figcaption {
  font-size: var(--fz12);
  text-align: center;
}