@charset "UTF-8";
/* =====
 * ALL DEVICE::Start
========================================================= */
#Main {background-color: #000;}
#Main .billboard {
  background: transparent url("../img/top/bg-01.jpg") no-repeat 50% 50%;
  background-size: 100% 100%;
  padding: 4em 0;
  position: relative;
}
#Main .billboard .ttl-style-01 {
  color: #fff;
  margin-bottom: 0;
}
#Main .billboard .ttl-style-01 ruby {
  color: #dccea2;
}
/* BLOCK::THANKS::01
-----------------------*/
#Main .block-thanks-01 {background-color: #fff;}
#Main .block-thanks-01 .container {margin-top: -4em;}
#Main .block-thanks-01 .ttl-style-04 {max-width: 24em;margin: 0 auto 2em;color: #29445c;}
#Main .block-thanks-01 .ttl-style-04 span {white-space: nowrap;display: inline-block;}
#Main .block-thanks-01 p {text-align: center;}
#Main .block-thanks-01 p.cv {margin: 4em 0;}
#Main .block-thanks-01 p.cv a {width: 18em;margin: 0 auto;padding-bottom: 1em;border-radius: 10px;}
#Main .block-thanks-01 p.cv img {width: auto;height: 5em;margin: 0 auto;}
/* =====
 * ALL DEVICE::End
========================================================= */
@media only screen and (max-width:768px) {
  /* =====
   * SP::Start
  ========================================================= */
  .ttl-style-04::before {top: 0;}
  .common-sunpremier {position: relative;background-color: #f5f3f4;padding: 3em 0;}
  .common-sunpremier::before {content: "";position: absolute;top: 0;left: 50%;margin-left: -2em;border-style: solid;border-color: #fff transparent transparent;border-width:1.5em 2em;}
  .common-sunpremier h4 {position: relative;max-width: 90%;margin: 0 auto;}
  .common-sunpremier h4::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 80%;background-color: #f5f3f4;}
  .common-sunpremier p {color: rgb(45 54 109);text-align: center;font-weight: bold;margin-top: 1em;}
  .common-sunpremier .grid-list {background-color: rgb(45 54 109);padding: 1em;border-radius: 10px;position: relative;}
  .common-sunpremier .grid-list::after {content: "※上記特典はマンション契約時にクラブ会員登録を完了している必要があります。";position: absolute;bottom: 0.5em;left: 50%;transform: scale(0.64) translateX(-50%);transform-origin: 0 0;font-size: 10px;color: #fff;white-space: nowrap;}
  /* =====
   * SP::End
  ========================================================= */
}
@media only screen and (min-width:769px) {
  /* =====
   * PC::Start
  ========================================================= */
  .common-sunpremier {position: relative;background-color: #f5f3f4;margin-top: -3em;}
  .common-sunpremier::before {content: "";position: absolute;top: 0;left: 50%;margin-left: -2em;border-style: solid;border-color: #fff transparent transparent;border-width:1.5em 2em;}
  .common-sunpremier .container {padding: 2em 0 5em;}
  .common-sunpremier h4 {position: relative;max-width: 400px;margin: 0 auto;}
  .common-sunpremier h4::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 80%;background-color: #f5f3f4;}
  .common-sunpremier p {color: rgb(45 54 109);text-align: center;font-size: 112.5%;font-weight: bold;margin-top: 1em;}
  .common-sunpremier .grid-list {background-color: rgb(45 54 109);border-radius: 10px;max-width: 760px;margin: 0 auto;padding: 0 15px;position: relative;}
  .common-sunpremier .grid-list > div {width: calc(50% - 30px);margin: 20px 15px 30px;}
  .common-sunpremier .grid-list::after {content: "※上記特典はマンション契約時にクラブ会員登録を完了している必要があります。";position: absolute;bottom: 1em;right: 0;transform: scale(0.9);transform-origin: 0 0;font-size: 10px;color: #fff;}
  /* =====
   * PC::End
  ========================================================= */
}

  .mt-custom {
    margin-top: 50px; /* PC用 */
  }

  @media screen and (max-width: 768px) {
    .mt-custom {
      margin-top: 0px; /* スマホ用 */
    }
  }