@font-face {
  font-family: 'ZenMaruGothic';
  src: url('/assets/fonts/zen-maru-gothic/zenmaru-regular.woff2') format('woff2'),
       url('/assets/fonts/zen-maru-gothic/zenmaru-regular.ttf') format('truetype'); /* フォールバックとしてTTFも */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'ZenMaruGothic';
  src: url('/assets/fonts/Zen-Maru-Gothic/ZenMaruGothic-Medium.woff2') format('woff2'),
       url('/assets/fonts/zen-maru-gothic/zenmaru--Medium.ttf') format('truetype'); /* フォールバックとしてTTFも */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Quicksand';
  src: url('/assets/fonts/Quicksand/Quicksand_aa.woff2') format('woff2');
       /* url('/assets/fonts/Quicksand/ZenMaruGothic-Bold.ttf') format('truetype'); */
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  /* font-family: 'ZenMaruGothic', 'Hiragino Maru Gothic ProN', 'Yu Gothic', 'メイリオ', sans-serif !important; */
  font-family: 'Quicksand', 'Zen Maru Gothic', sans-serif !important;
}






/* 研究内容ページ専用の軽い調整（既存CSSを壊さない範囲） */

/* コンテンツ幅を中央寄せ */
.ar-container {
  max-width: 900px;
  margin-inline: auto;
  padding-inline: min(5vw, 24px);
  padding-block: 32px 80px;
}



/* 箇条書き（著者） */
.ar-list {
  margin: 0;
  padding-left: 1.2em;
  line-height: 1.9;
  /* color: #327a63; */
}
.ar-list--bullets li { list-style: disc; }

/* カード（外部資金・論文・MISC・口頭発表） */
.ar-card {
  background: #e8efe9;
  border: 1px solid #eee;
  color: #327a63;
  border-radius: 14px;
  padding: 18px 18px 16px;
  margin: 14px 0;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.ar-card__date {
  font-size: .95rem;
  /* font-family: 'Quicksand', 'Zen Maru Gothic', sans-serif !important; */
  /* font-family:'ZenMaruGothic','Hiragino Maru Gothic ProN','Yu Gothic',sans-serif; */
  /* color: #333; */
  color: #327a63;
  font-weight: 700;
  margin-bottom: 6px;
}
.ar-card__author {
  font-size: .9rem;
  color: #5b5b5b;
  margin-bottom: 4px;
}
.ar-card__text {
  margin: 0;
  font-size: 1.02rem;
  font-family: 'ZenMaruGothic', 'Hiragino Maru Gothic ProN', 'Yu Gothic', sans-serif !important;
  line-height: 1.9;
  color: #333;
}


/* 基本は全丸ゴ(=ZenMaruGothic) */
.ar-card__date{
  font-family:'Quicksand','ZenMaruGothic',system-ui,sans-serif !important;
}

.ar-card__date :lang(ja){
  font-family: 'ZenMaruGothic', 'Hiragino Maru Gothic ProN', 'Yu Gothic', sans-serif !important;
  /* font-weight:350;  お好みで */
}
/* 英語だけ Quicksand に切替（lang=en が付いた範囲） */
.ar-card__date :lang(en){
  font-family:'Quicksand','ZenMaruGothic',system-ui,sans-serif !important;
  /* font-weight:350;  お好みで */
}



/* 数字は丸ゴのままにしたい時は分けてラップしておく */
.ar-card__date .num{
  /* font-family:'ZenMaruGothic',sans-serif; */
  font-family:'Quicksand','ZenMaruGothic',system-ui,sans-serif !important;
  font-variant-numeric: tabular-nums; /* 桁が揃って見やすい */
}

















/* 余白の微調整（ヘッダー画像下とフッター上） */
.page-research .section-title { margin-bottom: 8px; }
/* .page-research footer { margin-top: 48px; } */

/* 小さめ画面の読みやすさ */
@media (max-width: 640px) {
  .ar-card { padding: 14px 14px 12px; }
  .ar-heading { margin: 36px 0 16px; }
  



}




/* 見出しの日本語・英語行を縦積みにする（任意） */
.page-research .ar-heading .ja,
.page-research .ar-heading .en {
  display: block !important;
}
.page-research .ar-heading .ja { margin-bottom: 0em; }

/* 日本語ラベル */
.page-research .ar-section h3.ar-heading .ja {
  font-size: 2.0rem !important;
  color: #333 !important;
  font-family: 'Quicksand','ZenMaruGothic',system-ui,sans-serif !important;
}

/* 英語ラベル */
.page-research .ar-section h3.ar-heading .en {
  font-size: 1.0rem !important;
  color: #327a63 !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;  /* 少し字間を広げる（お好みで） */
  font-family: 'Quicksand','ZenMaruGothic',system-ui,sans-serif !important;
}


body {
  /* background-color: #a9c5bc  !important; 背景色を設定 */
  background-image: url('/assets/img/body_back_b.png') !important;

  /* ヘッダー分だけ下に余白を作り、背景が下から始まるように見せる */
  /* padding-top: 1000px; ← ヘッダーの高さに合わせて調整（例：900px〜1000px） */


  background-repeat: no-repeat !important;
  background-position: center top !important;

  /* 模様を全体に見せたい＝縮小したい場合は 900px 等の数値指定が安全 */
  background-size: 1200px auto !important;

  /* Safariの描画崩れ回避：fixedは使わない */
  background-attachment: scroll !important;

  /* フォールバック色 */
  background-color: #dff5ed !important;
}

main {
  background-color: #ffffff !important; /* 背景色を強制的に適用 */
  margin-top: 50px  !important; /* ヘッダーとの間隔を空ける */
  margin-bottom: 50px  !important; /* フッターとの間隔を空ける */
  padding: 70px !important;      /*内側の余白を調整（お好みで調整） */
}
@media (max-width: 640px) {

main {
  background-color: #ffffff !important;  /* 背景色を強制的に適用*/
  margin-top: 50px  !important;  /* ヘッダーとの間隔を空ける */
  margin-bottom: 50px  !important; /* フ ッターとの間隔を空ける*/
  padding: 20px 40px !important;      /*内側の余白を調整（お好みで調整） */
 }
 /* 日本語ラベル */
.page-research .ar-section h3.ar-heading .ja {
  font-size: 1.3rem !important;
  color: #333 !important;
  font-family: 'Quicksand','ZenMaruGothic',system-ui,sans-serif !important;
}

/* 英語ラベル */
.page-research .ar-section h3.ar-heading .en {
  font-size: 0.9rem !important;
  color: #327a63 !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;  /* 少し字間を広げる（お好みで） */
  font-family: 'Quicksand','ZenMaruGothic',system-ui,sans-serif !important;
}
}