/* Global page edge reset: keep every header flush with the viewport. */
html, body { margin: 0; }

/* Refactored shared stylesheet. Page-specific rules are scoped by body class. */

/* ===== index.html ===== */

body.page-index *{margin:0;padding:0;box-sizing:border-box}
body.page-index{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-index a{color:inherit}


 body.page-index .hero{width:100%;max-width:none;aspect-ratio:1920 / 1000;margin:0;background:#f5f5f5;overflow:hidden;position:relative}
body.page-index .hero-slider{width:100%;height:100%;position:relative}
body.page-index .hero-slide{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s ease}
body.page-index .hero-slide img{width:100%;height:100%;object-fit:contain;display:block}
body.page-index .hero-slide.active{opacity:1}
body.page-index .hero-button{display:none!important;}
body.page-index .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-index .hero-button.prev{left:18px}
body.page-index .hero-button.next{right:18px}
body.page-index .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}



/* ===== index.html : ピックアップスライダー ===== */
body.page-index .p-top-slide{
  --p-top-slide-gap:24px;
  --p-top-slide-peek:72px;
  --p-top-slide-per-view:4;
  position:relative;
  width:100%;
  margin:0;
  padding:34px 0 44px;
  overflow:hidden;
  background:#fff;
}
body.page-index .p-top-slide-viewport{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
}
body.page-index .p-top-slide-viewport.is-dragging{cursor:grabbing}
body.page-index .p-top-slide-track{
  display:flex;
  align-items:stretch;
  gap:var(--p-top-slide-gap);
  will-change:transform;
  transform:translate3d(0,0,0);
}
body.page-index .p-top-slide-track.is-animating{
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}
body.page-index .p-top-slide-item{
  flex:0 0 360px!important;
  width:360px!important;
  height:270px;
  min-width:0;
  box-sizing:border-box;
}
body.page-index .p-top-slide-link{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  overflow:hidden;
  background:#eaf0f5;
  text-decoration:none;
  box-sizing:border-box;
}
body.page-index .p-top-slide-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease,filter .35s ease;
  pointer-events:none;
}
body.page-index .p-top-slide-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  min-height:48px;
  padding:10px 15px;
  color:#fff;
  background:linear-gradient(180deg,rgba(0,35,70,0),rgba(0,35,70,.88));
  font-size:1rem;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.45;
}
body.page-index .p-top-slide-link:hover .p-top-slide-image{transform:scale(1.035);filter:brightness(.92)}
body.page-index .p-top-slide-link:focus-visible{outline:3px solid #59d5ff;outline-offset:-3px}
body.page-index .p-top-slide-controls{
  position:absolute;
  left:50%;
  bottom:12px;
  z-index:5;
  display:flex;
  width:max-content;
  max-width:calc(100% - 32px);
  align-items:center;
  justify-content:center;
  gap:12px;
  transform:translateX(-50%);
}
body.page-index .p-top-slide-arrow{
  position:static;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#003366;
  background:#edf3f8;
  box-shadow:none;
  font-size:.72rem;
  cursor:pointer;
  transform:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
body.page-index .p-top-slide-arrow:hover{
  background:#003366;
  color:#fff;
  transform:scale(1.06);
}
body.page-index .p-top-slide-arrow:focus-visible{
  outline:3px solid #59d5ff;
  outline-offset:3px;
}
body.page-index .p-top-slide-prev,
body.page-index .p-top-slide-next{
  left:auto;
  right:auto;
}
body.page-index .p-top-slide-dots{
  position:static;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transform:none;
}
body.page-index .p-top-slide-dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#bac4ce;
  cursor:pointer;
  transition:width .25s ease,background .25s ease;
}
body.page-index .p-top-slide-dot.is-active{width:26px;background:#003366}
body.page-index .p-top-slide-dot:focus-visible{outline:2px solid #0055a5;outline-offset:3px}
@media(max-width:900px){
  body.page-index .p-top-slide{
    --p-top-slide-gap:16px;
    --p-top-slide-peek:42px;
    --p-top-slide-per-view:2;
    padding:24px 0 40px;
  }
}
@media(max-width:600px){
  body.page-index .p-top-slide{
    --p-top-slide-gap:12px;
    --p-top-slide-peek:34px;
    --p-top-slide-per-view:1;
  }
  body.page-index .p-top-slide-caption{min-height:44px;padding:9px 12px;font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){
  body.page-index .p-top-slide-track.is-animating,
  body.page-index .p-top-slide-image,
  body.page-index .p-top-slide-arrow,
  body.page-index .p-top-slide-dot{transition:none}
}

/* スマートフォン用告知枠：通常は非表示。is-hidden を外した場合のみスマホで表示 */
body.page-index .mobile-promo{display:none}
body.page-index .mobile-promo.is-hidden{display:none!important}

body.page-index .main-content, body.page-index .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
/* トピックス・お知らせ 横並び */
body.page-index .top-info-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:40px;
max-width:1200px;
margin:50px auto;
padding:0 20px;
}
body.page-index .top-info-grid .topics-section,
body.page-index .top-info-grid .news-section{
width:100%;
max-width:none;
margin:0;
padding:0;
min-width:0;
}
body.page-index .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,350px));gap:30px;justify-content:center}
body.page-index .card-link{display:block;width:100%;max-width:350px;color:inherit;text-decoration:none}
body.page-index .card-link .card{width:100%;max-width:350px;aspect-ratio:1 / 1;transition:.25s}
body.page-index .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-index .card, body.page-index .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-index .card-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
body.page-index .card-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
body.page-index .card-body, body.page-index .info-body{padding:20px}
body.page-index .card-body{text-align:left}
body.page-index .card-title, body.page-index .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-index .info-card{transition:transform .25s ease,box-shadow .25s ease;}
body.page-index .info-card-link{display:block;height:100%;color:inherit;text-decoration:none;}
body.page-index .info-card-link:hover .info-card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.16);}
body.page-index .info-body{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:14px;
min-height:140px;
padding:24px 18px;
text-align:center;
background:linear-gradient(180deg,#ffffff 0%,#f3f8fc 100%);
border:2px solid #d9e8f5;
transition:background .25s ease,border-color .25s ease;
}
body.page-index .info-card-link:hover .info-body{background:#e6f2ff;border-color:#005a9c;}
body.page-index .info-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#003366;color:#fff;font-size:1.2rem;}
body.page-index .info-title{margin:0;font-size:1.05rem;line-height:1.5;}
body.page-index .info-arrow{color:#0055a5;font-size:.9rem;transition:transform .25s ease;}
body.page-index .info-card-link:hover .info-arrow{transform:translateX(4px);}
body.page-index .info-card-link:focus-visible{outline:3px solid #005a9c;outline-offset:4px;border-radius:10px;}

/* 公式note 最新記事 */
body.page-index .note-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-index .note-section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
body.page-index .note-title{font-size:1.8rem;color:#003366;margin:0}
body.page-index .note-account-link{display:inline-flex;align-items:center;gap:7px;color:#0055a5;text-decoration:none;font-weight:bold;white-space:nowrap}
body.page-index .note-account-link:hover{text-decoration:underline}
body.page-index .note-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
body.page-index .note-article-card{display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
body.page-index .note-article-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
body.page-index .note-article-card:focus-visible{outline:3px solid #005a9c;outline-offset:4px}
body.page-index .note-article-image-wrap{width:100%;aspect-ratio:16 / 9;background:#eef3f7;overflow:hidden;display:flex;align-items:center;justify-content:center}
body.page-index .note-article-image{width:100%;height:100%;object-fit:cover;display:block}
body.page-index .note-article-noimage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.05rem;font-weight:bold;color:#64788c;background:linear-gradient(135deg,#f4f7fa,#e7eef5)}
body.page-index .note-article-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
body.page-index .note-article-date{font-size:.88rem;color:#666;margin-bottom:8px}
body.page-index .note-article-title{font-size:1.05rem;line-height:1.6;color:#003366;margin:0 0 14px;font-weight:bold}
body.page-index .note-article-more{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:#0055a5;font-size:.9rem;font-weight:bold}
body.page-index .note-status{grid-column:1 / -1;background:#fff;border-radius:10px;padding:22px;text-align:center;color:#666;box-shadow:0 4px 12px rgba(0,0,0,.08)}
body.page-index .note-status.is-error{color:#7a3b00;background:#fffaf2}


/* トピックス */
body.page-index .topics-title{font-size:1.8rem;color:#003366;margin:0 0 20px}
body.page-index .topics-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-index .topics-item{padding:20px 25px;border-bottom:1px solid #eee}
body.page-index .topics-item:last-child{border-bottom:none}
body.page-index .topics-item-title{margin:0 0 7px;color:#003366;font-size:1.08rem;line-height:1.6}
body.page-index .topics-item-text{margin:0;color:#555;line-height:1.8}
body.page-index .topics-item-text a{color:#0055a5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:background-color .2s ease}
body.page-index .topics-item-text a:hover{background:#e6f2ff}
body.page-index .topics-item-text a:focus-visible{background:#e6f2ff;outline:2px solid #0055a5;outline-offset:2px}

body.page-index .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-index .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-index .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-index .news-item:last-child{border-bottom:none}
body.page-index .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-index .news-link{color:#0055a5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:background-color .2s ease}
body.page-index .news-link:hover{background:#e6f2ff}
body.page-index .news-link:focus-visible{background:#e6f2ff;outline:2px solid #0055a5;outline-offset:2px}
body.page-index .news-status{display:block;color:#666}
body.page-index .news-status.is-error{color:#a40000}
body.page-index .news-footer{text-align:right;margin-top:20px}
body.page-index .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-index .bottom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
body.page-index .bottom-grid + .bottom-grid{margin-top:30px}
body.page-index footer{background:#003366;color:#fff;margin-top:60px}


body.page-index .footer-container{
    max-width:1440px;
    margin:0 auto;
    padding:30px 24px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
}
body.page-index .footer-copyright{
    font-size:.85rem;
    color:rgba(255,255,255,.9);
    white-space:nowrap;
    line-height:1.6;
}

body.page-index .footer-school-info{display:flex;flex-direction:column;gap:4px}
body.page-index .footer-school-name{font-size:1.2rem;font-weight:bold}
body.page-index .footer-address, body.page-index .footer-contact{line-height:1.6}

/* 第一階層ナビゲーション：フラット＋区切り線＋下線アクセント（PC表示） */

@media(max-width:1150px) and (min-width:901px){
body.page-index .card-grid{grid-template-columns:repeat(2,minmax(0,350px))}
}
@media(max-width:900px){

body.page-index .top-info-grid{grid-template-columns:1fr;gap:50px}

/* スマホでは大型メインビジュアルを廃止 */
body.page-index .hero{display:none;width:0;height:0;min-height:0;margin:0;overflow:hidden}

/* is-hidden を削除したときだけ表示されるコンパクトな告知枠 */
body.page-index .mobile-promo:not(.is-hidden){display:block;width:100%;margin:0;padding:14px 16px 0}
body.page-index .mobile-promo-link{display:block;max-width:680px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.12);background:#fff}
body.page-index .mobile-promo img{display:block;width:100%;aspect-ratio:12 / 5;height:auto;object-fit:cover;object-position:center}

body.page-index .card-grid, body.page-index .bottom-grid, body.page-index .note-latest-grid{grid-template-columns:1fr}
body.page-index .news-item{flex-direction:column;gap:5px}
}


@media(max-width:700px){
  body.page-index .footer-container{
    flex-direction:column;
    align-items:flex-start;
    padding:26px 20px;
  }
  body.page-index .footer-copyright{
    white-space:normal;
  }
}


/* ===== news.html ===== */

body.page-news *{margin:0;padding:0;box-sizing:border-box}
body.page-news{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-news .info-page{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-news .info-heading{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-news .info-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-news .info-entry{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-news .info-entry:last-child{border-bottom:none}
body.page-news .info-date{min-width:120px;font-weight:bold;color:#666}
body.page-news .info-link{color:#0055a5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:background-color .2s ease}
body.page-news .info-link:hover{background:#e6f2ff}
body.page-news .info-link:focus-visible{background:#e6f2ff;outline:2px solid #0055a5;outline-offset:2px}
body.page-news .back-link{display:inline-block;margin-top:20px;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
@media(max-width:900px){body.page-news .info-entry{flex-direction:column;gap:5px}}

/* news.html footer: index.html と同一デザイン */
body.page-news footer{background:#003366;color:#fff;margin-top:60px}
body.page-news .footer-container{
    max-width:1440px;
    margin:0 auto;
    padding:30px 24px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
}
body.page-news .footer-copyright{
    font-size:.85rem;
    color:rgba(255,255,255,.9);
    white-space:nowrap;
    line-height:1.6;
}
body.page-news .footer-school-info{display:flex;flex-direction:column;gap:4px}
body.page-news .footer-school-name{font-size:1.2rem;font-weight:bold}
body.page-news .footer-address,body.page-news .footer-contact{line-height:1.6}
@media(max-width:700px){
    body.page-news .footer-container{flex-direction:column;align-items:flex-start;padding:26px 20px}
    body.page-news .footer-copyright{white-space:normal}
}

/* ===== introduction/library.html ===== */

body.page-introduction-library *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-library{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.8;color:#333}
body.page-introduction-library a{color:inherit}
body.page-introduction-library img{max-width:100%;display:block}


body.page-introduction-library .library-main{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-introduction-library .page-title{position:relative;margin:0 0 30px;padding-bottom:13px;text-align:center;color:#003366;font-size:2rem;letter-spacing:.06em}
body.page-introduction-library .page-title::after{content:"";position:absolute;left:50%;bottom:0;width:90px;height:4px;border-radius:4px;background:#59d5ff;transform:translateX(-50%)}
body.page-introduction-library .content-block{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:30px;margin-bottom:30px}
body.page-introduction-library .section-title{position:relative;display:flex;align-items:center;gap:.65em;margin:0 0 26px;padding:12px 24px 12px 30px;background:linear-gradient(90deg,#003366 0%,#0055a5 100%);border-left:8px solid #59d5ff;border-radius:12px;box-shadow:0 6px 18px rgba(0,51,102,.18);color:#fff;font-size:1.55rem;letter-spacing:.03em;line-height:1.4}
body.page-introduction-library .section-title::before{content:"";width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:#59d5ff;box-shadow:0 0 0 5px rgba(89,213,255,.22)}
body.page-introduction-library .lead{font-size:1rem;line-height:2;text-align:justify}

body.page-introduction-library .room-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.page-introduction-library .photo-frame{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:10px;background:linear-gradient(135deg,#e9f3fb,#d9e8f5);border:1px solid #cbddeb}
body.page-introduction-library .photo-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}
body.page-introduction-library .photo-frame .sample-label{position:absolute;right:12px;bottom:12px;padding:5px 12px;border-radius:20px;background:rgba(0,51,102,.82);color:#fff;font-size:.82rem}
body.page-introduction-library .photo-caption{margin-top:8px;text-align:center;color:#516273;font-size:.95rem}

body.page-introduction-library .new-books-layout{display:flex;flex-direction:column;gap:24px;align-items:center}
body.page-introduction-library .new-books-covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;align-items:center}
body.page-introduction-library .new-books-covers img{width:auto;height:auto;max-width:100%;max-height:180px;object-fit:contain;margin:auto}
body.page-introduction-library .new-books-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}
body.page-introduction-library .book-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
body.page-introduction-library .book-table th, body.page-introduction-library .book-table td{border:1px solid #b8c7d6;padding:14px 16px;text-align:left;vertical-align:middle}
body.page-introduction-library .book-table th{background:#eaf4fc;color:#003366;font-weight:bold}
body.page-introduction-library .book-table th:nth-child(1){width:43%}body.page-introduction-library .book-table th:nth-child(2){width:32%}body.page-introduction-library .book-table th:nth-child(3){width:25%}
body.page-introduction-library .side-photo{min-height:285px}

body.page-introduction-library .recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body.page-introduction-library .recommend-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid #d9e8f5;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(0,51,102,.08);transition:transform .2s ease,box-shadow .2s ease}
body.page-introduction-library .recommend-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,51,102,.14)}
body.page-introduction-library .book-info{padding:20px 22px;background:#f1f7fc;border-bottom:1px solid #d9e8f5}
body.page-introduction-library .book-name{margin-bottom:8px;color:#003366;font-size:1.25rem;line-height:1.5}
body.page-introduction-library .book-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#52677a;font-size:.92rem}
body.page-introduction-library .book-meta span{display:inline-flex;align-items:center;gap:6px}
body.page-introduction-library .card-photo{aspect-ratio:auto;min-height:0;padding:18px;border-radius:0;border:0;border-bottom:1px solid #d9e8f5;background:#fff;display:flex;align-items:center;justify-content:center}
body.page-introduction-library .card-photo img{width:auto;height:auto;max-width:100%;max-height:180px;object-fit:contain;margin:auto}
body.page-introduction-library .comment{flex:1;padding:20px 22px 24px}
body.page-introduction-library .comment-title{margin-bottom:8px;color:#0055a5;font-size:1rem}
body.page-introduction-library .comment p{line-height:1.85}

body.page-introduction-library footer{background:#003366;color:#fff;margin-top:60px}
body.page-introduction-library .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-introduction-library .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-introduction-library .footer-school-name{font-size:1.2rem;font-weight:bold}

@media(max-width:900px){

body.page-introduction-library .library-main{margin:35px auto}body.page-introduction-library .content-block{padding:24px 20px}body.page-introduction-library .new-books-tables{grid-template-columns:1fr}body.page-introduction-library .side-photo{min-height:260px}
}
@media(max-width:700px){
body.page-introduction-library .page-title{font-size:1.65rem}body.page-introduction-library .section-title{padding:11px 16px 11px 21px;font-size:1.25rem}body.page-introduction-library .room-gallery, body.page-introduction-library .recommend-grid{grid-template-columns:1fr}body.page-introduction-library .new-books-covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body.page-introduction-library .book-table{font-size:.9rem}body.page-introduction-library .book-table th, body.page-introduction-library .book-table td{padding:10px 8px}body.page-introduction-library .book-meta{flex-direction:column;gap:3px}
}

/* ===== introduction/annual_events.html ===== */

body.page-introduction-annual_events *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-annual_events{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-introduction-annual_events a{color:inherit}


 body.page-introduction-annual_events .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-introduction-annual_events .hero-slider{width:100%;height:100%;position:relative}
body.page-introduction-annual_events .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-introduction-annual_events .hero-slide.active{opacity:1}
body.page-introduction-annual_events .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-introduction-annual_events .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-introduction-annual_events .hero-button.prev{left:18px}
body.page-introduction-annual_events .hero-button.next{right:18px}
body.page-introduction-annual_events .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-introduction-annual_events .main-content, body.page-introduction-annual_events .news-section, body.page-introduction-annual_events .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-introduction-annual_events .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-introduction-annual_events .card-link{display:block;color:inherit;text-decoration:none}
body.page-introduction-annual_events .card-link .card{height:100%;transition:.25s}
body.page-introduction-annual_events .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-introduction-annual_events .card, body.page-introduction-annual_events .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-introduction-annual_events .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-introduction-annual_events .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-introduction-annual_events .card-body, body.page-introduction-annual_events .info-body{padding:20px}
body.page-introduction-annual_events .card-title, body.page-introduction-annual_events .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-introduction-annual_events .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-introduction-annual_events .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-introduction-annual_events .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-introduction-annual_events .news-item:last-child{border-bottom:none}
body.page-introduction-annual_events .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-introduction-annual_events .news-link{text-decoration:none;color:#003366}
body.page-introduction-annual_events .news-link:hover{text-decoration:underline}
body.page-introduction-annual_events .news-status{display:block;color:#666}
body.page-introduction-annual_events .news-status.is-error{color:#a40000}
body.page-introduction-annual_events .news-footer{text-align:right;margin-top:20px}
body.page-introduction-annual_events .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-introduction-annual_events .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-introduction-annual_events .bottom-grid + .bottom-grid{margin-top:30px}
body.page-introduction-annual_events footer{background:#003366;color:#fff;margin-top:60px}
body.page-introduction-annual_events .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-introduction-annual_events .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-introduction-annual_events .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-introduction-annual_events .hero{height:420px;margin:0 15px}
body.page-introduction-annual_events .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-introduction-annual_events .hero-button.prev{left:10px}
body.page-introduction-annual_events .hero-button.next{right:10px}
body.page-introduction-annual_events .card-grid, body.page-introduction-annual_events .bottom-grid{grid-template-columns:1fr}
body.page-introduction-annual_events .news-item{flex-direction:column;gap:5px}
}


body.page-introduction-annual_events .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}

body.page-introduction-annual_events .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-introduction-annual_events .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}

body.page-introduction-annual_events .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-introduction-annual_events .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-introduction-annual_events .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-introduction-annual_events .notification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}


body.page-introduction-annual_events .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-introduction-annual_events .notification-card{
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-introduction-annual_events .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}

body.page-introduction-annual_events .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-introduction-annual_events .notification-grid{grid-template-columns:1fr}body.page-introduction-annual_events .notification-main{margin:35px auto}body.page-introduction-annual_events .page-title{padding:11px 18px;font-size:1.45rem}body.page-introduction-annual_events .page-title::after{width:70px}body.page-introduction-annual_events .notification-card{min-height:120px}}


body.page-introduction-annual_events .accordion-title{
    cursor:pointer;
    user-select:none;
    justify-content:flex-start;
}
body.page-introduction-annual_events .accordion-title::before{display:none}
body.page-introduction-annual_events .accordion-title .accordion-icon{
    width:1em;
    flex:0 0 1em;
    color:#59D5FF;
    font-size:.82em;
    text-align:center;
    transform:rotate(0deg);
    transform-origin:center;
    transition:transform .3s ease;
}
body.page-introduction-annual_events .accordion-title.active .accordion-icon{transform:rotate(90deg)}
body.page-introduction-annual_events .accordion-title:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-introduction-annual_events .accordion-content{
    display:grid;
    max-height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
    transform:translateY(-14px);
    transition:max-height .45s ease,opacity .3s ease,transform .45s ease,visibility 0s linear .45s;
}
body.page-introduction-annual_events .accordion-content.is-open{
    max-height:500px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:max-height .45s ease,opacity .35s ease .08s,transform .45s ease,visibility 0s;
}
@media(prefers-reduced-motion:reduce){
    body.page-introduction-annual_events .accordion-title .accordion-icon, body.page-introduction-annual_events .accordion-content{transition:none}
}


/* 年間行事紹介ページ：月別レイアウト */
body.page-introduction-annual_events .events-intro{
    max-width:860px;
    margin:0 auto 38px;
    text-align:center;
    color:#555;
    font-size:1rem;
    line-height:1.9;
}
body.page-introduction-annual_events .events-list{
    display:flex;
    flex-direction:column;
    gap:30px;
}
body.page-introduction-annual_events .month-card{
    display:grid;
    grid-template-columns:minmax(250px, 34%) 1fr;
    gap:30px;
    align-items:stretch;
    padding:28px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 5px 18px rgba(0,51,102,.11);
    border-left:6px solid #59D5FF;
}
body.page-introduction-annual_events .month-info{
    display:flex;
    flex-direction:column;
    min-width:0;
}
body.page-introduction-annual_events .month-heading{
    display:flex;
    align-items:baseline;
    gap:12px;
    margin:0 0 18px;
    padding-bottom:12px;
    border-bottom:2px solid #d9e8f5;
    color:#003366;
}
body.page-introduction-annual_events .month-number{
    font-size:2.35rem;
    font-weight:800;
    line-height:1;
    letter-spacing:.02em;
}
body.page-introduction-annual_events .month-label{
    font-size:1rem;
    font-weight:700;
    color:#55748f;
    letter-spacing:.08em;
}
body.page-introduction-annual_events .month-events{
    margin:0;
    padding-left:1.4em;
    color:#333;
}
body.page-introduction-annual_events .month-events li{
    margin:0 0 10px;
    padding-left:.15em;
    line-height:1.75;
}
body.page-introduction-annual_events .month-events li::marker{color:#0055a5}
body.page-introduction-annual_events .month-events .featured-event{
    margin-top:4px;
    font-weight:700;
    color:#003366;
}
body.page-introduction-annual_events .event-note{
    margin:8px 0 0;
    padding:12px 14px;
    background:#f3f8fc;
    border-left:4px solid #59D5FF;
    border-radius:6px;
    color:#444;
    font-size:.94rem;
    font-weight:400;
    line-height:1.8;
}
body.page-introduction-annual_events .month-gallery{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-content:start;
}
body.page-introduction-annual_events .event-photo{
    position:relative;
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:9px;
    background:linear-gradient(135deg,#d9e8f5 0%,#eef7fc 100%);
    border:1px solid #d8e4ee;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#55748f;
}
body.page-introduction-annual_events .event-photo i{
    font-size:2rem;
    color:rgba(0,85,165,.22);
}
body.page-introduction-annual_events .event-photo span{
    position:absolute;
    left:10px;
    bottom:8px;
    padding:3px 8px;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    color:#476a86;
    font-size:.76rem;
    letter-spacing:.04em;
}
body.page-introduction-annual_events .event-photo img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    z-index:2;
}
@media(max-width:900px){
    body.page-introduction-annual_events .events-intro{text-align:left;margin-bottom:28px}
    body.page-introduction-annual_events .events-list{gap:22px}
    body.page-introduction-annual_events .month-card{grid-template-columns:1fr;gap:22px;padding:22px;border-left-width:5px}
    body.page-introduction-annual_events .month-number{font-size:2rem}
}
@media(max-width:560px){
    body.page-introduction-annual_events .month-gallery{grid-template-columns:1fr}
}


/* monthly_schedule.html と統一した月別カラー・アイコン */
body.page-introduction-annual_events .month-card{
    --month-color:#0055a5;
    --month-color-light:#59D5FF;
    position:relative;
    border-left:none;
    overflow:hidden;
}
body.page-introduction-annual_events .month-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:9px;
    background:linear-gradient(90deg,var(--month-color-light),var(--month-color));
    z-index:2;
}
body.page-introduction-annual_events .month-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    left:-72px;
    bottom:-78px;
    border-radius:50%;
    background:var(--month-color-light);
    opacity:.07;
    pointer-events:none;
}
body.page-introduction-annual_events .month-info, body.page-introduction-annual_events .month-gallery{position:relative;z-index:1}
body.page-introduction-annual_events .month-heading{
    display:flex;
    align-items:center;
    gap:14px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(0,51,102,.10);
}
body.page-introduction-annual_events .month-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    flex:0 0 54px;
    border-radius:50%;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,249,253,.98));
    box-shadow:0 4px 12px rgba(0,51,102,.11),inset 0 0 0 2px var(--month-color-light);
    color:var(--month-color);
    font-size:1.55rem;
}
body.page-introduction-annual_events .month-title-group{display:flex;align-items:baseline;gap:12px;min-width:0}
body.page-introduction-annual_events .month-number{color:var(--month-color)}
body.page-introduction-annual_events .month-label{color:var(--month-color);opacity:.68}
body.page-introduction-annual_events .month-events li::marker{color:var(--month-color)}
body.page-introduction-annual_events .event-note{
    border-left-color:var(--month-color);
    background:linear-gradient(90deg,color-mix(in srgb,var(--month-color-light) 18%,white),rgba(255,255,255,.96));
}
body.page-introduction-annual_events .event-photo{border-color:color-mix(in srgb,var(--month-color-light) 45%,#d9e8f5)}
body.page-introduction-annual_events .event-photo i{color:color-mix(in srgb,var(--month-color) 55%,#9bb6ca)}

body.page-introduction-annual_events .month-apr{--month-color:#d85b8a;--month-color-light:#ffc1d6}
body.page-introduction-annual_events .month-may{--month-color:#2f8f5b;--month-color-light:#9ad8ae}
body.page-introduction-annual_events .month-jun{--month-color:#5867b3;--month-color-light:#b9c4ff}
body.page-introduction-annual_events .month-jul{--month-color:#0b6f95;--month-color-light:#75d7f0}
body.page-introduction-annual_events .month-aug{--month-color:#293a8f;--month-color-light:#8f9cff}
body.page-introduction-annual_events .month-sep{--month-color:#c18a20;--month-color-light:#f4d27a}
body.page-introduction-annual_events .month-oct{--month-color:#d26a2c;--month-color-light:#f6b27c}
body.page-introduction-annual_events .month-nov{--month-color:#9a5a2d;--month-color-light:#d9a77f}
body.page-introduction-annual_events .month-dec{--month-color:#b33b4a;--month-color-light:#77b98a}
body.page-introduction-annual_events .month-jan{--month-color:#3279b7;--month-color-light:#a8dcff}
body.page-introduction-annual_events .month-feb{--month-color:#9c5c9f;--month-color-light:#e0b6e4}
body.page-introduction-annual_events .month-mar{--month-color:#d96e99;--month-color-light:#ffc7dc}

@media(max-width:900px){
    body.page-introduction-annual_events .month-heading{gap:12px}
    body.page-introduction-annual_events .month-icon{width:48px;height:48px;flex-basis:48px;font-size:1.35rem}
    body.page-introduction-annual_events .month-title-group{gap:9px}
}


/* ===== introduction/education.html ===== */

body.page-introduction-education :root{
  --navy:#003366;
  --blue:#0055a5;
  --sky:#59d5ff;
  --pale:#eef7fc;
  --line:#d8e6f1;
  --text:#2f3a44;
  --muted:#657482;
  --white:#fff;
  --shadow:0 10px 30px rgba(0,51,102,.10);
}
body.page-introduction-education *{margin:0;padding:0;box-sizing:border-box}
html:has(body.page-introduction-education) {scroll-behavior:smooth}
body.page-introduction-education{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:linear-gradient(180deg,#f6f9fc 0,#fff 520px);line-height:1.9;color:var(--text)}
body.page-introduction-education a{color:inherit}


body.page-introduction-education .education-main{max-width:1160px;margin:54px auto 0;padding:0 24px}
body.page-introduction-education .section-heading{text-align:center;margin:0 0 42px;font-size:clamp(2rem,4vw,2.65rem);font-weight:700;color:var(--navy);letter-spacing:.08em;position:relative;line-height:1.35}
body.page-introduction-education .section-heading::before{content:"EDUCATION";display:block;margin-bottom:3px;color:var(--blue);font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.24em}
body.page-introduction-education .section-heading::after{content:"";display:block;width:96px;height:4px;margin:13px auto 0;background:linear-gradient(90deg,var(--sky),var(--blue));border-radius:999px}
body.page-introduction-education .content-block{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(216,230,241,.9);border-radius:16px;box-shadow:var(--shadow);padding:34px 38px 38px;margin-bottom:34px}
body.page-introduction-education .content-block::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--sky),var(--blue))}
body.page-introduction-education .content-block h2{display:flex;align-items:center;gap:12px;font-size:1.55rem;color:var(--navy);margin:0 0 26px;padding:0 0 13px;border-bottom:1px solid var(--line);line-height:1.5}
body.page-introduction-education .content-block h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 5px rgba(89,213,255,.18);flex:0 0 auto}
body.page-introduction-education .content-block h3{display:flex;align-items:center;min-height:48px;width:80%;margin:28px 0 16px 48px;padding:9px 18px;color:var(--navy);font-size:1.14rem;font-weight:700;background:linear-gradient(90deg,#e8f7ff,#f8fcff);border-left:5px solid var(--blue);border-radius:0 8px 8px 0;box-shadow:0 3px 10px rgba(0,85,165,.07)}
body.page-introduction-education .content-block h2+h3{margin-top:0}
body.page-introduction-education .content-block p{position:relative;margin:0 0 9px;padding-left:calc(3.2em + 3ch);font-size:1rem;line-height:1.9}
body.page-introduction-education .content-block p .num-indent{display:inline-block;padding-left:1ch;}
body.page-introduction-education .content-block br{display:block;content:"";margin-top:18px}

body.page-introduction-education .curriculum-table{width:min(100%,820px);margin:4px auto 0;border-collapse:separate;border-spacing:0 12px;background:transparent}
body.page-introduction-education .curriculum-table td{padding:0;border:0}
body.page-introduction-education .curriculum-table a{display:flex;align-items:center;gap:15px;position:relative;width:100%;min-height:62px;padding:15px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--blue);text-decoration:none;font-weight:700;box-shadow:0 3px 12px rgba(0,51,102,.06);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
body.page-introduction-education .curriculum-table a::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff2f2;color:#c62828;font-size:1rem;flex:0 0 auto}
body.page-introduction-education .curriculum-table a::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:#8aa0b3;font-size:.82rem;margin-left:auto;flex:0 0 auto;transition:transform .22s ease,color .22s ease}
body.page-introduction-education .curriculum-table a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,51,102,.13);background:#f2fbff;border-color:#9fdff5;color:#004578}
body.page-introduction-education .curriculum-table a:hover::after{color:var(--blue);transform:translateX(3px)}
body.page-introduction-education .curriculum-table a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;background:#f2fbff;border-color:var(--sky)}
body.page-introduction-education footer{background:var(--navy);color:#fff;margin-top:70px}
body.page-introduction-education .footer-container{max-width:1200px;margin:0 auto;padding:34px 24px}
body.page-introduction-education .footer-school-info{display:flex;flex-direction:column;gap:4px}
body.page-introduction-education .footer-school-name{font-size:1.2rem;font-weight:bold;margin-bottom:3px}

@media(max-width:900px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  body.page-introduction-education .education-main{margin:38px auto 0;padding:0 16px}
  body.page-introduction-education .section-heading{margin-bottom:30px}
  body.page-introduction-education .content-block{padding:27px 20px 30px;margin-bottom:24px;border-radius:13px}
  body.page-introduction-education .content-block h2{font-size:1.35rem;margin-bottom:20px}
  body.page-introduction-education .content-block h3{width:auto;margin:24px 0 14px 20px;padding:9px 14px}
  body.page-introduction-education .content-block p{padding-left:1em;font-size:.96rem}
  body.page-introduction-education .curriculum-table{border-spacing:0 10px}
  body.page-introduction-education .curriculum-table a{padding:13px 14px;gap:11px;font-size:.95rem}
}
@media(max-width:520px){
  
  body.page-introduction-education .content-block h3{margin-left:8px;font-size:1.05rem}
  body.page-introduction-education .content-block p{padding-left:0;overflow-wrap:anywhere}
  body.page-introduction-education .curriculum-table a::before{width:32px;height:32px}
}

/* ===== introduction/principal_message.html ===== */

body.page-introduction-principal_message *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-principal_message{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-introduction-principal_message a{color:inherit}


 body.page-introduction-principal_message .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-introduction-principal_message .hero-slider{width:100%;height:100%;position:relative}
body.page-introduction-principal_message .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-introduction-principal_message .hero-slide.active{opacity:1}
body.page-introduction-principal_message .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-introduction-principal_message .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-introduction-principal_message .hero-button.prev{left:18px}
body.page-introduction-principal_message .hero-button.next{right:18px}
body.page-introduction-principal_message .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-introduction-principal_message .main-content, body.page-introduction-principal_message .news-section, body.page-introduction-principal_message .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-introduction-principal_message .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-introduction-principal_message .card-link{display:block;color:inherit;text-decoration:none}
body.page-introduction-principal_message .card-link .card{height:100%;transition:.25s}
body.page-introduction-principal_message .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-introduction-principal_message .card, body.page-introduction-principal_message .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-introduction-principal_message .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-introduction-principal_message .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-introduction-principal_message .card-body, body.page-introduction-principal_message .info-body{padding:20px}
body.page-introduction-principal_message .card-title, body.page-introduction-principal_message .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-introduction-principal_message .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-introduction-principal_message .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-introduction-principal_message .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-introduction-principal_message .news-item:last-child{border-bottom:none}
body.page-introduction-principal_message .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-introduction-principal_message .news-link{text-decoration:none;color:#003366}
body.page-introduction-principal_message .news-link:hover{text-decoration:underline}
body.page-introduction-principal_message .news-status{display:block;color:#666}
body.page-introduction-principal_message .news-status.is-error{color:#a40000}
body.page-introduction-principal_message .news-footer{text-align:right;margin-top:20px}
body.page-introduction-principal_message .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-introduction-principal_message .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-introduction-principal_message .bottom-grid + .bottom-grid{margin-top:30px}
body.page-introduction-principal_message footer{background:#003366;color:#fff;margin-top:60px}
body.page-introduction-principal_message .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-introduction-principal_message .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-introduction-principal_message .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-introduction-principal_message .hero{height:420px;margin:0 15px}
body.page-introduction-principal_message .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-introduction-principal_message .hero-button.prev{left:10px}
body.page-introduction-principal_message .hero-button.next{right:10px}
body.page-introduction-principal_message .card-grid, body.page-introduction-principal_message .bottom-grid{grid-template-columns:1fr}
body.page-introduction-principal_message .news-item{flex-direction:column;gap:5px}
}


body.page-introduction-principal_message .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}

body.page-introduction-principal_message .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-introduction-principal_message .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}

body.page-introduction-principal_message .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-introduction-principal_message .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-introduction-principal_message .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-introduction-principal_message .notification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}


body.page-introduction-principal_message .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-introduction-principal_message .notification-card{
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-introduction-principal_message .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}

body.page-introduction-principal_message .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-introduction-principal_message .notification-grid{grid-template-columns:1fr}body.page-introduction-principal_message .notification-main{margin:35px auto}body.page-introduction-principal_message .page-title{padding:11px 18px;font-size:1.45rem}body.page-introduction-principal_message .page-title::after{width:70px}body.page-introduction-principal_message .notification-card{min-height:120px}}


body.page-introduction-principal_message .accordion-title{
    cursor:pointer;
    user-select:none;
    justify-content:flex-start;
}
body.page-introduction-principal_message .accordion-title::before{display:none}
body.page-introduction-principal_message .accordion-title .accordion-icon{
    width:1em;
    flex:0 0 1em;
    color:#59D5FF;
    font-size:.82em;
    text-align:center;
    transform:rotate(0deg);
    transform-origin:center;
    transition:transform .3s ease;
}
body.page-introduction-principal_message .accordion-title.active .accordion-icon{transform:rotate(90deg)}
body.page-introduction-principal_message .accordion-title:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-introduction-principal_message .accordion-content{
    display:grid;
    max-height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
    transform:translateY(-14px);
    transition:max-height .45s ease,opacity .3s ease,transform .45s ease,visibility 0s linear .45s;
}
body.page-introduction-principal_message .accordion-content.is-open{
    max-height:500px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:max-height .45s ease,opacity .35s ease .08s,transform .45s ease,visibility 0s;
}
@media(prefers-reduced-motion:reduce){
    body.page-introduction-principal_message .accordion-title .accordion-icon, body.page-introduction-principal_message .accordion-content{transition:none}
}


/* ===== 部活動紹介ページ ===== */
body.page-introduction-principal_message .club-main{max-width:1200px;margin:46px auto 0;padding:0 20px}
body.page-introduction-principal_message .club-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:360px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,51,102,.13)}
body.page-introduction-principal_message .club-visual{position:relative;min-height:360px;background:linear-gradient(135deg,#0b4b83,#003366);overflow:hidden}
body.page-introduction-principal_message .club-visual img{width:100%;height:100%;object-fit:cover;display:block}
body.page-introduction-principal_message .club-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,70,.12),rgba(0,35,70,.03))}
body.page-introduction-principal_message .club-photo-placeholder{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 25% 25%,rgba(89,213,255,.35),transparent 28%),linear-gradient(135deg,#0055a5,#002b55)}
body.page-introduction-principal_message .club-photo-placeholder i{font-size:6rem;margin-bottom:16px;opacity:.9}
body.page-introduction-principal_message .club-photo-placeholder span{font-size:.95rem;letter-spacing:.12em;opacity:.85}
body.page-introduction-principal_message .club-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 42px 38px;position:relative}
body.page-introduction-principal_message .club-kicker{display:inline-flex;align-items:center;gap:.55em;width:max-content;margin-bottom:14px;color:#0055a5;font-weight:700;letter-spacing:.12em;font-size:.9rem}
body.page-introduction-principal_message .club-kicker::before{content:"";width:34px;height:3px;background:#59D5FF;border-radius:999px}
body.page-introduction-principal_message .club-name{font-size:2.65rem;line-height:1.15;color:#003366;letter-spacing:.06em;margin-bottom:10px}
body.page-introduction-principal_message .club-en{color:#7c8da0;font-weight:700;letter-spacing:.18em;margin-bottom:22px}
body.page-introduction-principal_message .club-lead{font-size:1.02rem;color:#4a5662;margin-bottom:24px}
body.page-introduction-principal_message .club-tags{display:flex;flex-wrap:wrap;gap:10px}
body.page-introduction-principal_message .club-tag{display:inline-flex;align-items:center;gap:.45em;padding:8px 13px;border-radius:999px;background:#eaf7ff;color:#004c80;font-weight:700;font-size:.9rem}
body.page-introduction-principal_message .club-content-grid, body.page-introduction-principal_message .club-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}
body.page-introduction-principal_message .club-panel{background:#fff;border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.08);padding:26px 28px}
body.page-introduction-principal_message .club-panel-title{display:flex;align-items:center;gap:.65em;color:#003366;font-size:1.18rem;margin-bottom:17px;padding-bottom:11px;border-bottom:2px solid #d9edf8}
body.page-introduction-principal_message .club-panel-title i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8f7ff;color:#0055a5}
body.page-introduction-principal_message .club-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;list-style:none}
body.page-introduction-principal_message .club-info-list li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:9px;background:#f7f9fc}
body.page-introduction-principal_message .club-info-list i{width:20px;color:#0055a5;margin-top:.25em;text-align:center}
body.page-introduction-principal_message .club-info-label{display:block;color:#758292;font-size:.78rem;font-weight:700;letter-spacing:.06em}
body.page-introduction-principal_message .club-info-value{display:block;color:#273746;font-weight:700}
body.page-introduction-principal_message .captain-message{position:relative;background:linear-gradient(135deg,#f0faff,#fff);border-left:5px solid #59D5FF}
body.page-introduction-principal_message .captain-message::before{content:"“";position:absolute;right:22px;top:0;color:rgba(0,85,165,.09);font-family:serif;font-size:7rem;line-height:1}
body.page-introduction-principal_message .captain-name{display:flex;align-items:center;gap:12px;margin-top:18px;color:#003366;font-weight:700}
body.page-introduction-principal_message .captain-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#003366;color:#fff}
body.page-introduction-principal_message .club-bottom{margin-top:24px}
body.page-introduction-principal_message .point-list{display:grid;gap:11px;list-style:none}
body.page-introduction-principal_message .point-list li{display:flex;align-items:flex-start;gap:11px}
body.page-introduction-principal_message .point-list i{color:#59b8df;margin-top:.25em}
body.page-introduction-principal_message .club-goal{display:flex;gap:18px;align-items:center}
body.page-introduction-principal_message .goal-icon{flex:0 0 68px;width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#003366,#0055a5);color:#fff;font-size:1.7rem;box-shadow:0 7px 16px rgba(0,51,102,.18)}
body.page-introduction-principal_message .club-note{margin-top:24px;padding:16px 20px;border-radius:10px;background:#eef7fb;color:#3a5568;font-size:.92rem}
body.page-introduction-principal_message .club-actions{display:flex;justify-content:flex-end;margin-top:20px}
body.page-introduction-principal_message .club-back{display:inline-flex;align-items:center;gap:.55em;padding:11px 18px;border-radius:7px;background:#003366;color:#fff;text-decoration:none;font-weight:700;transition:.2s}
body.page-introduction-principal_message .club-back:hover{background:#0055a5;transform:translateY(-2px)}
@media(max-width:900px){
body.page-introduction-principal_message .club-main{margin-top:32px}body.page-introduction-principal_message .club-hero{grid-template-columns:1fr}body.page-introduction-principal_message .club-visual, body.page-introduction-principal_message .club-photo-placeholder{min-height:260px}body.page-introduction-principal_message .club-hero-copy{padding:30px 25px}body.page-introduction-principal_message .club-name{font-size:2.15rem}body.page-introduction-principal_message .club-content-grid, body.page-introduction-principal_message .club-bottom{grid-template-columns:1fr}body.page-introduction-principal_message .club-info-list{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){body.page-introduction-principal_message .club-info-list{grid-template-columns:1fr}body.page-introduction-principal_message .club-panel{padding:22px 20px}body.page-introduction-principal_message .club-main{padding:0 14px}body.page-introduction-principal_message .club-goal{align-items:flex-start}body.page-introduction-principal_message .goal-icon{width:58px;height:58px;flex-basis:58px}}


/* ===== 校長あいさつページ ===== */
body.page-introduction-principal_message .principal-main{max-width:1100px;margin:46px auto 0;padding:0 20px}
body.page-introduction-principal_message .principal-card{position:relative;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,51,102,.12);overflow:hidden}
body.page-introduction-principal_message .principal-card::before{content:"";display:block;height:8px;background:linear-gradient(90deg,#003366,#0055a5 70%,#59D5FF)}
body.page-introduction-principal_message .principal-profile{display:grid;grid-template-columns:1fr;gap:0;padding:42px 46px 34px;align-items:center;background:linear-gradient(135deg,#f5fbff 0%,#fff 72%)}
body.page-introduction-principal_message .principal-photo{width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#dcecf7,#edf6fb);box-shadow:0 8px 22px rgba(0,51,102,.14);position:relative}
body.page-introduction-principal_message .principal-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
body.page-introduction-principal_message .principal-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#41627b}
body.page-introduction-principal_message .principal-photo-placeholder i{font-size:5.2rem;margin-bottom:14px;color:#0055a5;opacity:.72}
body.page-introduction-principal_message .principal-photo-placeholder span{font-size:.9rem;letter-spacing:.1em}
body.page-introduction-principal_message .principal-intro{min-width:0}
body.page-introduction-principal_message .principal-kicker{display:inline-flex;align-items:center;gap:.6em;margin-bottom:14px;color:#0055a5;font-size:.9rem;font-weight:700;letter-spacing:.14em}
body.page-introduction-principal_message .principal-kicker::before{content:"";width:34px;height:3px;background:#59D5FF;border-radius:999px}
body.page-introduction-principal_message .principal-message-title{margin:0 0 22px;color:#003366;font-size:2rem;line-height:1.45;letter-spacing:.05em}
body.page-introduction-principal_message .principal-name-block{display:inline-flex;align-items:flex-end;gap:14px;padding:12px 18px;border-left:5px solid #59D5FF;background:#fff;border-radius:0 10px 10px 0;box-shadow:0 4px 14px rgba(0,51,102,.08)}
body.page-introduction-principal_message .principal-role{color:#66798a;font-size:.92rem;font-weight:700}
body.page-introduction-principal_message .principal-name{color:#003366;font-size:1.55rem;font-weight:700;letter-spacing:.12em}
body.page-introduction-principal_message .principal-message{padding:38px 46px 46px}
body.page-introduction-principal_message .principal-message h2{display:flex;align-items:center;gap:.65em;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #d9edf8;color:#003366;font-size:1.3rem}
body.page-introduction-principal_message .principal-message h2 i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8f7ff;color:#0055a5}
body.page-introduction-principal_message .principal-message-body{font-size:1.02rem;line-height:2;color:#364653}
body.page-introduction-principal_message .principal-message-body p{margin:0 0 1.25em;text-indent:1em}
body.page-introduction-principal_message .principal-message-body p:first-child{text-indent:0}
body.page-introduction-principal_message .principal-signature{margin-top:30px;text-align:right;color:#334d62}
body.page-introduction-principal_message .principal-signature .school-name{display:block;font-size:.92rem;margin-bottom:4px}
body.page-introduction-principal_message .principal-signature strong{font-size:1.18rem;letter-spacing:.1em;color:#003366}
@media(max-width:800px){body.page-introduction-principal_message .principal-main{margin-top:32px}body.page-introduction-principal_message .principal-profile{grid-template-columns:1fr;padding:30px 25px}body.page-introduction-principal_message .principal-photo{max-width:300px;margin:0 auto}body.page-introduction-principal_message .principal-message{padding:30px 25px 36px}body.page-introduction-principal_message .principal-message-title{font-size:1.65rem}body.page-introduction-principal_message .principal-name-block{display:flex;width:max-content;max-width:100%}}
@media(max-width:480px){body.page-introduction-principal_message .principal-main{padding:0 14px}body.page-introduction-principal_message .principal-profile{padding:24px 18px}body.page-introduction-principal_message .principal-message{padding:26px 18px 32px}body.page-introduction-principal_message .principal-name-block{align-items:flex-start;flex-direction:column;gap:2px}body.page-introduction-principal_message .principal-message-body{font-size:.98rem;line-height:1.9}}


/* ===== introduction/school_overview.html ===== */

body.page-introduction-school_overview *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-school_overview{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-introduction-school_overview a{color:inherit}


body.page-introduction-school_overview .nav-link{font-size:.95rem;text-decoration:none;border:1px solid rgba(255,255,255,.45);padding:8px 14px;border-radius:5px;transition:.2s}
body.page-introduction-school_overview .nav-link:hover{background:#fff;color:#003366}
body.page-introduction-school_overview .page-wrap{max-width:1200px;margin:38px auto 50px;padding:0 20px}
body.page-introduction-school_overview .overview-card{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);overflow:hidden}
body.page-introduction-school_overview .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-introduction-school_overview .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}
body.page-introduction-school_overview .school-photo{text-align:center;margin:24px 0 0}
body.page-introduction-school_overview .school-photo img{display:inline-block;max-width:none;height:auto}
body.page-introduction-school_overview .intro-section{padding:28px 34px 30px;border-bottom:1px solid #e6edf5;background:#fff}
body.page-introduction-school_overview .intro-title{font-size:1.35rem;color:#003366;margin:0 0 14px;padding-left:12px;border-left:5px solid #003366}
body.page-introduction-school_overview .intro-text{font-size:1rem;line-height:1.9;text-align:justify}
body.page-introduction-school_overview .intro-text p{margin:0 0 1em}
body.page-introduction-school_overview .intro-text p:last-child{margin-bottom:0}
body.page-introduction-school_overview .overview-accordion{border-top:1px solid #e6edf5}
body.page-introduction-school_overview .overview-accordion summary{list-style:none;cursor:pointer;background:#eef5fb;color:#003366;font-size:1.25rem;font-weight:bold;padding:18px 34px;border-bottom:1px solid #d9e8f5;position:relative}
body.page-introduction-school_overview .overview-accordion summary::-webkit-details-marker{display:none}
body.page-introduction-school_overview .overview-accordion summary::after{content:"＋";position:absolute;right:34px;top:50%;transform:translateY(-50%);font-weight:bold}
body.page-introduction-school_overview .overview-accordion[open] summary::after{content:"－"}
body.page-introduction-school_overview .content-area{padding:26px 34px 34px}
body.page-introduction-school_overview .school-name{text-align:center;color:#003366;font-size:1.7rem;font-weight:bold;margin-bottom:22px}
body.page-introduction-school_overview .section-title{font-size:1.25rem;color:#003366;margin:24px 0 12px;padding-left:12px;border-left:5px solid #003366}
body.page-introduction-school_overview .info-table, body.page-introduction-school_overview .student-table{width:70%;border-collapse:collapse;background:#fff;border:1px solid #d9e8f5}
body.page-introduction-school_overview .history-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d9e8f5}
body.page-introduction-school_overview .info-table th, body.page-introduction-school_overview .info-table td, body.page-introduction-school_overview .student-table th, body.page-introduction-school_overview .student-table td, body.page-introduction-school_overview .history-table th, body.page-introduction-school_overview .history-table td{border:1px solid #d9e8f5;padding:12px 15px;vertical-align:middle}
body.page-introduction-school_overview .info-table th{width:22%;background:#eef5fb;color:#003366;text-align:left;font-weight:bold}
body.page-introduction-school_overview .student-table th, body.page-introduction-school_overview .history-table th{background:#003366;color:#fff;text-align:center;font-weight:bold}
body.page-introduction-school_overview .student-table td{text-align:center}
body.page-introduction-school_overview .history-table td:nth-child(1), body.page-introduction-school_overview .history-table td:nth-child(2){text-align:center;white-space:nowrap;width:16%;font-weight:bold;color:#003366;background:#f4f8fc}
body.page-introduction-school_overview .history-table td:nth-child(3){text-align:left}
body.page-introduction-school_overview .student-table td:first-child{font-weight:bold;color:#003366;background:#f4f8fc}
body.page-introduction-school_overview .student-table .total-row td{font-weight:bold;background:#eef5fb}
body.page-introduction-school_overview .student-date{width:70%;margin-top:6px;text-align:right;color:#000;font-size:.9rem}
body.page-introduction-school_overview .map-frame{width:600px;max-width:100%;aspect-ratio:1 / 1;height:auto;margin:0;border:1px solid #d9e8f5;border-radius:10px;overflow:hidden;background:#d9e8f5;box-shadow:0 2px 8px rgba(0,0,0,.06)}
body.page-introduction-school_overview .map-frame iframe{width:100%;height:100%;border:0;display:block}
body.page-introduction-school_overview .access-info{margin-top:14px;text-align:left;color:#000}
body.page-introduction-school_overview .access-heading{font-size:1.05rem;font-weight:bold;color:#003366;margin:12px 0 3px}
body.page-introduction-school_overview .access-text{font-size:.95rem;color:#000;margin:0}
body.page-introduction-school_overview footer{background:#003366;color:#fff;margin-top:50px}
body.page-introduction-school_overview .footer-container{max-width:1200px;margin:0 auto;padding:24px 20px;font-size:.95rem}
body.page-introduction-school_overview .footer-school-name{font-size:1.1rem;font-weight:bold;margin-bottom:5px}

body.page-introduction-school_overview .history-subaccordion{border:1px solid #d9e8f5;border-radius:8px;overflow:hidden;margin-bottom:14px;background:#fff}
body.page-introduction-school_overview .history-subaccordion:last-child{margin-bottom:0}
body.page-introduction-school_overview .history-subaccordion summary{list-style:none;cursor:pointer;background:#f4f8fc;color:#003366;font-size:1.1rem;font-weight:bold;padding:14px 20px;border-bottom:0;position:relative}
body.page-introduction-school_overview .history-subaccordion summary::-webkit-details-marker{display:none}
body.page-introduction-school_overview .history-subaccordion summary::after{content:"＋";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:bold}
body.page-introduction-school_overview .history-subaccordion[open] summary{border-bottom:1px solid #d9e8f5}
body.page-introduction-school_overview .history-subaccordion[open] summary::after{content:"－"}
body.page-introduction-school_overview .history-subcontent{padding:20px}
@media(max-width:700px){


body.page-introduction-school_overview .page-wrap{margin:24px auto 35px;padding:0 15px}
body.page-introduction-school_overview .school-photo{height:220px}
body.page-introduction-school_overview .intro-section{padding:22px 18px 24px}
body.page-introduction-school_overview .intro-title{font-size:1.2rem}
body.page-introduction-school_overview .intro-text{font-size:.95rem;line-height:1.8}
body.page-introduction-school_overview .overview-accordion summary{font-size:1.1rem;padding:15px 18px}
body.page-introduction-school_overview .overview-accordion summary::after{right:18px}
body.page-introduction-school_overview .content-area{padding:22px 18px 26px}
body.page-introduction-school_overview .school-name{font-size:1.35rem}
body.page-introduction-school_overview .info-table th, body.page-introduction-school_overview .info-table td, body.page-introduction-school_overview .student-table th, body.page-introduction-school_overview .student-table td, body.page-introduction-school_overview .history-table th, body.page-introduction-school_overview .history-table td{padding:10px 8px;font-size:.92rem}
body.page-introduction-school_overview .info-table th{width:30%}
body.page-introduction-school_overview .map-frame{width:100%;height:auto;aspect-ratio:1 / 1}
}

body.page-introduction-school_overview .founders-section{margin-bottom:24px}
body.page-introduction-school_overview .founders-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #d9e8f5}
body.page-introduction-school_overview .founders-table col:first-child{width:30%}
body.page-introduction-school_overview .founders-table col:last-child{width:70%}
body.page-introduction-school_overview .founders-table td{border:1px solid #d9e8f5;padding:8px;vertical-align:middle}
body.page-introduction-school_overview .founder-profile{text-align:center}
body.page-introduction-school_overview .founder-photo{display:block;width:100%;max-width:110px;height:auto;aspect-ratio:3 / 4;object-fit:cover;margin:0 auto 5px;background:#eef5fb;border:none}
body.page-introduction-school_overview .founder-name{margin:0;font-weight:bold;color:#003366;text-align:center}
body.page-introduction-school_overview .founder-quote{margin:0 0 14px;font-size:1.25rem;font-weight:bold;color:#003366;line-height:1.6}
body.page-introduction-school_overview .founder-role{margin:4px 0 0;font-weight:bold;color:#000;text-align:center}
@media(max-width:700px){
body.page-introduction-school_overview .founders-table td{padding:5px}
body.page-introduction-school_overview .founder-photo{max-width:80px}
}


/* ===== introduction/career_lerning.html ===== */


body.page-introduction-career_lerning *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-career_lerning{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-introduction-career_lerning a{color:inherit}


 body.page-introduction-career_lerning .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-introduction-career_lerning .hero-slider{width:100%;height:100%;position:relative}
body.page-introduction-career_lerning .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-introduction-career_lerning .hero-slide.active{opacity:1}
body.page-introduction-career_lerning .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-introduction-career_lerning .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-introduction-career_lerning .hero-button.prev{left:18px}
body.page-introduction-career_lerning .hero-button.next{right:18px}
body.page-introduction-career_lerning .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-introduction-career_lerning .main-content, body.page-introduction-career_lerning .news-section, body.page-introduction-career_lerning .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-introduction-career_lerning .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,350px));gap:30px;justify-content:center}
body.page-introduction-career_lerning .card-link{display:block;width:100%;max-width:350px;color:inherit;text-decoration:none}
body.page-introduction-career_lerning .card-link .card{width:100%;max-width:350px;aspect-ratio:1 / 1;transition:.25s}
body.page-introduction-career_lerning .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-introduction-career_lerning .card, body.page-introduction-career_lerning .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-introduction-career_lerning .card-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
body.page-introduction-career_lerning .card-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
body.page-introduction-career_lerning .card-body, body.page-introduction-career_lerning .info-body{padding:20px}
body.page-introduction-career_lerning .card-body{text-align:left}
body.page-introduction-career_lerning .card-title, body.page-introduction-career_lerning .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-introduction-career_lerning .info-card{transition:transform .25s ease,box-shadow .25s ease;}
body.page-introduction-career_lerning .info-card-link{display:block;height:100%;color:inherit;text-decoration:none;}
body.page-introduction-career_lerning .info-card-link:hover .info-card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.16);}
body.page-introduction-career_lerning .info-body{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:14px;
min-height:140px;
padding:24px 18px;
text-align:center;
background:linear-gradient(180deg,#ffffff 0%,#f3f8fc 100%);
border:2px solid #d9e8f5;
transition:background .25s ease,border-color .25s ease;
}
body.page-introduction-career_lerning .info-card-link:hover .info-body{background:#e6f2ff;border-color:#005a9c;}
body.page-introduction-career_lerning .info-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#003366;color:#fff;font-size:1.2rem;}
body.page-introduction-career_lerning .info-title{margin:0;font-size:1.05rem;line-height:1.5;}
body.page-introduction-career_lerning .info-arrow{color:#0055a5;font-size:.9rem;transition:transform .25s ease;}
body.page-introduction-career_lerning .info-card-link:hover .info-arrow{transform:translateX(4px);}
body.page-introduction-career_lerning .info-card-link:focus-visible{outline:3px solid #005a9c;outline-offset:4px;border-radius:10px;}
body.page-introduction-career_lerning .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-introduction-career_lerning .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-introduction-career_lerning .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-introduction-career_lerning .news-item:last-child{border-bottom:none}
body.page-introduction-career_lerning .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-introduction-career_lerning .news-link{text-decoration:none;color:#003366}
body.page-introduction-career_lerning .news-link:hover{text-decoration:underline}
body.page-introduction-career_lerning .news-status{display:block;color:#666}
body.page-introduction-career_lerning .news-status.is-error{color:#a40000}
body.page-introduction-career_lerning .news-footer{text-align:right;margin-top:20px}
body.page-introduction-career_lerning .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-introduction-career_lerning .bottom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
body.page-introduction-career_lerning .bottom-grid + .bottom-grid{margin-top:30px}
body.page-introduction-career_lerning footer{background:#003366;color:#fff;margin-top:60px}


body.page-introduction-career_lerning .footer-container{
    max-width:1200px;
    margin:0 auto;
    padding:30px 20px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
}
body.page-introduction-career_lerning .footer-copyright{
    font-size:.85rem;
    color:rgba(255,255,255,.9);
    white-space:nowrap;
    line-height:1.6;
}

body.page-introduction-career_lerning .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-introduction-career_lerning .footer-school-name{font-size:1.2rem;font-weight:bold}

/* 第一階層ナビゲーションをリンクボタンとして強調（PC表示） */
@media(max-width:1150px) and (min-width:901px){
body.page-introduction-career_lerning .card-grid{grid-template-columns:repeat(2,minmax(0,350px))}
}
@media(max-width:900px){


body.page-introduction-career_lerning .hero{height:420px;margin:0 15px}
body.page-introduction-career_lerning .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-introduction-career_lerning .hero-button.prev{left:10px}
body.page-introduction-career_lerning .hero-button.next{right:10px}
body.page-introduction-career_lerning .card-grid, body.page-introduction-career_lerning .bottom-grid{grid-template-columns:1fr}
body.page-introduction-career_lerning .news-item{flex-direction:column;gap:5px}
}


/* ===== 探究学習「イヨボヤプラン」ページ ===== */
body.page-introduction-career_lerning .inquiry-main{max-width:1200px;margin:46px auto 0;padding:0 20px}
body.page-introduction-career_lerning .section-heading{position:relative;margin:0 auto 34px;padding:14px 24px;text-align:center;color:#003366;font-size:2rem;font-weight:700;letter-spacing:.06em}
body.page-introduction-career_lerning .section-heading::after{content:"";position:absolute;left:50%;bottom:0;width:92px;height:4px;border-radius:2px;background:#0055a5;transform:translateX(-50%)}
body.page-introduction-career_lerning .lead-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:36px;align-items:center;background:#fff;border-radius:14px;padding:34px;box-shadow:0 4px 16px rgba(0,0,0,.09);border-top:5px solid #003366}
body.page-introduction-career_lerning .eyebrow{display:inline-block;margin-bottom:12px;color:#0055a5;font-weight:700;letter-spacing:.08em}
body.page-introduction-career_lerning .lead-title{margin-bottom:18px;color:#003366;font-size:2rem;line-height:1.45}
body.page-introduction-career_lerning .lead-text{font-size:1.05rem;line-height:2}

body.page-introduction-career_lerning .poster-link{display:block;width:40%;margin:0 auto;border-radius:10px;overflow:hidden;background:#f3f3f3;box-shadow:0 4px 12px rgba(0,0,0,.14);transition:transform .25s ease,box-shadow .25s ease}

body.page-introduction-career_lerning .poster-link:hover{transform:translateY(-4px);box-shadow:0 9px 24px rgba(0,0,0,.18)}
body.page-introduction-career_lerning .poster-link img{display:block;width:100%;height:auto}
body.page-introduction-career_lerning .poster-note{display:block;padding:10px 14px;background:#003366;color:#fff;text-align:center;font-size:.9rem}
body.page-introduction-career_lerning .content-section{margin-top:52px}
body.page-introduction-career_lerning .content-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:13px 18px;border-left:7px solid #0055a5;background:#eaf4fb;color:#003366;font-size:1.55rem}
body.page-introduction-career_lerning .content-title i{width:1.4em;text-align:center}
body.page-introduction-career_lerning .profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-introduction-career_lerning .profile-card{background:#fff;border-radius:12px;padding:25px 22px;box-shadow:0 4px 13px rgba(0,0,0,.08);border-top:4px solid #0055a5}
body.page-introduction-career_lerning .profile-card .icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:#003366;color:#fff;font-size:1.25rem}
body.page-introduction-career_lerning .profile-card h3{margin-bottom:10px;color:#003366;font-size:1.12rem;line-height:1.55}
body.page-introduction-career_lerning .profile-card p{line-height:1.85}
body.page-introduction-career_lerning .ability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
body.page-introduction-career_lerning .ability-card{background:#fff;border-radius:12px;padding:26px;box-shadow:0 4px 13px rgba(0,0,0,.08)}
body.page-introduction-career_lerning .ability-card h3{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#003366;font-size:1.3rem}
body.page-introduction-career_lerning .ability-card h3 .number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#0055a5;color:#fff;font-size:.95rem}
body.page-introduction-career_lerning .ability-card ul{padding-left:1.25em;line-height:1.9}
body.page-introduction-career_lerning .ability-card li+li{margin-top:3px}
body.page-introduction-career_lerning .steps{position:relative;display:grid;gap:24px}
body.page-introduction-career_lerning .step-card{display:grid;grid-template-columns:150px 1fr;overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 4px 13px rgba(0,0,0,.09)}
body.page-introduction-career_lerning .step-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:25px 15px;background:#003366;color:#fff;text-align:center}
body.page-introduction-career_lerning .step-badge .step-label{font-size:.78rem;letter-spacing:.16em}
body.page-introduction-career_lerning .step-badge strong{font-size:1.32rem}
body.page-introduction-career_lerning .step-body{padding:25px 28px}
body.page-introduction-career_lerning .step-body h3{margin-bottom:10px;color:#003366;font-size:1.25rem}
body.page-introduction-career_lerning .step-body p{line-height:1.9}
body.page-introduction-career_lerning .step-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
body.page-introduction-career_lerning .step-tags span{display:inline-block;padding:5px 10px;border-radius:999px;background:#eaf4fb;color:#003366;font-size:.88rem}
body.page-introduction-career_lerning .flow-note{margin-top:24px;padding:22px 25px;border-radius:10px;background:#fff6dc;border-left:6px solid #f0c940;line-height:1.9}
body.page-introduction-career_lerning .summary-panel{margin-top:52px;padding:32px;border-radius:14px;background:linear-gradient(135deg,#003366,#005a9c);color:#fff;text-align:center}
body.page-introduction-career_lerning .summary-panel h2{margin-bottom:13px;font-size:1.6rem}
body.page-introduction-career_lerning .summary-panel p{max-width:850px;margin:auto;line-height:2}
@media(max-width:900px){
body.page-introduction-career_lerning .inquiry-main{margin-top:34px;padding:0 15px}body.page-introduction-career_lerning .section-heading{font-size:1.65rem}body.page-introduction-career_lerning .lead-panel{grid-template-columns:1fr;padding:24px}body.page-introduction-career_lerning .lead-title{font-size:1.65rem}body.page-introduction-career_lerning .profile-grid, body.page-introduction-career_lerning .ability-grid{grid-template-columns:1fr}body.page-introduction-career_lerning .step-card{grid-template-columns:1fr}body.page-introduction-career_lerning .step-badge{padding:18px}body.page-introduction-career_lerning .content-title{font-size:1.3rem}body.page-introduction-career_lerning .footer-container{align-items:flex-start;flex-direction:column}body.page-introduction-career_lerning .footer-copyright{white-space:normal}
}


/* ===== 学年別・活動紹介リンク ===== */
body.page-introduction-career_lerning .activity-links{margin-top:52px}
body.page-introduction-career_lerning .activity-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.page-introduction-career_lerning .activity-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:26px 24px 24px;border-radius:14px;background:#fff;color:#003366;text-decoration:none;overflow:hidden;box-shadow:0 4px 13px rgba(0,0,0,.09);border:2px solid #d9e8f5;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.page-introduction-career_lerning .activity-link::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:#0055a5}
body.page-introduction-career_lerning .activity-link:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,.15);border-color:#0055a5}
body.page-introduction-career_lerning .activity-link:focus-visible{outline:3px solid #005a9c;outline-offset:4px}
body.page-introduction-career_lerning .activity-link-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:20px;border-radius:50%;background:#003366;color:#fff;font-size:1.15rem}
body.page-introduction-career_lerning .activity-link-label{font-size:1.3rem;font-weight:700;letter-spacing:.04em}
body.page-introduction-career_lerning .activity-link-copy{margin-top:8px;color:#51606f;font-size:.92rem;line-height:1.7}
body.page-introduction-career_lerning .activity-link-arrow{margin-top:auto;padding-top:18px;color:#0055a5;font-size:.9rem;transition:transform .25s ease}
body.page-introduction-career_lerning .activity-link:hover .activity-link-arrow{transform:translateX(5px)}
body.page-introduction-career_lerning .activity-link.archive::before{background:#6a7480}
body.page-introduction-career_lerning .activity-link.archive .activity-link-icon{background:#56616d}
@media(max-width:900px){body.page-introduction-career_lerning .activity-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body.page-introduction-career_lerning .activity-link-grid{grid-template-columns:1fr}body.page-introduction-career_lerning .activity-link{min-height:165px}}


/* ===== introduction/missions_policies.html ===== */

body.page-introduction-missions_policies :root{
  --navy:#003366;
  --blue:#0055a5;
  --sky:#59d5ff;
  --pale:#eef7fc;
  --line:#d8e6f1;
  --text:#2f3a44;
  --muted:#657482;
  --white:#fff;
  --shadow:0 10px 30px rgba(0,51,102,.10);
}
body.page-introduction-missions_policies *{margin:0;padding:0;box-sizing:border-box}
html:has(body.page-introduction-missions_policies) {scroll-behavior:smooth}
body.page-introduction-missions_policies{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:linear-gradient(180deg,#f6f9fc 0,#fff 520px);line-height:1.9;color:var(--text)}
body.page-introduction-missions_policies a{color:inherit}


body.page-introduction-missions_policies .education-main{max-width:1160px;margin:54px auto 0;padding:0 24px}
body.page-introduction-missions_policies .section-heading{text-align:center;margin:0 0 42px;font-size:clamp(2rem,4vw,2.65rem);font-weight:700;color:var(--navy);letter-spacing:.08em;position:relative;line-height:1.35}
body.page-introduction-missions_policies .section-heading::before{content:"SCHOOL MISSION & POLICY";display:block;margin-bottom:3px;color:var(--blue);font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.24em}
body.page-introduction-missions_policies .section-heading::after{content:"";display:block;width:96px;height:4px;margin:13px auto 0;background:linear-gradient(90deg,var(--sky),var(--blue));border-radius:999px}
body.page-introduction-missions_policies .content-block{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(216,230,241,.9);border-radius:16px;box-shadow:var(--shadow);padding:34px 38px 38px;margin-bottom:34px}
body.page-introduction-missions_policies .content-block::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--sky),var(--blue))}
body.page-introduction-missions_policies .content-block h2{display:flex;align-items:center;gap:12px;font-size:1.55rem;color:var(--navy);margin:0 0 26px;padding:0 0 13px;border-bottom:1px solid var(--line);line-height:1.5}
body.page-introduction-missions_policies .content-block h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 5px rgba(89,213,255,.18);flex:0 0 auto}
body.page-introduction-missions_policies .content-block h3{display:flex;align-items:center;min-height:48px;width:80%;margin:28px 0 16px 48px;padding:9px 18px;color:var(--navy);font-size:1.14rem;font-weight:700;background:linear-gradient(90deg,#e8f7ff,#f8fcff);border-left:5px solid var(--blue);border-radius:0 8px 8px 0;box-shadow:0 3px 10px rgba(0,85,165,.07)}
body.page-introduction-missions_policies .content-block h2+h3{margin-top:0}
body.page-introduction-missions_policies .content-block p{position:relative;margin:0 0 9px;font-size:1rem;line-height:1.9}
body.page-introduction-missions_policies .policy-text{display:flex;align-items:flex-start;gap:.45em;padding-left:calc(1.2em + 1ch)}
body.page-introduction-missions_policies .policy-num{flex:0 0 1.2em;white-space:nowrap}
body.page-introduction-missions_policies .policy-content{flex:1;min-width:0;padding-left:1ch}
body.page-introduction-missions_policies .content-block br{display:block;content:"";margin-top:18px}

body.page-introduction-missions_policies .curriculum-table{width:min(100%,820px);margin:4px auto 0;border-collapse:separate;border-spacing:0 12px;background:transparent}
body.page-introduction-missions_policies .curriculum-table td{padding:0;border:0}
body.page-introduction-missions_policies .curriculum-table a{display:flex;align-items:center;gap:15px;position:relative;width:100%;min-height:62px;padding:15px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--blue);text-decoration:none;font-weight:700;box-shadow:0 3px 12px rgba(0,51,102,.06);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
body.page-introduction-missions_policies .curriculum-table a::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff2f2;color:#c62828;font-size:1rem;flex:0 0 auto}
body.page-introduction-missions_policies .curriculum-table a::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:#8aa0b3;font-size:.82rem;margin-left:auto;flex:0 0 auto;transition:transform .22s ease,color .22s ease}
body.page-introduction-missions_policies .curriculum-table a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,51,102,.13);background:#f2fbff;border-color:#9fdff5;color:#004578}
body.page-introduction-missions_policies .curriculum-table a:hover::after{color:var(--blue);transform:translateX(3px)}
body.page-introduction-missions_policies .curriculum-table a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;background:#f2fbff;border-color:var(--sky)}
body.page-introduction-missions_policies footer{background:var(--navy);color:#fff;margin-top:70px;border-top:5px solid var(--sky)}
body.page-introduction-missions_policies .footer-container{max-width:1200px;margin:0 auto;padding:34px 24px}
body.page-introduction-missions_policies .footer-school-info{display:flex;flex-direction:column;gap:4px}
body.page-introduction-missions_policies .footer-school-name{font-size:1.2rem;font-weight:bold;margin-bottom:3px}

@media(max-width:900px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  body.page-introduction-missions_policies .education-main{margin:38px auto 0;padding:0 16px}
  body.page-introduction-missions_policies .section-heading{margin-bottom:30px}
  body.page-introduction-missions_policies .content-block{padding:27px 20px 30px;margin-bottom:24px;border-radius:13px}
  body.page-introduction-missions_policies .content-block h2{font-size:1.35rem;margin-bottom:20px}
  body.page-introduction-missions_policies .content-block h3{width:auto;margin:24px 0 14px 20px;padding:9px 14px}
  body.page-introduction-missions_policies .content-block p{font-size:.96rem}
  body.page-introduction-missions_policies .policy-text{padding-left:1em}
  body.page-introduction-missions_policies .curriculum-table{border-spacing:0 10px}
  body.page-introduction-missions_policies .curriculum-table a{padding:13px 14px;gap:11px;font-size:.95rem}
}
@media(max-width:520px){
  
  body.page-introduction-missions_policies .content-block h3{margin-left:8px;font-size:1.05rem}
  body.page-introduction-missions_policies .content-block p{overflow-wrap:anywhere}
  body.page-introduction-missions_policies .policy-text{padding-left:0}
  body.page-introduction-missions_policies .curriculum-table a::before{width:32px;height:32px}
}
body.page-introduction-missions_policies .policy-item{padding:4px 0 8px}
body.page-introduction-missions_policies .policy-item+.policy-item{margin-top:28px;padding-top:30px;border-top:1px dashed var(--line)}
body.page-introduction-missions_policies .policy-heading{gap:14px!important;padding-left:14px!important}
body.page-introduction-missions_policies .policy-heading::before{content:attr(data-number);display:inline-flex;align-items:center;justify-content:center;width:2.35em;height:2.35em;flex:0 0 2.35em;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;box-shadow:0 5px 12px rgba(0,51,102,.22);font-size:.9em;line-height:1}
body.page-introduction-missions_policies .policy-body{width:80%;margin-left:48px}
body.page-introduction-missions_policies .mission-block .policy-body{margin-top:2px}
@media(max-width:900px){body.page-introduction-missions_policies .policy-heading{margin-left:20px!important}}
@media(max-width:520px){body.page-introduction-missions_policies .section-heading{font-size:1.75rem;letter-spacing:.04em}body.page-introduction-missions_policies .section-heading::before{font-size:.68rem;letter-spacing:.16em}body.page-introduction-missions_policies .policy-heading{margin-left:8px!important;align-items:flex-start!important}body.page-introduction-missions_policies .policy-heading::before{margin-top:.2em}}


/* ===== introduction/school_song.html ===== */

body.page-introduction-school_song *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-school_song{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-introduction-school_song a{color:inherit}


 body.page-introduction-school_song .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-introduction-school_song .hero-slider{width:50%;height:100%;position:relative}
body.page-introduction-school_song .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-introduction-school_song .hero-slide.active{opacity:1}
body.page-introduction-school_song .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-introduction-school_song .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-introduction-school_song .hero-button.prev{left:18px}
body.page-introduction-school_song .hero-button.next{right:18px}
body.page-introduction-school_song .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-introduction-school_song .main-content, body.page-introduction-school_song .news-section, body.page-introduction-school_song .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-introduction-school_song .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-introduction-school_song .card-link{display:block;color:inherit;text-decoration:none}
body.page-introduction-school_song .card-link .card{height:100%;transition:.25s}
body.page-introduction-school_song .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-introduction-school_song .card, body.page-introduction-school_song .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-introduction-school_song .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-introduction-school_song .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-introduction-school_song .card-body, body.page-introduction-school_song .info-body{padding:20px}
body.page-introduction-school_song .card-title, body.page-introduction-school_song .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-introduction-school_song .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-introduction-school_song .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-introduction-school_song .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-introduction-school_song .news-item:last-child{border-bottom:none}
body.page-introduction-school_song .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-introduction-school_song .news-link{text-decoration:none;color:#003366}
body.page-introduction-school_song .news-link:hover{text-decoration:underline}
body.page-introduction-school_song .news-status{display:block;color:#666}
body.page-introduction-school_song .news-status.is-error{color:#a40000}
body.page-introduction-school_song .news-footer{text-align:right;margin-top:20px}
body.page-introduction-school_song .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-introduction-school_song .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-introduction-school_song .bottom-grid + .bottom-grid{margin-top:30px}
body.page-introduction-school_song footer{background:#003366;color:#fff;margin-top:60px}
body.page-introduction-school_song .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-introduction-school_song .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-introduction-school_song .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-introduction-school_song .hero{height:420px;margin:0 15px}
body.page-introduction-school_song .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-introduction-school_song .hero-button.prev{left:10px}
body.page-introduction-school_song .hero-button.next{right:10px}
body.page-introduction-school_song .card-grid, body.page-introduction-school_song .bottom-grid{grid-template-columns:1fr}
body.page-introduction-school_song .news-item{flex-direction:column;gap:5px}
}


body.page-introduction-school_song .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}
body.page-introduction-school_song .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-introduction-school_song .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-introduction-school_song .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-introduction-school_song .notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}


body.page-introduction-school_song .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-introduction-school_song .notification-card{
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-introduction-school_song .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}

body.page-introduction-school_song .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-introduction-school_song .notification-grid{grid-template-columns:1fr}body.page-introduction-school_song .notification-main{margin:35px auto}body.page-introduction-school_song .page-title{padding:11px 18px;font-size:1.45rem}body.page-introduction-school_song .page-title::after{width:70px}body.page-introduction-school_song .notification-card{min-height:120px}}


/* ===== ページ冒頭（syllabus.html の見出し・説明文デザインを移植） ===== */
body.page-introduction-school_song :root{
    --primary: #1768ac;
    --primary-dark: #0f4f85;
    --primary-light: #eaf4fb;
    --accent: #4d9bd4;
    --text: #263442;
    --muted: #667788;
    --border: #d7e2ea;
    --background: #f4f7f9;
    --white: #ffffff;
    --shadow: 0 6px 18px rgba(30, 78, 110, 0.10);
}

body.page-introduction-school_song .anti-bullying-intro-title{
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 17px;
    color: var(--primary-dark);
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.08em;
    text-align: center;
}

body.page-introduction-school_song .anti-bullying-intro-title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 84px;
    height: 4px;
    border-radius: 999px;
    background: var(--primary);
    transform: translateX(-50%);
}

body.page-introduction-school_song .anti-bullying-introduction{
    margin-bottom: 44px;
    padding: 24px 28px;
    border-left: 6px solid var(--primary);
    border-radius: 4px 12px 12px 4px;
    background: var(--white);
    box-shadow: var(--shadow);
}

body.page-introduction-school_song .anti-bullying-introduction p{
    margin: 0;
    font-size: 1rem;
}

@media (max-width: 600px) {
    body.page-introduction-school_song .anti-bullying-intro-title{
        margin-bottom: 24px;
    }

    body.page-introduction-school_song .anti-bullying-introduction{
        padding: 20px;
    }
}


/* ===== 校歌ページ固有スタイル ===== */
body.page-introduction-school_song .school-song-main{
  width:min(100% - 40px, 1040px);
  margin:56px auto 0;
}
body.page-introduction-school_song .school-song-title{
  position:relative;
  margin:0 0 30px;
  padding-bottom:17px;
  color:#0f4f85;
  font-size:clamp(2rem,4vw,2.8rem);
  font-weight:700;
  line-height:1.35;
  letter-spacing:.08em;
  text-align:center;
}
body.page-introduction-school_song .school-song-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:84px;
  height:4px;
  border-radius:999px;
  background:#1768ac;
  transform:translateX(-50%);
}
body.page-introduction-school_song .school-song-introduction{
  margin-bottom:38px;
  padding:24px 28px;
  border-left:6px solid #1768ac;
  border-radius:4px 12px 12px 4px;
  background:#fff;
  box-shadow:0 6px 18px rgba(30,78,110,.10);
}
body.page-introduction-school_song .school-song-introduction p{margin:0;font-size:1rem;line-height:1.9}
body.page-introduction-school_song .song-sheet{
  overflow:hidden;
  border:1px solid #d7e2ea;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(30,78,110,.12);
}
body.page-introduction-school_song .song-heading{
  padding:28px 28px 24px;
  border-bottom:1px solid #d7e2ea;
  background:linear-gradient(135deg,#eef7fd 0%,#fff 100%);
  text-align:center;
}
body.page-introduction-school_song .song-heading h2{
  margin:0 0 18px;
  color:#0f4f85;
  font-size:clamp(1.35rem,3vw,1.75rem);
  letter-spacing:.06em;
}
body.page-introduction-school_song .song-credits{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 30px;
  color:#526779;
  font-size:.98rem;
}
body.page-introduction-school_song .song-credits span{white-space:nowrap}
body.page-introduction-school_song .lyrics{
  display:grid;
  gap:0;
  padding:8px 34px 20px;
  counter-reset:verse;
}
body.page-introduction-school_song .verse{
  position:relative;
  display:grid;
  grid-template-columns:3.2rem 1fr;
  gap:12px;
  padding:26px 0;
  border-bottom:1px solid #e4ebf0;
  counter-increment:verse;
}
body.page-introduction-school_song .verse:last-child{border-bottom:0}
body.page-introduction-school_song .verse-number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.55rem;
  height:2.55rem;
  margin-top:2px;
  border-radius:50%;
  background:#1768ac;
  color:#fff;
  font-weight:700;
  line-height:1;
  box-shadow:0 3px 10px rgba(23,104,172,.22);
}
body.page-introduction-school_song .verse-text{
  margin:0;
  color:#263442;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(1.02rem,2.2vw,1.18rem);
  line-height:2.05;
  letter-spacing:.055em;
}
@media(max-width:600px){
  body.page-introduction-school_song .school-song-main{width:min(100% - 28px,1040px);margin-top:38px}
  body.page-introduction-school_song .school-song-title{margin-bottom:24px}
  body.page-introduction-school_song .school-song-introduction{padding:20px;margin-bottom:28px}
  body.page-introduction-school_song .song-heading{padding:24px 18px 20px}
  body.page-introduction-school_song .song-credits{flex-direction:column;gap:4px}
  body.page-introduction-school_song .lyrics{padding:4px 20px 12px}
  body.page-introduction-school_song .verse{grid-template-columns:2.7rem 1fr;gap:8px;padding:22px 0}
  body.page-introduction-school_song .verse-number{width:2.25rem;height:2.25rem}
  body.page-introduction-school_song .verse-text{line-height:1.95;letter-spacing:.03em}
}

/* ===== 校歌動画（YouTube） ===== */
body.page-introduction-school_song .school-song-video{
  margin-top:38px;
  padding:28px;
  border:1px solid #d7e2ea;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(30,78,110,.12);
  text-align:center;
}
body.page-introduction-school_song .video-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.7em;
  margin:0 0 10px;
  color:#0f4f85;
  font-size:clamp(1.25rem,2.6vw,1.55rem);
  line-height:1.4;
}
body.page-introduction-school_song .video-heading i{
  color:#ff0033;
  font-size:1.15em;
}
body.page-introduction-school_song .video-description{
  margin:0 0 20px;
  color:#526779;
  line-height:1.8;
}
body.page-introduction-school_song .youtube-frame{
  position:relative;
  width:min(50%, 480px);
  margin:0 auto;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border-radius:12px;
  background:#0d1720;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}
body.page-introduction-school_song .youtube-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
body.page-introduction-school_song .youtube-link-wrap{
  margin-top:18px;
  text-align:center;
}
body.page-introduction-school_song .youtube-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.65em;
  padding:12px 22px;
  border-radius:999px;
  background:#003366;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
body.page-introduction-school_song .youtube-link:hover{
  transform:translateY(-2px);
  background:#0055a5;
  box-shadow:0 6px 14px rgba(0,51,102,.22);
}
body.page-introduction-school_song .youtube-link:focus-visible{
  outline:3px solid #59d5ff;
  outline-offset:4px;
}
@media(max-width:600px){
  body.page-introduction-school_song .school-song-video{margin-top:28px;padding:20px}
  body.page-introduction-school_song .video-description{margin-bottom:16px}
  body.page-introduction-school_song .youtube-frame{width:100%}
  body.page-introduction-school_song .youtube-link{width:100%;padding:12px 16px}
}


/* ===== career/career.html ===== */

body.page-career-career *{margin:0;padding:0;box-sizing:border-box}
body.page-career-career{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-career-career a{color:inherit}


 body.page-career-career .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-career-career .hero-slider{width:100%;height:100%;position:relative}
body.page-career-career .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-career-career .hero-slide.active{opacity:1}
body.page-career-career .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-career-career .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-career-career .hero-button.prev{left:18px}
body.page-career-career .hero-button.next{right:18px}
body.page-career-career .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-career-career .main-content, body.page-career-career .news-section, body.page-career-career .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-career-career .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-career-career .card-link{display:block;color:inherit;text-decoration:none}
body.page-career-career .card-link .card{height:100%;transition:.25s}
body.page-career-career .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-career-career .card, body.page-career-career .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-career-career .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-career-career .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-career-career .card-body, body.page-career-career .info-body{padding:20px}
body.page-career-career .card-title, body.page-career-career .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-career-career .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-career-career .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-career-career .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-career-career .news-item:last-child{border-bottom:none}
body.page-career-career .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-career-career .news-link{text-decoration:none;color:#003366}
body.page-career-career .news-link:hover{text-decoration:underline}
body.page-career-career .news-status{display:block;color:#666}
body.page-career-career .news-status.is-error{color:#a40000}
body.page-career-career .news-footer{text-align:right;margin-top:20px}
body.page-career-career .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-career-career .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-career-career .bottom-grid + .bottom-grid{margin-top:30px}
body.page-career-career footer{background:#003366;color:#fff;margin-top:60px}
body.page-career-career .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-career-career .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-career-career .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-career-career .hero{height:420px;margin:0 15px}
body.page-career-career .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-career-career .hero-button.prev{left:10px}
body.page-career-career .hero-button.next{right:10px}
body.page-career-career .card-grid, body.page-career-career .bottom-grid{grid-template-columns:1fr}
body.page-career-career .news-item{flex-direction:column;gap:5px}
}


body.page-career-career .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}

body.page-career-career .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-career-career .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}

body.page-career-career .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-career-career .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-career-career .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-career-career .notification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}


body.page-career-career .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-career-career .notification-card{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:150px;
    padding:28px 24px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 4px 12px rgba(0,0,0,.1);
    color:#003366;
    text-decoration:none;
    font-size:1.2rem;
    font-weight:bold;
    text-align:center;
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-career-career .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}


body.page-career-career .pdf-badge{
    position:absolute;
    top:10px;
    right:10px;
    display:flex;
    align-items:center;
    gap:4px;
    background:#d32f2f;
    color:#fff;
    font-size:.72rem;
    font-weight:700;
    padding:4px 8px;
    border-radius:999px;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    line-height:1;
    pointer-events:none;
}
body.page-career-career .pdf-badge i{font-size:.9em;}

body.page-career-career .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-career-career .notification-grid{grid-template-columns:1fr}body.page-career-career .notification-main{margin:35px auto}body.page-career-career .page-title{padding:11px 18px;font-size:1.45rem}body.page-career-career .page-title::after{width:70px}body.page-career-career .notification-card{min-height:120px}}


body.page-career-career .accordion-title{
    cursor:pointer;
    user-select:none;
    justify-content:flex-start;
}
body.page-career-career .accordion-title::before{display:none}
body.page-career-career .accordion-title .accordion-icon{
    width:1em;
    flex:0 0 1em;
    color:#59D5FF;
    font-size:.82em;
    text-align:center;
    transform:rotate(0deg);
    transform-origin:center;
    transition:transform .3s ease;
}
body.page-career-career .accordion-title.active .accordion-icon{transform:rotate(90deg)}
body.page-career-career .accordion-title:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-career-career .accordion-content{
    display:grid;
    max-height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
    transform:translateY(-14px);
    transition:max-height .45s ease,opacity .3s ease,transform .45s ease,visibility 0s linear .45s;
}
body.page-career-career .accordion-content.is-open{
    max-height:500px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:max-height .45s ease,opacity .35s ease .08s,transform .45s ease,visibility 0s;
}
@media(prefers-reduced-motion:reduce){
    body.page-career-career .accordion-title .accordion-icon, body.page-career-career .accordion-content{transition:none}
}


/* ===== students_parents/anti_bullying.html ===== */

body.page-students_parents-anti_bullying *{margin:0;padding:0;box-sizing:border-box}
body.page-students_parents-anti_bullying{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-students_parents-anti_bullying a{color:inherit}


 body.page-students_parents-anti_bullying .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-students_parents-anti_bullying .hero-slider{width:100%;height:100%;position:relative}
body.page-students_parents-anti_bullying .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-students_parents-anti_bullying .hero-slide.active{opacity:1}
body.page-students_parents-anti_bullying .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-students_parents-anti_bullying .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-students_parents-anti_bullying .hero-button.prev{left:18px}
body.page-students_parents-anti_bullying .hero-button.next{right:18px}
body.page-students_parents-anti_bullying .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-students_parents-anti_bullying .main-content, body.page-students_parents-anti_bullying .news-section, body.page-students_parents-anti_bullying .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-students_parents-anti_bullying .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-students_parents-anti_bullying .card-link{display:block;color:inherit;text-decoration:none}
body.page-students_parents-anti_bullying .card-link .card{height:100%;transition:.25s}
body.page-students_parents-anti_bullying .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-students_parents-anti_bullying .card, body.page-students_parents-anti_bullying .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-students_parents-anti_bullying .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-students_parents-anti_bullying .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-students_parents-anti_bullying .card-body, body.page-students_parents-anti_bullying .info-body{padding:20px}
body.page-students_parents-anti_bullying .card-title, body.page-students_parents-anti_bullying .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-students_parents-anti_bullying .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-students_parents-anti_bullying .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-students_parents-anti_bullying .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-students_parents-anti_bullying .news-item:last-child{border-bottom:none}
body.page-students_parents-anti_bullying .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-students_parents-anti_bullying .news-link{text-decoration:none;color:#003366}
body.page-students_parents-anti_bullying .news-link:hover{text-decoration:underline}
body.page-students_parents-anti_bullying .news-status{display:block;color:#666}
body.page-students_parents-anti_bullying .news-status.is-error{color:#a40000}
body.page-students_parents-anti_bullying .news-footer{text-align:right;margin-top:20px}
body.page-students_parents-anti_bullying .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-students_parents-anti_bullying .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-students_parents-anti_bullying .bottom-grid + .bottom-grid{margin-top:30px}
body.page-students_parents-anti_bullying footer{background:#003366;color:#fff;margin-top:60px}
body.page-students_parents-anti_bullying .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-students_parents-anti_bullying .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-students_parents-anti_bullying .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-students_parents-anti_bullying .hero{height:420px;margin:0 15px}
body.page-students_parents-anti_bullying .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-students_parents-anti_bullying .hero-button.prev{left:10px}
body.page-students_parents-anti_bullying .hero-button.next{right:10px}
body.page-students_parents-anti_bullying .card-grid, body.page-students_parents-anti_bullying .bottom-grid{grid-template-columns:1fr}
body.page-students_parents-anti_bullying .news-item{flex-direction:column;gap:5px}
}


body.page-students_parents-anti_bullying .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}
body.page-students_parents-anti_bullying .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-students_parents-anti_bullying .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-students_parents-anti_bullying .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-students_parents-anti_bullying .notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}


body.page-students_parents-anti_bullying .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-students_parents-anti_bullying .notification-card{
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-students_parents-anti_bullying .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}

body.page-students_parents-anti_bullying .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-students_parents-anti_bullying .notification-grid{grid-template-columns:1fr}body.page-students_parents-anti_bullying .notification-main{margin:35px auto}body.page-students_parents-anti_bullying .page-title{padding:11px 18px;font-size:1.45rem}body.page-students_parents-anti_bullying .page-title::after{width:70px}body.page-students_parents-anti_bullying .notification-card{min-height:120px}}


/* ===== ページ冒頭（syllabus.html の見出し・説明文デザインを移植） ===== */
body.page-students_parents-anti_bullying{
    --primary: #1768ac;
    --primary-dark: #0f4f85;
    --primary-light: #eaf4fb;
    --accent: #4d9bd4;
    --text: #263442;
    --muted: #667788;
    --border: #d7e2ea;
    --background: #f4f7f9;
    --white: #ffffff;
    --shadow: 0 6px 18px rgba(30, 78, 110, 0.10);
}

body.page-students_parents-anti_bullying .anti-bullying-intro-title{
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 17px;
    color: var(--primary-dark);
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.08em;
    text-align: center;
}

body.page-students_parents-anti_bullying .anti-bullying-intro-title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 84px;
    height: 4px;
    border-radius: 999px;
    background: var(--primary);
    transform: translateX(-50%);
}

body.page-students_parents-anti_bullying .anti-bullying-introduction{
    margin-bottom: 44px;
    padding: 24px 28px;
    border-left: 6px solid var(--primary);
    border-radius: 4px 12px 12px 4px;
    background: var(--white);
    box-shadow: var(--shadow);
}

body.page-students_parents-anti_bullying .anti-bullying-introduction p{
    margin: 0;
    font-size: 1rem;
}

@media (max-width: 600px) {
    body.page-students_parents-anti_bullying .anti-bullying-intro-title{
        margin-bottom: 24px;
    }

    body.page-students_parents-anti_bullying .anti-bullying-introduction{
        padding: 20px;
    }
}

/* ===== students_parents/textbook.html ===== */

body.page-students_parents-textbook :root{
  --navy:#003366;
  --blue:#0055a5;
  --sky:#59d5ff;
  --pale:#eef7fc;
  --line:#d8e6f1;
  --text:#2f3a44;
  --muted:#657482;
  --white:#fff;
  --shadow:0 10px 30px rgba(0,51,102,.10);
}
body.page-students_parents-textbook *{margin:0;padding:0;box-sizing:border-box}
html:has(body.page-students_parents-textbook) {scroll-behavior:smooth}
body.page-students_parents-textbook{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:linear-gradient(180deg,#f6f9fc 0,#fff 520px);line-height:1.9;color:var(--text)}
body.page-students_parents-textbook a{color:inherit}


body.page-students_parents-textbook .education-main{max-width:1160px;margin:54px auto 0;padding:0 24px}
body.page-students_parents-textbook .section-heading{text-align:center;margin:0 0 42px;font-size:clamp(2rem,4vw,2.65rem);font-weight:700;color:var(--navy);letter-spacing:.08em;position:relative;line-height:1.35}
body.page-students_parents-textbook .section-heading::before{content:"EDUCATION";display:block;margin-bottom:3px;color:var(--blue);font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.24em}
body.page-students_parents-textbook .section-heading::after{content:"";display:block;width:96px;height:4px;margin:13px auto 0;background:linear-gradient(90deg,var(--sky),var(--blue));border-radius:999px}
body.page-students_parents-textbook .content-block{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(216,230,241,.9);border-radius:16px;box-shadow:var(--shadow);padding:34px 38px 38px;margin-bottom:34px}
body.page-students_parents-textbook .content-block::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--sky),var(--blue))}
body.page-students_parents-textbook .content-block h2{display:flex;align-items:center;gap:12px;font-size:1.55rem;color:var(--navy);margin:0 0 26px;padding:0 0 13px;border-bottom:1px solid var(--line);line-height:1.5}
body.page-students_parents-textbook .content-block h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 5px rgba(89,213,255,.18);flex:0 0 auto}
body.page-students_parents-textbook .content-block h3{display:flex;align-items:center;min-height:48px;width:80%;margin:28px 0 16px 48px;padding:9px 18px;color:var(--navy);font-size:1.14rem;font-weight:700;background:linear-gradient(90deg,#e8f7ff,#f8fcff);border-left:5px solid var(--blue);border-radius:0 8px 8px 0;box-shadow:0 3px 10px rgba(0,85,165,.07)}
body.page-students_parents-textbook .content-block h2+h3{margin-top:0}
body.page-students_parents-textbook .content-block p{position:relative;margin:0 0 9px;padding-left:calc(3.2em + 3ch);font-size:1rem;line-height:1.9}
body.page-students_parents-textbook .content-block p .num-indent{display:inline-block;padding-left:1ch;}
body.page-students_parents-textbook .content-block br{display:block;content:"";margin-top:18px}

body.page-students_parents-textbook .curriculum-table{width:min(100%,820px);margin:4px auto 0;border-collapse:separate;border-spacing:0 12px;background:transparent}
body.page-students_parents-textbook .curriculum-table td{padding:0;border:0}
body.page-students_parents-textbook .curriculum-table a{display:flex;align-items:center;gap:15px;position:relative;width:100%;min-height:62px;padding:15px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--blue);text-decoration:none;font-weight:700;box-shadow:0 3px 12px rgba(0,51,102,.06);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
body.page-students_parents-textbook .curriculum-table a::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff2f2;color:#c62828;font-size:1rem;flex:0 0 auto}
body.page-students_parents-textbook .curriculum-table a::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:#8aa0b3;font-size:.82rem;margin-left:auto;flex:0 0 auto;transition:transform .22s ease,color .22s ease}
body.page-students_parents-textbook .curriculum-table a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,51,102,.13);background:#f2fbff;border-color:#9fdff5;color:#004578}
body.page-students_parents-textbook .curriculum-table a:hover::after{color:var(--blue);transform:translateX(3px)}
body.page-students_parents-textbook .curriculum-table a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;background:#f2fbff;border-color:var(--sky)}
body.page-students_parents-textbook footer{background:var(--navy);color:#fff;margin-top:70px}
body.page-students_parents-textbook .footer-container{max-width:1200px;margin:0 auto;padding:34px 24px}
body.page-students_parents-textbook .footer-school-info{display:flex;flex-direction:column;gap:4px}
body.page-students_parents-textbook .footer-school-name{font-size:1.2rem;font-weight:bold;margin-bottom:3px}

@media(max-width:900px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  body.page-students_parents-textbook .education-main{margin:38px auto 0;padding:0 16px}
  body.page-students_parents-textbook .section-heading{margin-bottom:30px}
  body.page-students_parents-textbook .content-block{padding:27px 20px 30px;margin-bottom:24px;border-radius:13px}
  body.page-students_parents-textbook .content-block h2{font-size:1.35rem;margin-bottom:20px}
  body.page-students_parents-textbook .content-block h3{width:auto;margin:24px 0 14px 20px;padding:9px 14px}
  body.page-students_parents-textbook .content-block p{padding-left:1em;font-size:.96rem}
  body.page-students_parents-textbook .curriculum-table{border-spacing:0 10px}
  body.page-students_parents-textbook .curriculum-table a{padding:13px 14px;gap:11px;font-size:.95rem}
}
@media(max-width:520px){
  
  body.page-students_parents-textbook .content-block h3{margin-left:8px;font-size:1.05rem}
  body.page-students_parents-textbook .content-block p{padding-left:0;overflow-wrap:anywhere}
  body.page-students_parents-textbook .curriculum-table a::before{width:32px;height:32px}
}

/* ===== students_parents/syllabus.html ===== */

   /* ===== 共通ヘッダー・フッター（index.htmlから移植） ===== */

body.page-students_parents-syllabus *{margin:0;padding:0;box-sizing:border-box}
body.page-students_parents-syllabus{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}


 body.page-students_parents-syllabus .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-students_parents-syllabus .hero-slider{width:100%;height:100%;position:relative}
body.page-students_parents-syllabus .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-students_parents-syllabus .hero-slide.active{opacity:1}
body.page-students_parents-syllabus .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-students_parents-syllabus .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-students_parents-syllabus .hero-button.prev{left:18px}
body.page-students_parents-syllabus .hero-button.next{right:18px}
body.page-students_parents-syllabus .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-students_parents-syllabus .main-content, body.page-students_parents-syllabus .news-section, body.page-students_parents-syllabus .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-students_parents-syllabus .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-students_parents-syllabus .card-link{display:block;color:inherit;text-decoration:none}
body.page-students_parents-syllabus .card-link .card{height:100%;transition:.25s}
body.page-students_parents-syllabus .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-students_parents-syllabus .card, body.page-students_parents-syllabus .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-students_parents-syllabus .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-students_parents-syllabus .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-students_parents-syllabus .card-body, body.page-students_parents-syllabus .info-body{padding:20px}
body.page-students_parents-syllabus .card-body{text-align:left}
body.page-students_parents-syllabus .card-title, body.page-students_parents-syllabus .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-students_parents-syllabus .info-card{transition:transform .25s ease,box-shadow .25s ease;}
body.page-students_parents-syllabus .info-card-link{display:block;height:100%;color:inherit;text-decoration:none;}
body.page-students_parents-syllabus .info-card-link:hover .info-card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.16);}
body.page-students_parents-syllabus .info-body{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:14px;
min-height:140px;
padding:24px 18px;
text-align:center;
background:linear-gradient(180deg,#ffffff 0%,#f3f8fc 100%);
border:2px solid #d9e8f5;
transition:background .25s ease,border-color .25s ease;
}
body.page-students_parents-syllabus .info-card-link:hover .info-body{background:#e6f2ff;border-color:#005a9c;}
body.page-students_parents-syllabus .info-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#003366;color:#fff;font-size:1.2rem;}
body.page-students_parents-syllabus .info-title{margin:0;font-size:1.05rem;line-height:1.5;}
body.page-students_parents-syllabus .info-arrow{color:#0055a5;font-size:.9rem;transition:transform .25s ease;}
body.page-students_parents-syllabus .info-card-link:hover .info-arrow{transform:translateX(4px);}
body.page-students_parents-syllabus .info-card-link:focus-visible{outline:3px solid #005a9c;outline-offset:4px;border-radius:10px;}
body.page-students_parents-syllabus .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-students_parents-syllabus .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-students_parents-syllabus .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-students_parents-syllabus .news-item:last-child{border-bottom:none}
body.page-students_parents-syllabus .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-students_parents-syllabus .news-link{text-decoration:none;color:#003366}
body.page-students_parents-syllabus .news-link:hover{text-decoration:underline}
body.page-students_parents-syllabus .news-status{display:block;color:#666}
body.page-students_parents-syllabus .news-status.is-error{color:#a40000}
body.page-students_parents-syllabus .news-footer{text-align:right;margin-top:20px}
body.page-students_parents-syllabus .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-students_parents-syllabus .bottom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
body.page-students_parents-syllabus .bottom-grid + .bottom-grid{margin-top:30px}
body.page-students_parents-syllabus footer{background:#003366;color:#fff;margin-top:60px}
body.page-students_parents-syllabus .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-students_parents-syllabus .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-students_parents-syllabus .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-students_parents-syllabus .hero{height:420px;margin:0 15px}
body.page-students_parents-syllabus .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-students_parents-syllabus .hero-button.prev{left:10px}
body.page-students_parents-syllabus .hero-button.next{right:10px}
body.page-students_parents-syllabus .card-grid, body.page-students_parents-syllabus .bottom-grid{grid-template-columns:1fr}
body.page-students_parents-syllabus .news-item{flex-direction:column;gap:5px}
}


/* ===== シラバスページ固有スタイル ===== */

    body.page-students_parents-syllabus :root{
      --primary: #1768ac;
      --primary-dark: #0f4f85;
      --primary-light: #eaf4fb;
      --accent: #4d9bd4;
      --text: #263442;
      --muted: #667788;
      --border: #d7e2ea;
      --background: #f4f7f9;
      --white: #ffffff;
      --shadow: 0 6px 18px rgba(30, 78, 110, 0.10);
    }

    body.page-students_parents-syllabus *{
      box-sizing: border-box;
    }

    body.page-students_parents-syllabus{
      margin: 0;
      color: var(--text);
      background: var(--background);
      font-family: "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
      line-height: 1.8;
    }

    body.page-students_parents-syllabus a{
      color: inherit;
    }

    body.page-students_parents-syllabus .page-wrapper{
      width: min(1120px, calc(100% - 40px));
      margin: 0 auto;
      padding: 56px 0 72px;
    }

    body.page-students_parents-syllabus .page-title{
      position: relative;
      margin: 0 0 30px;
      padding-bottom: 17px;
      color: var(--primary-dark);
      font-size: clamp(2rem, 4vw, 2.8rem);
      font-weight: 700;
      line-height: 1.35;
      letter-spacing: 0.08em;
      text-align: center;
    }

    body.page-students_parents-syllabus .page-title::after{
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 84px;
      height: 4px;
      border-radius: 999px;
      background: var(--primary);
      transform: translateX(-50%);
    }

    body.page-students_parents-syllabus .introduction{
      margin-bottom: 44px;
      padding: 24px 28px;
      border-left: 6px solid var(--primary);
      border-radius: 4px 12px 12px 4px;
      background: var(--white);
      box-shadow: var(--shadow);
    }

    body.page-students_parents-syllabus .introduction p{
      margin: 0;
      font-size: 1rem;
    }

    body.page-students_parents-syllabus .notice i{
      margin-top: 0.42em;
      color: var(--primary);
    }

    body.page-students_parents-syllabus .subject-section{
      margin-top: 42px;
    }

    body.page-students_parents-syllabus .subject-heading{
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 0 18px;
      padding: 12px 18px;
      border-radius: 6px;
      color: var(--white);
      background: linear-gradient(100deg, var(--primary-dark), var(--primary));
      box-shadow: 0 4px 12px rgba(15, 79, 133, 0.16);
      font-size: 1.32rem;
      font-weight: 700;
      letter-spacing: 0.06em;
    }

    body.page-students_parents-syllabus .subject-heading i{
      width: 1.2em;
      text-align: center;
      color: #dff2ff;
    }

    body.page-students_parents-syllabus .syllabus-grid{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    body.page-students_parents-syllabus .syllabus-card{
      position: relative;
      display: flex;
      min-height: 96px;
      align-items: center;
      gap: 16px;
      padding: 19px 20px;
      overflow: hidden;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: var(--white);
      box-shadow: 0 3px 12px rgba(35, 70, 92, 0.07);
      text-decoration: none;
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    }

    body.page-students_parents-syllabus .syllabus-card::before{
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 5px;
      background: var(--accent);
      transition: width 0.2s ease;
    }

    body.page-students_parents-syllabus .syllabus-card:hover, body.page-students_parents-syllabus .syllabus-card:focus-visible{
      border-color: #7faed0;
      background: #d8eaf7;
      box-shadow: 0 9px 24px rgba(32, 92, 132, 0.16);
      transform: translateY(-3px);
      outline: none;
    }

    body.page-students_parents-syllabus .syllabus-card:hover::before, body.page-students_parents-syllabus .syllabus-card:focus-visible::before{
      width: 8px;
    }


    body.page-students_parents-syllabus .card-text{
      min-width: 0;
      flex: 1;
    }

    body.page-students_parents-syllabus .course-name{
      display: block;
      color: var(--text);
      font-size: 1.05rem;
      font-weight: 700;
      line-height: 1.45;
    }


    body.page-students_parents-syllabus .arrow-icon{
      color: #7da6c4;
      font-size: 0.9rem;
      transition: transform 0.2s ease;
    }

    body.page-students_parents-syllabus .syllabus-card:hover .arrow-icon, body.page-students_parents-syllabus .syllabus-card:focus-visible .arrow-icon{
      transform: translateX(4px);
    }

    body.page-students_parents-syllabus .footer-note{
      margin-top: 48px;
      padding: 17px 20px;
      border: 1px solid var(--border);
      border-radius: 10px;
      color: var(--muted);
      background: #f9fbfc;
      font-size: 0.9rem;
    }

    @media (max-width: 900px) {
      body.page-students_parents-syllabus .syllabus-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 600px) {
      body.page-students_parents-syllabus .page-wrapper{
        width: min(100% - 28px, 1120px);
        padding: 38px 0 52px;
      }

      body.page-students_parents-syllabus .page-title{
        margin-bottom: 24px;
      }

      body.page-students_parents-syllabus .introduction{
        padding: 20px;
      }

      body.page-students_parents-syllabus .subject-section{
        margin-top: 34px;
      }

      body.page-students_parents-syllabus .subject-heading{
        font-size: 1.15rem;
      }

      body.page-students_parents-syllabus .syllabus-grid{
        grid-template-columns: 1fr;
        gap: 13px;
      }

      body.page-students_parents-syllabus .syllabus-card{
        min-height: 88px;
      }
    }
  
    /* ===== 年次別シラバス表 ===== */
    body.page-students_parents-syllabus .syllabus-table-wrapper{
      margin-top: 42px;
      overflow-x: auto;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: var(--white);
      box-shadow: var(--shadow);
    }

    body.page-students_parents-syllabus .syllabus-table{
      width: 100%;
      min-width: 760px;
      border-collapse: collapse;
      table-layout: fixed;
      background: var(--white);
    }

    body.page-students_parents-syllabus .syllabus-table col.subject-column{
      width: 9em;
    }

    body.page-students_parents-syllabus .syllabus-table th, body.page-students_parents-syllabus .syllabus-table td{
      padding: 18px 16px;
      border-right: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      vertical-align: top;
    }

    body.page-students_parents-syllabus .syllabus-table tr:last-child th, body.page-students_parents-syllabus .syllabus-table tr:last-child td{
      border-bottom: none;
    }

    body.page-students_parents-syllabus .syllabus-table th:last-child, body.page-students_parents-syllabus .syllabus-table td:last-child{
      border-right: none;
    }

    body.page-students_parents-syllabus .syllabus-table thead th{
      color: var(--white);
      background: linear-gradient(100deg, var(--primary-dark), var(--primary));
      font-size: 1.05rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      vertical-align: middle;
    }

    body.page-students_parents-syllabus .syllabus-table tbody th{
      min-width: 9em;
      color: var(--primary-dark);
      background: var(--primary-light);
      font-weight: 700;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
    }

    body.page-students_parents-syllabus .syllabus-table tbody td{
      min-height: 72px;
      background: var(--white);
    }

    body.page-students_parents-syllabus .syllabus-table tbody tr:hover td{
      background: #f4f9fd;
    }

    @media (max-width: 600px) {
      body.page-students_parents-syllabus .syllabus-table th, body.page-students_parents-syllabus .syllabus-table td{
        padding: 15px 12px;
      }
    }

    body.page-students_parents-syllabus .visually-hidden{
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }


    body.page-students_parents-syllabus .course-link{
      display: block;
      position: relative;
      margin: 0 0 8px;
      padding: 10px 34px 10px 12px;
      border: 1px solid var(--border);
      border-radius: 7px;
      color: var(--primary-dark);
      background: var(--white);
      font-weight: 700;
      line-height: 1.45;
      text-decoration: none;
      transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }

    body.page-students_parents-syllabus .course-link:last-child{
      margin-bottom: 0;
    }

    body.page-students_parents-syllabus .course-link::after{
      content: "";
      position: absolute;
      top: 50%;
      right: 12px;
      font-family: "Font Awesome 6 Free";
      font-size: 0.78rem;
      font-weight: 900;
      transform: translateY(-50%);
    }

    body.page-students_parents-syllabus .course-link:hover, body.page-students_parents-syllabus .course-link:focus-visible{
      border-color: #7faed0;
      background: #d8eaf7;
      transform: translateY(-1px);
      outline: none;
    }

/* ===== students_parents/forms.html ===== */

body.page-students_parents-forms *{margin:0;padding:0;box-sizing:border-box}
body.page-students_parents-forms{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333;min-height:100vh;display:flex;flex-direction:column}
body.page-students_parents-forms a{color:inherit}


body.page-students_parents-forms .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px;flex:1;width:100%}
body.page-students_parents-forms .section-heading{text-align:center;margin:0 0 18px;font-size:2.2rem;font-weight:700;color:#003366;letter-spacing:.08em;position:relative}
body.page-students_parents-forms .section-heading::after{content:"";display:block;width:90px;height:4px;margin:10px auto 0;background:linear-gradient(90deg,#59D5FF,#0055a5);border-radius:999px}
body.page-students_parents-forms .notification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}
body.page-students_parents-forms .notification-card .title{display:block;font-size:1.35rem;font-weight:700;color:#003366}
body.page-students_parents-forms .notification-card .subtext{display:block;font-size:.95rem;font-weight:500;color:#5e6d80}
body.page-students_parents-forms .pdf-badge{position:absolute;top:12px;right:12px;background:#d32f2f;color:#fff;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.05em;display:flex;align-items:center;gap:4px}
body.page-students_parents-forms .pdf-badge .fa-file-pdf{font-size:.95rem;color:#fff}
body.page-students_parents-forms .notification-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;min-width:0;min-height:150px;padding:28px 20px;background:#fff;border-left:5px solid transparent;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;line-height:1.5;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease}
body.page-students_parents-forms .notification-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.16);background:#E6F7FF;border-left-color:#59D5FF;color:#004C80}
body.page-students_parents-forms .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
body.page-students_parents-forms footer{background:#003366;color:#fff;margin-top:auto}
body.page-students_parents-forms .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-students_parents-forms .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-students_parents-forms .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-students_parents-forms .notification-grid{grid-template-columns:1fr}
body.page-students_parents-forms .notification-main{margin:35px auto}
body.page-students_parents-forms .notification-card{min-height:120px}
}

/* ===== alumni/certificate.html ===== */

body.page-alumni-certificate *{margin:0;padding:0;box-sizing:border-box}
body.page-alumni-certificate{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}


body.page-alumni-certificate .page-container{max-width:1200px;margin:50px auto;padding:0 20px}body.page-alumni-certificate .content{background:transparent;padding:0}body.page-alumni-certificate .page-title{position:relative;color:#003366;text-align:center;font-size:2rem;font-weight:bold;margin:0 0 34px;padding-bottom:12px}body.page-alumni-certificate .page-title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:3px;background:#2f80c9;border-radius:999px}body.page-alumni-certificate .pdf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:25px}body.page-alumni-certificate .pdf-card{border:1px solid #d9e8f5;border-radius:8px;padding:20px;background:#f8fbff;color:#003366;font-weight:bold}
body.page-alumni-certificate .content h2{color:#003366;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid #d9e8f5}body.page-alumni-certificate .content h3{color:#003366;margin-bottom:8px}body.page-alumni-certificate .lead{font-size:1.05rem;margin-bottom:24px}body.page-alumni-certificate .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:10px 0 22px;padding-left:1.2em}body.page-alumni-certificate .notice-box, body.page-alumni-certificate .contact-box{background:#f8fbff;border-left:5px solid #003366;padding:18px 20px;border-radius:8px;margin:18px 0}body.page-alumni-certificate .flow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:16px 0 22px}body.page-alumni-certificate .flow-card{border:1px solid #d9e8f5;border-radius:8px;padding:20px;background:#fff}body.page-alumni-certificate .pdf-card{text-decoration:none;transition:.2s}body.page-alumni-certificate .pdf-card:hover{background:#e6f2ff;transform:translateY(-2px)}body.page-alumni-certificate .small-note{font-size:.92rem;color:#555;margin-top:10px}

body.page-alumni-certificate .redesigned-certificate{display:flex;flex-direction:column;gap:26px}body.page-alumni-certificate .hero-notice{background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #d9e8f5;border-radius:14px;padding:24px 26px}body.page-alumni-certificate .redesigned-certificate .lead{margin:0;font-size:1.05rem}body.page-alumni-certificate .info-block{background:#fff;border:1px solid #e3edf7;border-radius:14px;padding:26px;box-shadow:0 2px 10px rgba(0,51,102,.05)}body.page-alumni-certificate .info-block h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;border-bottom:1px solid #d9e8f5;padding-bottom:14px}body.page-alumni-certificate .info-block h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:30px;border-radius:999px;background:#003366;color:#fff;font-size:.85rem;font-weight:bold}body.page-alumni-certificate .table-wrap{overflow-x:auto}body.page-alumni-certificate .certificate-table{width:50%;table-layout:fixed;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}body.page-alumni-certificate .certificate-table th{background:#003366;color:#fff;text-align:left;padding:14px 16px}body.page-alumni-certificate .certificate-table th:first-child, body.page-alumni-certificate .certificate-table td:first-child{width:30%}body.page-alumni-certificate .certificate-table th:last-child, body.page-alumni-certificate .certificate-table td:last-child{width:70%}body.page-alumni-certificate .certificate-table td{padding:14px 16px;border-bottom:1px solid #e6eef7;vertical-align:top}body.page-alumni-certificate .certificate-table tbody tr:nth-child(even){background:#f8fbff}body.page-alumni-certificate .notice-box.accent{background:#fff8e8;border-left-color:#d79b00}body.page-alumni-certificate .method-grid{display:grid;grid-template-columns:1fr;gap:20px}body.page-alumni-certificate .method-card{background:#f8fbff;border:1px solid #d9e8f5;border-radius:14px;padding:22px}body.page-alumni-certificate .method-card.wide{grid-column:1/-1}body.page-alumni-certificate .method-label{display:inline-block;background:#e6f2ff;color:#003366;border-radius:999px;padding:5px 12px;font-weight:bold;font-size:.86rem;margin-bottom:10px}body.page-alumni-certificate .method-card h3{margin:0 0 10px}body.page-alumni-certificate .method-card ol{padding-left:2em;margin-top:10px}body.page-alumni-certificate .method-card ul{padding-left:2em;margin-top:10px;list-style-type:disc}body.page-alumni-certificate .method-card ul li::marker{color:#000}body.page-alumni-certificate .method-card li{margin:.25em 0}body.page-alumni-certificate .link-line{margin-top:12px}body.page-alumni-certificate .link-line a{color:#003366;font-weight:bold}body.page-alumni-certificate .fee-box{background:#f8fbff;border:1px solid #d9e8f5;border-radius:14px;padding:22px;margin-bottom:16px}body.page-alumni-certificate .fee-main{font-size:1.15rem;margin-bottom:8px}body.page-alumni-certificate .fee-main strong{font-size:1.8rem;color:#003366}body.page-alumni-certificate .postage-emphasis{color:#003366;font-weight:bold;text-decoration:underline;text-underline-offset:3px}body.page-alumni-certificate .pdf-grid.single{grid-template-columns:1fr;max-width:420px}body.page-alumni-certificate .pdf-card{display:flex;align-items:center;gap:12px}body.page-alumni-certificate .pdf-card i{font-size:1.5rem;color:#c62828}body.page-alumni-certificate .contact-box.polished{border-left:0;border:1px solid #d9e8f5;background:#f8fbff;border-radius:14px}
body.page-alumni-certificate .accordion-sample{display:flex;flex-direction:column;gap:10px;margin:14px 0 18px}body.page-alumni-certificate .accordion-sample details{background:#fff;border:1px solid #d9e8f5;border-radius:10px;overflow:hidden}body.page-alumni-certificate .accordion-sample summary{position:relative;display:block;padding:13px 44px 13px 16px;color:#003366;font-weight:bold;cursor:pointer;list-style:none}body.page-alumni-certificate .accordion-sample summary::-webkit-details-marker{display:none}body.page-alumni-certificate .accordion-sample summary::after{content:"＋";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:bold}body.page-alumni-certificate .accordion-sample details[open] summary{background:#e6f2ff}body.page-alumni-certificate .accordion-sample details[open] summary::after{content:"－"}body.page-alumni-certificate .accordion-content{padding:14px 16px;border-top:1px solid #d9e8f5;background:#fff}body.page-alumni-certificate .accordion-content p{margin:0}body.page-alumni-certificate .accordion-content ul{padding-left:2em;margin-top:10px;list-style-type:disc}body.page-alumni-certificate .accordion-content ul li::marker{color:#000}
@media(max-width:900px){body.page-alumni-certificate .method-grid{grid-template-columns:1fr}body.page-alumni-certificate .info-block{padding:20px}body.page-alumni-certificate .certificate-table{min-width:0}}

body.page-alumni-certificate footer{background:#003366;color:#fff;margin-top:60px}body.page-alumni-certificate .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}body.page-alumni-certificate .footer-school-info{display:flex;flex-direction:column;gap:5px}body.page-alumni-certificate .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){body.page-alumni-certificate .pdf-grid, body.page-alumni-certificate .flow-grid, body.page-alumni-certificate .check-list{grid-template-columns:1fr}body.page-alumni-certificate .page-title{font-size:1.7rem}}

/* ===== calendar/monthly_schedule.html ===== */

body.page-calendar-monthly_schedule *{margin:0;padding:0;box-sizing:border-box}
body.page-calendar-monthly_schedule{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-calendar-monthly_schedule a{color:inherit}


 body.page-calendar-monthly_schedule .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-calendar-monthly_schedule .hero-slider{width:100%;height:100%;position:relative}
body.page-calendar-monthly_schedule .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-calendar-monthly_schedule .hero-slide.active{opacity:1}
body.page-calendar-monthly_schedule .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-calendar-monthly_schedule .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-calendar-monthly_schedule .hero-button.prev{left:18px}
body.page-calendar-monthly_schedule .hero-button.next{right:18px}
body.page-calendar-monthly_schedule .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-calendar-monthly_schedule .main-content, body.page-calendar-monthly_schedule .news-section, body.page-calendar-monthly_schedule .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-calendar-monthly_schedule .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-calendar-monthly_schedule .card-link{display:block;color:inherit;text-decoration:none}
body.page-calendar-monthly_schedule .card-link .card{height:100%;transition:.25s}
body.page-calendar-monthly_schedule .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-calendar-monthly_schedule .card, body.page-calendar-monthly_schedule .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-calendar-monthly_schedule .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-calendar-monthly_schedule .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-calendar-monthly_schedule .card-body, body.page-calendar-monthly_schedule .info-body{padding:20px}
body.page-calendar-monthly_schedule .card-title, body.page-calendar-monthly_schedule .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-calendar-monthly_schedule .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-calendar-monthly_schedule .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-calendar-monthly_schedule .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-calendar-monthly_schedule .news-item:last-child{border-bottom:none}
body.page-calendar-monthly_schedule .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-calendar-monthly_schedule .news-link{text-decoration:none;color:#003366}
body.page-calendar-monthly_schedule .news-link:hover{text-decoration:underline}
body.page-calendar-monthly_schedule .news-status{display:block;color:#666}
body.page-calendar-monthly_schedule .news-status.is-error{color:#a40000}
body.page-calendar-monthly_schedule .news-footer{text-align:right;margin-top:20px}
body.page-calendar-monthly_schedule .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-calendar-monthly_schedule .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-calendar-monthly_schedule .bottom-grid + .bottom-grid{margin-top:30px}
body.page-calendar-monthly_schedule footer{background:#003366;color:#fff;margin-top:60px}
body.page-calendar-monthly_schedule .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-calendar-monthly_schedule .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-calendar-monthly_schedule .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-calendar-monthly_schedule .hero{height:420px;margin:0 15px}
body.page-calendar-monthly_schedule .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-calendar-monthly_schedule .hero-button.prev{left:10px}
body.page-calendar-monthly_schedule .hero-button.next{right:10px}
body.page-calendar-monthly_schedule .card-grid, body.page-calendar-monthly_schedule .bottom-grid{grid-template-columns:1fr}
body.page-calendar-monthly_schedule .news-item{flex-direction:column;gap:5px}
}


body.page-calendar-monthly_schedule .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}

body.page-calendar-monthly_schedule .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-calendar-monthly_schedule .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}

body.page-calendar-monthly_schedule .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-calendar-monthly_schedule .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-calendar-monthly_schedule .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-calendar-monthly_schedule .notification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}


body.page-calendar-monthly_schedule .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-calendar-monthly_schedule .notification-card{
    --month-color:#0055a5;
    --month-color-light:#59D5FF;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:180px;
    padding:36px 20px 24px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(0,51,102,.08);
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
    color:#003366;
    text-align:center;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;
}
body.page-calendar-monthly_schedule .notification-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:9px;
    background:linear-gradient(90deg,var(--month-color-light),var(--month-color));
}
body.page-calendar-monthly_schedule .notification-card::after{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    right:-50px;
    bottom:-62px;
    border-radius:50%;
    background:var(--month-color-light);
    opacity:.10;
    transition:transform .3s ease,opacity .3s ease;
}
body.page-calendar-monthly_schedule .month-icon{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:66px;
    height:66px;
    margin-bottom:14px;
    border-radius:50%;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,249,253,.98));
    box-shadow:0 5px 14px rgba(0,51,102,.12),inset 0 0 0 2px var(--month-color-light);
    color:var(--month-color);
    font-size:2rem;
    transition:transform .25s ease,box-shadow .25s ease;
}
body.page-calendar-monthly_schedule .month-name{
    position:relative;
    z-index:1;
    font-size:1.45rem;
    font-weight:700;
    letter-spacing:.06em;
}
body.page-calendar-monthly_schedule .notification-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 24px rgba(0,0,0,.16);
    background:linear-gradient(180deg,#fff 0%,rgba(230,247,255,.72) 100%);
    color:#003366;
}
body.page-calendar-monthly_schedule .notification-card:hover::after{transform:scale(1.18);opacity:.16}
body.page-calendar-monthly_schedule .notification-card:hover .month-icon{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 18px rgba(0,51,102,.16),inset 0 0 0 2px var(--month-color-light)}
body.page-calendar-monthly_schedule .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}

body.page-calendar-monthly_schedule .month-apr{--month-color:#d85b8a;--month-color-light:#ffc1d6}
body.page-calendar-monthly_schedule .month-may{--month-color:#2f8f5b;--month-color-light:#9ad8ae}
body.page-calendar-monthly_schedule .month-jun{--month-color:#5867b3;--month-color-light:#b9c4ff}
body.page-calendar-monthly_schedule .month-jul{--month-color:#0b6f95;--month-color-light:#75d7f0}
body.page-calendar-monthly_schedule .month-aug{--month-color:#293a8f;--month-color-light:#8f9cff}
body.page-calendar-monthly_schedule .month-sep{--month-color:#c18a20;--month-color-light:#f4d27a}
body.page-calendar-monthly_schedule .month-oct{--month-color:#d26a2c;--month-color-light:#f6b27c}
body.page-calendar-monthly_schedule .month-nov{--month-color:#9a5a2d;--month-color-light:#d9a77f}
body.page-calendar-monthly_schedule .month-dec{--month-color:#b33b4a;--month-color-light:#77b98a}
body.page-calendar-monthly_schedule .month-jan{--month-color:#3279b7;--month-color-light:#a8dcff}
body.page-calendar-monthly_schedule .month-feb{--month-color:#9c5c9f;--month-color-light:#e0b6e4}
body.page-calendar-monthly_schedule .month-mar{--month-color:#d96e99;--month-color-light:#ffc7dc}
@media(max-width:900px){body.page-calendar-monthly_schedule .notification-grid{grid-template-columns:1fr}body.page-calendar-monthly_schedule .notification-main{margin:35px auto}body.page-calendar-monthly_schedule .page-title{padding:11px 18px;font-size:1.45rem}body.page-calendar-monthly_schedule .page-title::after{width:70px}body.page-calendar-monthly_schedule .notification-card{min-height:120px}}


body.page-calendar-monthly_schedule .accordion-title{
    cursor:pointer;
    user-select:none;
    justify-content:flex-start;
}
body.page-calendar-monthly_schedule .accordion-title::before{display:none}
body.page-calendar-monthly_schedule .accordion-title .accordion-icon{
    width:1em;
    flex:0 0 1em;
    color:#59D5FF;
    font-size:.82em;
    text-align:center;
    transform:rotate(0deg);
    transform-origin:center;
    transition:transform .3s ease;
}
body.page-calendar-monthly_schedule .accordion-title.active .accordion-icon{transform:rotate(90deg)}
body.page-calendar-monthly_schedule .accordion-title:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-calendar-monthly_schedule .accordion-content{
    display:grid;
    max-height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
    transform:translateY(-14px);
    transition:max-height .45s ease,opacity .3s ease,transform .45s ease,visibility 0s linear .45s;
}
body.page-calendar-monthly_schedule .accordion-content.is-open{
    max-height:500px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:max-height .45s ease,opacity .35s ease .08s,transform .45s ease,visibility 0s;
}
@media(prefers-reduced-motion:reduce){
    body.page-calendar-monthly_schedule .accordion-title .accordion-icon, body.page-calendar-monthly_schedule .accordion-content{transition:none}
}


/* ===== calendar/daily_schedule.html ===== */

body.page-calendar-daily_schedule *{margin:0;padding:0;box-sizing:border-box}
body.page-calendar-daily_schedule{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-calendar-daily_schedule a{color:inherit}


 body.page-calendar-daily_schedule .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-calendar-daily_schedule .hero-slider{width:100%;height:100%;position:relative}
body.page-calendar-daily_schedule .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-calendar-daily_schedule .hero-slide.active{opacity:1}
body.page-calendar-daily_schedule .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-calendar-daily_schedule .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-calendar-daily_schedule .hero-button.prev{left:18px}
body.page-calendar-daily_schedule .hero-button.next{right:18px}
body.page-calendar-daily_schedule .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-calendar-daily_schedule .main-content, body.page-calendar-daily_schedule .news-section, body.page-calendar-daily_schedule .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-calendar-daily_schedule .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-calendar-daily_schedule .card-link{display:block;color:inherit;text-decoration:none}
body.page-calendar-daily_schedule .card-link .card{height:100%;transition:.25s}
body.page-calendar-daily_schedule .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-calendar-daily_schedule .card, body.page-calendar-daily_schedule .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-calendar-daily_schedule .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-calendar-daily_schedule .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-calendar-daily_schedule .card-body, body.page-calendar-daily_schedule .info-body{padding:20px}
body.page-calendar-daily_schedule .card-title, body.page-calendar-daily_schedule .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-calendar-daily_schedule .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-calendar-daily_schedule .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-calendar-daily_schedule .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-calendar-daily_schedule .news-item:last-child{border-bottom:none}
body.page-calendar-daily_schedule .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-calendar-daily_schedule .news-link{text-decoration:none;color:#003366}
body.page-calendar-daily_schedule .news-link:hover{text-decoration:underline}
body.page-calendar-daily_schedule .news-status{display:block;color:#666}
body.page-calendar-daily_schedule .news-status.is-error{color:#a40000}
body.page-calendar-daily_schedule .news-footer{text-align:right;margin-top:20px}
body.page-calendar-daily_schedule .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-calendar-daily_schedule .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-calendar-daily_schedule .bottom-grid + .bottom-grid{margin-top:30px}
body.page-calendar-daily_schedule footer{background:#003366;color:#fff;margin-top:60px}
body.page-calendar-daily_schedule .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-calendar-daily_schedule .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-calendar-daily_schedule .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-calendar-daily_schedule .hero{height:420px;margin:0 15px}
body.page-calendar-daily_schedule .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-calendar-daily_schedule .hero-button.prev{left:10px}
body.page-calendar-daily_schedule .hero-button.next{right:10px}
body.page-calendar-daily_schedule .card-grid, body.page-calendar-daily_schedule .bottom-grid{grid-template-columns:1fr}
body.page-calendar-daily_schedule .news-item{flex-direction:column;gap:5px}
}


body.page-calendar-daily_schedule .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}

body.page-calendar-daily_schedule .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-calendar-daily_schedule .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}

body.page-calendar-daily_schedule .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-calendar-daily_schedule .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-calendar-daily_schedule .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-calendar-daily_schedule .notification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}


body.page-calendar-daily_schedule .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-calendar-daily_schedule .notification-card{
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-calendar-daily_schedule .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}

body.page-calendar-daily_schedule .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-calendar-daily_schedule .notification-grid{grid-template-columns:1fr}body.page-calendar-daily_schedule .notification-main{margin:35px auto}body.page-calendar-daily_schedule .page-title{padding:11px 18px;font-size:1.45rem}body.page-calendar-daily_schedule .page-title::after{width:70px}body.page-calendar-daily_schedule .notification-card{min-height:120px}}


body.page-calendar-daily_schedule .accordion-title{
    cursor:pointer;
    user-select:none;
    justify-content:flex-start;
}
body.page-calendar-daily_schedule .accordion-title::before{display:none}
body.page-calendar-daily_schedule .accordion-title .accordion-icon{
    width:1em;
    flex:0 0 1em;
    color:#59D5FF;
    font-size:.82em;
    text-align:center;
    transform:rotate(0deg);
    transform-origin:center;
    transition:transform .3s ease;
}
body.page-calendar-daily_schedule .accordion-title.active .accordion-icon{transform:rotate(90deg)}
body.page-calendar-daily_schedule .accordion-title:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-calendar-daily_schedule .accordion-content{
    display:grid;
    max-height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
    transform:translateY(-14px);
    transition:max-height .45s ease,opacity .3s ease,transform .45s ease,visibility 0s linear .45s;
}
body.page-calendar-daily_schedule .accordion-content.is-open{
    max-height:500px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:max-height .45s ease,opacity .35s ease .08s,transform .45s ease,visibility 0s;
}
@media(prefers-reduced-motion:reduce){
    body.page-calendar-daily_schedule .accordion-title .accordion-icon, body.page-calendar-daily_schedule .accordion-content{transition:none}
}

body.page-calendar-daily_schedule .timetable-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
body.page-calendar-daily_schedule .timetable-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,51,102,.12);overflow:hidden;border-top:5px solid #59D5FF}
body.page-calendar-daily_schedule .timetable-caption{padding:16px 20px;background:linear-gradient(90deg,#003366 0%,#0055a5 100%);color:#fff;font-size:1.2rem;font-weight:bold;text-align:center;letter-spacing:.05em}
body.page-calendar-daily_schedule .timetable{width:100%;border-collapse:collapse;table-layout:fixed}
body.page-calendar-daily_schedule .timetable th, body.page-calendar-daily_schedule .timetable td{padding:16px 14px;border-bottom:1px solid #dce6ef;text-align:center;font-size:1rem}
body.page-calendar-daily_schedule .timetable tr:last-child th, body.page-calendar-daily_schedule .timetable tr:last-child td{border-bottom:none}
body.page-calendar-daily_schedule .timetable th{width:38%;background:#eef7fc;color:#003366;font-weight:bold;border-right:1px solid #dce6ef}
body.page-calendar-daily_schedule .timetable td{background:#fff;color:#333;font-variant-numeric:tabular-nums}
body.page-calendar-daily_schedule .timetable tr:nth-child(even) th{background:#e4f2fa}
body.page-calendar-daily_schedule .timetable tr:hover th, body.page-calendar-daily_schedule .timetable tr:hover td{background:#f3fbff}
@media(max-width:900px){body.page-calendar-daily_schedule .timetable-wrapper{grid-template-columns:1fr;gap:24px}body.page-calendar-daily_schedule .timetable th, body.page-calendar-daily_schedule .timetable td{padding:14px 10px}body.page-calendar-daily_schedule .section-heading{font-size:1.9rem}}


/* ===== introduction/club_activities/baseball_club.html ===== */

body.page-introduction-club_activities-baseball_club *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-club_activities-baseball_club{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-introduction-club_activities-baseball_club a{color:inherit}


 body.page-introduction-club_activities-baseball_club .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-introduction-club_activities-baseball_club .hero-slider{width:100%;height:100%;position:relative}
body.page-introduction-club_activities-baseball_club .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-introduction-club_activities-baseball_club .hero-slide.active{opacity:1}
body.page-introduction-club_activities-baseball_club .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-introduction-club_activities-baseball_club .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-introduction-club_activities-baseball_club .hero-button.prev{left:18px}
body.page-introduction-club_activities-baseball_club .hero-button.next{right:18px}
body.page-introduction-club_activities-baseball_club .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-introduction-club_activities-baseball_club .main-content, body.page-introduction-club_activities-baseball_club .news-section, body.page-introduction-club_activities-baseball_club .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-introduction-club_activities-baseball_club .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-introduction-club_activities-baseball_club .card-link{display:block;color:inherit;text-decoration:none}
body.page-introduction-club_activities-baseball_club .card-link .card{height:100%;transition:.25s}
body.page-introduction-club_activities-baseball_club .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-introduction-club_activities-baseball_club .card, body.page-introduction-club_activities-baseball_club .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-introduction-club_activities-baseball_club .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-introduction-club_activities-baseball_club .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-introduction-club_activities-baseball_club .card-body, body.page-introduction-club_activities-baseball_club .info-body{padding:20px}
body.page-introduction-club_activities-baseball_club .card-title, body.page-introduction-club_activities-baseball_club .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-introduction-club_activities-baseball_club .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-introduction-club_activities-baseball_club .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-introduction-club_activities-baseball_club .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-introduction-club_activities-baseball_club .news-item:last-child{border-bottom:none}
body.page-introduction-club_activities-baseball_club .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-introduction-club_activities-baseball_club .news-link{text-decoration:none;color:#003366}
body.page-introduction-club_activities-baseball_club .news-link:hover{text-decoration:underline}
body.page-introduction-club_activities-baseball_club .news-status{display:block;color:#666}
body.page-introduction-club_activities-baseball_club .news-status.is-error{color:#a40000}
body.page-introduction-club_activities-baseball_club .news-footer{text-align:right;margin-top:20px}
body.page-introduction-club_activities-baseball_club .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-introduction-club_activities-baseball_club .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-introduction-club_activities-baseball_club .bottom-grid + .bottom-grid{margin-top:30px}
body.page-introduction-club_activities-baseball_club footer{background:#003366;color:#fff;margin-top:60px}
body.page-introduction-club_activities-baseball_club .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-introduction-club_activities-baseball_club .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-introduction-club_activities-baseball_club .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-introduction-club_activities-baseball_club .hero{height:420px;margin:0 15px}
body.page-introduction-club_activities-baseball_club .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-introduction-club_activities-baseball_club .hero-button.prev{left:10px}
body.page-introduction-club_activities-baseball_club .hero-button.next{right:10px}
body.page-introduction-club_activities-baseball_club .card-grid, body.page-introduction-club_activities-baseball_club .bottom-grid{grid-template-columns:1fr}
body.page-introduction-club_activities-baseball_club .news-item{flex-direction:column;gap:5px}
}


body.page-introduction-club_activities-baseball_club .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}

body.page-introduction-club_activities-baseball_club .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-introduction-club_activities-baseball_club .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}

body.page-introduction-club_activities-baseball_club .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-introduction-club_activities-baseball_club .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-introduction-club_activities-baseball_club .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-introduction-club_activities-baseball_club .notification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}


body.page-introduction-club_activities-baseball_club .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-introduction-club_activities-baseball_club .notification-card{
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-introduction-club_activities-baseball_club .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}

body.page-introduction-club_activities-baseball_club .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-introduction-club_activities-baseball_club .notification-grid{grid-template-columns:1fr}body.page-introduction-club_activities-baseball_club .notification-main{margin:35px auto}body.page-introduction-club_activities-baseball_club .page-title{padding:11px 18px;font-size:1.45rem}body.page-introduction-club_activities-baseball_club .page-title::after{width:70px}body.page-introduction-club_activities-baseball_club .notification-card{min-height:120px}}


body.page-introduction-club_activities-baseball_club .accordion-title{
    cursor:pointer;
    user-select:none;
    justify-content:flex-start;
}
body.page-introduction-club_activities-baseball_club .accordion-title::before{display:none}
body.page-introduction-club_activities-baseball_club .accordion-title .accordion-icon{
    width:1em;
    flex:0 0 1em;
    color:#59D5FF;
    font-size:.82em;
    text-align:center;
    transform:rotate(0deg);
    transform-origin:center;
    transition:transform .3s ease;
}
body.page-introduction-club_activities-baseball_club .accordion-title.active .accordion-icon{transform:rotate(90deg)}
body.page-introduction-club_activities-baseball_club .accordion-title:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-introduction-club_activities-baseball_club .accordion-content{
    display:grid;
    max-height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
    transform:translateY(-14px);
    transition:max-height .45s ease,opacity .3s ease,transform .45s ease,visibility 0s linear .45s;
}
body.page-introduction-club_activities-baseball_club .accordion-content.is-open{
    max-height:500px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:max-height .45s ease,opacity .35s ease .08s,transform .45s ease,visibility 0s;
}
@media(prefers-reduced-motion:reduce){
    body.page-introduction-club_activities-baseball_club .accordion-title .accordion-icon, body.page-introduction-club_activities-baseball_club .accordion-content{transition:none}
}


/* ===== 部活動紹介ページ ===== */
body.page-introduction-club_activities-baseball_club .club-main{max-width:1200px;margin:46px auto 0;padding:0 20px}
body.page-introduction-club_activities-baseball_club .club-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:360px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,51,102,.13)}
body.page-introduction-club_activities-baseball_club .club-visual{position:relative;min-height:360px;background:linear-gradient(135deg,#0b4b83,#003366);overflow:hidden}
body.page-introduction-club_activities-baseball_club .club-visual img{width:100%;height:100%;object-fit:cover;display:block}
body.page-introduction-club_activities-baseball_club .club-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,70,.12),rgba(0,35,70,.03))}
body.page-introduction-club_activities-baseball_club .club-photo-placeholder{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 25% 25%,rgba(89,213,255,.35),transparent 28%),linear-gradient(135deg,#0055a5,#002b55)}
body.page-introduction-club_activities-baseball_club .club-photo-placeholder i{font-size:6rem;margin-bottom:16px;opacity:.9}
body.page-introduction-club_activities-baseball_club .club-photo-placeholder span{font-size:.95rem;letter-spacing:.12em;opacity:.85}
body.page-introduction-club_activities-baseball_club .club-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 42px 38px;position:relative}
body.page-introduction-club_activities-baseball_club .club-kicker{display:inline-flex;align-items:center;gap:.55em;width:max-content;margin-bottom:14px;color:#0055a5;font-weight:700;letter-spacing:.12em;font-size:.9rem}
body.page-introduction-club_activities-baseball_club .club-kicker::before{content:"";width:34px;height:3px;background:#59D5FF;border-radius:999px}
body.page-introduction-club_activities-baseball_club .club-name{font-size:2.65rem;line-height:1.15;color:#003366;letter-spacing:.06em;margin-bottom:10px}
body.page-introduction-club_activities-baseball_club .club-en{color:#7c8da0;font-weight:700;letter-spacing:.18em;margin-bottom:22px}
body.page-introduction-club_activities-baseball_club .club-lead{font-size:1.02rem;color:#4a5662;margin-bottom:24px}
body.page-introduction-club_activities-baseball_club .club-tags{display:flex;flex-wrap:wrap;gap:10px}
body.page-introduction-club_activities-baseball_club .club-tag{display:inline-flex;align-items:center;gap:.45em;padding:8px 13px;border-radius:999px;background:#eaf7ff;color:#004c80;font-weight:700;font-size:.9rem}
body.page-introduction-club_activities-baseball_club .club-content-grid, body.page-introduction-club_activities-baseball_club .club-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}
body.page-introduction-club_activities-baseball_club .club-panel{background:#fff;border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.08);padding:26px 28px}
body.page-introduction-club_activities-baseball_club .club-panel-title{display:flex;align-items:center;gap:.65em;color:#003366;font-size:1.18rem;margin-bottom:17px;padding-bottom:11px;border-bottom:2px solid #d9edf8}
body.page-introduction-club_activities-baseball_club .club-panel-title i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8f7ff;color:#0055a5}
body.page-introduction-club_activities-baseball_club .club-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;list-style:none}
body.page-introduction-club_activities-baseball_club .club-info-list li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:9px;background:#f7f9fc}
body.page-introduction-club_activities-baseball_club .club-info-list i{width:20px;color:#0055a5;margin-top:.25em;text-align:center}
body.page-introduction-club_activities-baseball_club .club-info-label{display:block;color:#758292;font-size:.78rem;font-weight:700;letter-spacing:.06em}
body.page-introduction-club_activities-baseball_club .club-info-value{display:block;color:#273746;font-weight:700}
body.page-introduction-club_activities-baseball_club .captain-message{position:relative;background:linear-gradient(135deg,#f0faff,#fff);border-left:5px solid #59D5FF}
body.page-introduction-club_activities-baseball_club .captain-message::before{content:"“";position:absolute;right:22px;top:0;color:rgba(0,85,165,.09);font-family:serif;font-size:7rem;line-height:1}
body.page-introduction-club_activities-baseball_club .captain-name{display:flex;align-items:center;gap:12px;margin-top:18px;color:#003366;font-weight:700}
body.page-introduction-club_activities-baseball_club .captain-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#003366;color:#fff}
body.page-introduction-club_activities-baseball_club .club-bottom{margin-top:24px}
body.page-introduction-club_activities-baseball_club .point-list{display:grid;gap:11px;list-style:none}
body.page-introduction-club_activities-baseball_club .point-list li{display:flex;align-items:flex-start;gap:11px}
body.page-introduction-club_activities-baseball_club .point-list i{color:#59b8df;margin-top:.25em}
body.page-introduction-club_activities-baseball_club .club-goal{display:flex;gap:18px;align-items:center}
body.page-introduction-club_activities-baseball_club .goal-icon{flex:0 0 68px;width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#003366,#0055a5);color:#fff;font-size:1.7rem;box-shadow:0 7px 16px rgba(0,51,102,.18)}
body.page-introduction-club_activities-baseball_club .club-note{margin-top:24px;padding:16px 20px;border-radius:10px;background:#eef7fb;color:#3a5568;font-size:.92rem}
body.page-introduction-club_activities-baseball_club .club-actions{display:flex;justify-content:flex-end;margin-top:20px}
body.page-introduction-club_activities-baseball_club .club-back{display:inline-flex;align-items:center;gap:.55em;padding:11px 18px;border-radius:7px;background:#003366;color:#fff;text-decoration:none;font-weight:700;transition:.2s}
body.page-introduction-club_activities-baseball_club .club-back:hover{background:#0055a5;transform:translateY(-2px)}
@media(max-width:900px){
body.page-introduction-club_activities-baseball_club .club-main{margin-top:32px}body.page-introduction-club_activities-baseball_club .club-hero{grid-template-columns:1fr}body.page-introduction-club_activities-baseball_club .club-visual, body.page-introduction-club_activities-baseball_club .club-photo-placeholder{min-height:260px}body.page-introduction-club_activities-baseball_club .club-hero-copy{padding:30px 25px}body.page-introduction-club_activities-baseball_club .club-name{font-size:2.15rem}body.page-introduction-club_activities-baseball_club .club-content-grid, body.page-introduction-club_activities-baseball_club .club-bottom{grid-template-columns:1fr}body.page-introduction-club_activities-baseball_club .club-info-list{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){body.page-introduction-club_activities-baseball_club .club-info-list{grid-template-columns:1fr}body.page-introduction-club_activities-baseball_club .club-panel{padding:22px 20px}body.page-introduction-club_activities-baseball_club .club-main{padding:0 14px}body.page-introduction-club_activities-baseball_club .club-goal{align-items:flex-start}body.page-introduction-club_activities-baseball_club .goal-icon{width:58px;height:58px;flex-basis:58px}}


/* ===== introduction/club_activities/club_activities.html ===== */

body.page-introduction-club_activities-club_activities *{margin:0;padding:0;box-sizing:border-box}
body.page-introduction-club_activities-club_activities{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#f8f9fb;line-height:1.6;color:#333}
body.page-introduction-club_activities-club_activities a{color:inherit}


 body.page-introduction-club_activities-club_activities .hero{max-width:1200px;height:672px;margin:0 auto;background:#f5f5f5;overflow:hidden;position:relative}
body.page-introduction-club_activities-club_activities .hero-slider{width:100%;height:100%;position:relative}
body.page-introduction-club_activities-club_activities .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}
body.page-introduction-club_activities-club_activities .hero-slide.active{opacity:1}
body.page-introduction-club_activities-club_activities .hero-button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(0,51,102,.72);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
body.page-introduction-club_activities-club_activities .hero-button:hover{background:rgba(0,51,102,.95)}
body.page-introduction-club_activities-club_activities .hero-button.prev{left:18px}
body.page-introduction-club_activities-club_activities .hero-button.next{right:18px}
body.page-introduction-club_activities-club_activities .hero-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.page-introduction-club_activities-club_activities .main-content, body.page-introduction-club_activities-club_activities .news-section, body.page-introduction-club_activities-club_activities .bottom-section{max-width:1200px;margin:50px auto;padding:0 20px}
body.page-introduction-club_activities-club_activities .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
body.page-introduction-club_activities-club_activities .card-link{display:block;color:inherit;text-decoration:none}
body.page-introduction-club_activities-club_activities .card-link .card{height:100%;transition:.25s}
body.page-introduction-club_activities-club_activities .card-link:hover .card{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
body.page-introduction-club_activities-club_activities .card, body.page-introduction-club_activities-club_activities .info-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body.page-introduction-club_activities-club_activities .card-image{width:100%;height:200px;overflow:hidden;background:#d9e8f5}
body.page-introduction-club_activities-club_activities .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
body.page-introduction-club_activities-club_activities .card-body, body.page-introduction-club_activities-club_activities .info-body{padding:20px}
body.page-introduction-club_activities-club_activities .card-title, body.page-introduction-club_activities-club_activities .info-title{font-size:1.2rem;font-weight:bold;color:#003366;margin-bottom:10px}
body.page-introduction-club_activities-club_activities .news-title{font-size:1.8rem;color:#003366;margin-bottom:20px}
body.page-introduction-club_activities-club_activities .news-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}
body.page-introduction-club_activities-club_activities .news-item{display:flex;gap:20px;padding:18px 25px;border-bottom:1px solid #eee}
body.page-introduction-club_activities-club_activities .news-item:last-child{border-bottom:none}
body.page-introduction-club_activities-club_activities .news-date{min-width:120px;font-weight:bold;color:#666}
body.page-introduction-club_activities-club_activities .news-link{text-decoration:none;color:#003366}
body.page-introduction-club_activities-club_activities .news-link:hover{text-decoration:underline}
body.page-introduction-club_activities-club_activities .news-status{display:block;color:#666}
body.page-introduction-club_activities-club_activities .news-status.is-error{color:#a40000}
body.page-introduction-club_activities-club_activities .news-footer{text-align:right;margin-top:20px}
body.page-introduction-club_activities-club_activities .more-btn{display:inline-block;background:#003366;color:#fff;text-decoration:none;padding:12px 25px;border-radius:5px}
body.page-introduction-club_activities-club_activities .bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.page-introduction-club_activities-club_activities .bottom-grid + .bottom-grid{margin-top:30px}
body.page-introduction-club_activities-club_activities footer{background:#003366;color:#fff;margin-top:60px}
body.page-introduction-club_activities-club_activities .footer-container{max-width:1200px;margin:0 auto;padding:30px 20px}
body.page-introduction-club_activities-club_activities .footer-school-info{display:flex;flex-direction:column;gap:5px}
body.page-introduction-club_activities-club_activities .footer-school-name{font-size:1.2rem;font-weight:bold}
@media(max-width:900px){


body.page-introduction-club_activities-club_activities .hero{height:420px;margin:0 15px}
body.page-introduction-club_activities-club_activities .hero-button{width:40px;height:40px;font-size:1.2rem}
body.page-introduction-club_activities-club_activities .hero-button.prev{left:10px}
body.page-introduction-club_activities-club_activities .hero-button.next{right:10px}
body.page-introduction-club_activities-club_activities .card-grid, body.page-introduction-club_activities-club_activities .bottom-grid{grid-template-columns:1fr}
body.page-introduction-club_activities-club_activities .news-item{flex-direction:column;gap:5px}
}


body.page-introduction-club_activities-club_activities .notification-main{max-width:1200px;margin:50px auto;padding:0 20px;min-height:420px}

body.page-introduction-club_activities-club_activities .section-heading{
text-align:center;
margin:0 0 18px;
font-size:2.2rem;
font-weight:700;
color:#003366;
letter-spacing:.08em;
position:relative;
}
body.page-introduction-club_activities-club_activities .section-heading::after{
content:"";
display:block;
width:90px;
height:4px;
margin:10px auto 0;
background:linear-gradient(90deg,#59D5FF,#0055a5);
border-radius:999px;
}

body.page-introduction-club_activities-club_activities .page-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.65em;
    margin:0 0 28px;
    padding:12px 24px 12px 30px;
    background:linear-gradient(90deg,#003366 0%,#0055a5 100%);
    border-left:8px solid #59D5FF;
    border-bottom:none;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,51,102,.18);
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    letter-spacing:.03em;
    line-height:1.4;
}

body.page-introduction-club_activities-club_activities .page-title::before{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#59D5FF;
    box-shadow:0 0 0 5px rgba(89,213,255,.22);
}
body.page-introduction-club_activities-club_activities .page-title::after{content:"";position:absolute;right:22px;bottom:10px;width:120px;height:3px;background:rgba(255,255,255,.35);border-radius:999px}
body.page-introduction-club_activities-club_activities .notification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}


body.page-introduction-club_activities-club_activities .notification-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#003366;text-decoration:none;font-size:1.2rem;font-weight:bold;text-align:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}


body.page-introduction-club_activities-club_activities .notification-card{
    border-left:5px solid transparent;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

body.page-introduction-club_activities-club_activities .notification-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    background:#E6F7FF;
    border-left-color:#59D5FF;
    color:#004C80;
}

body.page-introduction-club_activities-club_activities .notification-card:focus-visible{outline:3px solid #0055a5;outline-offset:4px}
@media(max-width:900px){body.page-introduction-club_activities-club_activities .notification-grid{grid-template-columns:1fr}body.page-introduction-club_activities-club_activities .notification-main{margin:35px auto}body.page-introduction-club_activities-club_activities .page-title{padding:11px 18px;font-size:1.45rem}body.page-introduction-club_activities-club_activities .page-title::after{width:70px}body.page-introduction-club_activities-club_activities .notification-card{min-height:120px}}


body.page-introduction-club_activities-club_activities .accordion-title{
    cursor:pointer;
    user-select:none;
    justify-content:flex-start;
}
body.page-introduction-club_activities-club_activities .accordion-title::before{display:none}
body.page-introduction-club_activities-club_activities .accordion-title .accordion-icon{
    width:1em;
    flex:0 0 1em;
    color:#59D5FF;
    font-size:.82em;
    text-align:center;
    transform:rotate(0deg);
    transform-origin:center;
    transition:transform .3s ease;
}
body.page-introduction-club_activities-club_activities .accordion-title.active .accordion-icon{transform:rotate(90deg)}
body.page-introduction-club_activities-club_activities .accordion-title:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-introduction-club_activities-club_activities .accordion-content{
    display:grid;
    max-height:0;
    opacity:0;
    overflow:hidden;
    visibility:hidden;
    transform:translateY(-14px);
    transition:max-height .45s ease,opacity .3s ease,transform .45s ease,visibility 0s linear .45s;
}
body.page-introduction-club_activities-club_activities .accordion-content.is-open{
    max-height:500px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:max-height .45s ease,opacity .35s ease .08s,transform .45s ease,visibility 0s;
}
@media(prefers-reduced-motion:reduce){
    body.page-introduction-club_activities-club_activities .accordion-title .accordion-icon, body.page-introduction-club_activities-club_activities .accordion-content{transition:none}
}


/* ===== 部活動紹介ページ ===== */
body.page-introduction-club_activities-club_activities .club-main{max-width:1200px;margin:46px auto 0;padding:0 20px}
body.page-introduction-club_activities-club_activities .club-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:360px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,51,102,.13)}
body.page-introduction-club_activities-club_activities .club-visual{position:relative;min-height:360px;background:linear-gradient(135deg,#0b4b83,#003366);overflow:hidden}
body.page-introduction-club_activities-club_activities .club-visual img{width:100%;height:100%;object-fit:cover;display:block}
body.page-introduction-club_activities-club_activities .club-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,70,.12),rgba(0,35,70,.03))}
body.page-introduction-club_activities-club_activities .club-photo-placeholder{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 25% 25%,rgba(89,213,255,.35),transparent 28%),linear-gradient(135deg,#0055a5,#002b55)}
body.page-introduction-club_activities-club_activities .club-photo-placeholder i{font-size:6rem;margin-bottom:16px;opacity:.9}
body.page-introduction-club_activities-club_activities .club-photo-placeholder span{font-size:.95rem;letter-spacing:.12em;opacity:.85}
body.page-introduction-club_activities-club_activities .club-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 42px 38px;position:relative}
body.page-introduction-club_activities-club_activities .club-kicker{display:inline-flex;align-items:center;gap:.55em;width:max-content;margin-bottom:14px;color:#0055a5;font-weight:700;letter-spacing:.12em;font-size:.9rem}
body.page-introduction-club_activities-club_activities .club-kicker::before{content:"";width:34px;height:3px;background:#59D5FF;border-radius:999px}
body.page-introduction-club_activities-club_activities .club-name{font-size:2.65rem;line-height:1.15;color:#003366;letter-spacing:.06em;margin-bottom:10px}
body.page-introduction-club_activities-club_activities .club-en{color:#7c8da0;font-weight:700;letter-spacing:.18em;margin-bottom:22px}
body.page-introduction-club_activities-club_activities .club-lead{font-size:1.02rem;color:#4a5662;margin-bottom:24px}
body.page-introduction-club_activities-club_activities .club-tags{display:flex;flex-wrap:wrap;gap:10px}
body.page-introduction-club_activities-club_activities .club-tag{display:inline-flex;align-items:center;gap:.45em;padding:8px 13px;border-radius:999px;background:#eaf7ff;color:#004c80;font-weight:700;font-size:.9rem}
body.page-introduction-club_activities-club_activities .club-content-grid, body.page-introduction-club_activities-club_activities .club-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}
body.page-introduction-club_activities-club_activities .club-panel{background:#fff;border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.08);padding:26px 28px}
body.page-introduction-club_activities-club_activities .club-panel-title{display:flex;align-items:center;gap:.65em;color:#003366;font-size:1.18rem;margin-bottom:17px;padding-bottom:11px;border-bottom:2px solid #d9edf8}
body.page-introduction-club_activities-club_activities .club-panel-title i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8f7ff;color:#0055a5}
body.page-introduction-club_activities-club_activities .club-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;list-style:none}
body.page-introduction-club_activities-club_activities .club-info-list li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:9px;background:#f7f9fc}
body.page-introduction-club_activities-club_activities .club-info-list i{width:20px;color:#0055a5;margin-top:.25em;text-align:center}
body.page-introduction-club_activities-club_activities .club-info-label{display:block;color:#758292;font-size:.78rem;font-weight:700;letter-spacing:.06em}
body.page-introduction-club_activities-club_activities .club-info-value{display:block;color:#273746;font-weight:700}
body.page-introduction-club_activities-club_activities .captain-message{position:relative;background:linear-gradient(135deg,#f0faff,#fff);border-left:5px solid #59D5FF}
body.page-introduction-club_activities-club_activities .captain-message::before{content:"“";position:absolute;right:22px;top:0;color:rgba(0,85,165,.09);font-family:serif;font-size:7rem;line-height:1}
body.page-introduction-club_activities-club_activities .captain-name{display:flex;align-items:center;gap:12px;margin-top:18px;color:#003366;font-weight:700}
body.page-introduction-club_activities-club_activities .captain-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#003366;color:#fff}
body.page-introduction-club_activities-club_activities .club-bottom{margin-top:24px}
body.page-introduction-club_activities-club_activities .point-list{display:grid;gap:11px;list-style:none}
body.page-introduction-club_activities-club_activities .point-list li{display:flex;align-items:flex-start;gap:11px}
body.page-introduction-club_activities-club_activities .point-list i{color:#59b8df;margin-top:.25em}
body.page-introduction-club_activities-club_activities .club-goal{display:flex;gap:18px;align-items:center}
body.page-introduction-club_activities-club_activities .goal-icon{flex:0 0 68px;width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#003366,#0055a5);color:#fff;font-size:1.7rem;box-shadow:0 7px 16px rgba(0,51,102,.18)}
body.page-introduction-club_activities-club_activities .club-note{margin-top:24px;padding:16px 20px;border-radius:10px;background:#eef7fb;color:#3a5568;font-size:.92rem}
body.page-introduction-club_activities-club_activities .club-actions{display:flex;justify-content:flex-end;margin-top:20px}
body.page-introduction-club_activities-club_activities .club-back{display:inline-flex;align-items:center;gap:.55em;padding:11px 18px;border-radius:7px;background:#003366;color:#fff;text-decoration:none;font-weight:700;transition:.2s}
body.page-introduction-club_activities-club_activities .club-back:hover{background:#0055a5;transform:translateY(-2px)}
@media(max-width:900px){
body.page-introduction-club_activities-club_activities .club-main{margin-top:32px}body.page-introduction-club_activities-club_activities .club-hero{grid-template-columns:1fr}body.page-introduction-club_activities-club_activities .club-visual, body.page-introduction-club_activities-club_activities .club-photo-placeholder{min-height:260px}body.page-introduction-club_activities-club_activities .club-hero-copy{padding:30px 25px}body.page-introduction-club_activities-club_activities .club-name{font-size:2.15rem}body.page-introduction-club_activities-club_activities .club-content-grid, body.page-introduction-club_activities-club_activities .club-bottom{grid-template-columns:1fr}body.page-introduction-club_activities-club_activities .club-info-list{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){body.page-introduction-club_activities-club_activities .club-info-list{grid-template-columns:1fr}body.page-introduction-club_activities-club_activities .club-panel{padding:22px 20px}body.page-introduction-club_activities-club_activities .club-main{padding:0 14px}body.page-introduction-club_activities-club_activities .club-goal{align-items:flex-start}body.page-introduction-club_activities-club_activities .goal-icon{width:58px;height:58px;flex-basis:58px}}


/* ===== 部活動エントランスページ ===== */
body.page-introduction-club_activities-club_activities .club-entrance-main{max-width:1200px;margin:46px auto 0;padding:0 20px}
body.page-introduction-club_activities-club_activities .club-entrance-lead{max-width:760px;margin:-2px auto 42px;text-align:center;color:#5b6875;font-size:1rem;line-height:1.9}
body.page-introduction-club_activities-club_activities .club-category{margin-top:38px}
body.page-introduction-club_activities-club_activities .club-category + .club-category{margin-top:56px}
body.page-introduction-club_activities-club_activities .club-category-title{position:relative;display:flex;align-items:center;gap:.7em;margin:0 0 24px;padding:13px 22px 13px 24px;border-left:8px solid #59D5FF;border-radius:12px;background:linear-gradient(90deg,#003366 0%,#0055a5 100%);color:#fff;font-size:1.45rem;letter-spacing:.05em;box-shadow:0 6px 18px rgba(0,51,102,.16)}
body.page-introduction-club_activities-club_activities .club-category-title::before{content:"";width:12px;height:12px;border-radius:50%;background:#59D5FF;box-shadow:0 0 0 5px rgba(89,213,255,.2)}
body.page-introduction-club_activities-club_activities .club-category-title i{margin-left:auto;color:rgba(255,255,255,.75);font-size:1.1rem}
body.page-introduction-club_activities-club_activities .club-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
body.page-introduction-club_activities-club_activities .club-link-card{--club-accent:#0055a5;--club-soft:#eaf5ff;position:relative;min-height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px 18px;background:#fff;border:1px solid rgba(0,51,102,.08);border-top:5px solid var(--club-accent);border-radius:15px;box-shadow:0 5px 16px rgba(0,0,0,.08);color:#003366;text-decoration:none;text-align:center;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease}
body.page-introduction-club_activities-club_activities .club-link-card::before{content:"";position:absolute;width:130px;height:130px;right:-60px;bottom:-70px;border-radius:50%;background:var(--club-soft);transition:transform .3s ease}
body.page-introduction-club_activities-club_activities .club-link-card:hover{transform:translateY(-6px);box-shadow:0 11px 25px rgba(0,51,102,.16);color:var(--club-accent)}
body.page-introduction-club_activities-club_activities .club-link-card:hover::before{transform:scale(1.18)}
body.page-introduction-club_activities-club_activities .club-link-card:focus-visible{outline:3px solid #59D5FF;outline-offset:4px}
body.page-introduction-club_activities-club_activities .club-link-icon{position:relative;z-index:1;width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:var(--club-soft);color:var(--club-accent);font-size:1.8rem;transition:transform .25s ease}
body.page-introduction-club_activities-club_activities .club-link-card:hover .club-link-icon{transform:scale(1.06) rotate(-3deg)}
body.page-introduction-club_activities-club_activities .club-link-name{position:relative;z-index:1;font-size:1.08rem;font-weight:700;letter-spacing:.03em}
body.page-introduction-club_activities-club_activities .club-link-arrow{position:absolute;right:14px;bottom:12px;z-index:1;color:var(--club-accent);font-size:.85rem;opacity:.65;transition:transform .25s ease,opacity .25s ease}
body.page-introduction-club_activities-club_activities .club-link-card:hover .club-link-arrow{transform:translateX(3px);opacity:1}
body.page-introduction-club_activities-club_activities .club-link-card.track{--club-accent:#d94a3a;--club-soft:#fff0ed}body.page-introduction-club_activities-club_activities .club-link-card.baseball{--club-accent:#17683a;--club-soft:#eaf7ef}body.page-introduction-club_activities-club_activities .club-link-card.soccer{--club-accent:#16836b;--club-soft:#e7f8f4}body.page-introduction-club_activities-club_activities .club-link-card.rugby{--club-accent:#8a4d2f;--club-soft:#f8eee9}body.page-introduction-club_activities-club_activities .club-link-card.basketball{--club-accent:#d26b1f;--club-soft:#fff1e6}body.page-introduction-club_activities-club_activities .club-link-card.volleyball{--club-accent:#2677c9;--club-soft:#eaf4ff}body.page-introduction-club_activities-club_activities .club-link-card.table-tennis{--club-accent:#c43f63;--club-soft:#fff0f4}body.page-introduction-club_activities-club_activities .club-link-card.soft-tennis{--club-accent:#4c8c3b;--club-soft:#eef8eb}body.page-introduction-club_activities-club_activities .club-link-card.badminton{--club-accent:#6558b8;--club-soft:#f0effc}body.page-introduction-club_activities-club_activities .club-link-card.kyudo{--club-accent:#374151;--club-soft:#eef1f4}
body.page-introduction-club_activities-club_activities .club-link-card.calligraphy{--club-accent:#30343b;--club-soft:#f0f1f2}body.page-introduction-club_activities-club_activities .club-link-card.tea{--club-accent:#567d46;--club-soft:#eff6ec}body.page-introduction-club_activities-club_activities .club-link-card.flower{--club-accent:#d34d78;--club-soft:#fff0f5}body.page-introduction-club_activities-club_activities .club-link-card.band{--club-accent:#b17a16;--club-soft:#fff7e4}body.page-introduction-club_activities-club_activities .club-link-card.art{--club-accent:#8a55b5;--club-soft:#f6effc}body.page-introduction-club_activities-club_activities .club-link-card.humanities{--club-accent:#396d9d;--club-soft:#edf5fb}body.page-introduction-club_activities-club_activities .club-link-card.science{--club-accent:#16848f;--club-soft:#eaf8f9}
body.page-introduction-club_activities-club_activities .club-link-card.achievement{--club-accent:#0055a5;--club-soft:#eaf5ff}body.page-introduction-club_activities-club_activities .club-link-card.achievement .club-link-icon{background:linear-gradient(135deg,#eaf7ff,#d9edf8)}
@media(max-width:900px){body.page-introduction-club_activities-club_activities .club-entrance-main{margin-top:34px}body.page-introduction-club_activities-club_activities .club-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-introduction-club_activities-club_activities .club-entrance-lead{margin-bottom:34px}body.page-introduction-club_activities-club_activities .club-category + .club-category{margin-top:46px}}
@media(max-width:560px){body.page-introduction-club_activities-club_activities .club-entrance-main{padding:0 14px}body.page-introduction-club_activities-club_activities .club-link-grid{grid-template-columns:1fr;gap:16px}body.page-introduction-club_activities-club_activities .club-link-card{min-height:132px;flex-direction:row;justify-content:flex-start;padding:20px}body.page-introduction-club_activities-club_activities .club-link-icon{width:58px;height:58px;flex:0 0 58px;font-size:1.55rem}body.page-introduction-club_activities-club_activities .club-link-name{font-size:1.05rem}body.page-introduction-club_activities-club_activities .club-category-title{font-size:1.25rem;padding:12px 17px}body.page-introduction-club_activities-club_activities .club-entrance-lead{text-align:left;font-size:.95rem}}


/* Canonical shared header/navigation — index.html is the single source of truth */
/* This block intentionally comes last so legacy page-specific header rules cannot */
/* override the current index.html header design.                                 */
/* ========================================================================== */
html body[class] header{
  background:#003366;
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
}
html body[class] .header-container{
  max-width:1440px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 24px;
  min-height:80px;
}
html body[class] .left-area{
  display:flex;
  align-items:center;
  gap:24px;
  min-height:inherit;
  flex:1;
  min-width:0;
}
html body[class] .site-title{
  color:#fff;
  font-size:1.6rem;
  font-weight:bold;
  white-space:nowrap;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:.45em;
  align-self:center;
  line-height:1;
  padding-bottom:0;
  flex-shrink:0;
}
html body[class] .site-title-logo{
  width:2.2em;
  height:2.2em;
  object-fit:contain;
  display:block;
}

html body[class] .menu-toggle{
  display:none;
  width:46px;
  height:46px;
  padding:10px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:6px;
  background:transparent;
  color:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  flex-shrink:0;
}
html body[class] .menu-toggle-bar{
  display:block;
  width:24px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transition:transform .22s ease,opacity .22s ease;
}
html body[class] .menu-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
html body[class] .menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
html body[class] .menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(2){opacity:0}
html body[class] .menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

html body[class] .navbar{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  min-width:0;
}
html body[class] .navbar ul{
  list-style:none;
  display:flex;
  align-items:stretch;
  justify-content:center;
  height:100%;
  margin:0;
  padding:0;
}
html body[class] .navbar>ul>li{
  position:relative;
  display:flex;
  align-items:stretch;
}
html body[class] .navbar>ul>li>a,
html body[class] .navbar>ul>li>.nav-label{
  display:flex;
  align-items:center;
  color:#fff;
  text-decoration:none;
  padding:0 20px;
  line-height:1;
  padding-bottom:0;
}
html body[class] .navbar>ul>li>.nav-label{cursor:default}
html body[class] .navbar>ul>li:hover>a,
html body[class] .navbar>ul>li:hover>.nav-label{background:#005a9c}
html body[class] .mega-menu{
  display:block;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  min-width:260px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease;
  transform:none;
  border:0;
}
html body[class] .navbar>ul>li:hover>.mega-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
html body[class] .mega-menu ul{
  display:flex;
  flex-direction:column;
}
html body[class] .mega-menu a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:38px;
  padding:8px 38px 8px 18px;
  color:#003366;
  text-decoration:none;
  white-space:nowrap;
  font-size:.95rem;
  line-height:1.35;
  border-left:4px solid transparent;
  border-radius:6px;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease;
}
html body[class] .mega-menu a::after{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:.72rem;
  color:#7b9abb;
  transition:transform .2s ease,color .2s ease;
}
html body[class] .mega-menu a:hover{
  background:#eef6ff;
  border-left-color:#0055a5;
  box-shadow:0 3px 10px rgba(0,51,102,.12);
  transform:translateX(4px);
}
html body[class] .mega-menu a:hover::after{
  color:#0055a5;
  transform:translate(3px,-50%);
}
html body[class] .mega-menu:not(.school-intro-menu) a:hover{background:#eef6ff;color:#003366}
html body[class] .mega-menu:not(.school-intro-menu) a:hover i{color:#003366}
html body[class] .mega-menu i{width:20px;margin-right:8px;color:#0055a5;text-align:center}
html body[class] .mega-menu a .fa-file-pdf{
  margin-left:6px;
  margin-right:0;
  width:auto;
  color:#d32f2f;
  font-size:.9em;
}
html body[class] .mega-menu .external-link-icon{
  width:auto;
  margin-left:6px;
  margin-right:0;
  font-size:.8em;
  color:#0055a5;
}
html body[class] .header-right{
  display:flex;
  align-items:center;
  gap:15px;
  align-self:center;
  margin-left:24px;
  flex-shrink:0;
}
html body[class] .sns-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
html body[class] .sns-icon.note{background:#fff;border:1px solid #ddd}
html body[class] .sns-icon.note img{width:22px;height:22px}
html body[class] .sns-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}

html body[class] .school-intro-menu{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:40px;
  min-width:620px;
  padding:18px;
}
html body[class] .navbar>ul>li:hover>.school-intro-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
html body[class] .school-intro-menu .menu-column{
  flex:1;
  min-width:260px;
}
html body[class] .school-intro-menu h4{
  color:#003366;
  margin:0 0 10px;
  padding-bottom:8px;
  border-bottom:2px solid #d9e8f5;
  font-size:1rem;
}
html body[class] .school-intro-menu .menu-column ul{
  display:flex;
  flex-direction:column;
}

@media(min-width:1181px){
  html body[class] .navbar>ul>li{position:relative}
  html body[class] .navbar>ul>li:not(:last-child)::after{
    content:"";
    position:absolute;
    top:26%;
    right:0;
    width:1px;
    height:48%;
    background:rgba(255,255,255,.22);
    pointer-events:none;
  }
  html body[class] .navbar>ul>li>a,
  html body[class] .navbar>ul>li>.nav-label{
    position:relative;
    gap:8px;
    white-space:nowrap;
    margin:0;
    padding:0 20px;
    border:none;
    border-radius:0;
    background:transparent;
    transition:background-color .2s ease,color .2s ease;
  }
  html body[class] .navbar>ul>li>a::before,
  html body[class] .navbar>ul>li>.nav-label::before{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    bottom:0;
    height:3px;
    background:rgba(255,255,255,.95);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .22s ease;
  }
  html body[class] .navbar>ul>li>.nav-label::after,
  html body[class] .navbar>ul>li>a::after{
    display:inline-block;
    position:static;
    right:auto;
    top:auto;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:.68rem;
    line-height:1;
    color:inherit;
    opacity:.9;
    transform:none;
    transition:transform .2s ease,opacity .2s ease;
  }
  html body[class] .navbar>ul>li>.nav-label::after{content:""}
  html body[class] .navbar>ul>li>a::after{content:""}
  html body[class] .navbar>ul>li:hover>a,
  html body[class] .navbar>ul>li:hover>.nav-label,
  html body[class] .navbar>ul>li:focus-within>a,
  html body[class] .navbar>ul>li:focus-within>.nav-label{
    background:rgba(255,255,255,.08);
    color:#fff;
  }
  html body[class] .navbar>ul>li:hover>a::before,
  html body[class] .navbar>ul>li:hover>.nav-label::before,
  html body[class] .navbar>ul>li:focus-within>a::before,
  html body[class] .navbar>ul>li:focus-within>.nav-label::before{transform:scaleX(1)}
  html body[class] .navbar>ul>li:hover>.nav-label::after,
  html body[class] .navbar>ul>li:focus-within>.nav-label::after{transform:rotate(180deg)}
  html body[class] .navbar>ul>li:hover>a::after,
  html body[class] .navbar>ul>li:focus-within>a::after{transform:translateX(3px)}
  html body[class] .navbar>ul>li>a:focus-visible,
  html body[class] .navbar>ul>li>.nav-label:focus-visible{
    outline:2px solid rgba(255,255,255,.95);
    outline-offset:-5px;
  }
}

@media(max-width:1180px){
  html body[class] .header-container{flex-wrap:wrap;padding:12px 20px;min-height:72px}
  html body[class] .left-area{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;width:100%;min-height:0;flex:none}
  html body[class] .site-title{min-width:0;font-size:clamp(1.05rem,4.2vw,1.4rem)}
  html body[class] .site-title-logo{flex-shrink:0}
  html body[class] .menu-toggle{display:inline-flex;grid-column:2;grid-row:1}
  html body[class] .navbar{display:none;grid-column:1 / -1;width:100%;align-self:auto}
  html body[class] .navbar.is-open{display:block}
  html body[class] .navbar ul{flex-direction:column;width:100%}
  html body[class] .navbar>ul>li{width:100%;border-top:1px solid rgba(255,255,255,.15)}
  html body[class] .navbar>ul>li>a,
  html body[class] .navbar>ul>li>.nav-label{display:flex;justify-content:space-between;align-items:center;padding:15px;line-height:1.35;white-space:normal}
  html body[class] .navbar>ul>li>a::after{content:"→";position:static;font-family:inherit;font-size:1rem;font-weight:bold;color:inherit;transform:none}
  html body[class] .navbar>ul>li>.nav-label::after{content:"+";position:static;font-family:inherit;font-size:1.2rem;font-weight:bold;color:inherit;transform:none}
  html body[class] .navbar>ul>li.active>.nav-label::after{content:"−"}
  html body[class] .mega-menu{display:none;position:static;min-width:100%;box-shadow:none;border-top:1px solid #eee;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}
  html body[class] .navbar>ul>li:hover>.mega-menu{display:none}
  html body[class] .navbar>ul>li.active .mega-menu{display:block}
  html body[class] .mega-menu a{padding:10px 38px 10px 18px}
  html body[class] .header-right{margin:10px 0 0 auto}
  html body[class] .school-intro-menu{display:none;min-width:100%;padding:0}
  html body[class] .navbar>ul>li.active>.school-intro-menu{display:block}
}

/* ===== Page-local custom properties required by original page designs ===== */
body.page-introduction-education,
body.page-introduction-missions_policies,
body.page-students_parents-textbook{
  --navy:#003366;--blue:#0055a5;--sky:#59d5ff;--pale:#eef7fc;--line:#d8e6f1;--text:#2f3a44;--muted:#657482;--white:#fff;--shadow:0 10px 30px rgba(0,51,102,.10);
}
body.page-students_parents-syllabus{
  --primary:#1768ac;--primary-dark:#0f4f85;--primary-light:#eaf4fb;--accent:#4d9bd4;--text:#263442;--muted:#667788;--border:#d7e2ea;--background:#f4f7f9;--white:#ffffff;--shadow:0 6px 18px rgba(30,78,110,.10);
}

/* ===== Footer copyright alignment (common) ===== */
body:not(.page-index) footer .footer-container{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
}
body:not(.page-index) footer .footer-copyright{
    margin-left:auto;
    text-align:right;
}
@media(max-width:700px){
    body:not(.page-index) footer .footer-container{
        flex-direction:column;
        align-items:flex-start;
    }
    body:not(.page-index) footer .footer-copyright{
        margin-left:0;
        text-align:left;
    }
}


/* ===== introduction/self-evaluation.html ===== */
body.page-introduction-self-evaluation{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:linear-gradient(180deg,#f6f9fc 0,#fff 520px);line-height:1.9;color:#24384a}
body.page-introduction-self-evaluation .self-evaluation-main{max-width:1160px;margin:54px auto 0;padding:0 24px}
body.page-introduction-self-evaluation .section-heading{text-align:center;margin:0 0 42px;font-size:clamp(2rem,4vw,2.65rem);font-weight:700;color:#003366;letter-spacing:.08em;position:relative;line-height:1.35}
body.page-introduction-self-evaluation .section-heading::before{content:"SCHOOL SELF-EVALUATION";display:block;margin-bottom:3px;color:#0066aa;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.24em}
body.page-introduction-self-evaluation .section-heading::after{content:"";display:block;width:96px;height:4px;margin:13px auto 0;background:linear-gradient(90deg,#59d5ff,#0066aa);border-radius:999px}
body.page-introduction-self-evaluation .self-evaluation-card{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(216,230,241,.9);border-radius:16px;box-shadow:0 10px 28px rgba(0,51,102,.09);padding:34px 38px 38px;margin-bottom:34px}
body.page-introduction-self-evaluation .self-evaluation-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#59d5ff,#0066aa)}
body.page-introduction-self-evaluation .lead-text{margin:0 0 26px;color:#425b70;font-size:1rem}
body.page-introduction-self-evaluation .table-scroll{width:100%;overflow-x:auto;border-radius:10px}
body.page-introduction-self-evaluation .self-evaluation-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #d5e3ef}
body.page-introduction-self-evaluation .self-evaluation-table th,body.page-introduction-self-evaluation .self-evaluation-table td{border:1px solid #d5e3ef;padding:17px 18px;text-align:center;vertical-align:middle}
body.page-introduction-self-evaluation .self-evaluation-table thead th{background:linear-gradient(180deg,#eaf6fd,#dceef9);color:#003366;font-size:1.05rem;font-weight:700}
body.page-introduction-self-evaluation .self-evaluation-table thead th:first-child{width:28%}
body.page-introduction-self-evaluation .self-evaluation-table tbody th{background:#f7fafc;color:#003366;font-weight:700;white-space:nowrap}
body.page-introduction-self-evaluation .self-evaluation-table tbody tr:hover th,body.page-introduction-self-evaluation .self-evaluation-table tbody tr:hover td{background-color:#f7fcff}
body.page-introduction-self-evaluation .pdf-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:126px;padding:10px 18px;border:1px solid #bdd7e8;border-radius:8px;background:#fff;color:#005b96;text-decoration:none;font-weight:700;box-shadow:0 2px 7px rgba(0,51,102,.06);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
body.page-introduction-self-evaluation .pdf-link i{color:#c62828;font-size:1.05rem}
body.page-introduction-self-evaluation .pdf-link:hover{transform:translateY(-2px);background:#f1faff;border-color:#7fc7e8;box-shadow:0 7px 16px rgba(0,51,102,.12)}
body.page-introduction-self-evaluation .pdf-link:focus-visible{outline:3px solid #0066aa;outline-offset:3px}
body.page-introduction-self-evaluation .pdf-note{margin:18px 0 0;color:#61788c;font-size:.92rem}
body.page-introduction-self-evaluation .pdf-note i{margin-right:6px;color:#0066aa}
body.page-introduction-self-evaluation footer{background:#003366;color:#fff;margin-top:70px}
body.page-introduction-self-evaluation .footer-container{max-width:1200px;margin:0 auto;padding:34px 24px}
body.page-introduction-self-evaluation .footer-school-info{display:flex;flex-direction:column;gap:4px}
body.page-introduction-self-evaluation .footer-school-name{font-size:1.2rem;font-weight:bold;margin-bottom:3px}
body.page-introduction-self-evaluation .footer-address,body.page-introduction-self-evaluation .footer-contact{line-height:1.6}
body.page-introduction-self-evaluation .footer-copyright{font-size:.85rem;color:rgba(255,255,255,.9);white-space:nowrap;line-height:1.6}
@media(max-width:700px){body.page-introduction-self-evaluation .self-evaluation-main{margin:38px auto 0;padding:0 16px}body.page-introduction-self-evaluation .section-heading{margin-bottom:30px;font-size:1.75rem;letter-spacing:.04em}body.page-introduction-self-evaluation .section-heading::before{font-size:.68rem;letter-spacing:.16em}body.page-introduction-self-evaluation .self-evaluation-card{padding:27px 18px 30px;border-radius:13px}body.page-introduction-self-evaluation .self-evaluation-table th,body.page-introduction-self-evaluation .self-evaluation-table td{padding:13px 9px}body.page-introduction-self-evaluation .self-evaluation-table thead th:first-child{width:34%}body.page-introduction-self-evaluation .pdf-link{min-width:0;width:100%;padding:9px 10px}}