.l-mv{position:relative}.l-mv-inner{width:min(64.5rem,94%);margin-inline:auto;position:absolute;inset-block-start:50%;inset-inline:0;transform:translate(0, -50%)}.l-mv-ttl{margin-block:0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:1rem}.l-mv-ttl img{width:1.875rem;height:auto}.l-mv-img{margin:0}.l-mv-img img{height:20rem}.l-breadcrumb{margin-block-start:clamp(2rem,1.71rem + 1.43vw,3rem);color:hsl(0,0%,45%);font-size:.8125rem}@media screen and (min-width: 768px){.l-breadcrumb{font-size:.8125rem}}.l-breadcrumb{font-family:var(--font-sans);font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.7538461538;letter-spacing:0}@supports(text-box-trim: trim-both){.l-breadcrumb{text-box-trim:trim-both;text-box-edge:text}}.l-breadcrumb>span>a,.l-breadcrumb>span>span{text-decoration:none;color:inherit}.l-sec-ttl{position:relative;margin-block:0;font-weight:400}.l-sec-ttl::after{content:"";display:block;width:3.5rem;height:2px;background:hsl(66,68%,44%);margin-block:.8571428571em}.c-box{margin-block-start:clamp(2rem,1.71rem + 1.43vw,3rem);background:hsl(146deg, 76%, 18%, 8%);border-radius:.5rem;padding-block:1.5rem;padding-inline:clamp(1.375rem,1.05rem + 1.61vw,2.5rem)}.c-box h3.c-h3{color:hsl(146,76%,18%);margin-block:0 .6666666667em}.c-box-list{list-style:none;margin-block:0;padding-inline-start:0;display:grid;grid-template-columns:1fr;row-gap:.5rem}.c-box-list>li{position:relative;padding-inline-start:1.0625rem}.c-box-list>li::before{content:"";position:absolute;left:0;top:.72em;transform:translateY(-50%);inline-size:.25rem;block-size:.25rem;border-radius:50%;background:hsl(66,68%,44%)}.c-box-list--col2{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:2.5rem}.p-case01{margin-block-start:clamp(3rem,2.43rem + 2.86vw,5rem)}.p-case01-hd .c-h1{text-align:center;margin-block:0 .6em}.p-case01-hd .c-txt{width:min(53.5rem,100%);margin-inline:auto}.p-case02{margin-block-start:clamp(5rem,3.57rem + 7.14vw,10rem)}.p-case03{margin-block:clamp(5rem,3.57rem + 7.14vw,10rem)}.p-case03-hd .c-pic{display:block;width:clamp(7.625rem,4.38rem + 16.25vw,19rem);margin-inline:auto}.p-case03-hd .c-h1{text-align:center;margin-block:.6em clamp(3rem,2.43rem + 2.86vw,5rem)}.p-case03 .c-btn-lg{margin-inline:auto}

/* --- merged from case-tw.css (Traditional root) --- */
@charset "UTF-8";
/* Traditional Chinese case page (/tw/case/) — overrides on top of case.css */

/* Let case-study charts keep their own aspect ratio */
.c-flex-img img {
  height: auto;
}

/* Numbered label above each case-study title (01, 02, …) */
.p-case-num {
  margin-block: 0 .4em;
  color: hsl(66, 68%, 44%);
  font-family: "Exo 2", var(--font-sans);
  font-weight: 700;
  font-size: clamp(1.125rem, 1.05rem + .36vw, 1.375rem);
  line-height: 1.2;
  letter-spacing: .02em;
}

/* Centered "SEE MORE" button below the case studies */
.p-case03-more {
  display: flex;
  justify-content: center;
  margin-block-start: clamp(2.5rem, 1.79rem + 3.57vw, 5rem);
}

/* No.74/86: enlarge case-study charts; the description column (flex:1) narrows. */
@media screen and (min-width: 768px) {
  .p-case03 .c-flex-img { width: clamp(16rem, 8rem + 34vw, 36rem); }
}
@media screen and (min-width: 1501px) {
  .p-case03 .c-flex-img { width: 36rem; }
}


/* ============================================================
   No.153 / No.202: 文献リスト（國際期刊發表 / Peer-Reviewed Science）
   ============================================================ */
.p-pub {
  width: min(64.5rem, 100%);
  margin-inline: auto;
}

.p-pub-sec + .p-pub-sec {
  margin-block-start: clamp(2.5rem, 1.79rem + 3.57vw, 5rem);
}

.p-pub-ttl {
  margin: 0 0 1em;
  padding-block-end: .5em;
  color: hsl(146, 76%, 18%);
  border-bottom: 2px solid hsl(66, 68%, 44%);
}

.p-pub-list {
  margin: 0;
  padding-inline-start: 1.6em;
  display: grid;
  row-gap: clamp(1.25rem, 1.07rem + .89vw, 1.875rem);
}

.p-pub-item::marker {
  color: hsl(66, 68%, 44%);
  font-weight: 700;
}

.p-pub-cite {
  margin: 0;
  color: hsl(0, 0%, 30%);
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.p-pub-cite em {
  font-style: italic;
}

.p-pub-doi {
  color: hsl(146, 76%, 18%);
  text-decoration: underline;
  text-underline-offset: .15em;
}

.p-pub-tag {
  display: inline-block;
  margin-inline-start: .25em;
  color: hsl(146, 76%, 18%);
  font-weight: 500;
  white-space: nowrap;
}

.p-pub-note {
  margin: .4em 0 0;
  padding-inline-start: 1.1em;
  position: relative;
  line-height: 1.8;
}

.p-pub-note::before {
  content: "";
  position: absolute;
  left: 0;
  top: .85em;
  inline-size: .3rem;
  block-size: .3rem;
  border-radius: 50%;
  background: hsl(66, 68%, 44%);
}


/* ============================================================
   2026-10-14 再修正
   No.148 / No.149 / No.198: 導入文とバナー画像を中央揃え
   No.209: SP でバナー画像が縦に伸びないよう比率を保つ
   ============================================================ */
.p-case01-hd .c-txt {
  text-align: center;
}

.p-case01 .c-img {
  text-align: center;
}

.p-case01 .c-img img {
  display: block;
  width: 100%;
  max-width: 64.5rem;
  height: auto;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .p-case01-hd .c-txt {
    text-align: left;
  }
}


/* No.153 / No.202 再修正: 文献リストを Figma（node 1378-3454 / 1383-3455）のスタイルに合わせる。
   見出しは黒文字＋短い下線、文献は黒の本文、解説はグレー背景＋緑文字のボックス。 */
.p-pub-ttl {
  color: #000;
  border-bottom: 0;
  padding-block-end: 0;
  margin-block: 0 1.5em;
}

.p-pub-ttl::after {
  content: "";
  display: block;
  width: 2.25rem;
  height: 2px;
  margin-block-start: .8em;
  background: hsl(66, 68%, 44%);
}

.p-pub-list {
  padding-inline-start: 1.2em;
}

.p-pub-item::marker {
  color: #000;
  font-weight: 400;
}

.p-pub-cite {
  color: #000;
  font-size: .875rem;
  line-height: 1.75;
}

.p-pub-cite em {
  font-style: normal;
}

.p-pub-doi {
  color: inherit;
}

.p-pub-tag {
  color: inherit;
  font-weight: 400;
}

/* Figma（node 914-3241）: 幅いっぱい、上下 8px・左右 24px の余白、角丸 8px、
   背景 Secondary Color_2（#0B522A の 5%）、文字 Primary Color_2、行頭の点 Primary Color_1 */
.p-pub-note {
  margin: .5rem 0 0 -1.2em;
  padding: .5rem 1.5rem .5rem 2.5rem;
  background: rgb(11 82 42 / 5%);
  border-radius: .5rem;
  color: hsl(146, 76%, 18%);
  font-size: .875rem;
  line-height: 1.75;
  /* c-txt の text-box-trim は文字の上下を詰めるため、フォント（Roboto / Noto）によって
     1 行目の位置が変わり、行頭の点が中央からずれる。このボックスでは使わない。 */
  text-box-trim: none;
}

.p-pub-note::before {
  left: 1.5rem;
  /* 複数行になっても 1 行目の中央に点を置く（上余白 + 行の高さの半分） */
  top: calc(.5rem + .875em);
  transform: translateY(-50%);
  inline-size: .25rem;
  block-size: .25rem;
}