.sec01 {
  padding: 50px 0 100px;
}
@media screen and (max-width: 1440px) {
  .sec01 {
    padding: 3.472vw 0 6.944vw;
  }
}
@media screen and (max-width: 768px) {
  .sec01 {
    padding: 5.581vw 0 11.628vw;
  }
}
.sec01 .inner {
  max-width: 1200px;
  padding: 0 50px;
}
@media screen and (max-width: 1440px) {
  .sec01 .inner {
    max-width: 83.333vw;
    padding: 0 3.472vw;
  }
}
@media screen and (max-width: 768px) {
  .sec01 .inner {
    max-width: 100%;
    padding: 0 4.651vw;
  }
}
.bukken-detail .print-btn {
  text-align: right;
  margin-top: 14px;
  margin-bottom: 1px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .print-btn {
    margin-top: 0.972vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .print-btn {
    margin-top: 1.953vw;
  }
}
.bukken-detail .print-btn a {
  display: inline-block;
  min-width: 185px;
  font-size: 16px;
  font-weight: bold;
  line-height: 2.6875;
  text-align: center;
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 23px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .print-btn a {
    min-width: 12.847vw;
    font-size: 1.111vw;
    border-radius: 1.597vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .print-btn a {
    min-width: 25.814vw;
    font-size: 2.233vw;
    border-radius: 3.209vw;
  }
}
.bukken-detail .print-btn a span {
  transition: 0.3s;
}
.bukken-detail .print-btn a:hover span {
  opacity: 0.6;
}
.bukken-detail .bukken-title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .bukken-title {
    margin-bottom: 1.111vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .bukken-title {
    margin-bottom: 2.233vw;
  }
}
.bukken-detail .bukken-title .type {
  display: inline-block;
  min-width: 256px;
  font-size: 20px;
  font-weight: bold;
  line-height: 2.85;
  padding: 0 1em;
  text-align: center;
  color: #fff;
  background-color: #01528A;
  border-radius: 30px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .bukken-title .type {
    min-width: 17.778vw;
    font-size: 1.389vw;
    border-radius: 2.083vw;
    margin-bottom: 0.833vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .bukken-title .type {
    min-width: 35.721vw;
    font-size: 2.791vw;
    border-radius: 4.186vw;
    margin-bottom: 1.674vw;
  }
}
.bukken-detail .bukken-title .title {
  font-size: 40px;
  font-weight: 500;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .bukken-title .title {
    font-size: 2.778vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .bukken-title .title {
    font-size: 4.884vw;
  }
}
.bukken-detail .slide-wrap {
  margin-bottom: 34px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap {
    margin-bottom: 2.361vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap {
    margin-bottom: 4.744vw;
  }
}
.bukken-detail .slide-wrap .slide-main {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-main {
    margin-bottom: 2.083vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-main {
    margin-bottom: 4.186vw;
  }
}
.bukken-detail .slide-wrap .slide-main figure {
  width: 100%;
  height: 690px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-main figure {
    height: 47.917vw;
    border-radius: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-main figure {
    height: 56.744vw;
    border-radius: 3.488vw;
  }
}
.bukken-detail .slide-wrap .slide-main figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bukken-detail .slide-wrap .slide-main .prev-arrow, .bukken-detail .slide-wrap .slide-main .next-arrow {
  width: 78px;
  height: 78px;
  color: transparent;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-main .prev-arrow, .bukken-detail .slide-wrap .slide-main .next-arrow {
    width: 5.417vw;
    height: 5.417vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-main .prev-arrow, .bukken-detail .slide-wrap .slide-main .next-arrow {
    width: 9.07vw;
    height: 9.07vw;
  }
}
.bukken-detail .slide-wrap .slide-main .prev-arrow span, .bukken-detail .slide-wrap .slide-main .next-arrow span {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/bukken/bukken-detail/slide-btn.svg") no-repeat center;
  background-size: contain;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-main .prev-arrow span, .bukken-detail .slide-wrap .slide-main .next-arrow span {
    background-image: url("../img/bukken/bukken-detail/slide-btn-sp.svg");
  }
}
.bukken-detail .slide-wrap .slide-main .prev-arrow:hover span, .bukken-detail .slide-wrap .slide-main .next-arrow:hover span {
  transform: scale(1.1);
}
.bukken-detail .slide-wrap .slide-main .prev-arrow {
  left: -39px;
  transform: translateY(-50%) scaleX(-1);
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-main .prev-arrow {
    left: -2.708vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-main .prev-arrow {
    left: -4.535vw;
  }
}
.bukken-detail .slide-wrap .slide-main .next-arrow {
  left: calc(100% - 39px);
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-main .next-arrow {
    left: calc(100% - 2.708vw);
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-main .next-arrow {
    left: calc(100% - 4.535vw);
  }
}
.bukken-detail .slide-wrap .slide-main .slick-num {
  position: absolute;
  right: 1em;
  bottom: 1em;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2em;
  font-size: 12px;
  line-height: 1;
  padding: 0.5em 1em;
  z-index: 1;
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-main .slick-num {
    font-size: 0.833vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-main .slick-num {
    font-size: 2.326vw;
  }
}
.bukken-detail .slide-wrap .slide-main .slick-num span {
  display: inline-block;
}
.bukken-detail .slide-wrap .slide-thumb {
  width: 100%;
  height: 180px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-thumb {
    height: 12.5vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-thumb {
    height: 15.349vw;
  }
}
.bukken-detail .slide-wrap .slide-thumb ul li {
  width: 25%;
  height: 180px;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-thumb ul li {
    height: 12.5vw;
    padding: 0 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-thumb ul li {
    width: 25.581vw;
    height: 15.349vw;
    padding: 0 2.326vw;
  }
}
.bukken-detail .slide-wrap .slide-thumb ul li img {
  display: inline-block;
  width: 100%;
  max-width: 245px;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .slide-wrap .slide-thumb ul li img {
    max-width: 17.014vw;
    border-radius: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .slide-wrap .slide-thumb ul li img {
    width: 20.93vw;
    max-width: 100%;
    border-radius: 2.326vw;
  }
}
.bukken-detail .data-box {
  justify-content: flex-start;
  gap: 21px 0;
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 20px;
  padding: 42px 54px;
  margin-bottom: 57px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .data-box {
    gap: 1.458vw 0;
    border-radius: 1.389vw;
    padding: 2.917vw 3.75vw;
    margin-bottom: 3.958vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .data-box {
    gap: 3.721vw 0;
    border-radius: 4.651vw;
    padding: 5.814vw 5.349vw;
    margin-bottom: 6.977vw;
  }
}
.bukken-detail .data-box dl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 20px;
  width: 33.33%;
  min-width: 100px;
  padding-right: 20px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .data-box dl {
    gap: 0 1.389vw;
    min-width: 6.944vw;
    padding-right: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .data-box dl {
    align-items: center;
    gap: 0 2.791vw;
    width: 100%;
    min-width: 100%;
    padding-right: 0;
  }
}
.bukken-detail .data-box dl:nth-child(3n) {
  padding-right: 0;
}
.bukken-detail .data-box dl.width-s {
  width: 23.33%;
}
@media screen and (max-width: 768px) {
  .bukken-detail .data-box dl.width-s {
    width: 100%;
  }
}
.bukken-detail .data-box dl dt, .bukken-detail .data-box dl dd {
  font-size: 20px;
  line-height: 2.1;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .data-box dl dt, .bukken-detail .data-box dl dd {
    font-size: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .data-box dl dt, .bukken-detail .data-box dl dd {
    font-size: 3.488vw;
    line-height: 6.512vw;
  }
}
.bukken-detail .data-box dl dt {
  font-weight: bold;
  border: 1px solid #000;
  border-radius: 22px;
  text-align: center;
  padding: 0 1em;
  flex-shrink: 0;
  height: 44px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .data-box dl dt {
    border-radius: 1.528vw;
    height: 3.056vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .data-box dl dt {
    font-size: 3.023vw;
    border-radius: 3.488vw;
    height: auto;
  }
}
.bukken-detail .data-box dl dd {
  font-weight: 500;
  line-height: 1.4;
  padding-top: 0.4em;
}
@media screen and (max-width: 768px) {
  .bukken-detail .data-box dl dd {
    padding-top: 0;
  }
}
.bukken-detail .comment-box {
  width: calc(100% - 145px);
  position: relative;
  padding: 56px 74px 49px;
  padding-right: 180px;
  border: 2px solid #01528A;
  border-radius: 60px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .comment-box {
    width: calc(100% - 10.069vw);
    padding: 3.889vw 5.139vw 3.403vw;
    padding-right: 12.5vw;
    border-radius: 4.167vw;
    margin-bottom: 4.861vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .comment-box {
    width: 100%;
    padding: 6.977vw 6.977vw 13.953vw;
    border-radius: 6.977vw;
    margin-bottom: 38.837vw;
  }
}
.bukken-detail .comment-box .comment-inner {
  min-height: 220px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .comment-box .comment-inner {
    min-height: 15.278vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .comment-box .comment-inner {
    min-height: 2em;
  }
}
.bukken-detail .comment-box figure {
  width: 285px;
  height: 380px;
  position: absolute;
  bottom: -23px;
  left: calc(100% - 130px);
  z-index: 1;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .comment-box figure {
    width: 19.792vw;
    height: 26.389vw;
    bottom: -1.597vw;
    left: calc(100% - 9.028vw);
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .comment-box figure {
    width: 30.233vw;
    height: 40.465vw;
    bottom: unset;
    top: calc(100% - 10.465vw);
    left: calc(50% - 15.116vw);
    transform: translateY(0);
  }
}
.bukken-detail .comment-box figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.bukken-detail .comment-box p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.9;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .comment-box p {
    font-size: 1.389vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .comment-box p {
    font-size: 3.488vw;
    line-height: 1.7333333333;
  }
}
.bukken-detail .info-box {
  margin-bottom: 50px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .info-box {
    margin-bottom: 3.472vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box {
    margin-bottom: 6.977vw;
  }
}
.bukken-detail .info-box .info-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding: 1.25em 1em;
  background-color: #01528A;
  color: #fff;
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  border: 1px solid #01528A;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .info-box .info-title {
    font-size: 1.528vw;
    border-radius: 2.083vw 2.083vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .info-title {
    font-size: 3.488vw;
    border-radius: 4.651vw 4.651vw 0 0;
  }
}
.bukken-detail .info-box .dl-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0;
  background-color: #fff;
  border: 1px solid #000;
  border-top: none;
  border-radius: 0 0 30px 30px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .info-box .dl-wrap {
    border-radius: 0 0 2.083vw 2.083vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap {
    border-radius: 0 0 4.651vw 4.651vw;
  }
}
.bukken-detail .info-box .dl-wrap dl {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap dl {
    width: 100%;
  }
}
.bukken-detail .info-box .dl-wrap dl:nth-child(2n) {
  border-left: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap dl:nth-child(2n) {
    border-left: none;
  }
}
.bukken-detail .info-box .dl-wrap dl:nth-last-child(-n+2) dt, .bukken-detail .info-box .dl-wrap dl:nth-last-child(-n+2) dd {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap dl:nth-last-child(2) dt, .bukken-detail .info-box .dl-wrap dl:nth-last-child(2) dd {
    border-bottom: 1px solid #000;
  }
}
.bukken-detail .info-box .dl-wrap dl dt, .bukken-detail .info-box .dl-wrap dl dd {
  font-size: 18px;
  padding: 10px 20px 11px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .info-box .dl-wrap dl dt, .bukken-detail .info-box .dl-wrap dl dd {
    font-size: 1.25vw;
    padding: 0.694vw 1.389vw 0.764vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap dl dt, .bukken-detail .info-box .dl-wrap dl dd {
    font-size: 3.256vw;
    padding: 1.395vw 2.791vw 1.628vw;
  }
}
.bukken-detail .info-box .dl-wrap dl dt {
  width: 30%;
  border-right: 1px solid #000;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap dl dt {
    width: 31%;
  }
}
.bukken-detail .info-box .dl-wrap dl dd {
  width: 70%;
  padding-left: 1.5em;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap dl dd {
    width: 69%;
    padding-left: 1em;
  }
}
.bukken-detail .info-box .dl-wrap dl dd p {
  line-height: 1.6666666667;
  padding-bottom: 1em;
  padding-right: 1em;
}
@media screen and (max-width: 768px) {
  .bukken-detail .info-box .dl-wrap dl dd p {
    line-height: 1.6428571429;
  }
}
.bukken-detail .map-box {
  width: 100%;
  margin-bottom: 39px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .map-box {
    margin-bottom: 2.708vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .map-box {
    margin-bottom: 5.442vw;
  }
}
.bukken-detail .map-box .map {
  width: 100%;
}
.bukken-detail .map-box .map figure {
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 1440px) {
  .bukken-detail .map-box .map figure {
    height: 41.667vw;
  }
}
@media screen and (max-width: 768px) {
  .bukken-detail .map-box .map figure {
    height: 95.349vw;
  }
}
.bukken-detail .map-box .map figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-rent .bukken-detail .data-box dl.layout {
  width: 43.33%;
}
@media screen and (max-width: 768px) {
  .p-rent .bukken-detail .data-box dl.layout {
    width: 100%;
  }
}
.p-rent .bukken-detail .data-box dl.layout dt {
  padding: 0 0.6em;
}
.p-rent .bukken-detail .data-box dl.shikikin dt {
  padding: 0 0.6em;
}