/* style_about.css */



/* ===== センターについて 固有スタイル ===== */

.sec{padding:72px 56px;max-width:960px;margin:0 auto;}
.sec-alt{background:var(--paper2);padding:72px 0;}
.sec-alt-inner{max-width:960px;margin:0 auto;padding:0 56px;}
.sec-label{font-size:10px;letter-spacing:0.2em;color:var(--en);text-transform:uppercase;margin-bottom:10px;}
.sec-title{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:36px;padding-bottom:16px;border-bottom:1px solid var(--paper3);letter-spacing:0.05em;}
.sec-title::before{content:'';display:block;width:24px;height:2px;background:var(--en);margin-bottom:14px;}

    /* ===== レスポンシブ（768px） ===== */
    @media screen and (max-width: 767px) {

        .sec{
          padding: 40px 24px;
        }
        .sec-alt{padding: 40px 0;}
        .sec-alt-inner{padding:0 24px;}
    }
.mission-body{font-size:14px;line-height:2.2;color:var(--ink-mid);margin-bottom:24px;}
.mission-quote{background:#f8f8f8;border-left:3px solid var(--en);padding:24px 28px;font-size:15px;line-height:1.9;color:var(--ink);letter-spacing:0.04em;}

.dept-list{display:flex;flex-direction:column;gap:2px;}
.dept-card{background:var(--paper);border:1px solid var(--paper3);padding:36px 40px;display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:start;transition:background 0.2s;}
.dept-card:hover{background:var(--en-pale);}
.dept-en{font-size:10px;letter-spacing:0.18em;color:var(--en);margin-bottom:8px;}
.dept-ja{font-size:18px;font-weight:600;color:var(--ink);letter-spacing:0.04em;}
.dept-desc{font-size:13px;color:var(--ink-mid);line-height:2;margin-bottom:16px;}
.dept-tags{display:flex;flex-wrap:wrap;gap:8px;}
.dept-tag{font-size:11px;padding:3px 12px;border:1px solid var(--paper3);color:var(--ink-mid);letter-spacing:0.05em;}

.org-wrap{background:var(--paper);border:1px solid var(--paper3);padding:5px;overflow-x:auto;}
.org-note{margin-top:16px;font-size:11px;color:var(--ink-lt);letter-spacing:0.05em;}

.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.staff-card{background:var(--paper);border:1px solid var(--paper3);padding:28px 20px;text-align:center;}
.staff-photo{width:72px;height:72px;border-radius:50%;background:var(--paper3);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--ink-lt);}
.staff-role{font-size:10px;color:var(--en);letter-spacing:0.12em;margin-bottom:8px;}
.staff-name{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:0.05em;}


/* ===== センターの事業 画像レイアウト ===== */
.dept-card-img-layout {
  /*
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
  */
  padding: 48px 0;
  border-bottom: 1px solid var(--paper3);
}
.dept-card-img-layout:last-child { border-bottom: none; }
.dept-card-img-layout--rev .dept-card-photo { order: 2; }
.dept-card-img-layout--rev .dept-card-body  { order: 1; }
.dept-card-photo {
  width: 100%;
  /*aspect-ratio: 4/3;*/
  background: #fff;
  border: 1px solid var(--paper3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #bbb;
  letter-spacing: 0.15em;
}
.dept-card-body { display: flex; flex-direction: column; gap: 16px; }
.dept-card-body .dept-ja {
  font-size: 28px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: 0.04em;
}
.dept-card-body .dept-en {
  font-size: 10px;
  letter-spacing: 0.2em;
  color: var(--en);
  text-transform: uppercase;
}
.dept-card-body .dept-desc {
  font-size: 14px;
  line-height: 2.2;
  color: var(--ink-mid);
}

    /* ===== レスポンシブ（768px） ===== */
    @media screen and (max-width: 767px) {
        .dept-card-img-layout {
          grid-template-columns: 1fr;
          gap: 28px;
          padding: 48px 0;
        }
        .dept-card-img-layout .dept-card-photo { order: 2; }
        .dept-card-img-layout .dept-card-body  { order: 1; }
        .dept-card-body .dept-ja {
          font-size: 120%;
        }
    }