/* About v2: layout follows the approved two-column desktop/mobile rough; no home-page changes */
body.page-id-8 .eean-page-heading{position:relative;isolation:isolate;min-height:370px;display:flex;align-items:center;padding:80px 0 96px;color:#fff;background:linear-gradient(90deg,rgba(2,42,72,.6),rgba(5,53,77,.02) 80%),url(../photos/hero.jpg) center 54%/cover no-repeat}
body.page-id-8 .eean-page-heading:after{content:"";position:absolute;bottom:-1px;left:0;right:0;top:auto;width:100%;height:49px;border:0;transform:none;border-radius:0;background:#fff;clip-path:polygon(0 58%,10% 38%,20% 71%,30% 40%,41% 75%,52% 40%,65% 70%,77% 40%,90% 64%,100% 43%,100% 100%,0 100%)}
body.page-id-8 .eean-page-heading .eean-eyebrow,body.page-id-8 .eean-page-heading h1,body.page-id-8 .eean-page-heading .eean-page-lead{color:#fff;text-shadow:0 2px 10px #07334e}
body.page-id-8 .eean-page-heading h1{font:700 clamp(36px,4.4vw,57px)/1.3 var(--serif)}
body.page-id-8 .eean-page-heading .eean-page-lead{max-width:550px;font-size:clamp(15px,1.4vw,20px)}
.eean-about-main{overflow:hidden;background:#fff;color:#124876}
.eean-about-v2{width:min(100% - 8vw,1440px);max-width:none!important;margin:auto}
.eean-about-v2>.wp-block-group__inner-container{max-width:none!important}
.eean-about-v2 .wp-block-group{max-width:none!important}
.eean-about-v2 .wp-block-group__inner-container{max-width:none!important}
.eean-a-intro{padding:45px 10px 35px}
.eean-a-intro>.wp-block-group__inner-container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);align-items:center}
.eean-a-intro h2{font:700 clamp(29px,3vw,46px)/1.55 var(--serif);margin:0;color:#073e70}
.eean-a-intro p{font-size:15px;line-height:2.2;margin:0;color:#345a75}
.eean-a-story{display:grid;grid-template-columns:24% 40% minmax(0,1fr);gap:3%;padding:0 5px 28px;align-items:stretch}
.eean-a-story>.wp-block-group__inner-container{display:contents}
.eean-a-story-copy,.eean-a-vision{min-width:0}
.eean-a-heading{margin:0 0 20px}
.eean-a-heading>.wp-block-group__inner-container{display:grid;grid-template-columns:48px 1fr;align-items:start;column-gap:12px}
.eean-a-number{grid-row:1/3;font:700 31px/1.15 Georgia,serif;color:#008acd;margin:0!important}
.eean-a-heading h2{font:700 clamp(19px,1.8vw,25px)/1.45 var(--serif);color:#084979;margin:0!important}
.eean-a-kicker{grid-column:2;font-size:13px;color:#3d7197;margin:4px 0 0!important}
.eean-a-story-copy> .wp-block-group__inner-container>p{font-size:13px;line-height:2.15;color:#3a6380;margin:0 0 12px}
.eean-a-story-photo figure,.eean-a-overview-photo figure,.eean-a-role figure{margin:0}
.eean-a-story-photo img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:8px}
.eean-a-vision .eean-a-heading{margin-bottom:12px}
.eean-a-vision-card{margin:0 0 12px;border-radius:14px;background:#eaf7fc;padding:19px 24px}
.eean-a-vision-card p{font-size:13px;line-height:1.9;margin:4px 0;color:#35617f}
.eean-a-vision-card .eean-a-vision-name{font-size:15px;font-weight:800;color:#0882c4}
.eean-a-connections{margin:0 0 25px;border-radius:18px;background:linear-gradient(125deg,#e4f6fe,#f0fbff);padding:27px 25px}
.eean-a-connections>.wp-block-group__inner-container{display:grid;grid-template-columns:21% minmax(0,1fr);gap:26px;align-items:center}
.eean-a-connect-intro> .wp-block-group__inner-container>p{font-size:13px;line-height:2;color:#3b6080}
.eean-a-role-grid>.wp-block-group__inner-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.eean-a-role{text-align:center;min-width:0}
.eean-a-role img{height:clamp(95px,11vw,160px);width:clamp(95px,11vw,160px);max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:auto}
.eean-a-role h3{font-size:17px;line-height:1.4;color:#0478b4;margin:9px 0 4px}
.eean-a-role p{font-size:12px;line-height:1.7;margin:0;color:#375b76}
.eean-a-name{margin:18px 0 18px}
.eean-a-name>.wp-block-group__inner-container{display:grid;grid-template-columns:31% minmax(0,1fr);gap:30px;align-items:center}
.eean-a-name-text> .wp-block-group__inner-container>p{font-size:13px;line-height:2;color:#365e7c;margin:0}
.eean-a-acronym{border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#eaf8ff,#f5fbff);position:relative}
.eean-a-acronym:after{content:"";position:absolute;pointer-events:none;inset:auto 0 0;height:40px;opacity:.33;background:repeating-radial-gradient(ellipse at 60% 150%,transparent 0 17px,#75c5ee 18px 19px,transparent 20px 28px)}
.eean-a-acronym>.wp-block-group__inner-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:17px 8px 22px}
.eean-a-letter{text-align:center;border-right:1px solid #c5e8f6;position:relative;z-index:1}
.eean-a-letter:last-child{border-right:0}
.eean-a-letter h3{font:700 clamp(30px,3.4vw,48px)/1.1 Georgia,serif;color:#04396d;margin:0 0 5px}
.eean-a-letter p{margin:0;font-size:14px;color:#124d7a}
.eean-a-letter .eean-a-en{font-weight:700}
.eean-a-overview{padding:15px 0 18px}
.eean-a-overview>.wp-block-group__inner-container{display:grid;grid-template-columns:55% minmax(0,1fr);gap:28px;align-items:stretch}
.eean-a-table{margin:6px 0 0}
.eean-a-table table{width:100%;border-collapse:collapse}
.eean-a-table td,.eean-a-table th{font-size:13px;text-align:left;border:0;border-bottom:1px solid #cde8f4;padding:10px 14px}
.eean-a-table th{width:28%;color:#077fbd;background:#f0faff}
.eean-a-overview-photo img{width:100%;height:275px;object-fit:cover;border-radius:8px}
.eean-a-cta{position:relative;text-align:center;margin:18px calc(50% - 50vw) 0;background:linear-gradient(110deg,#b1e1f8,#e0f6ff,#a6dff7);padding:32px 15px 35px}
.eean-a-cta h2{font:700 clamp(23px,2.6vw,35px)/1.4 var(--serif);margin:0;color:#064979}
.eean-a-cta p{font-size:13px;margin:5px 0 14px}
.eean-a-cta .wp-block-buttons{justify-content:center}
.eean-a-cta .wp-block-button__link{background:#0088ca;color:#fff;border-radius:50px;padding:13px 34px;text-decoration:none;font-weight:700}
@media(max-width:800px){
 body.page-id-8 .eean-page-heading{min-height:265px;padding:50px 0 65px}
 body.page-id-8 .eean-page-heading:after{height:30px}
 .eean-about-v2{width:min(100% - 34px,520px)}
 .eean-a-intro{padding:26px 0}
 .eean-a-intro>.wp-block-group__inner-container{display:block}
 .eean-a-intro h2{font-size:clamp(26px,6.5vw,35px);margin-bottom:16px}
 .eean-a-intro p{font-size:13px;line-height:2.05}
 .eean-a-story{display:block;padding:0 0 18px}
 .eean-a-heading>.wp-block-group__inner-container{grid-template-columns:45px 1fr}
 .eean-a-story-copy> .wp-block-group__inner-container>p{font-size:13px}
 .eean-a-story-photo{margin:13px 0 27px}
 .eean-a-story-photo img{height:210px;min-height:0}
 .eean-a-vision{margin-bottom:16px}
 .eean-a-connections{padding:22px 15px}
 .eean-a-connections>.wp-block-group__inner-container{display:block}
 .eean-a-role-grid>.wp-block-group__inner-container{grid-template-columns:1fr;gap:12px;margin-top:17px}
 .eean-a-role>.wp-block-group__inner-container{display:grid;grid-template-columns:66px 1fr;column-gap:14px;text-align:left;align-items:center}
 .eean-a-role figure{grid-row:1/3}
 .eean-a-role img{width:62px;height:62px}
 .eean-a-role h3{font-size:14px;margin:0}
 .eean-a-role p{font-size:12px}
 .eean-a-name>.wp-block-group__inner-container{display:block}
 .eean-a-name-text{margin-bottom:16px}
 .eean-a-acronym>.wp-block-group__inner-container{padding:18px 2px 20px}
 .eean-a-letter h3{font-size:29px}
 .eean-a-letter p{font-size:11px}
 .eean-a-overview>.wp-block-group__inner-container{display:block}
 .eean-a-table td,.eean-a-table th{padding:10px 7px;font-size:12px}
 .eean-a-overview-photo{margin-top:16px}
 .eean-a-overview-photo img{height:180px}
 .eean-a-cta{padding:30px 15px}
}

/* Gutenberg inner-container layout correction */
@media (min-width: 761px) {
  .eean-a-story {
    display: block;
  }

  .eean-a-story > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 24% 40% minmax(0, 1fr);
    gap: 3%;
    align-items: stretch;
  }
}

.eean-a-story-photo > .wp-block-group__inner-container,
.eean-a-role > .wp-block-group__inner-container {
  width: 100%;
}


/* EEAN About - mobile final adjustments */
@media (max-width: 760px) {

  /* 1. ヒーローの文字を読みやすく */
  body.page-id-8 .eean-page-heading {
    background-image:
      linear-gradient(
        90deg,
        rgba(2, 35, 61, .72),
        rgba(2, 35, 61, .25)
      ),
      url("../photos/hero.jpg");
  }

  body.page-id-8 .eean-page-heading .eean-page-lead {
    font-size: 14px;
    line-height: 1.8;
    text-shadow: 0 1px 5px rgba(0, 20, 40, .65);
  }

  /* 2. 4つの立場の写真を少し大きく */
  .eean-a-role figure img {
    width: 76px;
    height: 76px;
    object-fit: cover;
    border-radius: 50%;
  }

  /* 3. 本文の読みやすさを改善 */
  .eean-about-v2 p {
    font-size: 14px;
    line-height: 1.95;
  }

  .eean-a-role p,
  .eean-a-acronym p {
    font-size: 12px;
    line-height: 1.65;
  }
}