@charset "UTF-8";
/* JIMTOF2026 interviews: follows the existing 1000px content / 750px breakpoint. */
.p-home-interview { padding: 59px 0 75px; }
.p-interview-brand { text-align: center; font-size: 47px; font-weight: 700; line-height: 1.4; }
.p-interview-brand img { display: block; width: 276px; height: auto; margin: 0 auto 12px; }
.p-interview-brand--home img { width: 542px; max-width: 85%; }
.p-interview-brand span { display: block; }
.p-home-interview__intro { font-size: 24px; line-height: 1.7; font-weight: 700; text-align: center; margin: 34px 0 60px; }
.p-home-interview__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 100px; }
.p-home-interview__card { display: block; text-decoration: none; }
.p-home-interview__card img { width: 100%; height: auto; aspect-ratio: 450 / 255; object-fit: cover; }
.p-home-interview__card h3 { font-size: 20px; line-height: 1.7; font-weight: 700; margin-top: 12px; }
.p-home-interview__card:hover { opacity: .75; }
.p-interview-home { text-align: right; padding: 20px 60px 36px; }
.p-interview-home .c-btn { background: #62b7de; border-color: #62b7de; color: #fff; font-weight: 400; }
.p-interview-home .c-btn::after { background-image: url('../imgs/_common/btn_arrow_white.svg'); }
.p-interview-home .c-btn:hover { background: #202f55; border-color: #202f55; }
.p-interview { overflow-wrap: anywhere; }
.p-interview p { margin: 0; text-align: left; }
.p-interview figure { margin: 0; }
.p-interview .p-interview-brand { margin-bottom: 30px; }
.p-interview .p-interview-brand p { text-align: center; line-height: 1.4; }
.p-interview-title { background: #ededed; padding: 26px 0 22px; }
.p-interview-title .c-inner { max-width: 1400px; }
.p-interview-title h1 { font-size: 38px; font-weight: 700; line-height: 1.5; text-align: center; margin: 0 0 12px; }
.p-interview-title p { text-align: center; font-size: 16px; line-height: 1.5; }
.p-interview-video { width: 690px; max-width: 100%; margin: 40px auto 42px; aspect-ratio: 16/9; overflow: hidden; }
.p-interview-product { text-align: center; font-size: 30px; line-height: 2; font-weight: 700; margin-bottom: 65px; }
.p-interview-product small { font-size: .667em; }
.p-interview-product p { text-align: center; line-height: 2; }
.p-interview-product span { display: inline; padding: 6px 16px; border: 1px solid #999; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.p-interview-lead { font-size: 22px; line-height: 1.727; }
.p-interview-lead p { line-height: inherit; }
.p-interview .p-interview-portrait { max-width: 480px; margin: 40px auto 65px; }
.p-interview-portrait img { display: block; width: 100%; height: auto; }
.p-interview figcaption { font-size: 14px; line-height: 1.5; margin-top: 12px; }
.p-interview-section { margin-bottom: 88px; }
.p-interview-section h2 { font-size: 30px; font-weight: 700; line-height: 1.5; padding: 18px 20px; background: #ededed; margin-bottom: 35px; }
.p-interview-section__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; align-items: start; }
.p-interview-section__text { font-size: 16px; line-height: 1.75; }
.p-interview-section__text p { line-height: inherit; margin: 0 0 28px; }
.p-interview-section__text p:last-child { margin-bottom: 0; }
.p-interview-section__images { display: flex; align-items: start; }
.p-interview-section__images img { display: block; width: 100%; height: auto; min-width: 0; }
.p-interview-section__images img:not(:only-child) { width: 50%; }
.p-interview-section__figures figure + figure { margin-top: 30px; }
.p-interview-company { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; margin: 15px 0 80px; }
.p-interview-company__text { border-left: 8px solid #000; padding-left: 20px; min-width: 0; }
.p-interview-company h2 { font-size: 24px; line-height: 1.5; font-weight: 700; }
.p-interview-company p { font-size: 16px; line-height: 1.75; }
.p-interview-company .p-interview-company__booth { font-size: 20px; font-weight: 700; margin-top: 8px; }
.p-interview-company > img { width: 340px; max-width: 34%; height: auto; }
.p-interview-next { background: #999; padding: 60px 0; color: #fff; }
.p-interview-next a { display: grid; grid-template-columns: 450fr 480fr; gap: 70px; text-decoration: none; }
.p-interview-next a:hover { opacity: .75; }
.p-interview-next img { display: block; width: 100%; height: auto; aspect-ratio: 450/255; object-fit: cover; }
.p-interview-next span { display: inline-block; font: 700 24px/1.3 Helvetica,Arial,sans-serif; color: #000; background: #fff; padding: 4px 30px; margin-bottom: 20px; }
.p-interview-next p { font-size: 20px; line-height: 1.7; font-weight: 700; }
.p-home-interview a:focus-visible,.p-interview a:focus-visible,.p-interview-home a:focus-visible { outline: 3px solid #202f55; outline-offset: 5px; }
@media screen and (max-width: 750px) {
  .p-home-interview { padding: 40px 0 50px; }
  .p-interview-brand { font-size: 25px; }
  .p-interview-brand img { width: 210px; margin-bottom: 10px; }
  .p-interview-brand--home img { width: 320px; }
  .p-home-interview__intro { font-size: 16px; line-height: 1.8; margin: 22px 0 30px; }
  .p-home-interview__list { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .p-home-interview__card h3 { font-size: 16px; margin-top: 10px; }
  .p-interview-home { padding: 0 15px 30px; }
  .p-interview .p-interview-brand { margin-bottom: 24px; }
  .p-interview-title { padding: 22px 0 20px; }
  .p-interview-title h1 { font-size: 22px; line-height: 1.55; margin-bottom: 14px; }
  .p-interview-title p { font-size: 11px; }
  .p-interview-video { margin: 25px auto; }
  .p-interview-product { font-size: 17px; line-height: 1.7; margin-bottom: 30px; }
  .p-interview-product p { line-height: 1.7; }
  .p-interview-product p + p { margin-top: 10px; }
  .p-interview-product span { display: inline-block; padding: 5px 8px; }
  .p-interview-lead { font-size: 16px; line-height: 1.8; }
  .p-interview .p-interview-portrait { margin: 30px auto 40px; }
  .p-interview figcaption { font-size: 12px; }
  .p-interview-section { margin-bottom: 45px; }
  .p-interview-section h2 { font-size: 20px; padding: 14px 15px; margin-bottom: 24px; }
  .p-interview-section__columns { grid-template-columns: minmax(0,1fr); gap: 25px; }
  .p-interview-section__text { line-height: 1.8; }
  .p-interview-section__text p { margin-bottom: 22px; }
  .p-interview-section__figures figure + figure { margin-top: 25px; }
  .p-interview-company { flex-direction: column; gap: 25px; margin: 0 0 45px; }
  .p-interview-company__text { padding-left: 12px; border-left-width: 5px; }
  .p-interview-company h2 { font-size: 18px; }
  .p-interview-company p { font-size: 13px; }
  .p-interview-company .p-interview-company__booth { font-size: 16px; }
  .p-interview-company > img { width: 230px; max-width: 80%; align-self: center; }
  .p-interview-next { padding: 30px 0; }
  .p-interview-next a { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .p-interview-next span { font-size: 18px; margin-bottom: 10px; padding: 3px 20px; }
  .p-interview-next p { font-size: 16px; }
}

/* 2026-09-25: supplied video thumbnails, modal and logo clear space */
.p-interview-video__open{display:block;position:relative;width:100%;padding:0;border:0;background:#000;cursor:pointer;color:#fff}
.p-interview-video__open img{display:block;width:100%;height:auto}
.p-interview-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:54px;border-radius:12px;background:rgba(0,0,0,.8);font-size:28px}
.p-interview-video__open:focus-visible{outline:3px solid #0076bb;outline-offset:5px}
.p-interview-modal{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:64px 24px;border:0;background:transparent;color:#fff;overflow:auto}
.p-interview-modal[open]{display:flex;align-items:center;justify-content:center}
.p-interview-modal::backdrop{background:rgba(0,0,0,.95)}
.p-interview-modal__player{width:min(1200px,100%,calc((100dvh - 128px)*16/9));aspect-ratio:16/9;background:#000;display:grid;place-items:center}
.p-interview-modal__player iframe{width:100%;height:100%;border:0}
.p-interview-modal__player p{font-size:18px;text-align:center}
.p-interview-modal__close{position:absolute;top:12px;right:16px;width:44px;height:44px;border:1px solid #fff;border-radius:50%;background:#111;color:#fff;font-size:32px;cursor:pointer;line-height:1}
.p-interview-company__text{min-width:0;flex:1}
.p-interview-company__text a{overflow-wrap:anywhere}
.p-interview-company__logo{box-sizing:border-box;width:400px;max-width:40%;padding:30px;flex-shrink:0;align-self:center}
.p-interview-company .p-interview-company__logo img{display:block;width:100%;max-width:none;min-width:120px;height:auto}
@media(max-width:750px){.p-interview-company__logo{width:294px;max-width:100%;padding:32px}.p-interview-modal{padding:64px 12px}.p-interview-video__play{width:60px;height:44px;font-size:22px}}

/* Video thumbnail interaction */
.p-interview-video__play{transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.p-interview-video__open:hover .p-interview-video__play,
.p-interview-video__open:focus-visible .p-interview-video__play,
.p-interview-video__open:active .p-interview-video__play{background:#e60012;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 3px 16px rgba(0,0,0,.3)}
@media(hover:none){.p-interview-video__play{background:#e60012}}
@media(prefers-reduced-motion:reduce){.p-interview-video__play{transition:none}}

/* Requested title breaks on mobile only. */
.p-interview-title__mobile-break{display:none}
@media screen and (max-width:750px){.p-interview-title__mobile-break{display:initial}}