/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 15 2026 | 10:46:30 */
/* ==========================================
   メインビジュアル：レスポンシブ調整
   ========================================== */

/* タブレット・スマホ（960px以下）の表示調整 */
@media (max-width: 960px) {
    .c-filterLayer:after, 
    .c-filterLayer:before, 
    .c-filterLayer__img {
        width: 100%;
        /* height: 46%; */ /* 必要に応じてコメントアウトを解除 */
    }
}

/* 
   メインビジュアル内のコンテンツ左右余白調整 
   ※PC表示時の左右パディング（クラス名に合わせ1.6rem = 16pxに調整）
*/
.padding-16 {
    padding: 0 1.6rem; /* 10remから適切な1.6rem（16px相当）に修正 */
}

/* スマホ表示時（640px以下）の左右余白調整 */
@media (max-width: 640px) {
    .padding-16 {
        padding: 0 1rem; /* スマホ用に少しキュッと狭めて10px相当に調整 */
    }
}