@charset "UTF-8";
/* CSS Document */
.billboard-style-01::after {background: url("../img/property/property_mv01_img01_pc.webp") no-repeat center/cover;}
#contentsWrap {padding: 5em 0 7em;}
.block-property-02 .container:nth-child(1) {margin-top: 3em;}
.block-property-02 .container:nth-child(1) ul li {background: #f7fafd;border-radius: 1em;border: 1px solid #d2dbe5;overflow: hidden;box-shadow: 1px 1px 4px #ddd;}
.block-property-02 .container:nth-child(1) ul li.blank {text-align: center;background: transparent;box-shadow: none;}
.block-property-02 .container:nth-child(1) ul li + li {margin-top: 3em;}
.block-property-02 .container:nth-child(1) ul li a {position: relative;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(1) {width: 30%;height: 100%;background: #f0f0f0;position: absolute;overflow: hidden;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(1)::after {content: '';width: 60%;height: 3em;background: url("../img/common/logo03_pc.webp") no-repeat center/contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(1) .badge {width: 5.5em;height: auto;position: absolute;top: 0.5em;right: 0.5em;z-index: 101;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(1) figure img {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);object-fit: cover;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(2) {padding: 2em 17em 2em 33%;box-sizing: border-box;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(1) {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 175%;font-weight: 600;overflow: hidden;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(2) {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 112.5%;font-weight: 600;margin-top: 1em;overflow: hidden;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(3) {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 87.5%;line-height: 2;margin-top: 1.5em;min-height: 4em;overflow: hidden;}
.block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(4) {margin: 0;position: absolute;top: 50%;right: 2em;transform: translateY(-50%);}
@media only screen and (max-width: 1100px) {
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(1) {width: 36%;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) {padding: 1em 1em 6em 38%;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(4) {top: auto;left: 68%;bottom: 1.25em;transform: translate(-50%, 0);}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(1) {font-size: 150%;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(2) {font-size: 100%;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(3) {margin-top: 1em;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  /*.block-property-02 .container:nth-child(1) ul li {font-size: 1.5vw;}*/
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  #contentsWrap {padding: 3em 0;}
  .billboard-style-01::after {background: url("../img/property/property_mv01_img01_sp.webp") no-repeat center/cover;}
  .block-property-02 .container:nth-child(1) {margin-top: 1em;}
  .block-property-02 .container:nth-child(1) ul li + li {margin-top: 2em;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(1) {width: 100%;height: 60vw;position: relative;top: 0;left: 0;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(1)::after {top: 46%;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) {padding: 1.5em;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(1) {-webkit-line-clamp: 2;font-size: 137.5%;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(2) {-webkit-line-clamp: 2;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(3) {-webkit-line-clamp: 4;font-size: 100%;margin-top: 1em;}
  .block-property-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(4) {margin: 1em auto 0;transform: none;position: relative;top: 0;left: 0;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}