/* =====================================================================
適用ページ：
適用箇所：
目的    ：絶対配置であしらいとして配置する
===================================================================== */

.xcs-image-absolute {
    position: relative; /* 親要素に必要 */
}

.xcs-image-absolute::before {
    content: '';
    position: absolute;
    background-image: url('../images/free.webp');
    background-repeat: no-repeat;
    background-size: contain;

    /* 位置とサイズを調整 */
    width: 15%;
    min-width: 130px;
    aspect-ratio: 1 / 1;
    top: -100px;
    right: -10px;
    z-index: 1;
}

@media screen and (max-width: 1600px) {
    .xcs-image-absolute::before {
    top: -80px;
    }
}

@media screen and (max-width: 700px) {
    .xcs-image-absolute::before {
    top: -60px;
    min-width: 110px;
    }
}



/* =====================================================================
適用ページ：
適用箇所：
目的    ：画像の下にマスクを付ける
===================================================================== */

.xcs-image-mask {
    -webkit-mask-image: linear-gradient(to bottom, #111 80%, transparent 98%);
    mask-image: linear-gradient(to bottom, #111 80%, transparent 98%);
}



/* =====================================================================
適用ページ：政策ページ
適用箇所：各セクションの背景
目的    ：背景色に透過度を付ける（透過度のみの指定は不可の為、色も含めて指定）
===================================================================== */

.xcs-bg-opacity-text {
  --smb-section--fixed-background-color: rgba(255, 255, 255, 0.8) !important;
}

.xcs-bg-opacity-chuo {
  --smb-section--fixed-background-color: rgba(229, 255, 246, 0.9) !important;
}

.xcs-bg-opacity-nishi {
  --smb-section--fixed-background-color: rgba(255, 239, 243, 0.9) !important;
}

.xcs-bg-opacity-higashi {
  --smb-section--fixed-background-color: rgba(255, 236, 222, 0.9) !important;
}

.xcs-bg-opacity-minami {
  --smb-section--fixed-background-color: rgba(244, 233, 255, 0.9) !important;
}

.xcs-bg-opacity-izumi {
  --smb-section--fixed-background-color: rgba(235, 247, 255, 0.9) !important;
}

.xcs-bg-opacity-suiro {
  --smb-section--fixed-background-color: rgba(219, 242, 255, 0.9) !important;
}

.xcs-bg-opacity-btm {
  --smb-section--fixed-background-color: rgba(255, 255, 255, 0.4) !important;
}