:root { /* CSS変数を定義するルート要素 */
    --highlight-color: #008B8B; /* メインハイライト色（ダークシアン） */
    --light-color: #ffffff; /* 明るい色（白） */
    --sub-color: #cccccc; /* サブ色（ライトグレー） */
    --dark-color: rgba(51, 51, 51, 0.8); /* 暗い色（半透明グレー） */
    --attention-color:#FF1A00; /* 注意色（明るい赤） */
    --highlight-light-color:#008b8b36; /* 薄いハイライト色 */
    --orange-color: #FFA500; /* オレンジ色 */
    --light-orange-color: #FFE5B2; /* 薄いオレンジ色 */
    --blue-light-color: #ADD8E6; /* 薄い青色 */
    --pastel-color: rgba(255, 127, 127, 1); /* パステル色（ピンク） */
}

html, body { /* ページ全体の基本設定 */
    width: 100%; /* 横幅を100%に設定 */
    margin: 0; /* 余白を0に設定 */
    padding: 0; /* パディングを0に設定 */
}

.bold-text { /* 太字のテキストスタイル */
    /*color: white; /*文字色を白に設定*/
    /* color : rgb(180, 180, 180); 文字色をグレーに設定 */
    font-weight: bold; /* 太字に設定 */
    font-size: 110%; /* フォントサイズを120%に設定 */
    -webkit-text-stroke: 1px #000000; /* テキストのストロークを白色に設定 */
}

.top-photo-container { /* トップ写真コンテナの設定 */
    position: relative; /* 相対位置指定 */
    width: 100%; /* 横幅100% */
    height: 100vh; /* 高さをビューポートの100%に設定 */
    overflow: hidden; /* はみ出し部分を隠す */
}

.top-photo-titile{ /* トップ写真タイトルの設定 */
    position: absolute; /* 絶対位置指定 */
    top: 0.52vw; /* 上から0.52vwの位置 */
    left: 0.52vw; /* 左から0.52vwの位置 */
    font-size: 0.52vw; /* フォントサイズ0.52vw */
    color: var(--light-color); /* 文字色を白に設定 */
}

.top-photo-item { /* トップ写真アイテムの設定 */
    position: absolute; /* 絶対位置指定 */
    top: 0; /* 上端に配置 */
    left: 0; /* 左端に配置 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    opacity: 0; /* 初期透明度0 */
    transition: opacity 1s; /* 透明度変化に1秒のトランジション */
    background-size: cover; /* 背景画像を要素全体にカバー */
    background-position: center; /* 背景画像を中央に配置 */
    animation: photo-fade 24s infinite; /* 24秒間隔で無限に写真フェードアニメーション */
}

.top-photo-item:nth-child(1) { /* 1番目の写真アイテム */
    background-image: url(https://www.higlab.net/~nakata/opencampus/nakamura/IMG_2158.png); /* 背景画像URL指定 */
    animation-delay: 0s; /* アニメーション遅延0秒 */
}

.top-photo-item:nth-child(2) { /* 2番目の写真アイテム */
    background-image: url(https://www.higlab.net/~nakata/opencampus/lightroom_edited_images/AAA_0141.jpg); /* 背景画像URL指定 */
    animation-delay: 6s; /* アニメーション遅延6秒 */
}

.top-photo-item:nth-child(3) { /* 3番目の写真アイテム */
    background-image: url(https://www.higlab.net/~nakata/opencampus/lightroom_edited_images/AAA_0063-Edit.jpg); /* 背景画像URL指定 */
    animation-delay: 12s; /* アニメーション遅延12秒 */
}

.top-photo-item:nth-child(4) { /* 4番目の写真アイテム */
    background-image: url(https://www.higlab.net/~nakata/opencampus/lightroom_edited_images/AAA_0102.jpg); /* 背景画像URL指定 */
    animation-delay: 18s; /* アニメーション遅延18秒 */
}

@keyframes photo-fade { /* 写真フェードアニメーションの定義 */
    0% { opacity: 0; } /* 開始時透明度0 */
    10% { opacity: 1; } /* 10%時点で透明度1 */
    30% { opacity: 1; } /* 30%時点で透明度1を維持 */
    40% { opacity: 0; } /* 40%時点で透明度0に */
    100% { opacity: 0; } /* 終了時透明度0 */
}

.top-photo-center-phrase { /* 中央フレーズの設定 */
    position: absolute; /* 絶対位置指定 */
    top: 50%; /* 上から50%の位置 */
    left: 50%; /* 左から50%の位置 */
    transform: translate(-50%, -50%); /* 中央寄せのための変形 */
    font-size: 2.60vw; /* フォントサイズ2.60vw */
    font-weight: bold; /* 太字設定 */
    color: var(--highlight-color); /* ハイライト色を適用 */
    z-index: 999; /* 最前面に表示 */
}

.deaver{ /* デーバー画像の設定 */
    position: absolute; /* 絶対位置指定 */
    z-index: 2; /* 重ね順2 */
    left: 10%; /* 左から10%の位置 */
    bottom: 45%; /* 下から45%の位置 */
    width: 5.21vw; /* 横幅5.21vw */
    height: auto; /* 高さは自動調整 */
}

.top-photo-center-word{ /* 中央ワードコンテナの設定 */
    display: flex; /* フレックスボックス表示 */
    width: 100vw; /* 横幅100vw */
    justify-content: center; /* 水平中央揃え */
    align-items: center; /* 垂直中央揃え */
}

.top-photo-wlcome-word-item{ /* ウェルカムワードアイテムの設定 */
    display: flex; /* フレックスボックス表示 */
    justify-content: center; /* 水平中央揃え */
    font-size: 3.65vw; /* フォントサイズ3.65vw */
    width: 100vw; /* 横幅100vw */
    line-height: 0.5; /* 行の高さ0.5 */
    font-weight: bold; /* 太字設定 */
    color:var(--light-color); /* 白色を適用 */
    text-shadow: /* テキストに影を追加 */
            0.16vw 0.16vw 0 var(--highlight-color), /* 右下影 */
            -0.16vw -0.16vw 0 var(--highlight-color), /* 左上影 */
            -0.16vw 0.16vw 0 var(--highlight-color), /* 左下影 */
            0.16vw -0.16vw 0 var(--highlight-color); /* 右上影 */
    z-index: 999; /* 最前面に表示 */
}

.top-photo-schedule { /* スケジュール部分の設定 */
    position: absolute; /* 絶対位置指定 */
    background-color: var(--dark-color); /* 暗い背景色を適用 */
    color: var(--light-color); /* 白文字色を適用 */
    bottom: 0%; /* 下端に配置 */
    width: 100vw; /* 横幅100vw */
}

.top-photo-schedule-text{ /* スケジュールテキストコンテナの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 2fr; /* 1:2の比率で2カラム設定 */
    justify-content: center; /* 水平中央揃え */
    font-size: 1.50vw; /* フォントサイズ1.50vw */
}

.top-photo-schedule-text-item{ /* スケジュールテキストアイテムの設定 */
    display: flex; /* フレックスボックス表示 */
    margin-left: 4.95vw; /* 左マージン4.95vw */
    font-size: 2.20vw; /* フォントサイズ2.20vw */
    font-weight: bold; /* 太字設定 */
    line-height: 0.2; /* 行の高さ0.2 */
    color: var(--light-color); /* 白色を適用 */
    text-decoration: underline; /* 下線を追加 */
}

/* --- department navi --- */ /* 学科ナビセクション */
.department-navi-container{ /* 学科ナビコンテナの設定 */
    margin-top: 2.60vw; /* 上マージン2.60vw */
    width: 100%; /* 横幅100% */
    height: 41.67vw; /* 高さ41.67vw */
    background-color: var(--highlight-light-color); /* 薄いハイライト色の背景 */
    display: flex; /* フレックスボックス表示 */
    flex-direction: column; /* 縦方向に配置 */
}

.department-navi-title{ /* 学科ナビタイトルの設定 */
    padding: none; /* パディングなし */
    width: 100%; /* 横幅100% */
    height: 6.25vw; /* 高さ6.25vw */
    font-size: 4.17vw; /* フォントサイズ4.17vw */
    margin-bottom: 0vw; /* 下マージン0 */
    font-weight: bold; /* 太字設定 */
    background-color: var(--light-color); /* 白背景色 */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
}

.department-navi-primary{ /* 学科ナビプライマリタブの設定 */
    display:inline-block; /* インラインブロック表示 */
    margin-left: 1.56vw; /* 左マージン1.56vw */
    margin-bottom: none; /* 下マージンなし */
    padding-left: 1.56vw; /* 左パディング1.56vw */
    padding-right: 1.56vw; /* 右パディング1.56vw */
    border-top-right-radius: 1.04vw; /* 右上角丸1.04vw */
    border-top-left-radius: 1.04vw; /* 左上角丸1.04vw */
    color:var(--light-color); /* 白文字色 */
    background-color: var(--highlight-color); /* ハイライト色の背景 */
    font-family: "Noto Sans JP", sans-serif; /* Noto Sans JPフォント */
}

.department-navi-content { /* 学科ナビコンテンツの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    gap: 2px; /* 2pxの隙間 */
    width: 100%; /* 横幅100% */
    flex: 100%; /* フレックスアイテムとして100%の高さ */
    align-items: stretch; /* 子要素を縦に引き伸ばす */
    overflow: hidden; /* はみ出し部分を隠す */
}

.department-navi-img-container { /* 学科ナビ画像コンテナの設定 */
    width: 100%; /* 横幅100% */
    margin: 0; /* マージン0 */
    height: 100%; /* 高さ100% */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
    overflow: hidden; /* はみ出し部分を隠す */
}

.department-navi-img { /* 学科ナビ画像の設定 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    object-fit: cover; /* アスペクト比を保ってカバー */
    display: block; /* ブロック表示 */
}

.department-navi-leftcontent{ /* 学科ナビ左コンテンツの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-rows: 2fr 3fr; /* 2:3の比率で2行設定 */
}

.department-navi-left-img-container{ /* 学科ナビ左画像コンテナの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    gap:2px; /* 2pxの隙間 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    overflow: hidden; /* はみ出し部分を隠す */
}

.department-navi-sub-img{ /* 学科ナビサブ画像の設定 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    object-fit: cover; /* アスペクト比を保ってカバー */
    display: block; /* ブロック表示 */
}

.department-navi-text{ /* 学科ナビテキストの設定 */
    margin-left: 10%; /* 左マージン10% */
    margin-right:10%; /* 右マージン10% */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
    font-size: 1.4vw; /* フォントサイズ1.4vw */
    font-family: Georgia, serif; /* Georgiaセリフフォント */
}

/* workshop */ /* ワークショップセクション */
.workshop-container { /* ワークショップコンテナの設定 */
    margin-top: 2.60vw; /* 上マージン2.60vw */
    width: 100%; /* 横幅100% */
    height: 71.0vw; /* 高さ80.0vw */
    overflow: hidden; /* はみ出し部分を隠す */
}

.workshop-title { /* ワークショップタイトルの設定 */
    padding: none; /* パディングなし */
    width: 100%; /* 横幅100% */
    height: 6.25vw; /* 高さ6.25vw */
    font-size: 4.17vw; /* フォントサイズ4.17vw */
    margin-bottom: 0vw; /* 下マージン0 */
    font-weight: bold; /* 太字設定 */
    background-color: var(--light-color); /* 白背景色 */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
}

.workshop-primary { /* ワークショッププライマリタブの設定 */
   display:inline-block; /* インラインブロック表示 */
    margin-left: 1.56vw; /* 左マージン1.56vw */
    margin-bottom: none; /* 下マージンなし */
    padding-left: 1.56vw; /* 左パディング1.56vw */
    padding-right: 1.56vw; /* 右パディング1.56vw */
    border-top-right-radius: 1.04vw; /* 右上角丸1.04vw */
    border-top-left-radius: 1.04vw; /* 左上角丸1.04vw */
    color:var(--light-color); /* 白文字色 */
    background-color: blue; /* ハイライト色の背景 */
    font-family: "Noto Sans JP", sans-serif; /* Noto Sans JPフォント */
}

.workshop-content{ /* ワークショップコンテンツの設定 */
    display : grid; /* グリッドレイアウト表示 */
    max-height: 100%; /* 最大高さ100% */
    grid-template-rows: 1fr 6fr; /* 4:6の比率で2行設定 */
    background-color: var(--blue-light-color); /* 薄い青色背景 */
}

.workshop-content-text{ /* ワークショップコンテンツテキストの設定 */
    display: flex; /* フレックスボックス表示 */
    align-items:center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
    font-size: 1.17vw; /* フォントサイズ1.17vw */
    font-family: "Noto Serif JP", serif; /* Noto Serif JPフォント */
}

.workshop-sentense{ /* ワークショップ文章の設定 */
    width: 82%; /* 横幅80% */
    /* display: flex; フレックスボックス表示 */
    /* flex-direction: column; 縦方向に配置 */
    /* text-align: center; テキスト中央揃え */
    /* justify-content: center; 垂直中央揃え */
    font-size: 1.4vw; /* フォントサイズ1.4vw */
    font-family: "Noto Serif JP", serif; /* Noto Serif JPフォント */
    margin: 0px; /* マージン0 */
    padding: 0px; /* パディング0 */
}

.workshop-content-bottom-wapper { /* ワークショップコンテンツ下部ラッパーの設定 */
    width: 100%; /* 横幅100% */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
    justify-content : center; /* 水平中央揃え */
}

.workshop-content-bottom{ /* ワークショップコンテンツ下部の設定 */
    width: 100%; /* 横幅100% */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    gap: 1.04vw; /* 1.04vwの隙間 */
    justify-content: center; /* 水平中央揃え */
}

.workshop-content-item { /* ワークショップコンテンツアイテムの設定 */
    display : grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    gap: 1vw; /* 1vwの隙間 */
}

.workshop-content-item-ex { /* ワークショップコンテンツアイテム説明の設定 */
    max-height: 100%; /* 最大高さ100% */
    overflow: hidden; /* はみ出し部分を隠す */
}

.workshop-content-item-img{ /* ワークショップコンテンツアイテム画像の設定 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    object-fit: cover; /* アスペクト比を保ってカバー */
    display: block; /* ブロック表示 */
    overflow: hidden; /* はみ出し部分を隠す */
}

.workshop-content-item-img-right{ /* 右側画像の設定 */
    width: 100%; /* 横幅100% */
    height: 80%; /* 高さ80% */
    margin-top: 2vw; /* 上マージン2vw */
    object-fit: cover; /* アスペクト比を保ってカバー */
    display: block; /* ブロック表示 */
    overflow: hidden; /* はみ出し部分を隠す */
}

.workshop-content-item-title{ /* アイテムタイトルの設定 */
    font-size: 1.2vw; /* フォントサイズ1.2vw */
}

.workshop-content-item-session-schedule{ /* セッションスケジュールの設定 */
    margin-left: 6vw; /* 左マージン6vw */
}

.workshop-content-item-session{ /* セッション情報の設定 */
    font-size: 1.2vw; /* フォントサイズ1.2vw */
}

.workshop-content-caution{ /* 注意書きの設定 */
    font-size: 1.2vw; /* フォントサイズ1.2vw */
}

/* --- description --- */ /* 説明会セクション */
.description-container { /* 説明会コンテナの設定 */
    margin-top: 2.60vw; /* 上マージン2.60vw */
    width: 100%; /* 横幅100% */
    height: 55.67vw; /* 高さ55.67vw */
    background-color: var(--light-orange-color); /* 薄いオレンジ色背景 */
    display: flex; /* フレックスボックス表示 */
    flex-direction: column; /* 縦方向に配置 */
    margin-bottom: 10px; /* 下マージン10px */
}

.description-title { /* 説明会タイトルの設定 */
    padding: none; /* パディングなし */
    width: 100%; /* 横幅100% */
    height: 6.25vw; /* 高さ6.25vw */
    font-size: 4.17vw; /* フォントサイズ4.17vw */
    margin-bottom: 0vw; /* 下マージン0 */
    font-weight: bold; /* 太字設定 */
    background-color: var(--light-color); /* 白背景色 */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
}

.description-primary { /* 説明会プライマリタブの設定 */
    display:inline-block; /* インラインブロック表示 */
    margin-left: 1.56vw; /* 左マージン1.56vw */
    margin-bottom: none; /* 下マージンなし */
    padding-left: 1.56vw; /* 左パディング1.56vw */
    padding-right: 1.56vw; /* 右パディング1.56vw */
    border-top-right-radius: 1.04vw; /* 右上角丸1.04vw */
    border-top-left-radius: 1.04vw; /* 左上角丸1.04vw */
    color:var(--light-color); /* 白文字色 */
    background-color: var(--orange-color); /* ハイライト色の背景 */
    font-family: "Noto Sans JP", sans-serif; /* Noto Sans JPフォント */
}

.description-content { /* 説明会コンテンツの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    width: 100%; /* 横幅100% */
    flex: 100%; /* フレックスアイテムとして100%の高さ */
    overflow: hidden; /* はみ出し部分を隠す */
    margin-top: 0; /* 上マージン0 */
}

.description-img-container { /* 説明会画像コンテナの設定 */
    width: 100%; /* 横幅100% */
    margin: 0 auto; /* 左右マージンを自動に（中央寄せ） */
    height: 100%; /* 高さ100% */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
}

.description-left-content { /* 説明会左コンテンツの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-rows: 2fr 3fr; /* 2:3の比率で2行設定 */
}

.description-left-img-container { /* 説明会左画像コンテナの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    gap: 3vw; /* 3vwの隙間 */
}

.description-img { /* 説明会画像の設定 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    object-fit: cover; /* アスペクト比を保ってカバー */
    display: block; /* ブロック表示 */
}

.description-sub-img { /* 説明会サブ画像の設定 */
    width: 100%; /* 横幅100% */
    height: auto; /* 高さは自動調整 */
    display: block; /* ブロック表示 */
}

.description-session-schedule{ /* セッションスケジュールの設定 */
    display: grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    grid-template-rows: 1fr 1fr; /* 1:1の比率で2行設定 */
}

.description-yonnbunnya-img { /* 4分野画像の設定 */
    width: 100%; /* 横幅100% */
    height: 70%; /* 高さ70% */
    display: block; /* ブロック表示 */
}

.description-text { /* 説明会テキストの設定 */
    margin-left: 10%; /* 左マージン10% */
    margin-right: 10%; /* 右マージン10% */
    display: flex; /* フレックスボックス表示 */
    flex-direction: column; /* 縦方向に配置 */
    align-items: center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
    font-size: 1.4vw; /* フォントサイズ1.4vw */
    font-family: "Noto Serif JP", serif; /* Noto Serif JPフォント */
}

/* よろず相談体験 */ /* よろず相談セクション */

.yorozu-container { /* よろず相談コンテナの設定 */
    position: relative; /* 相対位置指定 */
    margin-top: 2.60vw; /* 上マージン2.60vw */
    width: 100%; /* 横幅100% */
    height: 31.67vw; /* 高さ31.67vw */
}

.yorozu-title{ /* よろず相談タイトルの設定 */
    padding: none; /* パディングなし */
    width: 100%; /* 横幅100% */
    height: 6.25vw; /* 高さ6.25vw */
    font-size: 4.17vw; /* フォントサイズ4.17vw */
    margin-bottom: 0vw; /* 下マージン0 */
    font-weight: bold; /* 太字設定 */
    background-color: var(--light-color); /* 白背景色 */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
}

.yorozu-content{ /* よろず相談コンテンツの設定 */
    height: 100%; /* 高さ100% */
    display:grid; /* グリッドレイアウト表示 */
    grid-template-columns: 1fr 1fr; /* 1:1の比率で2カラム設定 */
    z-index: 2; /* 重ね順2 */
}

.yorozu-img-wapper { /* よろず相談画像ラッパーの設定 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
}

.yorozu-img { /* よろず相談画像の設定 */
    position: relative; /* 相対位置指定 */
    width: 100%; /* 横幅100% */
    height: 100%; /* 高さ100% */
    object-fit: cover; /* アスペクト比を保ってカバー */
    display: block; /* ブロック表示 */
}

.yorozu-content-text { /* よろず相談コンテンツテキストの設定 */
    position: relative; /* 相対位置指定 */
    display: flex; /* フレックスボックス表示 */
    align-items: center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
    font-size: 1.17vw; /* フォントサイズ1.17vw */
    padding-left: 10%; /* 左パディング10% */
    padding-right: 10%; /* 右パディング10% */
}

.yorozu-primary{ /* よろず相談プライマリ要素の設定 */
    font-weight: bold; /* 太字設定 */
    font-family: "Noto Sans JP", sans-serif; /* Noto Sans JPフォント */
}

.yorozu-content-text::before{ /* よろず相談コンテンツテキストの疑似要素（背景装飾） */
    content: ""; /* 空のコンテンツ */
    right: 0px; /* 右端から0pxの位置 */
    position: absolute; /* 絶対位置指定 */
    width: 130%; /* 横幅130% */
    height: 100%; /* 高さ100% */
    background-color: var(--pastel-color); /* パステル色背景 */
    clip-path  : polygon(0% 100%, 100% 100%, 100% 0%); /* 三角形のクリップパス */
    z-index: 1; /* 重ね順1 */
}

.yorozu-sentense{ /* よろず相談文章の設定 */
    font-family: "Noto Serif JP", serif; /* Noto Serif JPフォント */
    position: relative; /* 相対位置指定 */
    z-index: 999; /* 最前面に表示 */
    font-size: 1.4vw; /* フォントサイズ1.4vw */
}

.yorozu-primary{ /* よろず相談プライマリ要素の設定（重複定義） */
 display:inline-block; /* インラインブロック表示 */
    margin-left: 1.56vw; /* 左マージン1.56vw */
    margin-bottom: none; /* 下マージンなし */
    padding-left: 1.56vw; /* 左パディング1.56vw */
    padding-right: 1.56vw; /* 右パディング1.56vw */
    border-top-right-radius: 1.04vw; /* 右上角丸1.04vw */
    border-top-left-radius: 1.04vw; /* 左上角丸1.04vw */
    color:var(--light-color); /* 白文字色 */
    background-color: var(--pastel-color); /* ハイライト色の背景 */
    font-family: "Noto Sans JP", sans-serif; /* Noto Sans JPフォント */
}

.deaver{ /* デーバー画像の設定（非表示） */
    display: none; /* 非表示設定 */
}


@media screen and (max-width: 768px) { /* スマートフォン向けのスタイル（画面幅768px以下） */
    .department-navi-title{ /* 学科ナビタイトルのスマホ対応 */
        padding: none; /* パディングなし */
        width: 100%; /* 横幅100% */
        height: 7.25vw; /* 高さ7.25vw（スマホ用調整） */
        font-size: 6.17vw; /* フォントサイズ6.17vw（スマホ用拡大） */
    }
    
    .description-title { /* 説明会タイトルのスマホ対応 */
        width: 100%; /* 横幅100% */
        height: 7.25vw; /* 高さ7.25vw（スマホ用調整） */
        font-size: 6.17vw; /* フォントサイズ6.17vw（スマホ用拡大） */
    }

    .department-navi-container{ /* 学科ナビコンテナのスマホ対応 */
        margin-top : 5.60vw; /* 上マージン5.60vw（スマホ用調整） */
        height: auto; /* 高さを自動調整に変更 */
    }

    .department-navi-text{ /* 学科ナビテキストのスマホ対応 */
        font-size: 5vw; /* フォントサイズ5vw（スマホ用拡大） */
    }

    .department-navi-content { /* 学科ナビコンテンツのスマホ対応 */
        display: flex; /* フレックスボックス表示に変更 */
        flex-direction: column; /* 縦方向に配置（スマホ用） */
        width: 100%; /* 横幅100% */
        flex: 100%; /* フレックスアイテムとして100%の高さ */
        align-items: stretch; /* 子要素を縦に引き伸ばす */
        overflow: hidden; /* はみ出し部分を隠す */
    }

    .workshop-content-bottom{ /* ワークショップコンテンツ下部のスマホ対応 */
        display:flex; /* フレックスボックス表示 */
        flex-direction: column; /* 縦方向に配置（スマホ用） */
    }
    
    .workshop-container{ /* ワークショップコンテナのスマホ対応 */
        height: auto; /* 高さを自動調整に変更 */
    } 

    .workshop-content{ /* ワークショップコンテンツのスマホ対応 */
        grid-template-rows: 2fr 5fr; /* 2:5の比率で2行設定（スマホ用調整） */
        border-top-left-radius: 0%; /* 左上角丸を削除 */
        border-top-right-radius: 0%; /* 右上角丸を削除 */
    }

    .workshop-content-item-title{ /* ワークショップアイテムタイトルのスマホ対応 */
        font-size: 2vw; /* フォントサイズ2vw */
    }

    .workshop-content-bottom{ /* ワークショップコンテンツ下部のスマホ対応 */
        width: 100%; /* 横幅100% */
    }

    .workshop-sentense{ /* ワークショップ文章のスマホ対応 */
        font-size: 5vw; /* フォントサイズ5vw（スマホ用拡大） */
        margin-left: 10%; /* 左マージン10% */
        margin-right: 10%; /* 右マージン10% */
        line-height: 1; /* 行の高さ1 */
        text-align: center; /* テキスト中央揃え */
        white-space: normal; /* 通常の空白処理 */
    }

    .workshop-content-item-title{ /* ワークショップアイテムタイトルのスマホ対応（重複定義） */
        font-size: 3vw; /* フォントサイズ3vw */
    }

    .workshop-content-caution{ /* ワークショップ注意書きのスマホ対応 */
        font-size: 3vw; /* フォントサイズ3vw */
    }

    .workshop-content-item-session-schedule{ /* セッションスケジュールのスマホ対応 */
        font-size: 3vw; /* フォントサイズ3vw */
    }

    .description-container { /* 説明会コンテナのスマホ対応 */
        margin-top: 5.60vw; /* 上マージン5.60vw（スマホ用調整） */
        height: auto; /* 高さを自動調整に変更 */
    }

    .description-content { /* 説明会コンテンツのスマホ対応 */
        display: flex; /* フレックスボックス表示に変更 */
        flex-direction: column; /* 縦方向に配置（スマホ用） */
        width: 100%; /* 横幅100% */
        flex: 100%; /* フレックスアイテムとして100%の高さ */
        align-items: stretch; /* 子要素を縦に引き伸ばす */
        overflow: hidden; /* はみ出し部分を隠す */
    }

    .description-left-content{ /* 説明会左コンテンツのスマホ対応 */
        display: flex; /* フレックスボックス表示に変更 */
        flex-direction: column; /* 縦方向に配置（スマホ用） */
    } 

    .description-text{ /* 説明会テキストのスマホ対応 */
        font-size: 5vw; /* フォントサイズ5vw（スマホ用拡大） */
    }

    .yorozu-content{ /* よろず相談コンテンツのスマホ対応 */
        display: none; /* 一度非表示に設定 */
        display: flex; /* フレックスボックス表示に変更 */
        flex-direction: column; /* 縦方向に配置（スマホ用） */
    }

    .yorozu-content-text::before{ /* よろず相談テキストの疑似要素スマホ対応 */
        clip-path  :none; /* クリップパスを無効化 */
        z-index: 1; /* 重ね順1 */
    }   

    .yorozu-sentense { /* よろず相談文章のスマホ対応 */
        font-size: 5vw !important; /* フォントサイズ5vw（重要度最高） */
    }
}