@charset "UTF-8";

/*
@layer base / 基本設定
@layer layout / レイアウト定義
@layer module / モジュール定義（共通のスタイル定義）
@layer state / 状態・JS設定用クラス定義
@layer theme / テーマ定義（OSのテーマ連動）
@layer project / ページ単位スタイル定義
@layer utility / ユーティリティ定義（スポット的に使うスタイル定義）
*/
/* @layer base, layout, module, state, theme, project, utility; */

@layer project {

    /* ---- 基本設定 -------------------------------- */



    /* ---- 基本機能（.basic_function） -------------------------------- */
    .basic_function .fit_visual:has(img[src$="dummy.webp"]) {
        width: 440px;
        height: 240px;

        & img {
            object-fit: cover;
        }
    }

    @media screen and (max-width: 750px) {
        .basic_function .fit_visual:has(img[src$="dummy.webp"]) {
            width: 100%;
        }
    }



    /* ---- 設計支援サービス（.assistance） -------------------------------- */
/*
    .assistance .section_lead {
        white-space: nowrap;
    }
*/
    .assistance .notes_list {
        width: fit-content;
        margin-inline: auto;
    }

    @media screen and (max-width: 500px) {
        .assistance .notes_list {
            width: min(86vw, 100%);
        }
    }



    /* ---- メンバー管理・調査データ共有（.management） -------------------------------- */
    /*
    .management .section_lead {
        white-space: nowrap;
    }
    */
}