@charset "UTf-8";


.category__list {
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}
.category__link a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #999;
}
.category__name {
  font-weight: 700;
}
.category__item .is-current {
  color: #fff;
  transition: all 0.3s;
}
.page1 .category__item .is-current {
  background-color: #8fc31f;
  border-color: #8fc31f;
}
.page2 .category__item .is-current {
  background-color: #f98d00;
  border-color: #f98d00;
}

.c-button04 {
  position: relative;
  border-bottom: 1px solid;
  font-weight: 700;
  font-family: var(--rale);
  transition: all 0.3s;
}
.c-button04 .arrow01 {
  width: 25%;
}
.page1 .c-button04 {
  border-color: #8fc31f;
}
.page2 .c-button04 {
  border-color: #f98d00;
}


.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-numbers {
  position: relative;
  display: block;
  font-weight: 700;
  text-align: center;
  border-left: 1px solid #999;
  transition: all 0.3s;
}
.page1 .page-numbers.current,
.page1 a.page-numbers:hover {
  background-color: #cce198;
}
.page2 .page-numbers.current,
.page2 a.page-numbers:hover {
  background-color: #facd89;
}
.page-numbers .arrow01 {
  width: 50%;
  left: 0;
  right: 0;
}
.prev.page-numbers {
  border-left: 0;
}
.prev.page-numbers .arrow01 {
  transform: scale(-1, 1);
}

.ribbon-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  left: 10px;
  gap: 10px;
}
.ribbon {
  position: relative;
  display: inline-block;
  padding: 27px 0;
  width: 77px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  z-index: 999;
}
.ribbon::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  gap: 10px;
  border-bottom: 10px solid transparent;
}
.new-ribbon {
  background-color: #f98d00;
}
.new-ribbon::after {
  border-left: 38.5px solid #f98d00;
  border-right: 38.5px solid #f98d00;
}
.price-down {
  background-color: #8fc31f;
}
.price-down::after {
  border-left: 38.5px solid #8fc31f;
  border-right: 38.5px solid #8fc31f;
}

@media screen and (min-width: 768px) {
  .page-property {
    padding-top: 0;
  }
  .page-property .breadcrumb {
    top: 18%;
  }
  .page-property .page__ttl {
    top: 6.25vw;
  }
  .category__list {
      width: 63vw;
      margin: 0 auto 6.77vw;
      padding: 1.56vw 0;
  }
  .category__item {
      display: flex;
      align-items: center;
      gap: 1.56vw;
      padding-left: 0.52vw;
  }
  .category__item:nth-of-type(n+2) {
      margin-top: 0.78vw;
  }
  .category__name {
      width: 5.21vw;
  }
  .category__link {
      width: calc(100% - 6.77vw);
      display: flex;
      gap: 0.52vw;
  }
  .category__link a {
      font-size: 0.68vw;
      width: calc(20% - 0.408vw);
      line-height: 1.56vw;
  }

  .pagination {
      margin-top: 5.21vw;
  }
  .page-numbers {
      width: 3.13vw;
      height: 1.56vw;
      line-height: 1.56vw;
  }
}



@media screen and (max-width: 767px) {
    .page-property .sec02 {
      padding: 14.7% 3% 13.3%;
    }
    .works .sec02 {
      padding: 10.7% 3% 0;
    }
    .page-property .mv,
    .page-property .mv__img {
      margin-bottom: 0;
    }
    .page-property .page__ttl {
      width: 66.67vw;
      height: 20vw;
    }
    .page-property .mv .marker__ttl {
      font-size: 5.3vw;
      margin-bottom: 1vw;
    }
    .page-property .sec02 .sec__headingTxt {
      font-size: 3.35vw;
      margin-bottom: 13.3vw;
    }
  
    .category__list {
      padding: 5.6vw 0;
      margin-bottom: 16vw;
    }
    .category__item:nth-of-type(n+2) {
      margin-top: 5.6vw;
    }
    .category__name {
      text-align: center;
      font-size: 3.467vw;
      margin-bottom: 4vw;
    }
    .category__link {
      display: flex;
      flex-wrap: wrap;
      column-gap: 2.667vw;
      row-gap: 2vw;
    }
    .category__link a {
      font-size: 3.467vw;
      width: calc(50% - 1.36vw);
      line-height: 8vw;
    }
    .page-property .archive__content {
      width: 100%;
      margin-top: 0;
      box-shadow: none;
    }
    .c-button04 {
      font-size: 3.2vw;
      width: 21.6vw;
      height: 6.67vw;
      line-height: 6.67vw;
      padding: 0 0.267vw;
      margin-top: 6.4vw;
    }
    .archive__item a:hover .c-button04 {
      width: 24vw;
    }
    .pagination {
      margin-top: 14.6vw;
    }
    .page-numbers {
      width: 16vw;
      height: 8vw;
      line-height: 8vw;
    }
  }


  .single__ttl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .anchor__item a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #999;
  }
  .property__shubetsu {
    text-align: center;
    color: #fff;
    font-size: 0.94vw;
  }
  .page1 .property__shubetsu {
    background-color: #8fc31f;
  }
  .page2 .property__shubetsu {
    background-color: #f98d00;
  }
  .property__ttl h2 {
    font-weight: 700;
  }
  .property__print .btn-pdf,
  .property__print a {
    color: #fff;
    text-align: center;
  }
  .property__print .btn-pdf {
    cursor: pointer;
    background-color: #f98d00;
  }
  .property__print a {
    background-color: #173982;
  }
  .property__address dl {
    display: flex;
  }
  .property__address dt {
    text-align: center;
    border: 1px solid #999;
  }
  .property__table {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
  }
  .property__table-tr {
    display: flex;
  }
  .property__table-th {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ddd;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
  }
  .property__table ~ .property__table .property__table-th {
    justify-content: flex-start;
  }
  .property__table-td {
    width: 55%;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
  }
  .property__price {
    display: flex;
    border-bottom: 1px solid #999;
  }
  .property__price p {
    display: flex;
    align-items: flex-end;
  }
  .property__price span {
    display: inline-block;
    font-weight: 700;
    line-height: 1.2;
  }
  .c-button05 {
    position: relative;
    color: #fff;
    background-color: #e6e6e6;
    text-align: center;
    margin-top: 24px;
    padding: 20px;
  }
  .c-button05 input[type="submit"] {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 100px;
    background-color: #f98d00;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
  }
  .page1 .c-button05 input[type="submit"] {
    background-color: #8fc31f;
  }
  .page2 .c-button05 input[type="submit"] {
    background-color: #f98d00;
  }
  .c-button05 .arrow01 {
    width: 4%;
  }
  
  @media screen and (min-width: 768px) {
    .single-property {
      padding-bottom: 5.21vw;
    }
    .single-property .mv {
      padding-top: 4.17vw;
    }
    .works {
      padding-top: 10.4vw;
    }
    .works .sec02 .sec__ttl02 {
      margin-bottom: 5.21vw;
    }
    .works .sec02 .sec__headingTxt {
      font-size: 1.25vw;
      margin-bottom: 5.21vw;
    }
    .single__ttl {
      margin-bottom: 1.82vw;
    }
    .property__container {
      max-width: 62.5%;
      margin: 0 auto;
    }
    .anchor__list {
      display: flex;
      gap: 0.52vw;
      margin-bottom: 3.65vw;
    }
    .anchor__item {
      width: calc(20% - 0.408vw);
    }
    .anchor__item a {
      font-size: 0.68vw;
      line-height: 1.56vw;
    }
    .property__heading {
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.82vw;
    }
    .property__ttl {
      display: flex;
      gap: 1.3vw;
    }
    .property__print {
      display: flex;
      gap: 0.52vw;
    }
    .property__shubetsu {
      width: 12.5vw;
      height: 2.34vw;
      line-height: 2.34vw;
    }
    .property__ttl h2 {
      font-size: 1.56vw;
    }
    .property__print .btn-pdf,
    .property__print a {
      width: 6.25vw;
      height: 1.56vw;
      line-height: 1.56vw;
      font-size: 0.83vw;
    }
    .property__address {
      font-size: 0.83vw;
      margin-bottom: 1.25vw;
    }
    .property__address dl {
      gap: 1vw;
    }
    .property__address dl:nth-of-type(2) {
      margin-top: 0.63vw;
    }
    .property__address dt {
      width: 4.38vw;
      height: 1.56vw;
      line-height: 1.56vw;
    }
    .property__address dd {
      margin-top: 0.26vw;
    }
  
    .property__table {
      font-size: 0.94vw;
      display: flex;
      flex-wrap: wrap;
    } 
    .property__table-tr {
      width: 50%;
    }
    .property__table-th {
      width: 14vw;
    }
    .property__table-td {
      width: calc(100% - 14vw);
      padding: 1.25vw 2.6vw;
    }
    .property__table-th {
      padding: 1.25vw 2vw;
    }
    .property__price {
      font-size: 1.04vw;
      gap: 4.17vw;
      margin-top: 2.34vw;
      margin-bottom: 3.65vw;
      padding-bottom: 1.04vw;
    }
    .property__price span {
      font-size: 1.6vw;
      margin-left: 1vw;
      margin-right: 0.5vw;
    }
    .property__bottom {
      margin-top: 1.04vw;
      margin-bottom: 3.91vw;
    }
    .c-button05 {
      padding: 1.04vw;
      margin-top: 1.25vw;
    }
    .c-button05 input[type="submit"] {
      font-size: 1.35vw;
      line-height: 5.21vw;
    }
  }
  @media screen and (max-width: 767px) {
    main.single-property {
      padding-bottom: 11.2vw;
    }
    .single-property .mv {
      padding-top: 10vw;
    }
    .works .sec02 h2.marker__ttl {
      font-size: 5.4vw;
      margin-bottom: 2vw;
    }
    .works .sec02 h2.marker__ttl::before {
      height: 3.1vw;
      bottom: 4%;
    }
    .works .sec02 .sec__headingTxt {
      font-size: 4.8vw;
    }
    .works .sec02 h3.marker__ttl {
      margin-bottom: 4vw;
    }
    .property__container {
      padding: 0 3%;
    }
    .anchor__list {
      display: flex;
      flex-wrap: wrap;
      column-gap: 2.667vw;
      row-gap: 2vw;
      margin-bottom: 10.667vw;
    }
    .anchor__item {
      width: calc(50% - 1.36vw);
    }
    .anchor__item a {
      font-size: 3.2vw;
      line-height: 8vw;
    }
    .property__heading {
      position: relative;
    }
    .property__shubetsu {
      font-size: 3.7vw;
      width: 50.133vw;
      height: 10.667vw;
      line-height: 10.667vw;
      margin-bottom: 3.7vw;
    }
    .property__address {
      margin-bottom: 6.4vw;
    }
    .property__ttl {
      margin-bottom: 4vw;
    }
    .property__ttl h2 {
      font-size: 6.4vw;
      line-height: 1.2;
    }
    .property__print {
      position: absolute;
      top: -11%;
      right: 0;
    }
    .property__print .btn-pdf,
    .property__print a {
      display: block;
      width: 25.6vw;
      height: 6.66vw;
      line-height: 6.66vw;
      font-size: 3.2vw;
    }
    .property__print a {
      margin-top: 0.8vw;
    }
    .property__address dl {
      gap: 4.8vw;
      font-size: 3.467vw;
    }
    .property__address dt {
      width: 17.6vw;
      height: 5.867vw;
    }
    .property__address dl:nth-of-type(2) {
      margin-top: 3.733vw;
    }
    .property__table {
      font-size: 3.467vw;
    }
    .property__table-th,
    .property__table-td {
      font-size: 3vw;
      padding: 4vw;
    }
    .property__price {
      font-size: 4.5w;
      gap: 5vw;
      margin-top: 6.4vw;
      margin-bottom: 5.33vw;
      padding-bottom: 5.33vw;
    }
    .property__price span {
      font-size: 6vw;
      margin-right: 1.2vw;
      margin-left: 2.4vw;
    }
    .property__bottom {
      font-size: 3.5vw;
      margin-top: 4.8vw;
    }
    .c-button05 {
      padding: 4vw;
    }
    .c-button05 .arrow01 {
      width: 8%;
      right: 8%;
    }
    .c-button05 input[type="submit"] {
      font-size: 5.867vw;
      height: 18.667vw;
      line-height: 18.667vw;
    }
  }
  
  #slider {
    padding: 0 4%;
  }
  .slides li {
    position: relative;
  }
  .slides li a {
    position: relative;
    display: block;
  }
  .slides li:not(.madori-slide):before,
  #slider .slides li a::before {
    content: "";
    display: block;
    padding-top: 75%;
  }
  .slides li img {
    width: 95%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: contain;
  }
  #carousel .slides {
    justify-content: center;
  }
  .swiper-button-prev02::before,
  .swiper-button-next02::before {
      content: "";
      position: absolute;
      top: 50%;
      border-top: 1px solid #999;
      border-right: 1px solid #999;
      z-index: 1;
  }
  .swiper-button-prev02::before {
    transform: translate(-35%,-50%) rotate(-135deg);
  }
  .swiper-button-next02::before {
    transform: translate(-65%,-50%) rotate(45deg);
  }
  
  
  
  @media screen and (min-width: 768px) {
    .property__img-area {
      margin-bottom: 5.21vw;
    }
    #carousel {
      margin-top: 1.56vw;
    }
    #slider .swiper-button-prev02::before,
    #slider .swiper-button-next02::before {
      width: 2vw;
      height: 2vw;
    }
    #carousel .swiper-button-prev02::before,
    #carousel .swiper-button-next02::before {
      width: 1vw;
      height: 1vw;
    }
    .swiper-button-prev02::before {
      left: 3%;
    }
    #slider .swiper-button-next02::before {
      right: 0%;
    }
    #carousel .swiper-button-next02::before {
      right: 2%;
    }
  }
  @media screen and (max-width: 767px) {
    .property__img-area {
      margin-bottom: 10.66vw;
    }
    #carousel {
      margin-top: 2.133vw;
    }
    #slider .swiper-button-prev02::before,
    #slider .swiper-button-next02::before {
      width: 4vw;
      height: 4vw;
    }
    #carousel .swiper-button-prev02::before,
    #carousel .swiper-button-next02::before {
      width: 3vw;
      height: 3vw;
    }
    .swiper-button-prev02::before {
      left: 3%;
    }
    #slider .swiper-button-next02::before {
      right: -2%;
    }
    #carousel .swiper-button-next02::before {
      right: 0%;
    }
  }
  
  .dl-box {
    border: 1px solid #999;
  }
  .dl-box__ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
  }
  .page1 .dl-box__ttl {
    background-color: #8fc31f;
  }
  .page2 .dl-box__ttl {
    background-color: #f98d00;
  }
  .dl-box__txt .font01 {
    font-weight: 700;
  }
  
  @media screen and (min-width: 768px) {
    .dl-box {
      display: flex;
      margin-bottom: 4.17vw;
    }
    .dl-box__ttl {
      width: 14vw;
      font-size: 0.94vw;
    }
    .dl-box__txt {
      width: calc(100% - 14vw);
      padding: 1.56vw 2.6vw;
    }
    .dl-box__txt .font01 {
      font-size: 1.25vw;
    }
  }
  @media screen and (max-width: 767px) {
    .dl-box {
      margin-bottom: 9.5vw;
    }
    .dl-box__ttl {
      font-size: 4vw;
      height: 13.33vw;
    }
    .dl-box__txt {
      font-size: 3.5vw;
      padding: 5.33vw 6.4vw;
    }
    .dl-box__txt .font01 {
      font-size: 5.33vw;
      margin-bottom: 6.4vw;
    }
  }
  
  
  .w-100 {
    width: 100% !important;
  }
  .map {
    position: relative;
  }
  .map::before {
    content: "";
    display: block;
  }
  .map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .property__facility {
    border: 1px solid #999;
  }
  @media screen and (min-width: 768px) {
    .single__ttl {
      margin-bottom: 3vw;
    }
    .property__table + .single__ttl {
      margin-top: 4.17vw;
    }
    .map {
      margin-bottom: 1.04vw;
    }
    .map::before {
      padding-top: calc(5% * 100 / 12);
    }
    .property__facility {
      padding: 1.25vw 2.6vw;
      margin-bottom: 4.17vw;
    }
  }
  @media screen and (max-width: 767px) {
    .dl-box {
      margin-bottom: 9.5vw;
    }
    .dl-box__ttl {
      font-size: 4vw;
      height: 13.33vw;
    }
    .dl-box__txt {
      font-size: 3.5vw;
      padding: 5.33vw 6.4vw;
    }
    .dl-box__txt .font01 {
      font-size: 5.33vw;
      margin-bottom: 6.4vw;
    }
    .single__ttl {
      margin-bottom: 3vw;
    }
    .single__ttl + .property__table .property__table-tr {
      display: block;
    }
    .single__ttl + .property__table .property__table-th,
    .single__ttl + .property__table .property__table-td {
      width: 100%;
    }
    .single__ttl + .property__table .property__table-th {
      padding: 4vw;
    }
    .property__table + .single__ttl {
      margin-top: 9.5vw;
    }
    .map {
      margin-bottom: 5.33vw;
    }
    .map::before {
      padding-top: calc(405% * 100 / 375);
    }
    .property__facility {
      padding: 8vw;
      margin-bottom: 9vw;
    }

}