@charset "UTF-8";
/* CSS Document */
.billboard-style-01 {height: 15em;}
.billboard-style-01 h2::before {width: 12em;background: url("../img/common/font02.webp")no-repeat left center/contain;}
#contents {padding-top: 1em;}
.block-profit-01 .container {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -1em;}
.block-profit-02 .container.noresults::after {content: '該当する物件がございません';display: block;padding: 2em 1em;}
.block-profit-01 .container .select_wrapper {width: 20em;margin: 0 1em;position: relative;}
.block-profit-01 .container .select_wrapper::after {display: block;content: '+';color: #fff;font-size: 200%;line-height: 1;position: absolute;top: 50%;right: 0.5em;transform: translateY(-52%);pointer-events: none;}
.block-profit-01 .container select {color: #fff;font-size: 112.5%;font-weight: 600;text-align: center;text-align-last: center;-moz-text-align-last: center;letter-spacing: 0.05em;width: 100%;padding: 1.1em;border: none;background: var(--color-04);border-radius: 2em;-webkit-appearance: none;appearance: none;cursor: pointer;transition: 0.4s;}
.block-profit-01 .container select::after {content: '+';}
.block-profit-02 {margin-top: 2em;}
.block-profit-02 .container ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -0.75em;}
.block-profit-02 .container ul li {display: block;width: calc(33.333% - 1.5em);margin: 1em 0.75em 2em;background: #fff;border-radius: 0.5em;box-shadow: 0 0 7px #aaa;position: relative;overflow: hidden;}
.block-profit-02 .container ul li figure {position: relative;}
.block-profit-02 .container ul li a > div {padding: 1.5em 1em 1em;}
.block-profit-02 .container ul li p:nth-of-type(1) {font-size: 125%;font-weight: 600;}
.block-profit-02 .container ul li p:nth-of-type(1) span {display: inline-block;font-weight: 600;}
.block-profit-02 .container ul li p:nth-of-type(2) {font-size: 112.5%;}
.block-profit-02 .container ul li p:nth-of-type(3) {position: absolute;right: 1em;bottom: 0;}
.block-profit-02 .container ul li p:nth-of-type(3) span {font-weight: 600;position: relative;}
.block-profit-02 .container ul li p:nth-of-type(3) span::after {display: inline-block;content: '';width: 142%;height: 0.5em;border-right: 1px solid #333;border-bottom: 1px solid #333;position: absolute;top: 70%;left: -0.6em;transform: skewX(40deg);}
.block-profit-02 .container ul li.hidden {display: none;}
.block-profit-02 .container ul li::after {display: block;content: '';width: 4em;height: 2.5em;background: url("../img/common/icon04.svg") no-repeat center/contain;position: absolute;right: 1.1em;bottom: 0.45em;pointer-events: none;}
.block-profit-02 .container ul li.nolink {pointer-events: none;}
.block-profit-02 .container ul li.nolink::after {display: none;}
.block-profit-02 .container ul li.nolink  p:nth-of-type(3) {display: none;}
.block-profit-02 .container ul li.pending figure::after {content: '準備中';font-size: 175%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@media only screen and (max-width: 1400px) {
  .block-profit-02 .container ul {font-size: 1.1vw;}
  .block-profit-02 .container ul li {width: calc(25% - 1.5em);}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .block-profit-02 .container ul li p:nth-of-type(1) {font-size: 1.4vw;}
}
@media only screen and (max-width: 1200px) {
  .block-profit-01 .container {margin: 0 -0.5em;}
  .block-profit-01 .container .select_wrapper {margin: 0 0.5em;}
  .block-profit-01 .container select {font-size: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {
  .block-profit-01 .container select:hover {color: #fff;background: var(--color-02);transition: 0.4s;} 
}
@media only screen and (max-width: 767px) {
  .billboard-style-01 h2::before {width: 7em;height: 2em;}
  #contents {padding-top: 0;}
  .block-profit-01 .container {margin: 0 -0.25em;}
  .block-profit-01 .container .select_wrapper {width: 100%;margin: 0.25em 0;}
  .block-profit-01 .container .select_wrapper::after {font-size: 175%;top: 47%;right: 0.75em;transform: translateY(-50%);}
  .block-profit-01 .container select {font-size: 125%;letter-spacing: 0;padding: 1.25em 0;}
  .block-profit-02 .container ul {font-size: 100%;margin: 0;}
  .block-profit-02 .container ul li {width: 100%;margin: 1em 0;}
  .block-profit-02 .container ul li::after {width: 4.5em;height: 3em;}
  .block-profit-02 .container ul li p:nth-of-type(1) {font-size: 125%;}
  .block-profit-02 .container ul li p:nth-of-type(2) {font-size: 100%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}