@charset "UTF-8";

/* ==================================================
   adtown
   ページ専用ラグジュアリー背景

   カメリア × 4色の蝶

   ※既存レイアウト・ヘッダー・フッターには影響させない
================================================== */


/* ==================================================
   ページ背景
================================================== */

html {
  background: #fff;
}

body {
  background-color: transparent !important;
}


/* ==================================================
   背景画像
================================================== */

body::before {
  content: "";

  position: fixed;
  inset: 0;

  width: 100%;
  height: 100%;

  background-image: url("../images/adtown-luxury-bg_cont01.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;

  pointer-events: none;

  z-index: -1;
}


/* ==================================================
   ページ内の背景だけ透明化
================================================== */

.page-hero,
.page-intro {
  background: transparent !important;
}


/* ==================================================
   コンテンツブロック
================================================== */

.content-block {
  background: rgba(255, 255, 255, 0.78) !important;
}

.content-block.white {
  background: rgba(255, 255, 255, 0.78) !important;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 800px) {

  body::before {
    background-image: url("../images/adtown-luxury-bg_cont01-sp.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  .content-block,
  .content-block.white {
    background: rgba(255, 255, 255, 0.84) !important;
  }

}

/* ==================================================
   CONTACT
   背景画像を見せる
================================================== */

.contact-form {
  position: relative;
  z-index: 1;
}

.contact-form::before {
  content: "";
  position: absolute;
  inset: -30px;
  z-index: -1;

  background: rgba(255, 255, 255, 0.72);

  border-radius: 8px;
}