body {
    background-color: #ffffff; /* 背景色 */
    color: #000000; /* テキスト色 */
    font-family: Arial, sans-serif; /* フォント */
    margin: 0; /* マージンをリセット */
    padding: 0; /* パディングをリセット */
    text-align: center; /* 全ての文字を中央寄せ */
}

header {
    color: #fff700; /* ヘッダーの文字色 */
    background-color: #4C4C4C; /* ヘッダーの背景色 */
    padding: 10px 0; /* 上部のパディングを設定 */
    margin-top: 0; /* 上部のマージンを0に設定 */
    padding-bottom: 0px;
    position: relative; /* 要素の位置を設定 */
    z-index: 0; /* 他の要素と干渉しないよう調整 */
}

/* ヘッダーのh2タグの文字色 */
header h2 {
    color: #38b48b !important; /* 指定の文字色 */
}

h3 {
    color: #000000 !important; /* 指定の文字色 */
}

/* ナビゲーション内のリンクスタイル */
nav ul {
    list-style: none; /* リストスタイルを消す */
    padding: 0; /* パディングをリセット */
    margin: 0; /* マージンをリセット */
}

nav ul li {
    display: inline; /* リスト項目を横並び */
    margin: 0 15px; /* リスト項目の間隔 */
}

/* ヘッダー内のリンクの通常時のスタイル */
header nav ul li a {
    color: #FFF352 !important; /* ヘッダー内のリンクの文字色 */
    text-decoration: none; /* 下線を消す */
}

/* リンクにホバー時のスタイル（文字色のみシアンに変更） */
header nav ul li a:hover {
    color: #00FFFF !important; /* ホバー時の文字色をシアンに変更 */
    text-decoration: underline; /* ホバー時に下線を追加 */
}

/* 区切り線の文字色 */
header nav ul li span {
    color: #FFF352 !important; /* 区切り線の文字色 */
}

/* フッタースタイル */
footer {
    background-color: #ffffff; /* フッターの背景色 */
    color: #000000; /* フッターのテキスト色 */
    text-align: center; /* テキスト中央寄せ */
    padding: 10px 0; /* フッターのパディング */
    clear: both; /* フッターの上にある要素をクリア */
}

.container {
    text-align: center; /* コンテナ全体を中央寄せ */
    background-color: #ffffff; /* 本文の背景色 */
    color: #000000; /* 本文のテキスト色 */
    padding: 20px; /* パディングを追加 */
    position: relative; /* コンテナの位置を設定 */
    z-index: 0; /* ヘッダーより下に表示されるように */
}

/* メンバー情報のスタイル */
.member {
    display: flex;
    align-items: center;
    justify-content: center; /* 中央寄せ */
    margin: 20px 0; /* メンバー間のスペース */
}

.member-info {
    max-width: 300px; /* テキストの最大幅を設定 */
    margin: 0 10px; /* テキストと画像の間にスペース */
    text-align: center; /* テキストを中央寄せ */
}

.member-img {
    width: 150px; /* 画像の幅を設定 */
    height: auto; /* 高さを自動調整 */
}

/* ホーム、問い合わせ、サービスページのスタイル */
.home, .contact, .services {
    background-color: #ffffff; /* 背景色 */
    color: #000000; /* テキスト色 */
    padding: 0px; /* パディングを追加 */
    text-align: center; /* 中央寄せ */
}

/* リストスタイルの設定 */
ul {
    list-style-type: none; /* リストマーカーを消す */
    padding: 0; /* パディングをリセット */
    margin: 0; /* マージンをリセット */
}

p {
    margin: 0; /* Pタグのマージンをリセット */
}

/* ヘッダーロゴのスタイル */
.header-logo {
    width: auto; /* 画像の幅を調整 */
    height: 25%; /* 高さを自動調整 */
    overflow: hidden; /* はみ出し部分を隠す */
    max-width: 1920px; /* 最大幅を1920pxに設定 */
    display: block;
    margin: 0 auto; /* 画像を中央寄せ */
}

/* ヘッダー内の改行 */
header::after {
    content: ""; /* 空の内容を追加 */
    display: block; /* ブロック要素として扱う */
    background-color: #4C4C4C; /* ヘッダーと同じ背景色 */
    height: 10px; /* 高さを設定してスペースを作る */
    margin-top: 10px; /* 改行の間隔 */
}

/* モバイル端末のスタイル */
@media (max-width: 768px) {
    body {
        overflow-x: hidden; /* 横スクロールを無効に */
    }

    .logo-container {
        width: 100vw; /* 幅をビューポートの100%に設定 */
    }

    header {
        font-size: 16px; /* ヘッダーのフォントサイズを調整 */
        padding: 5px 0; /* パディングを調整して高さを減少 */
    }

    nav ul li {
        display: inline-block; /* リスト項目をブロック表示に変更 */
        margin: 0 10px; /* リスト項目の間隔を調整 */
    }
}