@charset "UTF-8";
/* ==========================================================
   TOPページ固有
   ========================================================== */

/* ---------- メインビュー（セミナーバナー） ---------- */
.hvc-mv { overflow: hidden; padding: clamp(16px, 2.4vw, 28px) 0 clamp(20px, 2.6vw, 32px); border-bottom: 1px solid var(--hvc-line-header); background: var(--hvc-pale); }

/* バナー幅：PC 最大960px（画面幅の50%）／899px以下 画面幅の80%。比率は 2:1 固定 */
#slideshow { --hvc-mv-w: min(960px, 50vw); position: relative; width: 100%; }
@media (max-width: 899px) {
  #slideshow { --hvc-mv-w: 80vw; }
}

/* スライダー（Swiper：中央のバナー以外を薄く、矢印・ドットをデザインに合わせる） */
#slideshow .swiper { padding: 10px 0 30px; }
#slideshow .swiper-slide { width: var(--hvc-mv-w); aspect-ratio: 2 / 1; overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(31, 47, 84, .10); opacity: .55; transition: opacity .5s ease; }
#slideshow .swiper-slide-active { opacity: 1; }
#slideshow .main_slider__inner,
#slideshow .main_slider__inner a { display: block; width: 100%; height: 100%; }
#slideshow .main_slider__inner a { transition: opacity .3s; }
#slideshow .swiper-slide-active .main_slider__inner a:hover { opacity: .85; }
#slideshow .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
#slideshow .swiper-pagination { position: static; display: flex; justify-content: center; margin-top: 4px; }
#slideshow .swiper-button-prev,
#slideshow .swiper-button-next { width: 48px; height: 48px; margin-top: -34px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: var(--hvc-navy); color: #fff; box-shadow: 0 4px 12px rgba(31, 47, 84, .3); cursor: pointer; transition: background-color .3s; }
/* 矢印は中央バナーの左右端に配置 */
#slideshow .swiper-button-prev { left: calc(50% - var(--hvc-mv-w) / 2 - 24px); }
#slideshow .swiper-button-next { right: calc(50% - var(--hvc-mv-w) / 2 - 24px); }
#slideshow .swiper-button-prev:hover,
#slideshow .swiper-button-next:hover { background: var(--hvc-blue); }
#slideshow .swiper-button-prev::after,
#slideshow .swiper-button-next::after { font-size: 16px; font-weight: 700; }
#slideshow .swiper-pagination-bullet { width: 32px; height: 4px; margin: 0 5px; border-radius: 0; background: var(--hvc-line-input); opacity: 1; cursor: pointer; }
#slideshow .swiper-pagination-bullet-active { background: var(--hvc-blue); }
@media (max-width: 899px) {
  #slideshow .swiper-button-prev,
  #slideshow .swiper-button-next { width: 40px; height: 40px; margin-top: -30px; }
  #slideshow .swiper-button-prev { left: calc(50% - var(--hvc-mv-w) / 2 - 20px); }
  #slideshow .swiper-button-next { right: calc(50% - var(--hvc-mv-w) / 2 - 20px); }
}

/* ---------- 最新のセミナー情報 ---------- */
/* カード（.hvc-seminar-card）は entry_list2.php と共用のため site.css に記載 */

/* ---------- 私たちについて（コンテンツ導線） ---------- */
.hvc-contents { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.hvc-contents__item { display: flex; flex-direction: column; gap: 20px; min-height: 240px; padding: clamp(24px, 2.6vw, 36px); border: 1px solid var(--hvc-line); background: #fff; color: var(--hvc-text); transition: background-color .35s ease, color .35s ease, border-color .35s ease; }
.hvc-contents__item:hover { background: var(--hvc-navy); color: #fff; }
.hvc-contents__head { gap: 16px; }
.hvc-contents__icon { flex: 0 0 auto; display: flex; color: var(--hvc-blue); }
.hvc-contents__ttl { gap: 4px; }
.hvc-contents__en { font-size: 12px; font-weight: 700; letter-spacing: .22em; color: var(--hvc-blue); }
.hvc-contents__ja { font-size: 20px; font-weight: 700; letter-spacing: .06em; }
.hvc-contents__txt { font-size: 14px; line-height: 1.8; opacity: .85; }
.hvc-contents__arrow { display: flex; align-items: center; justify-content: center; align-self: flex-end; width: 40px; height: 40px; margin-top: auto; border: 1px solid currentColor; }