@charset "UTF-8";

.p-pageHeader2 { display: none !important; }

/* =============================================
    全体・ベース設定・汎用クラス
 ============================================== */
 body {
  background-color: #ffffff;
}

.background {
  background-color: white;
}

a:hover {
  opacity: 0.6;
}

img {
  max-width: 100%;
  height: auto;
}

.w-full {
  width: 100%;
}

.text-center {
  text-align: center;
}

/* PC・SPの表示切替 */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.br-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

@media (max-width: 600px) {
  .br-sp {
    display: block;
  }
}

/* コンテナ幅制御 (c-container--oc-lg) */
.c-container--oc-lg {
  max-width: 1024px !important;
}

@media (min-width: 680px) {
  .c-container--oc-lg {
    max-width: 640px !important;
  }
}

@media (min-width: 1024px) {
  .c-container--oc-lg {
    max-width: 740px !important;
    padding: 0 20px;
  }
}

@media (min-width: 1200px) {
  .c-container--oc-lg {
    max-width: 900px !important;
    padding: 0 20px;
  }
}

@media (min-width: 1400px) {
  .c-container--oc-lg {
    max-width: 1200px !important;
    padding: 0 20px;
  }
}

/* コンテナ幅制御 (c-container--oc) */
.c-container--oc {
  max-width: 1024px !important;
  margin: 0 auto;
}

@media (min-width: 380px) {
  .c-container--oc {
    max-width: 360px !important;
  }
}

@media (min-width: 400px) {
  .c-container--oc {
    max-width: 380px !important;
  }
}

@media (min-width: 420px) {
  .c-container--oc {
    max-width: 400px !important;
  }
}

@media (min-width: 440px) {
  .c-container--oc {
    max-width: 420px !important;
  }
}

@media (min-width: 480px) {
  .c-container--oc {
    max-width: 440px !important;
  }
}

@media (min-width: 500px) {
  .c-container--oc {
    max-width: 480px !important;
  }
}

@media (min-width: 550px) {
  .c-container--oc {
    max-width: 500px !important;
  }
}

@media (min-width: 600px) {
  .c-container--oc {
    max-width: 550px !important;
  }
}

@media (min-width: 640px) {
  .c-container--oc {
    max-width: 600px !important;
  }
}

@media (min-width: 680px) {
  .c-container--oc {
    max-width: 640px !important;
  }
}

@media (min-width: 1024px) {
  .c-container--oc {
    max-width: 900px !important;
    padding: 0 20px;
  }
}

@media (min-width: 1200px) {
  .c-container--oc {
    max-width: 1024px !important;
    padding: 0 20px;
  }
}

@media (min-width: 1400px) {
  .c-container--oc {
    max-width: 1024px !important;
    padding: 0 20px;
  }
}

/* =============================================
    ヘッダー
 ============================================== */
.page-title {
  display: inline-block;
  padding-top: 0px;
  text-align: center;
  font-weight: 500;
}

@media (max-width: 768px) {
  .page-title {
    margin-top: -20px;
  }
}

.page-title img {
  margin-top: 16px;
}

.page-title h1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
}

.page-info {
  display: flex;
  text-align: left;
  color: #af272f;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 16px;
}

.page-info span {
  font-weight: 900;
}

.page-info-link {
  margin-right: 16px;
}

@media (max-width: 768px) {
  .page-title h1 {
    font-size: 15px;
    line-height: 1.3;
  }
}

@media (min-width: 680px) {
  .page-title h1 {
    font-size: 24px;
    margin-top: 24px;
  }
}

@media (min-width: 1024px) {
  .page-title {
    padding-top: 0px;
  }

  .page-title img {
    margin-top: 24px;
  }

  .page-title h1 {
    font-size: 36px;
    margin-top: 24px;
  }

  .page-info {
    font-size: 16px;
    margin-bottom: 24px;
  }
}

/* =============================================
    メインビジュアル
 ============================================== */
.page-content--area {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  padding-top: 10px;
}

@media (min-width: 767px) {
  .page-content--area {
    padding-top: 10px;
  }
}

.page-mv {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: black;
}

.page-mv img {
  width: 100%;
  height: auto;
}

.top-sp-area {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  padding-top: -80px;
}

.top-pc-area {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}


/* =============================================
    詳細情報・事前申込エリア（黒背景）
 ============================================== */
.page-outline {
  padding: 10px 0px;
  background-color: black;
}

.content-top2 {
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(14px, 4vw, 20px);
  font-weight: bold;
}

.content-nazeka {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .content-nazeka {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  .content-nazeka img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
}

.page-outline .title,
.page-outline .title strong {
  text-align: center;
  font-size: 40px;
  margin: 20px 0;
  color: #c6a75c;
  font-weight: 900;
}

.page-outline .title img {
  width: 60%;
}

@media (max-width: 680px) {
  .c-container--oc .title {
    white-space: nowrap;
    font-size: clamp(20px, 6vw, 32px);
  }

  .page-outline .title img {
    width: 70%;
  }
}

.page-outline .content {
  text-align: center;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  font-size: 30pt;
}

.page-outline .content p {
  font-weight: 600;
  font-size: 14px;
}

@media (max-width: 680px) {
  .page-outline .content p {
    font-weight: 500;
  }
}

@media (min-width: 1024px) {
  .page-outline .content {
    margin-top: 24px;
    padding-bottom: 10px;
    font-size: 14pt;
  }

  .page-outline .content p {
    font-size: 16px;
  }
}

.content-moushikomi {
  text-align: center;
  margin-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 768px) {
  .content-moushikomi {
    margin-left: 10px;
    margin-right: 10px;
  }

  .content-moushikomi img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.page-outline .content-program {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 30px;
  font-weight: bold;
  color: black;
}

/* =============================================
    プログラム内容カード（白背景）
 ============================================== */
.common-program-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .common-program-flex {
    flex-direction: row;
  }
}

.common-program-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  align-items: stretch;
}

@media (min-width: 1024px) {
  .common-program-item {
    width: 49%;
  }
}

.common-program {
  background-color: #fff;
  padding: 10px 0 0 0;
  /* 下左右の余白を消して画像を断ち切りに */
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .common-program {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 1024px) {
  .common-program {
    padding: 10px 0 0 0;
    flex: 1;
  }
}

.title-bar {
  border-bottom: solid 1px #C6A75C;
  color: black;
  font-size: 1.3em;
  line-height: 1.3;
  text-align: center;
  padding: 0;
  margin: 0;
  font-weight: 700;
}

.title-bar--sm {
  font-size: 16px;
  padding: 2px 10px 8px;
}

.title-bar--special {
  color: #C6A75C;
  font-size: 18px;
  padding: 2px 10px 8px;
}

@media (min-width: 1024px) {
  .title-bar--sm {
    font-size: 17px;
    padding: 2px 0px 8px;
  }

  .title-bar--special {
    font-size: 28px;
    padding: 8px 0px 8px;
  }
}

.common-program-content {
  margin-top: 0;
  padding: 8px 10px 10px;
  flex-grow: 1;
}

@media (max-width: 768px) {
  .common-program-content {
    padding: 10px 10px 0px;
  }
}

@media (min-width: 1024px) {
  .common-program-content {
    padding: 16px 20px 0px;
  }
}

.program-list {
  display: flex;
  margin-bottom: 12px;
  align-items: start;
}

.program-list-head {
  background-color: #e6e6e7;
  font-size: 12px;
  padding: 2px 10px;
  font-weight: bold;
  margin-right: 0px;
  min-width: 50px;
  text-align: center;
}

.program-list-text {
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
}

@media (min-width: 1024px) {
  .program-list-text {
    font-size: 14px;
    font-weight: 600;
  }
}

@media (min-width: 1024px) {
  .flex-list-item--200 {
    min-width: 200px;
  }
}

.text-sm {
  font-size: 12px;
}

.common-program .text-sm {
  text-align: left;
}

@media (max-width: 768px) {
  .common-program .text-sm {
    padding: 0 10px;
  }

  .common-program .program-list{
    padding: 0 10px;
    box-sizing: border-box;
  }
  
}
@media (min-width: 769px) and (max-width: 1024px) {
  .common-program .text-sm {
    padding-left: 10px;
    padding-right: 10px;
  }

  .common-program .program-list{
  padding: 0 10px;
  box-sizing: border-box;
  }
}

@media (min-width: 1024px) {
  .text-sm {
    font-size: 14px;
  }
}

.text-sm p {
  font-size: 13px;
  line-height: 1.7;
  padding: 5px 0px;
}

.common-program-content .text-sm p {
  font-weight: 400;
}

.common-program .text-sm p {
  text-align: left;
}



@media (min-width: 1024px) {
  .text-sm p {
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0px;
  }
}

/* =============================================
    赤本プレゼント・学食カフェ体験
 ============================================== */
.akahon {
  margin-bottom: 20px;
}

.area-apointed {
  text-align: center;
}

@media (max-width: 768px) {
  .akahon {
    margin-left: 10px;
    margin-right: 10px;
  }

  .akahon img {
    display: block;
    width: 100%;
    height: auto;
  }

  .area-apointed {
    margin-left: 16px;
    margin-right: 16px;
  }

  .area-apointed img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.page-outline-cafe {
  padding: 30px 0px;
  background-color: #f7eeda;
  text-align: center;
}

.page-outline-cafe .content p {
  font-weight: 600;
  font-size: 14px;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .page-outline-cafe .content p {
    font-size: 16px;
    margin-top: 16px;
  }
}

@media (max-width: 768px) {
  br.pc-only-br {
    display: none;
  }

  .page-outline-cafe .content p {
    padding: 0 10px;
  }

  .area-cafe .content:last-child {
    margin-left: 10px;
    margin-right: 10px;
  }

  .area-cafe .content:last-child img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.content-cafe {
  text-align: center;
  font-weight: bold;
  color: black;
}

/* =============================================
    動画でわかる！大谷大学
 ============================================== */
.page-outline-movie {
  padding: 30px 0px;
  background-color: #f5e8ee;
}

.content-movie {
  text-align: center;
  padding-bottom: 20px;
}

.movie-area-content {
  width: 100%;
  aspect-ratio: 16/9;
  max-width: 800px;
  margin: 24px auto 0;
}

.movie-area-content iframe {
  width: 100%;
  height: 100%;
}

/* =============================================
    お問い合わせ
 ============================================== */
.page-outline-contact {
  padding: 30px 0px;
  text-align: center;
  font-size: 1.2em;
}

.page-outline-contact .content:first-child {
  padding-bottom: 6px;
}

.contact-text1 {
  font-size: 2em;
  margin-top: 20px;
  font-weight: 700;
}

.contact-text2 {
  font-size: 1.4em;
  font-weight: 600;
}

/* =============================================
    開催スケジュール
 ============================================== */
.page-outline-schedule {
  padding: 30px 0px;
  background-color: #000000;
  text-align: center;
}

.schedule-theme1 {
  display: block;
  margin: 40px auto 10px;
}

.schedule-theme2,
.schedule-theme3 {
  display: block;
  margin: 18px auto 10px;
}

.schedule-icon {
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .page-outline-schedule .sp.schedule-theme1 {
    width: 50%;
    height: auto;
  }

  .page-outline-schedule .sp.schedule-theme2 {
    width: 50%;
    height: auto;
  }

  .page-outline-schedule .sp.schedule-theme3 {
    width: 35%;
    height: auto;
  }
}

.content-kako {
  text-align: center;
  color: white;
  margin: 50px 0px 30px 0px;
  font-size: 16px;
  font-weight: bold;
}

.content-kako p {
  margin-bottom: 30px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .content-kako {
    margin-left: 10px;
    margin-right: 10px;
  }

  .content-kako .content {
    display: inline;
  }

  .content-kako img {
    width: 20% !important;
    margin: 0 1% 8px !important;
    height: auto;
    display: inline-block;
  }
}

@media (min-width: 769px) {
  .content-kako .content+.content {
    margin-top: 18px;
  }
}

/* =============================================
    入試アプリ・公式LINE
 ============================================== */
.page-notice {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 24px;
}

.page-notice .notice {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  row-gap: 10px;
  margin-top: 10px;
}

.page-notice .notice .notice-list {
  grid-column: span 12 / span 12;
}

.page-notice .notice .notice-list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 10px;
  text-align: center;
  display: block;
}

@media (min-width: 1024px) {
  .page-notice {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  .page-notice .notice {
    margin-top: 40px;
    gap: 48px;
  }

  .page-notice .notice .notice-list {
    margin-top: 0px;
    grid-column: span 6 / span 6;
    min-width: 300px;
  }
}

@media (min-width: 1200px) {
  .page-notice .notice .notice-list {
    margin-top: 0px;
    grid-column: span 6 / span 6;
    min-width: 300px;
  }
}

/* =============================================
    小論文型特別セミナー
 ============================================== */

/* ▼ PC閲覧時のレイアウト（2列にして余白を確保） ▼ */
@media (min-width: 1024px) {
  .seminar-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    padding-top: 16px;
    padding-bottom: 24px;
  }
  
  .seminar-wrap .common-program-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important; /* 内側の余白はgapで作るためゼロに */
  }

  .seminar-wrap .seminar-img {
    padding-right: 24px;
  }
}

/* スマホ閲覧時のレイアウト（縦並び、画像は余白なしの断ち切り） */
@media (max-width: 1023px) {
  .seminar-wrap {
    display: flex;
    flex-direction: column;
  }
  
  .seminar-wrap .seminar-img {
    margin-top: 10px; /* テキストと画像の間の余白 */
    /* スマホ時は断ち切り表示にするため左右・下の余白は書かない */
  }
}

@media (min-width: 1024px) {
  .title-bar--special .title-sub {
    font-size: 24px; /* PC表示時のサイズ（少し小さく） */
    margin-top: 0px; /* 1行目との間を少し開ける */
  }
}

/* =============================================
    大学体験プログラム
 ============================================== */

/* ---------- Grid 基本 ---------- */
.taiken-grid{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "header"
    "text"
    "action"
    "program"
    "flyer";
  gap: 14px;
  align-items: start;
  margin-top: 10px;
}

/* ---------- 大学体験プログラム：カード6枚（スクショ版） ---------- */
.taiken-cards{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items:stretch;
}

/* PCは2段組（スクショ通り） */
@media (min-width: 1024px){
  .taiken-cards{
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items:stretch;
    height:100%;
  }
}

.taiken-card{
  border: 1px solid #000;
  padding: 14px 16px;
  box-sizing: border-box;
}

.taiken-card__dept{
  font-weight: 800;
  font-size: 14px; /* 他カセット見出しとのバランス寄せ */
  margin: 0 0 8px 0;
}

.taiken-card__title{
  font-weight: 800;
  font-size: 18px;  /* title-bar--sm 付近と喧嘩しないサイズ */
  line-height: 1.35;
  margin: 0 0 10px 0;
  color: #000;
}

.taiken-card__text{
  font-size: 13px;  /* .text-sm p のサイズ感に寄せ */
  line-height: 1.7;
  margin: 0 0 12px 0;
}

.taiken-card__meta{
  font-size: 13px; 
  line-height: 1.7;
  border-top: 1px solid #000;
  padding-top: 10px;
}

/* SP時の詰め（読みやすさ維持） */
@media (max-width: 768px){
  .taiken-card{
    padding: 12px 12px;
  }
  .taiken-card__title{
    font-size: 17px;
  }
}

.taiken-card__dept{
  font-weight: 800;
  font-size: 14px;
  margin: -14px -16px 12px -16px;
  padding: 10px 16px;
}

/* 各学部の背景カラー */
/* 文学部 */
.dept-bungaku{
  background:#fef2de;
  color:#e06a00;
}

/* 社会学部 */
.dept-shakai{
  background:#f2f7e3;
  color:#2c9c55;
}

/* 教育学部 */
.dept-kyoiku{
  background:#e5ebf7;
  color:#2b77c4;
}

/* 国際学部 */
.dept-kokusai{
  background:#f1e6f2;
  color:#b54a8c;
}

/* 定員・集合場所・集合時間の背景 */
.taiken-card__meta{
  font-size: 13px;
  line-height: 1.7;

  background:#eeeeee;
  padding:12px 14px;
  margin-top:12px;

  border:none;
}

/* 定員と集合場所の間のスペース */
.taiken-card__meta span + span{
  margin-left:1em;
}

/* 定員・集合場所・集合時間の下揃え */
.taiken-card{
  border:1px solid #333;
  padding:14px 16px 16px;

  display:flex;
  flex-direction:column;
}

.taiken-card__text{
  font-size:13px;
  line-height:1.7;
  margin:0 0 12px 0;
  flex-grow:1;
}

.taiken-header   { grid-area: header; }
.taiken-text     { grid-area: text; }
.taiken-action   { grid-area: action; }
.taiken-programs { grid-area: program; }

/* ---------- 本文・ボタン・注釈 ---------- */
.taiken-text.text-sm p{
  margin: 0;
  padding: 0;
}

.taiken-action{
  text-align: left;
}

.taiken-action .text-sm p{
  text-align: center;
  margin: 0;
  padding: 0;
}

.taiken-action .text-sm{
  margin-top: 6px;
}

.taiken-action .text-sm p{
  margin: 0;
  padding: 0;
}

/* 申込ボタン（左カラム中央寄せ・強調） */
.btn-taiken{
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 6px auto 0;     /* 中央寄せ */
  padding: 16px 20px;
  border-radius: 9999px;
  background: #d60013;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}
.btn-taiken:hover{ opacity: .85; }


/* ---------- プログラム一覧表（土台：これが無いと崩れる） ---------- */
.program-table-area{
  width: 100%;
  border-top: 1px solid #000;
}

.program-row-wrap{
  display: flex;
  flex-direction: column;
}

.program-item{
  width: 100%;
  display: flex;                 /* ★横並びの要 */
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
}

/* セル（高さを詰める＆横幅配分） */
.program-dept{
  width: 28%;
  padding: 8px 10px;
  background-color: #fffde5;
  border-right: 1px solid #000;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.4;
  box-sizing: border-box;
}

.program-content{
  width: 72%;
  padding: 8px 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  box-sizing: border-box;
}

/* 学部名の色（必要なら） */
.dept-bungaku { color: #ed6c00; }
.dept-shakai  { color: #22ac38; }
.dept-kyoiku  { color: #187fc4; }
.dept-kokusai { color: #af4d8e; }

/* SP調整 */
@media (max-width: 768px){
  .program-dept{
    width: 40%;
    padding: 8px;
    font-size: 13px;
  }
  .program-content{
    width: 60%;
    padding: 8px;
    font-size: 13px;
  }
    .title-bar--special{
    line-height: 1.2;
  }

  .taiken-programs{
    padding: 0 10px 20px;
    box-sizing: border-box;
  }
}

/* ---------- プログラム一覧表 ---------- */
.taiken-programs{
  padding-bottom: 20px;  /* 表の下余白 */
}

.taiken-table-area{
  margin-top: 0;
  border-top: none;
}

.taiken-row-wrap{
  border-bottom: none;
  flex-direction: column;
}

.taiken-program-item{
  width: 100% !important;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: -1px;
}

/* セル（高さを詰める） */
.program-dept{
  width: 28%;
  padding: 8px 10px;
  background-color: #fffde5;
  border-right: 1px solid #000;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.4;
}

.program-content{
  width: 72%;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
}

/* ---------- SP 微調整 ---------- */
@media (max-width: 768px){
  .btn-taiken{
    max-width: 100%;
    width: calc(100% - 20px);
    font-size: 16px;
    line-height: 1.15;
    padding: 12px 14px;
    box-sizing: border-box;
  }

  .program-dept{
    width: 40%;
    padding: 8px;
  }

  .program-content{
    width: 60%;
    padding: 8px;
  }
}


/* =============================================
    当日のタイムテーブル／当日配付パンフレット
 ============================================== */
/* 1. 外側の白いコンテナ（セクション全体） */
.area-special {
  background-color: #ffffff;
  padding: 16px 10px;
  border-radius: 0;
  margin: 48px 10px 0;
}

@media (min-width: 1024px) {
  .area-special {
    padding: 64px 48px;
    margin: 48px 0 0;
  }
}

/* 2. タイムテーブル内の見出し（タイトル） */
.area-time {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}

.area-time .title {
  font-size: 24px;
  font-weight: bold;
  color: #b0894e;
  line-height: 1.3;
  margin-bottom: 8px;
}

@media (min-width: 1024px) {
  .area-time .title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

/* 3. 画像下の説明文と余白 */
.pamphlet > p {
  font-weight: 500;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px; /* 下のボタンとの距離 */
  line-height: 1.8;
}

@media (min-width: 1024px) {
  .area-time p {
    font-size: 16px;
  }
  .pamphlet > p {
    margin-bottom: 28px;
  }
}

/* 4. PDFダウンロードボタン */
.btn-time-red {
  display: inline-block;
  color: #fff;
  background-color: #c92c08;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 10px;
  font-weight: bold;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .btn-time-red {
    font-size: 16px;
    padding: 6px 24px;
  }
}

/* 5. ボタン内のPDFタグと容量表示 */
.btn-time-red span {
  font-size: 10px;
}

.btn-time-red::after {
  content: "PDF";
  display: inline-block;
  margin-left: 8px;
  font-size: 10px;
  line-height: 1;
  padding: 2px 4px;
  font-weight: bold;
  border: 1px solid #ffffff;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .btn-time-red span {
    font-size: 14px;
  }
  .btn-time-red::after {
    font-size: 14px;
    padding: 2px 6px;
  }
}

/* =============================================
    進路特別講演会
 ============================================== */
.common-program--lecture {
  overflow: hidden;
}

.lecture-block {
  padding: 20px 60px 30px;
}

.lecture-heading {
  text-align: center;
  margin: 0 0 28px;
}

.lecture-heading-main {
  margin: 0 0 14px;
  color: #cf3a1c;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

.lecture-heading-sub {
  margin: 0;
  color: #cf3a1c;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.01em;
}

.lecture-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 30px;
  align-items: start;
}

.lecture-main {
  min-width: 0;
}

.lecture-text {
  margin-bottom: 26px;
}

.lecture-text p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.95;
}

.lecture-info {
  margin-top: 0;
}

.lecture-program-list {
  margin-bottom: 16px;
}

.lecture-program-list:last-child {
  margin-bottom: 0;
}

.lecture-list-head {
  min-width: 45px;
  background-color: #ffffff;
  border: 1px solid #cf3a1c;
  color: #000000;
}

.lecture-list-text {
  margin-left: 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
}

.lecture-speaker-text {
  line-height: 1.7;
}

.lecture-speaker-name {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
}

.lecture-image {
  max-width: 250px;
  justify-self: end;
}

.lecture-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* タブレット */
@media (min-width: 601px) and (max-width: 1023px) {
  .lecture-block {
    padding: 14px 24px 24px;
  }

  .lecture-heading {
    margin-bottom: 22px;
  }

  .lecture-heading-main {
    font-size: 32px;
    line-height: 1.3;
  }

  .lecture-heading-sub {
    font-size: 22px;
    line-height: 1.45;
  }

  .lecture-layout {
    grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
    gap: 20px;
  }

  .lecture-text {
    margin-bottom: 20px;
  }

  .lecture-text p {
    font-size: 14px;
    line-height: 1.85;
  }

  .lecture-list-text {
    font-size: 15px;
  }

  .lecture-speaker-name {
    font-size: 22px;
  }

  .lecture-image {
    max-width: 180px;
  }
}

/* スマホ */
@media (max-width: 600px) {
  .lecture-block {
    padding: 12px 10px 20px;
  }

  .lecture-heading {
    margin-bottom: 18px;
  }

  .lecture-heading-main {
    font-size: 22px;
    line-height: 1.28;
  }

  .lecture-heading-sub {
    font-size: 16px;
    line-height: 1.45;
  }

  .lecture-layout {
    display: block;
  }

  .lecture-text {
    margin-bottom: 18px;
  }

  .lecture-text p {
    font-size: 13px;
    line-height: 1.8;
  }

  .lecture-image {
    max-width: 180px;
    margin: 0 auto 18px;
  }

  .lecture-info {
    margin-top: 0;
  }

  .lecture-program-list {
    margin-bottom: 12px;
  }

  .lecture-list-head {
    min-width: 58px;
  }

  .lecture-list-text {
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.7;
  }

  .lecture-speaker-name {
    margin-bottom: 6px;
    font-size: 18px;
  }
}

/* 肩書き1行表示 */
.lecture-speaker-title {
  display:block;
  font-size:14px;
  font-weight:600;
  margin-top:4px;
}

.lecture-more{
  margin-top:20px;
  font-size:18px;
  font-weight:700;
  color:#cf3a1c;
}

.lecture-more-link{
  text-decoration:underline;
}

/* ▼スマホ・タブレットだけ中央揃え */
@media (max-width:1023px){
  .lecture-more{
    text-align:center;
  }
}