@charset "UTF-8";

/* ==================================================
   adtown
   ラグジュアリー背景
   カメリア × 4色の蝶

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


/* ==================================================
   基本設定
================================================== */

html {
  background: #fff;
}

body {
  background-color: transparent !important;
}


/* ==================================================
   固定背景
   PC・スマートフォン共通
================================================== */

body::before {
  content: "";

  position: fixed;
  inset: 0;

  width: 100%;
  height: 100%;

  background-image: url("../images/adtown-luxury-bg_cont01.png");
  background-position: center top;
  background-repeat: no-repeat;
  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;
}


/* ==================================================
   カード類
================================================== */

.feature-card,
.case-card,
.page-table,
.contact-form {
  position: relative;
}


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

.contact-form::before {
  content: "";

  position: absolute;
  inset: -30px;

  z-index: -1;

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

  border-radius: 8px;
}


/* ==================================================
   PC
================================================== */

@media (min-width: 801px) {

  body::before {
    background-image: url("../images/adtown-luxury-bg_cont01.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;
  }

}


/* ==================================================
   スマートフォン
================================================== */

@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;
  }

}