@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
.editor-style {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem); }
  @media all and (-ms-high-contrast: none) {
    .editor-style {
      word-break: break-all; } }
  .editor-style p {
    line-height: 2; }
    .editor-style p:not(:last-child) {
      margin-bottom: 2em; }
    @media screen and (max-width: 767px) {
      .editor-style p {
        line-height: 1.75; } }
  .editor-style a {
    color: blue;
    text-decoration: underline; }
    .editor-style a img {
      transition: 0.3s; }
    .editor-style a:hover {
      text-decoration: none; }
      .editor-style a:hover img {
        opacity: 0.5; }
  .editor-style img {
    height: auto; }
  .editor-style h2 {
    font-size: clamp(2.2rem, 3.2vw, 3.2rem);
    font-weight: bold;
    line-height: 1.4;
    margin: 1em 0 1.5em;
    padding: 0.7em 1em;
    background: #000;
    color: #fff; }
  .editor-style h3 {
    line-height: 1.4;
    font-size: clamp(2rem, 2.8vw, 2.8rem);
    font-weight: bold;
    padding: 0 0 0.3em;
    border-bottom: 2px solid #000;
    margin: 1em 0 2em; }
  .editor-style h4 {
    font-size: clamp(1.8rem, 2.4vw, 2.4rem);
    font-weight: bold;
    border-left: 7px solid #333;
    padding: 0 0 0 0.5em;
    margin: 1em 0 1.5em; }
  .editor-style h5 {
    font-size: clamp(1.6rem, 2.2vw, 2.2rem);
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    position: relative;
    padding: 0 0 0.3em;
    margin: 1em 0 1.5em; }
    .editor-style h5::before {
      content: "";
      display: block;
      position: absolute;
      width: 30px;
      height: 2px;
      bottom: -2px;
      left: 0;
      background: var(--text-primary); }
  .editor-style h6 {
    font-size: clamp(1.6rem, 2vw, 2rem);
    margin: 1em 0 1.5em;
    font-weight: bold; }
    .editor-style h6::before {
      content: "";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      margin-right: 0.3em; }
  .editor-style strong {
    font-weight: bold; }
  .editor-style em {
    font-style: italic; }
  .editor-style ul {
    margin: 2em 0;
    background: #f7f5f4;
    padding: 1.5em 2em; }
    @media screen and (max-width: 767px) {
      .editor-style ul {
        padding: 1em; } }
    .editor-style ul li {
      position: relative;
      padding: 0 0 0 1.5em; }
      .editor-style ul li:not(:last-child) {
        margin-bottom: 0.7em; }
      .editor-style ul li::before {
        content: "";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-weight: 900;
        top: 0;
        left: 0;
        position: absolute; }
  .editor-style ol {
    margin: 2em 0;
    background: #f7f5f4;
    padding: 1.5em 2em;
    counter-reset: number; }
    @media screen and (max-width: 767px) {
      .editor-style ol {
        padding: 1em; } }
    .editor-style ol li {
      padding: 0 0 0 4em;
      position: relative; }
      .editor-style ol li::after {
        position: absolute;
        content: "＜" counter(number) "＞";
        counter-increment: number;
        top: 0;
        left: 0; }
      .editor-style ol li:not(:last-child) {
        margin-bottom: 0.7em; }
  .editor-style .blocks-gallery-grid,
  .editor-style .wp-block-gallery {
    margin: 0; }
  .editor-style li.blocks-gallery-item {
    padding-left: 0; }
    .editor-style li.blocks-gallery-item::before {
      display: none; }
  .editor-style .wp-block-image:not(:last-child) {
    margin-bottom: 2em; }
  .editor-style .wp-block-embed-youtube .wp-block-embed__wrapper {
    width: 100%;
    max-width: 840px;
    aspect-ratio: 16 / 9;
    margin-inline: auto; }
  .editor-style .wp-block-embed-youtube iframe {
    width: 100%;
    height: 100%; }
  .editor-style hr {
    border-top: 2px solid #000;
    width: 100%;
    margin: clamp(30px, 6vw, 60px) auto; }
  .editor-style table {
    width: 100%; }
    .editor-style table thead {
      border-bottom-width: 1px; }
    .editor-style table th, .editor-style table td {
      border: 1px solid #000;
      padding: 1em; }
    .editor-style table th {
      text-align: center;
      background: var(--text-primary);
      color: #fff;
      border-bottom: 0; }
      .editor-style table th:not(:last-child) {
        border-right-color: #fff; }
  .editor-style blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    border: solid 2px #ccc;
    color: #464646; }
    .editor-style blockquote:before {
      display: inline-block;
      position: absolute;
      top: 20px;
      left: 15px;
      content: "";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      color: var(--brand-primary);
      font-size: 2.5rem;
      line-height: 1; }
    .editor-style blockquote p {
      padding: 0;
      margin: 10px 0;
      line-height: 1.75; }
    .editor-style blockquote cite {
      display: block;
      text-align: right;
      color: #888888;
      font-size: 0.9em; }
  .editor-style .wp-block-cover {
    margin: 40px auto; }
  .editor-style .wp-block-media-text {
    margin: 40px auto; }
    .editor-style .wp-block-media-text .wp-block-media-text__content {
      padding: 0 0 0 8%; }
      @media (max-width: 600px) {
        .editor-style .wp-block-media-text .wp-block-media-text__content {
          margin-top: 1.75em;
          padding: 0; } }
    .editor-style .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
      padding: 0 8% 0 0; }
      @media (max-width: 600px) {
        .editor-style .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
          padding: 0; } }
  .editor-style .wp-block-buttons .wp-block-button__link {
    text-decoration: none; }

/*==========================================
 共通
===========================================*/
.regTxt {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem); }

.property .checkbox_Style {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  cursor: pointer;
  width: fit-content;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  line-height: 1.2; }
  .property .checkbox_Style .checkbox_icon {
    position: relative;
    width: 20px;
    height: 20px;
    appearance: none;
    background: #ddeae1;
    border: solid 1px var(--text-primary); }
    .property .checkbox_Style .checkbox_icon::before {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 1;
      opacity: 0;
      content: "";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
    .property .checkbox_Style .checkbox_icon:checked {
      background: var(--brand-primary);
      color: var(--text-primary); }
      .property .checkbox_Style .checkbox_icon:checked::before {
        opacity: 1; }
.property .property-rowBlock {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 960px) {
    .property .property-rowBlock {
      flex-direction: column; } }
  .property .property-rowBlock .sideTtlBlock {
    display: flex;
    align-items: center; }
    .property .property-rowBlock .sideTtlBlock .sec-ttlRgl {
      padding: 0 2% 0 0; }
    .property .property-rowBlock .sideTtlBlock .ttlImg {
      min-width: clamp(60px, 10vw, 100px);
      aspect-ratio: 101/144;
      background: url("../img/common/ilst-01.svg") no-repeat center/contain; }
  .property .property-rowBlock .row-side {
    width: min(25%, 480px);
    min-width: 320px;
    background: var(--base-color); }
    @media screen and (max-width: 960px) {
      .property .property-rowBlock .row-side {
        width: 100%;
        min-width: inherit; } }
    .property .property-rowBlock .row-side .wrapW {
      height: 100%; }
    .property .property-rowBlock .row-side .sticky {
      padding-bottom: clamp(40px, 6vw, 60px); }
      @media screen and (min-width: 961px) {
        .property .property-rowBlock .row-side .sticky {
          position: sticky;
          top: 100px;
          overflow-y: scroll;
          height: 90vh;
          -ms-overflow-style: none;
          scrollbar-width: none; } }
  .property .property-rowBlock .row-main {
    width: 74%; }
    @media screen and (max-width: 960px) {
      .property .property-rowBlock .row-main {
        margin-top: 40px;
        width: 100%; } }
@media screen and (max-width: 960px) {
  .property .property-narrowDown {
    display: flex;
    flex-direction: column-reverse; } }
.property .property-narrowDown .narrowDown-btn {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: clamp(1.6rem, 2vw, 2rem);
  text-align: center;
  max-width: 273px;
  width: 100%;
  margin: 20px 0; }
  .property .property-narrowDown .narrowDown-btn a {
    display: block;
    background: var(--brand-primary);
    color: #fff;
    border-radius: 100vmax;
    padding: 0.8em 0; }
    @media (hover: hover) {
      .property .property-narrowDown .narrowDown-btn a:hover {
        background: var(--text-primary2); } }
.property .property-narrowDown .narrowDown-list dl:not(:last-child) {
  margin-bottom: 10px; }
.property .property-narrowDown .selectBox-list .selectBox-wrap:nth-of-type(n+2) {
  margin-top: 10px; }
.property .property-narrowDown .selectBox-listRow {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .property .property-narrowDown .selectBox-listRow .box-upper {
    min-width: 1.5em;
    text-align: center; }
  .property .property-narrowDown .selectBox-listRow .selectBox-wrap {
    width: calc(100% - 0.75em); }
.property .property-narrowDown .selectBox-wrap {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  width: 100%;
  border: 1px solid #e6e0dd;
  background: #fff;
  position: relative; }
  .property .property-narrowDown .selectBox-wrap .select-arw {
    position: absolute;
    top: 2px;
    right: 10px;
    width: 30px;
    height: calc(100% - 4px);
    display: flex;
    justify-content: center;
    align-items: center; }
    .property .property-narrowDown .selectBox-wrap .select-arw::after {
      content: "";
      display: block;
      background: var(--border-gray);
      aspect-ratio: 6/5;
      clip-path: polygon(100% 0, 0 0, 50% 100%);
      width: 18px; }
  .property .property-narrowDown .selectBox-wrap select {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    padding: 0.8em calc(0.5em + 30px) 0.8em 1em; }
.property .favorite-area {
  margin-top: 20px;
  border-top: 1px solid #000; }
  @media screen and (max-width: 960px) {
    .property .favorite-area {
      margin-top: 0; } }
  .property .favorite-area .favorite-numTxt {
    font-size: clamp(1.4rem, 1.8vw, 1.8rem);
    letter-spacing: 0.05em;
    margin-bottom: 0.8em; }
    .property .favorite-area .favorite-numTxt .num {
      font-size: clamp(2.4rem, 3vw, 4rem); }
  .property .favorite-area .favorite-btn {
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    text-align: center;
    max-width: 273px;
    width: 100%; }
    .property .favorite-area .favorite-btn a {
      display: block;
      background: var(--accent-color2);
      color: #fff;
      border-radius: 100vmax;
      padding: 1em 0; }
      @media (hover: hover) {
        .property .favorite-area .favorite-btn a:hover {
          background: var(--text-primary2); } }
.property .property-numTxt {
  font-size: clamp(1.8rem, 2.2vw, 2.8rem);
  letter-spacing: 0.1em; }
  .property .property-numTxt .num {
    font-size: clamp(2.4rem, 3.6vw, 5rem); }
.property .favorite-contactBlock {
  background: var(--base-color);
  display: flex;
  justify-content: space-between;
  font-size: clamp(1.5rem, 1.8vw, 1.8rem); }
  @media screen and (max-width: 1360px) {
    .property .favorite-contactBlock {
      flex-direction: column; } }
  .property .favorite-contactBlock .block-head {
    width: 25%;
    padding: clamp(20px, 3vw, 30px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .property .favorite-contactBlock .block-head::after {
      content: "";
      display: block;
      position: absolute;
      right: calc(0px - clamp(10px,1.5vw,15px));
      top: 0;
      height: 100%;
      aspect-ratio: 25/100;
      background: url("../img/common/checkArw.svg") no-repeat center/contain; }
    @media screen and (max-width: 1360px) {
      .property .favorite-contactBlock .block-head {
        width: 100%;
        padding: clamp(20px, 3vw, 30px) 4%;
        border-bottom: 3px solid #fff; }
        .property .favorite-contactBlock .block-head::after {
          display: none; } }
  .property .favorite-contactBlock .block-body {
    width: 75%;
    padding: clamp(20px, 3vw, 30px); }
    @media screen and (min-width: 1361px) {
      .property .favorite-contactBlock .block-body {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    @media screen and (max-width: 1360px) {
      .property .favorite-contactBlock .block-body {
        width: 100%;
        padding: clamp(20px, 3vw, 30px) 4%; } }
  @media screen and (min-width: 1361px) {
    .property .favorite-contactBlock .block-check {
      width: 30%; } }
  .property .favorite-contactBlock .block-btn {
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    display: flex;
    justify-content: space-between;
    margin-top: 1em; }
    @media screen and (min-width: 1361px) {
      .property .favorite-contactBlock .block-btn {
        margin-top: 0;
        width: 70%; } }
    .property .favorite-contactBlock .block-btn li {
      width: 49%;
      text-align: center; }
      .property .favorite-contactBlock .block-btn li a {
        display: block;
        color: #fff;
        border-radius: 100vmax;
        padding: 1em 0; }
      .property .favorite-contactBlock .block-btn li:nth-of-type(1) a {
        background: var(--accent-color3); }
        @media (hover: hover) {
          .property .favorite-contactBlock .block-btn li:nth-of-type(1) a:hover {
            background: var(--text-primary2); } }
      .property .favorite-contactBlock .block-btn li:nth-of-type(2) a {
        background: var(--brand-primary); }
        @media (hover: hover) {
          .property .favorite-contactBlock .block-btn li:nth-of-type(2) a:hover {
            background: var(--text-primary2); } }
.property .property-list .property-item {
  border: 1px solid var(--text-primary);
  padding: min(4%, 40px);
  margin-top: clamp(25px, 4vw, 40px); }
  .property .property-list .property-item .item-head {
    font-size: clamp(1.8rem, 2vw, 2.4rem);
    padding: 0 0 1em; }
  .property .property-list .property-item .item-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .property .property-list .property-item .item-body .body-top {
      position: relative;
      width: 53%; }
      @media screen and (max-width: 767px) {
        .property .property-list .property-item .item-body .body-top {
          width: 45%; } }
      @media screen and (max-width: 576px) {
        .property .property-list .property-item .item-body .body-top {
          width: 100%; } }
    .property .property-list .property-item .item-body .body-bottom {
      width: 45%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .property .property-list .property-item .item-body .body-bottom {
          width: 50%; } }
      @media screen and (max-width: 576px) {
        .property .property-list .property-item .item-body .body-bottom {
          margin-top: 10px;
          display: block;
          width: 100%; } }
  .property .property-list .property-item .item-img {
    font-size: 0;
    overflow: hidden; }
    .property .property-list .property-item .item-img img {
      width: 100%;
      object-fit: cover;
      aspect-ratio: 1.4166666667;
      transition: 0.3s ease-in-out; }
  .property .property-list .property-item .item-rcm {
    position: absolute;
    background: var(--accent-color2);
    color: #fff;
    width: clamp(56px, 8vw, 84px);
    aspect-ratio: 1/1;
    left: 0;
    top: 0;
    font-size: clamp(1rem, 1.6vw, 1.6rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .property .property-list .property-item .item-rcm span {
      display: block; }
    .property .property-list .property-item .item-rcm .icon {
      background: url("../img/common/icon-clown.svg") no-repeat center/contain;
      aspect-ratio: 26/24;
      width: clamp(20px, 2.6vw, 26px);
      margin: 0 auto; }
    .property .property-list .property-item .item-rcm .txt {
      margin-top: 0.5em; }
  .property .property-list .property-item .item-data {
    font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
    .property .property-list .property-item .item-data .data-box {
      padding: 0.8em 0;
      border-bottom: 1px solid var(--border-gray);
      display: flex;
      letter-spacing: 0.1em; }
      .property .property-list .property-item .item-data .data-box dt {
        min-width: 5.5em;
        position: relative; }
        .property .property-list .property-item .item-data .data-box dt::after {
          content: "｜";
          position: absolute;
          right: 0;
          top: 0; }
      .property .property-list .property-item .item-data .data-box dd {
        width: 100%;
        padding: 0 0 0 1em;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
  .property .property-list .property-item .item-btnList {
    margin-top: clamp(20px, 3vw, 30px);
    display: flex;
    justify-content: space-between; }
    .property .property-list .property-item .item-btnList .btnItem {
      width: 49%;
      font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
      font-size: clamp(1rem, 1.2vw, 1.8rem); }
      @media screen and (max-width: 767px) {
        .property .property-list .property-item .item-btnList .btnItem {
          font-size: clamp(1.2rem, 1.8vw, 1.8rem); } }
      @media screen and (max-width: 576px) {
        .property .property-list .property-item .item-btnList .btnItem {
          font-size: clamp(1.3rem, 1.8vw, 1.8rem); } }
      .property .property-list .property-item .item-btnList .btnItem a {
        max-width: none;
        width: 100%;
        padding: 1em 0 1.1em;
        border-radius: 100vmax;
        letter-spacing: 0.05em; }
      .property .property-list .property-item .item-btnList .btnItem.request {
        letter-spacing: 0.1em; }
        .property .property-list .property-item .item-btnList .btnItem.request a {
          background: var(--accent-color3);
          border: 1px solid var(--accent-color3);
          display: block;
          text-align: center;
          color: #fff; }
          @media (hover: hover) {
            .property .property-list .property-item .item-btnList .btnItem.request a:hover {
              background: var(--text-primary2); } }
      .property .property-list .property-item .item-btnList .btnItem.fav a {
        border: 1px solid var(--accent-color2);
        color: var(--accent-color2);
        display: block;
        text-align: center; }
        @media (hover: hover) {
          .property .property-list .property-item .item-btnList .btnItem.fav a:hover {
            background: var(--accent-color2);
            color: #fff; } }
.property .wp-pagenavi-wrap .wp-pagenavi {
  margin: clamp(40px, 10vw, 100px) auto clamp(80px, 15vw, 150px); }
.property .bottomLink-blockR {
  margin-top: 0; }

/*==========================================
 ARCHIVE
===========================================*/
/*==========================================
 FAVORITE
===========================================*/
.favorite .favorite-list .property-item .item-head {
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  padding: 0 0 1em;
  display: flex; }
.favorite .favorite-list .property-item .item-check .checkbox_Style {
  min-width: clamp(40px, 5vw, 56px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--text-primary); }
.favorite .favorite-list .property-item .item-ttl {
  width: 100%;
  padding: 0.3em 0 0 0.5em; }

/*==========================================
 SINGLE
===========================================*/
.property-single .sec-otherBlock {
  overflow-x: clip; }
  @media screen and (min-width: 961px) {
    .property-single .sec-otherBlock #swiper_Estate {
      overflow: initial; } }
  @media screen and (max-width: 960px) {
    .property-single .sec-otherBlock #swiper_Estate {
      margin: 0 -4% 0 0; } }

.property-article .article-cnvBlock {
  max-width: 1028px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .property-article .article-cnvBlock .btnItem {
    width: 31%;
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-size: clamp(1rem, 1.6vw, 1.8rem); }
    @media screen and (max-width: 767px) {
      .property-article .article-cnvBlock .btnItem {
        font-size: clamp(1.2rem, 1.8vw, 1.8rem); } }
    @media screen and (max-width: 576px) {
      .property-article .article-cnvBlock .btnItem {
        font-size: clamp(1.3rem, 1.8vw, 1.8rem);
        width: 48%; }
        .property-article .article-cnvBlock .btnItem:nth-child(odd):last-child {
          width: 100%; }
        .property-article .article-cnvBlock .btnItem:nth-of-type(n+3) {
          margin-top: 4%; } }
    .property-article .article-cnvBlock .btnItem a {
      display: block;
      max-width: none;
      width: 100%;
      padding: 1em 0 1.1em;
      border-radius: 100vmax;
      background: var(--brand-primary);
      border: 1px solid var(--brand-primary);
      color: #fff;
      text-align: center; }
      @media (hover: hover) {
        .property-article .article-cnvBlock .btnItem a:hover {
          background: var(--text-primary2); } }
    .property-article .article-cnvBlock .btnItem.request {
      letter-spacing: 0.1em; }
      .property-article .article-cnvBlock .btnItem.request a {
        background: var(--accent-color3);
        border-color: var(--accent-color3);
        color: #fff; }
        @media (hover: hover) {
          .property-article .article-cnvBlock .btnItem.request a:hover {
            background: var(--text-primary2); } }
    .property-article .article-cnvBlock .btnItem.observe {
      letter-spacing: 0.1em; }
    .property-article .article-cnvBlock .btnItem.fav a {
      border-color: var(--accent-color2);
      background: #fff;
      color: var(--accent-color2); }
      @media (hover: hover) {
        .property-article .article-cnvBlock .btnItem.fav a:hover {
          background: var(--accent-color2);
          color: #fff; } }
    .property-article .article-cnvBlock .btnItem.fav i {
      margin-right: 0.3em; }
.property-article .article-ttl {
  font-size: clamp(2.2rem, 3vw, 4rem);
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  border-bottom: 1px solid #000;
  padding: 0 0 1em;
  max-width: 1360px;
  width: 100%;
  margin: 0 auto clamp(40px, 10vw, 100px); }
.property-article .article-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: clamp(40px, 10vw, 100px); }
  .property-article .article-main .article-mainimg {
    width: 50%; }
    @media screen and (max-width: 960px) {
      .property-article .article-main .article-mainimg {
        width: 100%; } }
    .property-article .article-main .article-mainimg img {
      width: 100%;
      object-fit: cover;
      aspect-ratio: 1.4191419142; }
  .property-article .article-main .main-inner {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 960px) {
      .property-article .article-main .main-inner {
        margin-top: 20px;
        width: 100%; } }
.property-article .article-point {
  margin-bottom: 40px;
  line-height: 1.75; }
  .property-article .article-point .point-ttl {
    display: inline-block;
    padding: 0.2em 1em;
    background: #e5e5e5;
    font-size: clamp(1.8rem, 2.2vw, 2.4rem);
    letter-spacing: 0.1em;
    margin-bottom: 0.8em; }
.property-article .article-data .dataList {
  margin-top: 1em; }
  .property-article .article-data .dataList .data-box {
    padding: 0.5em 0;
    display: flex;
    letter-spacing: 0.1em; }
    .property-article .article-data .dataList .data-box dt {
      min-width: 6em;
      position: relative; }
      .property-article .article-data .dataList .data-box dt::after {
        content: "｜";
        position: absolute;
        right: 0;
        top: 0; }
    .property-article .article-data .dataList .data-box dd {
      width: 100%;
      padding: 0 0 0 1em; }
.property-article .article-overview {
  font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
  .property-article .article-overview .overview-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .property-article .article-overview .overview-list:first-child {
      margin-top: -1.8em; }
    .property-article .article-overview .overview-list .overview-item:nth-of-type(2n+1):last-child {
      width: 100%; }
  .property-article .article-overview .overview-item {
    width: 48%;
    letter-spacing: 0.1em;
    display: flex;
    padding: 1.8em 0 1em;
    border-bottom: 1px solid var(--border-gray); }
    .property-article .article-overview .overview-item.wide {
      width: 100%; }
    @media screen and (max-width: 767px) {
      .property-article .article-overview .overview-item {
        width: 100%; } }
    .property-article .article-overview .overview-item dt {
      min-width: 8em;
      position: relative; }
      .property-article .article-overview .overview-item dt::after {
        content: "／";
        position: absolute;
        right: 0;
        top: 0; }
    .property-article .article-overview .overview-item dd {
      width: 100%;
      padding: 0 0 0 1em; }
    .property-article .article-overview .overview-item.add dd {
      position: relative;
      padding: 0 4em 0 1em; }
    .property-article .article-overview .overview-item.add .item-mapBtn {
      display: inline-block;
      background: #8c8c8c;
      color: #fff;
      padding: 0.1em 1em;
      border-radius: 100vmax;
      position: absolute;
      right: 0;
      bottom: 0; }
      @media (hover: hover) {
        .property-article .article-overview .overview-item.add .item-mapBtn:hover {
          background: var(--brand-primary); } }
.property-article .article-surroundings .srd-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .property-article .article-surroundings .srd-list::after {
    content: "";
    display: block;
    width: 32%;
    max-width: 410px; }
  @media screen and (max-width: 960px) {
    .property-article .article-surroundings .srd-list::after {
      display: none; } }
  .property-article .article-surroundings .srd-list .srd-item {
    width: 32%;
    max-width: 410px;
    letter-spacing: 0.1em; }
    .property-article .article-surroundings .srd-list .srd-item:nth-of-type(n+4) {
      margin-top: clamp(40px, 8vw, 80px); }
    @media screen and (max-width: 960px) {
      .property-article .article-surroundings .srd-list .srd-item {
        width: 48%;
        letter-spacing: 0.05em; }
        .property-article .article-surroundings .srd-list .srd-item:nth-of-type(n+3) {
          margin-top: clamp(40px, 8vw, 80px); } }
    @media screen and (max-width: 576px) {
      .property-article .article-surroundings .srd-list .srd-item {
        letter-spacing: normal; } }
    .property-article .article-surroundings .srd-list .srd-item .item-img::before, .property-article .article-surroundings .srd-list .srd-item .item-img::after {
      background: var(--base-color); }
    .property-article .article-surroundings .srd-list .srd-item .item-img img {
      width: 100%;
      object-fit: cover;
      aspect-ratio: 1.5769230769; }
    .property-article .article-surroundings .srd-list .srd-item .item-ttl {
      font-size: clamp(1.6rem, 2vw, 2.4rem);
      text-align: center;
      margin: 0.7em 0; }
      @media screen and (max-width: 576px) {
        .property-article .article-surroundings .srd-list .srd-item .item-ttl {
          text-align: left; } }
    .property-article .article-surroundings .srd-list .srd-item .item-txt {
      font-size: clamp(1.2rem, 1.6vw, 1.6rem);
      line-height: 1.4; }
.property-article .article-surroundings .article-googlemap {
  margin: clamp(60px, 15vw, 150px) auto clamp(40px, 10vw, 100px); }
  .property-article .article-surroundings .article-googlemap iframe {
    aspect-ratio: 1360 / 555;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 576px) {
      .property-article .article-surroundings .article-googlemap iframe {
        aspect-ratio: 4/3; } }

/*# sourceMappingURL=property.css.map */