/* Adobe XD truth: 対談一覧ページ – 1 / 対談一覧ページ – 1_sp */
.xd-owner-list .xd-interview-list { overflow:hidden; }
.xd-owner-list .xd-interview-list-inner { width:min(1092px,100%); margin:0 auto; padding:160px 20px 100px; }
.xd-owner-list .xd-interview-list h1 { margin:0 0 32px; font-size:38px; }
.xd-owner-list .xd-interview-entry { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; margin-bottom:64px; }
.xd-owner-list .xd-interview-thumb { position:relative; display:block; min-width:0; overflow:hidden; }
.xd-owner-list .xd-interview-hero-img { display:block; width:100%; height:auto; margin:0; }
.xd-owner-list .xd-participants { display:flex; }
.xd-owner-list .xd-participants img { display:block; max-width:100%; }
.xd-owner-list .xd-interview-copy h2 a { color:inherit; }
@media (max-width: 991.98px) {
  .xd-owner-list .xd-interview-list { padding: 0; background:#fff; }
  .xd-owner-list .xd-interview-list-inner { width:100%; max-width:390px; min-height:1955px; margin:0 auto; padding:121px 20px 80px; }
  .xd-owner-list .xd-interview-list h1 { margin:0 0 19px; color:#262424; font-family:"FOT-TsukuGo Pro","Zen Maru Gothic","Noto Sans JP",sans-serif; font-size:24px; font-weight:700; line-height:70px; letter-spacing:.1em; }
  .xd-owner-list .xd-interview-entry { display:block; margin:0 0 42px; }
  .xd-owner-list .xd-interview-thumb { position:relative; display:block; width:350px; height:233px; overflow:hidden; color:#fff; background:#222; }
  .xd-owner-list .xd-interview-hero-img { position:absolute; inset:0; width:100%; height:100%; margin:0; object-fit:cover; }
  .xd-owner-list .xd-interview-overlay { position:absolute; inset:0; z-index:1; padding:53px 19px 12px; background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,0) 75%); }
  .xd-owner-list .xd-interview-entry--takeuchi .xd-interview-overlay::before { content:"家づくりの裏側対談"; position:absolute; top:13px; left:19px; padding:4px 10px; border-radius:14px; background:#262424; color:#fff; font-size:7px; line-height:1; }
  .xd-owner-list .xd-thumb-title { margin:0; color:#fff; font-size:23px; font-weight:700; line-height:27px; letter-spacing:.04em; }
  .xd-owner-list .xd-thumb-builder { margin:12px 0 0; color:#fff; font-size:9px; font-weight:700; line-height:1; }
  .xd-owner-list .xd-thumb-sub { margin:8px 0 0; color:#fff; font-size:10px; font-weight:700; line-height:1.4; }
  .xd-owner-list .xd-participants { position:absolute; z-index:2; left:0; bottom:0; display:flex; align-items:start; gap:10px; width:350px; height:76px; padding:0 0 0 20px; background:transparent; }
  .xd-owner-list .xd-participants::before { content:""; position:absolute; z-index:-1; inset:18px 0 0; background:#ac4a4a; }
  .xd-owner-list .xd-participants::after { content:""; position:absolute; right:17px; top:20px; width:69px; height:36px; background:url('../img/common/logo_nlc.svg') center/contain no-repeat; filter:brightness(0) invert(1); }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants { background:#3a566c; }
  .xd-owner-list .xd-participants figure { display:block; width:48px; margin:0; }
  .xd-owner-list .xd-participants img { width:48px; height:48px; margin:0; border-radius:50%; object-fit:cover; object-position:center 22%; }
  .xd-owner-list .xd-participants figcaption { display:block; color:#fff; font-size:9px; line-height:11px; text-align:center; white-space:nowrap; }
  .xd-owner-list .xd-participants figcaption small { display:block; font-size:5px; line-height:7px; }
  .xd-owner-list .xd-participants figcaption span { margin-left:2px; font-size:5px; }
  .xd-owner-list .xd-interview-copy { padding-top:17px; color:#262424; }
  .xd-owner-list .xd-interview-copy .xd-builder { margin:0; font-size:14px; font-weight:700; line-height:20px; }
  .xd-owner-list .xd-interview-copy h2 { margin:0 0 18px; font-size:24px; font-weight:700; line-height:32px; letter-spacing:.025em; }
  .xd-owner-list .xd-interview-copy h2 a { color:inherit; }
  .xd-owner-list .xd-interview-copy > p:not(.xd-builder) { margin:0 0 13px; font-size:14px; font-weight:400; line-height:22px; letter-spacing:.01em; }
  .xd-owner-list .xd-interview-copy time { display:block; margin:0; color:#b03b28; font-size:14px; font-weight:700; line-height:20px; }
  .xd-owner-list .xd-interview-entry--kotobuki { margin-top:42px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-overlay { padding-top:57px; background:linear-gradient(90deg,rgba(39,67,87,.92) 0 42%,rgba(0,0,0,.12) 70%); }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-thumb-builder { margin:0 0 13px; font-size:7px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-thumb-title { font-size:20px; line-height:27px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-copy { padding-top:17px; }
}

/* Keep the header menu visibly operable for keyboard users. */
.xd-owner-list #ham-box:focus-visible {
  outline: 3px solid #1f6fbd;
  outline-offset: 4px;
}

/* Canonical XD SP structure: 対談一覧ページ – 1_sp (390 × 1955). */
@media (max-width: 575.98px) {
  .xd-owner-list { width:390px; max-width:100%; min-height:1955px; margin:0 auto; overflow-x:hidden; background:#fff; }
  .xd-owner-list > header.fixed-top { position:absolute; top:20px; right:auto; left:12px; width:366px; height:39px; z-index:20; }
  .xd-owner-list > header.fixed-top > .container { width:100%; max-width:none; padding:0; }
  .xd-owner-list > header.fixed-top > .container > .row { height:39px; margin:0; padding:0 !important; }
  .xd-owner-list > header.fixed-top > .container > .row > .col-auto:first-child { padding:0; }
  .xd-owner-list > header.fixed-top > .container > .row > .col-auto:first-child img { display:block; width:83px; height:auto; }
  .xd-owner-list > header.fixed-top > .container > .row > .col-auto:nth-last-child(2) { display:none; }
  .xd-owner-list > header.fixed-top > .container > .row > .col-auto:last-child { margin-left:auto; padding:0; }
  .xd-owner-list #ham-box { width:39px; height:39px; transform:none; }
  .xd-owner-list .xd-interview-list { position:relative; width:390px; height:1437px; min-height:1437px; overflow:hidden; }
  .xd-owner-list .xd-interview-list-inner { position:relative; width:390px; max-width:none; height:1437px; min-height:0; margin:0; padding:0; }
  .xd-owner-list .xd-interview-list h1 { position:absolute; top:121px; left:20px; width:350px; height:70px; margin:0; }
  .xd-owner-list .xd-interview-entry { position:absolute; left:20px; width:350px; height:auto; margin:0; }
  .xd-owner-list .xd-interview-entry--takeuchi { top:210px; }
  .xd-owner-list .xd-interview-entry--kotobuki { top:791.246px; }
  .xd-owner-list .xd-interview-thumb { position:relative; top:0; left:0; width:350px; height:233px; }
  .xd-owner-list .xd-interview-copy { position:relative; width:350px; padding-top:17px; }
  .xd-owner-list .xd-interview-entry--takeuchi .xd-interview-copy { height:316px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-copy { height:348px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants { background:transparent; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants::before { background:#3a566c; }
  .xd-owner-list .xd-interview-copy .xd-builder { letter-spacing:.1em; }
  .xd-owner-list .xd-interview-copy h2 { letter-spacing:0; }
  .xd-owner-list .xd-interview-copy > p:not(.xd-builder) { letter-spacing:0; }
  .xd-owner-list .xd-interview-copy time { color:#262424; font-weight:400; letter-spacing:.1em; }
  .xd-owner-list .xd-owners-footer { position:relative; width:390px; height:518px; margin:0; overflow:hidden; background:#fff; font-family:YuGothic,"Yu Gothic",sans-serif; }
  .xd-owner-list .xd-footer-nlc { position:absolute; top:20px; left:117px; width:156px; height:80.371px; }
  .xd-owner-list .xd-footer-nav { position:absolute; inset:0; }
  .xd-owner-list .xd-footer-nav a { position:absolute; color:#222 !important; font-size:14px; font-weight:700; line-height:14px; white-space:nowrap; }
  .xd-owner-list .xd-footer-nav a:nth-child(1) { left:62px; top:148.611px; }
  .xd-owner-list .xd-footer-nav a:nth-child(2) { left:62px; top:196.611px; }
  .xd-owner-list .xd-footer-nav a:nth-child(3) { left:62px; top:245.611px; }
  .xd-owner-list .xd-footer-nav a:nth-child(4) { left:62px; top:297.611px; }
  .xd-owner-list .xd-footer-nav a:nth-child(5) { left:244px; top:148.611px; }
  .xd-owner-list .xd-footer-nav a:nth-child(6) { left:244px; top:196.611px; }
  .xd-owner-list .xd-footer-nav a:nth-child(7) { left:244px; top:245.611px; }
  .xd-owner-list .xd-footer-nav a:nth-child(8) { left:244px; top:297.611px; }
  .xd-owner-list .xd-footer-corporate { position:absolute; top:358px; left:0; width:390px; height:160px; background:#bf3f00; color:#fff; }
  .xd-owner-list .xd-footer-asahi { position:absolute; top:27px; left:147px; width:96px; }
  .xd-owner-list .xd-footer-asahi img { display:block; width:96px; height:auto; }
  .xd-owner-list .xd-footer-policies a { position:absolute; top:112.166px; color:#fff !important; font-size:12px; font-weight:500; line-height:14px; white-space:nowrap; }
  .xd-owner-list .xd-footer-policies a:first-child { left:77.5px; }
  .xd-owner-list .xd-footer-policies a:last-child { left:216.5px; }
  .xd-owner-list .xd-footer-corporate > p { position:absolute; top:148.166px; left:79px; margin:0; color:#fff; font-size:12px; font-weight:500; line-height:14px; white-space:nowrap; }
}
@media (max-width:575.98px) {
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants::before { display:none; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants::after { display:none; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-overlay::after { content:""; position:absolute; top:12px; right:10px; width:43px; height:23px; background:url('../img/common/logo_nlc.svg') center/contain no-repeat; }
}
@media (max-width:575.98px) {
  .xd-owner-list .xd-interview-entry--takeuchi .xd-interview-overlay { background:none; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-hero-img { left:63px; width:350px; max-width:none; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-overlay { background:linear-gradient(90deg,#4a77ac 0 42%,transparent 42%); }
}
@media (max-width:575.98px) {
  .xd-owner-list .xd-participants figcaption b { font:inherit; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-overlay { background:linear-gradient(90deg,#4a77ac 0 38%,transparent 38%); }
}

/* Canonical XD PC structure: 対談一覧ページ – 1 (1366 × 1156). */
@media (min-width:992px) {
  .xd-owner-list { width:100%; min-width:0; height:1156px; min-height:1156px; margin:0; overflow:hidden; background:#fff; }
  .xd-owner-list > header.fixed-top { position:absolute; top:22px; right:auto; left:50%; width:1092px; height:60px; transform:translateX(-50%); z-index:20; }
  .xd-owner-list > header.fixed-top > .container { width:100%; max-width:none; padding:0; }
  .xd-owner-list > header.fixed-top > .container > .row { height:60px; margin:0; padding:0 !important; }
  .xd-owner-list > header.fixed-top > .container > .row > .col-auto:first-child { padding:0; }
  .xd-owner-list > header.fixed-top > .container > .row > .col-auto:first-child img { display:block; width:116px; height:60px; }
  .xd-owner-list > header.fixed-top > .container > .row > .col-auto:last-child { padding:0; }
  .xd-owner-list .xd-interview-list { position:relative; width:1366px; height:850px; min-height:850px; margin:0 auto; overflow:hidden; }
  .xd-owner-list .xd-interview-list-inner { position:relative; width:1366px; max-width:none; height:850px; margin:0; padding:0; }
  .xd-owner-list .xd-interview-breadcrumb { position:absolute; top:111px; left:137px; display:flex; align-items:center; gap:0; height:20px; font-family:"FOT-TsukuGo Pro","Noto Sans JP",sans-serif; font-size:14px; line-height:20px; letter-spacing:.1em; color:#262424; }
  .xd-owner-list .xd-interview-breadcrumb > * { color:#262424 !important; white-space:nowrap; }
  .xd-owner-list .xd-interview-breadcrumb > * + *::before { content:""; display:inline-block; width:8px; height:8px; margin:0 22px 1px 20px; border-top:1px solid #262424; border-right:1px solid #262424; transform:rotate(45deg); }
  .xd-owner-list .xd-interview-list h1 { position:absolute; top:194px; left:137px; width:600px; height:70px; margin:0; color:#262424; font-family:"FOT-TsukuGo Pro","Noto Sans JP",sans-serif; font-size:30px; font-weight:700; line-height:70px; letter-spacing:.1em; }
  .xd-owner-list .xd-interview-entry { position:absolute; left:137px; display:block; width:1092px; height:240px; margin:0; }
  .xd-owner-list .xd-interview-entry--takeuchi { top:314px; }
  .xd-owner-list .xd-interview-entry--kotobuki { top:601px; }
  .xd-owner-list .xd-interview-thumb { position:absolute; top:0; left:0; display:block; width:361px; height:240px; overflow:hidden; color:#fff; background:#222; }
  .xd-owner-list .xd-interview-hero-img { position:absolute; inset:0; display:block; width:361px; max-width:none; height:240px; margin:0; object-fit:cover; }
  .xd-owner-list .xd-interview-overlay { position:absolute; inset:0; z-index:1; padding:0; background:none; }
  .xd-owner-list .xd-interview-entry--takeuchi .xd-interview-overlay::before { content:"家づくりの裏側対談"; position:absolute; top:17px; left:20px; padding:4px 10px; border-radius:14px; background:#fff; color:#262424; font-size:7px; line-height:1; }
  .xd-owner-list .xd-interview-entry--takeuchi .xd-thumb-title { position:absolute; top:50px; left:20px; margin:0; color:#fff; font-size:24px; font-weight:700; line-height:28px; letter-spacing:0; }
  .xd-owner-list .xd-interview-entry--takeuchi .xd-thumb-builder { position:absolute; top:140px; left:20px; margin:0; color:#fff; font-size:10px; font-weight:700; line-height:14px; }
  .xd-owner-list .xd-participants { position:absolute; z-index:2; left:0; bottom:0; display:flex; align-items:start; gap:11px; width:361px; height:78px; padding-left:20px; background:transparent; }
  .xd-owner-list .xd-participants::before { content:""; position:absolute; z-index:-1; inset:18px 0 0; background:#ac4a4a; }
  .xd-owner-list .xd-participants::after { content:""; position:absolute; right:18px; top:24px; width:62px; height:32px; background:url('../img/common/logo_nlc.svg') center/contain no-repeat; filter:brightness(0) invert(1); }
  .xd-owner-list .xd-participants figure { display:block; width:49px; margin:0; }
  .xd-owner-list .xd-participants img { display:block; width:49px; height:49px; margin:0; border-radius:50%; object-fit:cover; object-position:center 22%; }
  .xd-owner-list .xd-participants figcaption { display:block; color:#fff; font-size:10px; line-height:12px; text-align:center; white-space:nowrap; }
  .xd-owner-list .xd-participants figcaption small { display:block; font-size:6px; line-height:8px; }
  .xd-owner-list .xd-participants figcaption span { margin-left:2px; font-size:6px; }
  .xd-owner-list .xd-interview-copy { position:absolute; top:0; left:391px; width:701px; height:240px; padding:0; color:#222; }
  .xd-owner-list .xd-interview-copy .xd-builder { position:absolute; top:18px; left:0; margin:0; font-size:14px; font-weight:700; line-height:20px; letter-spacing:.1em; }
  .xd-owner-list .xd-interview-copy h2 { position:absolute; top:49px; left:0; width:701px; margin:0; font-size:24px; font-weight:700; line-height:32px; letter-spacing:0; }
  .xd-owner-list .xd-interview-copy > p:not(.xd-builder) { position:absolute; top:119px; left:0; width:701px; margin:0; font-size:14px; font-weight:400; line-height:22px; letter-spacing:0; }
  .xd-owner-list .xd-interview-copy time { position:absolute; top:202px; left:0; display:block; margin:0; color:#262424; font-size:14px; font-weight:400; line-height:20px; letter-spacing:.1em; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-hero-img { left:65px; width:361px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-overlay { width:137px; background:#4a77ac; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-overlay::after { content:""; position:absolute; top:12px; right:-206px; width:43px; height:23px; background:url('../img/common/logo_nlc.svg') center/contain no-repeat; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-thumb-builder { position:absolute; top:56px; left:22px; margin:0; color:#fff; font-size:8px; font-weight:700; line-height:12px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-thumb-title { position:absolute; top:83px; left:20px; width:180px; margin:0; color:#fff; font-size:21px; font-weight:700; line-height:28px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-thumb-sub { position:absolute; top:135px; left:22px; width:230px; margin:0; color:#fff; font-size:11px; font-weight:700; line-height:16px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants { left:0; width:137px; height:49px; gap:8px; padding-left:20px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants::before,
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants::after { display:none; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-participants figure { width:49px; }
  .xd-owner-list .xd-owners-footer { position:relative; width:1366px; height:306px; margin:0 auto; overflow:hidden; background:#fff; font-family:YuGothic,"Yu Gothic",sans-serif; }
  .xd-owner-list .xd-footer-nlc { position:absolute; top:28px; left:605px; width:156px; height:80.371px; }
  .xd-owner-list .xd-footer-nav { position:absolute; inset:0; }
  .xd-owner-list .xd-footer-nav a { position:absolute; top:151.863px; color:#222 !important; font-size:14px; font-weight:700; line-height:14px; white-space:nowrap; }
  .xd-owner-list .xd-footer-nav a:nth-child(1) { left:293.953px; }
  .xd-owner-list .xd-footer-nav a:nth-child(2) { left:352.953px; }
  .xd-owner-list .xd-footer-nav a:nth-child(3) { left:432.953px; }
  .xd-owner-list .xd-footer-nav a:nth-child(4) { left:574.953px; }
  .xd-owner-list .xd-footer-nav a:nth-child(5) { left:675px; }
  .xd-owner-list .xd-footer-nav a:nth-child(6) { left:761.047px; }
  .xd-owner-list .xd-footer-nav a:nth-child(7) { left:874.922px; }
  .xd-owner-list .xd-footer-nav a:nth-child(8) { left:988.047px; }
  .xd-owner-list .xd-footer-corporate { position:absolute; top:214px; left:0; width:1366px; height:92px; background:#bf3f00; color:#fff; }
  .xd-owner-list .xd-footer-asahi { position:absolute; top:29px; left:620px; width:126px; }
  .xd-owner-list .xd-footer-asahi img { display:block; width:126px; height:auto; }
  .xd-owner-list .xd-footer-policies a { position:absolute; top:51.555px; color:#fff !important; font-size:12px; font-weight:500; line-height:14px; white-space:nowrap; }
  .xd-owner-list .xd-footer-policies a:first-child { left:822px; }
  .xd-owner-list .xd-footer-policies a:last-child { left:961px; }
  .xd-owner-list .xd-footer-corporate > p { position:absolute; top:51.555px; left:229px; margin:0; color:#fff; font-size:12px; font-weight:500; line-height:14px; white-space:nowrap; }
}
@media (max-width:991.98px) { .xd-owner-list .xd-interview-breadcrumb { display:none; } }
@media (min-width:992px) {
  html:has(.xd-owner-list) { overflow-x:hidden; }
  .xd-owner-list .xd-interview-list { padding:0 !important; }
  .xd-owner-list #ham-drawer { overflow:hidden; }
}
@media (min-width:992px) {
  .xd-owner-list > header.fixed-top { padding-top:0 !important; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-thumb-title { width:210px; }
}

/* Canonical raster fallback uses the XD TsukuGo family without a substitute face. */
.xd-owner-list > header.fixed-top [data-xd-text],
.xd-owner-list .xd-interview-list [data-xd-text] {
  font-weight:400;
}
@media (max-width:575.98px) {
  .xd-owner-list .xd-interview-list h1 { font-family:"FOT-TsukuGo Pro",sans-serif; }
  .xd-owner-list .xd-interview-entry--takeuchi .xd-interview-copy { padding-top:16px; }
  .xd-owner-list .xd-interview-entry--kotobuki .xd-interview-copy { padding-top:1px; }
  .xd-owner-list .xd-footer-nlc { top:-1px; }
  .xd-owner-list .xd-footer-nav a { top:134.611px; }
  .xd-owner-list .xd-footer-corporate { top:370px; }
  .xd-owner-list .xd-footer-asahi { top:30px; left:130px; width:130px; }
  .xd-owner-list .xd-footer-asahi img { width:130px; }
  .xd-owner-list .xd-footer-policies a { top:88.166px; }
  .xd-owner-list .xd-footer-corporate > p { top:124.166px; }
}