diff --git a/client/src/views/Settings/Base.vue b/client/src/views/Settings/Base.vue
index 07789450..520a3c3b 100644
--- a/client/src/views/Settings/Base.vue
+++ b/client/src/views/Settings/Base.vue
@@ -370,6 +370,14 @@ export default defineComponent({
                 }
             }
         }
+
+        .settings__quote {
+            border-left: 3px solid rgb(var(--v-theme-text-darken-1));
+            padding-left: 12px;
+            color: rgb(var(--v-theme-text-darken-1));
+            font-size: 13.5px;
+            line-height: 1.6;
+        }
     }
 }
 
diff --git a/client/src/views/Settings/Jikkyo.vue b/client/src/views/Settings/Jikkyo.vue
index 9d2b6a8e..e6d7de2e 100644
--- a/client/src/views/Settings/Jikkyo.vue
+++ b/client/src/views/Settings/Jikkyo.vue
@@ -85,7 +85,7 @@
                 <Icon icon="heroicons-solid:filter" height="19px" />
                 <span class="ml-1">コメントのミュート設定を開く</span>
             </v-btn>
-            <div class="settings__item-label mt-7" style="border-left: 3px solid rgb(var(--v-theme-text-darken-1)); padding-left: 12px;">
+            <div class="settings__quote mt-7">
                 コメントの透明度は、プレイヤー下にある設定アイコン ⚙️ から変更できます。<br>
             </div>
             <div class="settings__item">
diff --git a/client/src/views/Settings/Quality.vue b/client/src/views/Settings/Quality.vue
index f602888c..f7510011 100644
--- a/client/src/views/Settings/Quality.vue
+++ b/client/src/views/Settings/Quality.vue
@@ -8,131 +8,133 @@
             <Icon icon="fluent:video-clip-multiple-16-filled" width="26px" />
             <span class="ml-3">画質</span>
         </h2>
+        <div class="settings__quote mt-5 pb-1">
+            視聴開始時の画質プロファイルは、デバイスの回線状況に応じて自動的に選択されます (Android のみ) 。<br>
+            画質プロファイルは、プレイヤー下にある設定アイコン ⚙️ から変更できます。<br>
+        </div>
         <v-tabs class="settings__tab" color="primary" bg-color="transparent" align-tabs="center" v-model="tab">
             <v-tab style="text-transform: none !important;" v-for="network_circuit in network_circuits" :key="network_circuit">
                 {{network_circuit}}
             </v-tab>
         </v-tabs>
-         <v-window v-model="tab">
-            <v-window-item class="settings__content mt-0" v-for="network_circuit in network_circuits" :key="network_circuit">
-                <div class="settings__content-heading mt-6">
-                    <Icon icon="fluent:tv-20-filled" width="22px" />
-                    <span class="ml-2">テレビのライブストリーミング</span>
+        <div v-show="tab === index" class="settings__content mt-0" v-for="(network_circuit, index) in network_circuits" :key="network_circuit">
+            <div class="settings__content-heading mt-6">
+                <Icon icon="fluent:tv-20-filled" width="22px" />
+                <span class="ml-2">テレビのライブストリーミング</span>
+            </div>
+            <div class="settings__item settings__item--sync-disabled">
+                <div class="settings__item-heading">テレビのデフォルトのストリーミング画質</div>
+                <div class="settings__item-label">
+                    テレビをライブストリーミングするときのデフォルトの画質を設定します。<br>
+                    ストリーミング画質はプレイヤーの設定からいつでも切り替えられます。<br>
                 </div>
-                <div class="settings__item settings__item--sync-disabled">
-                    <div class="settings__item-heading">テレビのデフォルトのストリーミング画質</div>
-                    <div class="settings__item-label">
-                        テレビをライブストリーミングするときのデフォルトの画質を設定します。<br>
-                        ストリーミング画質はプレイヤーの設定からいつでも切り替えられます。<br>
-                    </div>
-                    <div class="settings__item-label mt-1">
-                        画質を [1080p (60fps)] に設定すると、<b>通常 30fps (60i) の映像を補間し、より滑らか（ぬるぬる）な映像で視聴できます！</b>ドラマやバラエティなどを視聴するときに特におすすめです。<br>
-                    </div>
-                    <div class="settings__item-label mt-1" v-if="Utils.isAndroid()">
-                        Fire HD 10 (2021) などの一部のローエンド Android (特に MediaTek SoC 搭載) デバイスでは、1080p 以上の映像描画が不安定なことが確認されています。その場合は 720p 以下の画質を選択することをおすすめします。<br>
-                    </div>
-                    <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
-                        :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit !== 'モバイル回線時'"
-                        :items="tv_streaming_quality" v-model="settingsStore.settings.tv_streaming_quality">
-                    </v-select>
-                    <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
-                        :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit === 'モバイル回線時'"
-                        :items="tv_streaming_quality_cellular" v-model="settingsStore.settings.tv_streaming_quality_cellular">
-                    </v-select>
+                <div class="settings__item-label mt-1">
+                    画質を [1080p (60fps)] に設定すると、<b>通常 30fps (60i) の映像を補間し、より滑らか（ぬるぬる）な映像で視聴できます！</b>ドラマやバラエティなどを視聴するときに特におすすめです。<br>
                 </div>
-                <div class="settings__item settings__item--switch settings__item--sync-disabled"
-                    :class="{'settings__item--disabled': PlayerUtils.isHEVCVideoSupported() === false}">
-                    <label class="settings__item-heading" :for="`tv_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
-                        テレビを通信節約モードで視聴する
-                    </label>
-                    <label class="settings__item-label" :for="`tv_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
-                        通信節約モードでは、圧縮率の高い H.265 / HEVC を使い、<b>画質はほぼそのまま、通信量を通常より 50% 〜 70% 削減して視聴できます！</b> サーバー PC によっては高負荷になることがあります。<br>
-                    </label>
-                    <div class="settings__item-label mt-1">
-                        通信が不安定になりがちなモバイル回線 (4G/5G)・通信速度の遅いフリー Wi-Fi から視聴するときに特におすすめです。<br>
-                        <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === false">
-                            このデバイスでは通信節約モードがサポートされていません。
-                        </p>
-                        <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === true">
-                            お使いの Firefox ブラウザでは通信節約モードがサポートされていません。
-                        </p>
-                    </div>
-                    <v-switch class="settings__item-switch" color="primary" id="tv_data_saver_mode" hide-details v-if="network_circuit !== 'モバイル回線時'"
-                        v-model="settingsStore.settings.tv_data_saver_mode" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
-                    </v-switch>
-                    <v-switch class="settings__item-switch" color="primary" id="tv_data_saver_mode_cellular" hide-details v-if="network_circuit === 'モバイル回線時'"
-                        v-model="settingsStore.settings.tv_data_saver_mode_cellular" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
-                    </v-switch>
+                <div class="settings__item-label mt-1" v-if="Utils.isAndroid()">
+                    Fire HD 10 (2021) などの一部のローエンド Android (特に MediaTek SoC 搭載) デバイスでは、1080p 以上の映像描画が不安定なことが確認されています。その場合は 720p 以下の画質を選択することをおすすめします。<br>
                 </div>
-                <div class="settings__item settings__item--switch settings__item--sync-disabled">
-                    <label class="settings__item-heading" :for="`tv_low_latency_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
-                        テレビを低遅延で視聴する
-                    </label>
-                    <label class="settings__item-label" :for="`tv_low_latency_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
-                        低遅延ストリーミングをオンにすると、<b>放送波との遅延を最短 0.9 秒に抑えて視聴できます！</b><br>
-                        また、約 3 秒以上遅延したときに少しだけ再生速度を早める (1.1x) ことで、滑らかにストリーミングの遅延を取り戻します。<br>
-                    </label>
-                    <div class="settings__item-label mt-1">
-                        映像がカクつきやすくなるため、通信が不安定になりがちなモバイル回線やフリー Wi-Fi から視聴するときは、低遅延ストリーミングをオフにすることをおすすめします。<br>
-                    </div>
-                    <v-switch class="settings__item-switch" color="primary" id="tv_low_latency_mode" hide-details v-if="network_circuit !== 'モバイル回線時'"
-                        v-model="settingsStore.settings.tv_low_latency_mode">
-                    </v-switch>
-                    <v-switch class="settings__item-switch" color="primary" id="tv_low_latency_mode_cellular" hide-details v-if="network_circuit === 'モバイル回線時'"
-                        v-model="settingsStore.settings.tv_low_latency_mode_cellular">
-                    </v-switch>
+                <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
+                    :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit !== 'モバイル回線時'"
+                    :items="tv_streaming_quality" v-model="settingsStore.settings.tv_streaming_quality">
+                </v-select>
+                <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
+                    :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit === 'モバイル回線時'"
+                    :items="tv_streaming_quality_cellular" v-model="settingsStore.settings.tv_streaming_quality_cellular">
+                </v-select>
+            </div>
+            <div class="settings__item settings__item--switch settings__item--sync-disabled"
+                :class="{'settings__item--disabled': PlayerUtils.isHEVCVideoSupported() === false}">
+                <label class="settings__item-heading" :for="`tv_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
+                    テレビを通信節約モードで視聴する
+                </label>
+                <label class="settings__item-label" :for="`tv_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
+                    通信節約モードでは、圧縮率の高い H.265 / HEVC を使い、<b>画質はほぼそのまま、通信量を通常より 50% 〜 70% 削減して視聴できます！</b> サーバー PC によっては高負荷になることがあります。<br>
+                </label>
+                <div class="settings__item-label mt-1">
+                    通信が不安定になりがちなモバイル回線 (4G/5G)・通信速度の遅いフリー Wi-Fi から視聴するときに特におすすめです。<br>
+                    <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === false">
+                        このデバイスでは通信節約モードがサポートされていません。
+                    </p>
+                    <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === true">
+                        お使いの Firefox ブラウザでは通信節約モードがサポートされていません。
+                    </p>
                 </div>
-                <div class="settings__content-heading mt-6">
-                    <Icon icon="fluent:movies-and-tv-20-filled" width="22px" />
-                    <span class="ml-2">ビデオのオンデマンドストリーミング</span>
+                <v-switch class="settings__item-switch" color="primary" id="tv_data_saver_mode" hide-details v-if="network_circuit !== 'モバイル回線時'"
+                    v-model="settingsStore.settings.tv_data_saver_mode" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
+                </v-switch>
+                <v-switch class="settings__item-switch" color="primary" id="tv_data_saver_mode_cellular" hide-details v-if="network_circuit === 'モバイル回線時'"
+                    v-model="settingsStore.settings.tv_data_saver_mode_cellular" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
+                </v-switch>
+            </div>
+            <div class="settings__item settings__item--switch settings__item--sync-disabled">
+                <label class="settings__item-heading" :for="`tv_low_latency_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
+                    テレビを低遅延で視聴する
+                </label>
+                <label class="settings__item-label" :for="`tv_low_latency_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
+                    低遅延ストリーミングをオンにすると、<b>放送波との遅延を最短 0.9 秒に抑えて視聴できます！</b><br>
+                    また、約 3 秒以上遅延したときに少しだけ再生速度を早める (1.1x) ことで、滑らかにストリーミングの遅延を取り戻します。<br>
+                </label>
+                <div class="settings__item-label mt-1">
+                    映像がカクつきやすくなるため、通信が不安定になりがちなモバイル回線やフリー Wi-Fi から視聴するときは、低遅延ストリーミングをオフにすることをおすすめします。<br>
                 </div>
-                <div class="settings__item settings__item--sync-disabled">
-                    <div class="settings__item-heading">ビデオのデフォルトのストリーミング画質</div>
-                    <div class="settings__item-label">
-                        ビデオをストリーミング再生するときのデフォルトの画質を設定します。<br>
-                        ストリーミング画質はプレイヤーの設定からいつでも切り替えられます。<br>
-                    </div>
-                    <div class="settings__item-label mt-1">
-                        画質を [1080p (60fps)] に設定すると、<b>通常 30fps (60i) の映像を補間し、より滑らか（ぬるぬる）な映像で視聴できます！</b>ドラマやバラエティなどを視聴するときに特におすすめです。<br>
-                    </div>
-                    <div class="settings__item-label mt-1" v-if="Utils.isAndroid()">
-                        Fire HD 10 (2021) などの一部のローエンド Android (特に MediaTek SoC 搭載) デバイスでは、1080p 以上の映像描画が不安定なことが確認されています。その場合は 720p 以下の画質を選択することをおすすめします。<br>
-                    </div>
-                    <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
-                        :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit !== 'モバイル回線時'"
-                        :items="video_streaming_quality" v-model="settingsStore.settings.video_streaming_quality">
-                    </v-select>
-                    <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
-                        :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit === 'モバイル回線時'"
-                        :items="video_streaming_quality_cellular" v-model="settingsStore.settings.video_streaming_quality_cellular">
-                    </v-select>
+                <v-switch class="settings__item-switch" color="primary" id="tv_low_latency_mode" hide-details v-if="network_circuit !== 'モバイル回線時'"
+                    v-model="settingsStore.settings.tv_low_latency_mode">
+                </v-switch>
+                <v-switch class="settings__item-switch" color="primary" id="tv_low_latency_mode_cellular" hide-details v-if="network_circuit === 'モバイル回線時'"
+                    v-model="settingsStore.settings.tv_low_latency_mode_cellular">
+                </v-switch>
+            </div>
+            <div class="settings__content-heading mt-6">
+                <Icon icon="fluent:movies-and-tv-20-filled" width="22px" />
+                <span class="ml-2">ビデオのオンデマンドストリーミング</span>
+            </div>
+            <div class="settings__item settings__item--sync-disabled">
+                <div class="settings__item-heading">ビデオのデフォルトのストリーミング画質</div>
+                <div class="settings__item-label">
+                    ビデオをストリーミング再生するときのデフォルトの画質を設定します。<br>
+                    ストリーミング画質はプレイヤーの設定からいつでも切り替えられます。<br>
                 </div>
-                <div class="settings__item settings__item--switch settings__item--sync-disabled"
-                    :class="{'settings__item--disabled': PlayerUtils.isHEVCVideoSupported() === false}">
-                    <label class="settings__item-heading" :for="`video_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
-                        ビデオを通信節約モードで視聴する
-                    </label>
-                    <label class="settings__item-label" :for="`video_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
-                        通信節約モードでは、圧縮率の高い H.265 / HEVC を使い、<b>画質はほぼそのまま、通信量を通常より 50% 〜 70% 削減して視聴できます！</b> サーバー PC によっては高負荷になることがあります。<br>
-                    </label>
-                    <div class="settings__item-label mt-1">
-                        通信が不安定になりがちなモバイル回線 (4G/5G)・通信速度の遅いフリー Wi-Fi から視聴するときに特におすすめです。<br>
-                        <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === false">
-                            このデバイスでは通信節約モードがサポートされていません。
-                        </p>
-                        <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === true">
-                            お使いの Firefox ブラウザでは通信節約モードがサポートされていません。
-                        </p>
-                    </div>
-                    <v-switch class="settings__item-switch" color="primary" id="video_data_saver_mode" hide-details v-if="network_circuit !== 'モバイル回線時'"
-                        v-model="settingsStore.settings.video_data_saver_mode" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
-                    </v-switch>
-                    <v-switch class="settings__item-switch" color="primary" id="video_data_saver_mode_cellular" hide-details v-if="network_circuit === 'モバイル回線時'"
-                        v-model="settingsStore.settings.video_data_saver_mode_cellular" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
-                    </v-switch>
+                <div class="settings__item-label mt-1">
+                    画質を [1080p (60fps)] に設定すると、<b>通常 30fps (60i) の映像を補間し、より滑らか（ぬるぬる）な映像で視聴できます！</b>ドラマやバラエティなどを視聴するときに特におすすめです。<br>
                 </div>
-            </v-window-item>
-         </v-window>
+                <div class="settings__item-label mt-1" v-if="Utils.isAndroid()">
+                    Fire HD 10 (2021) などの一部のローエンド Android (特に MediaTek SoC 搭載) デバイスでは、1080p 以上の映像描画が不安定なことが確認されています。その場合は 720p 以下の画質を選択することをおすすめします。<br>
+                </div>
+                <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
+                    :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit !== 'モバイル回線時'"
+                    :items="video_streaming_quality" v-model="settingsStore.settings.video_streaming_quality">
+                </v-select>
+                <v-select class="settings__item-form" color="primary" variant="outlined" hide-details
+                    :density="is_form_dense ? 'compact' : 'default'" v-if="network_circuit === 'モバイル回線時'"
+                    :items="video_streaming_quality_cellular" v-model="settingsStore.settings.video_streaming_quality_cellular">
+                </v-select>
+            </div>
+            <div class="settings__item settings__item--switch settings__item--sync-disabled"
+                :class="{'settings__item--disabled': PlayerUtils.isHEVCVideoSupported() === false}">
+                <label class="settings__item-heading" :for="`video_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
+                    ビデオを通信節約モードで視聴する
+                </label>
+                <label class="settings__item-label" :for="`video_data_saver_mode${network_circuit === 'モバイル回線時' ? '_cellular' : ''}`">
+                    通信節約モードでは、圧縮率の高い H.265 / HEVC を使い、<b>画質はほぼそのまま、通信量を通常より 50% 〜 70% 削減して視聴できます！</b> サーバー PC によっては高負荷になることがあります。<br>
+                </label>
+                <div class="settings__item-label mt-1">
+                    通信が不安定になりがちなモバイル回線 (4G/5G)・通信速度の遅いフリー Wi-Fi から視聴するときに特におすすめです。<br>
+                    <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === false">
+                        このデバイスでは通信節約モードがサポートされていません。
+                    </p>
+                    <p class="mt-1 mb-0 text-error-lighten-1" v-if="PlayerUtils.isHEVCVideoSupported() === false && Utils.isFirefox() === true">
+                        お使いの Firefox ブラウザでは通信節約モードがサポートされていません。
+                    </p>
+                </div>
+                <v-switch class="settings__item-switch" color="primary" id="video_data_saver_mode" hide-details v-if="network_circuit !== 'モバイル回線時'"
+                    v-model="settingsStore.settings.video_data_saver_mode" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
+                </v-switch>
+                <v-switch class="settings__item-switch" color="primary" id="video_data_saver_mode_cellular" hide-details v-if="network_circuit === 'モバイル回線時'"
+                    v-model="settingsStore.settings.video_data_saver_mode_cellular" :disabled="PlayerUtils.isHEVCVideoSupported() === false">
+                </v-switch>
+            </div>
+        </div>
     </SettingsBase>
 </template>
 <script lang="ts">