:root{--interview-page-gutter:clamp(21px,calc(-51.535px + 19.343vw),227px);--interview-text:#202020}
body:is(.page-interview-archive,.page-interview-single){min-width:320px;color:var(--interview-text);background:#fbfaf8;font-family:"zen-kaku-gothic-new","Noto Sans JP",sans-serif}
body:is(.page-interview-archive,.page-interview-single){isolation:isolate}
.page-interview-archive .lower-header,.page-interview-single .lower-header{position:relative;z-index:5}
.interview-page-gutter{box-sizing:border-box;width:calc(100% - (2 * var(--interview-page-gutter)));margin-inline:auto}

.interview-page-title{padding-top:100px}
.interview-page-title h1{font-family:"gotham",sans-serif;font-size:80px;font-style:normal;font-weight:200;line-height:1;letter-spacing:0;text-transform:uppercase}
.interview-page-title p{position:relative;margin-top:22px;padding-left:23px;font-family:"dnp-shuei-gothic-gin-std",sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:1;letter-spacing:0}
.interview-page-title p::before{position:absolute;top:50%;left:0;width:11px;height:11px;border-radius:9.26px;background:linear-gradient(125.06deg,#f9ca70 24.44%,#f08696 75.56%);content:"";transform:translateY(-50%)}
.interview-archive-intro{margin:42px 0 44px;font-family:var(--font-ja);font-size:16px;font-weight:500;line-height:34px;letter-spacing:0}
.interview-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16.923px}
.interview-empty{padding:60px 0;text-align:center}
.navigation.pagination{margin-top:42px;text-align:center}.navigation.pagination .nav-links{display:flex;justify-content:center;gap:8px}.navigation.pagination a,.navigation.pagination span{display:grid;width:38px;height:38px;border:1px solid #ddd;border-radius:50%;background:#fff;place-items:center}.navigation.pagination .current{border-color:#222;background:#222;color:#fff}
.interview-breadcrumb{display:flex;gap:14px;margin-top:70px;padding:25px 0 55px;font-size:11px}.interview-breadcrumb>*+*::before{margin-right:14px;color:#aaa;content:"/"}

.interview-single-main{padding-top:30px}
.interview-single-hero{position:relative;display:grid;grid-template-columns:360px minmax(0,1fr);column-gap:52px;min-height:0;padding-top:95px;padding-bottom:45px}
.interview-single-hero__portrait{align-self:start;text-align:center}
.interview-single-hero__image-frame{position:relative;display:block;width:360px;height:336px;margin-left:-18px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 78%,transparent 98%);mask-image:linear-gradient(#000 0 78%,transparent 98%)}
.interview-single-hero__image-frame>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center top}
.interview-single-hero__person{margin-top:31px}.interview-single-hero__person-line{display:flex;min-height:32.5px;justify-content:flex-start;gap:24px;align-items:center}.interview-single-hero__person-line span{position:relative;display:flex;box-sizing:border-box;width:fit-content;min-width:156px;height:32.5px;align-items:center;justify-content:center;padding:0 15px;border:1.5px solid transparent;border-radius:18px;background:var(--interview-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-family:var(--font-ja);font-size:14px;font-weight:600;line-height:1;letter-spacing:1px;white-space:nowrap}.interview-single-hero__person-line span::before{position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--interview-tag-gradient);content:"";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.interview-single-hero__person-line strong{display:flex;height:32.5px;align-items:center;font-family:var(--font-ja);font-size:22px;font-weight:600;line-height:1;letter-spacing:0}.interview-single-hero__person-profile{display:flex;align-items:center;gap:28px;margin-top:17px;padding:0;list-style:none;font-family:var(--font-ja);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;white-space:nowrap}.interview-single-hero__person-profile li+li{position:relative}.interview-single-hero__person-profile li+li::before{position:absolute;top:50%;left:-14.5px;width:1px;height:12px;background:currentColor;content:"";transform:translateY(-50%)}
.interview-single-hero__person-line{width:max-content}.interview-single-hero__person-line span,.interview-single-hero__person-line strong{flex-shrink:0}.interview-single-hero__person-line strong{white-space:nowrap}
.interview-single-hero__copy{align-self:start;margin-top:23px}
.page-interview-single .interview-single-hero__eyebrow{line-height:52px!important}
.interview-single-hero__eyebrow span{display:block}
.interview-single-hero__number{display:flex;align-items:start;margin-top:12px;background:var(--interview-number-gradient,var(--interview-gradient));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-family:var(--font-en);font-weight:400;letter-spacing:0}.interview-single-hero__number span{font-size:22px;line-height:121.84px}.interview-single-hero__number strong{font-size:33px;font-weight:400;line-height:121.84px}
.interview-single-hero__copy h1{margin-top:-34px;font-family:var(--font-ja);font-size:22px;font-weight:600;line-height:40px;letter-spacing:2px}
.interview-single-hero__lead{margin-top:12px;font-family:var(--font-ja);font-size:15px;font-weight:400;line-height:30px;letter-spacing:0}
@media(min-width:768px){.interview-single-hero{align-items:stretch}.interview-single-hero__portrait,.interview-single-hero__copy{display:grid;align-self:stretch;grid-template-rows:auto 1fr auto}.interview-single-hero__copy{margin-top:0}.interview-single-hero__heading{grid-row:1;margin-top:23px}.interview-single-hero__person,.interview-single-hero__content{grid-row:3}}
@media(min-width:768px){.interview-single-hero{width:986px;zoom:clamp(.582,calc((100vw - (2 * var(--interview-page-gutter))) / 986px),1)}}
.interview-dialogue{display:flex;padding-top:74px;flex-direction:column;gap:8px}
.interview-dialogue__row{--interview-bubble-width:clamp(266px,calc(115.296px + 40.188vw),694px);position:relative;display:grid;width:min(100%,calc(var(--interview-bubble-width) + 244px));margin-inline:auto;grid-template-columns:102px minmax(0,1fr) 102px;gap:20px;align-items:start}.interview-dialogue__row--answerer .interview-dialogue__speaker{left:0;grid-column:1}.interview-dialogue__row--answerer .interview-dialogue__bubble{grid-column:2;grid-row:1}
.interview-dialogue__row--questioner .interview-dialogue__speaker{right:0;grid-column:3}.interview-dialogue__row--questioner .interview-dialogue__bubble{grid-column:2;grid-row:1}
.interview-dialogue__speaker{position:relative;grid-row:1;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px;text-align:center}
.interview-dialogue__avatar-frame{display:block;width:102px;height:102px;overflow:hidden;border-radius:50%;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.interview-dialogue__avatar{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.interview-dialogue__row--questioner .interview-dialogue__avatar-frame{background:#f7f7f7}
.interview-dialogue__row--questioner .interview-dialogue__avatar{transform:translateY(15px) scale(1.05);transform-origin:50% 50%}
.interview-dialogue__row--answerer .interview-dialogue__avatar-frame{background:var(--interview-answer-gradient)}
/* 全回答者に同じルールを適用。ACFで画像を変えても全体を丸枠内に収める。 */
.interview-dialogue__row--answerer .interview-dialogue__avatar{object-fit:contain;object-position:center;transform:none}
.interview-dialogue__avatar--mirrored{scale:-1 1}
.interview-avatar--placeholder{position:relative}.interview-avatar--placeholder::after{position:absolute;inset:17px;border:2px solid rgba(255,255,255,.9);border-radius:50%;content:""}
.interview-dialogue__bubble{position:relative;box-sizing:border-box;width:var(--interview-bubble-width);max-width:100%;min-height:70px;justify-self:center;padding:20px 24px;border-radius:13px;background:#f7f7f7;box-shadow:0 0 8px #0000001a,inset 3px 3px 5px #fff;font-size:13px;line-height:2}
.interview-dialogue__row--questioner .interview-dialogue__bubble{display:flex;align-items:center;border-top-right-radius:0;background:#f7f7f7;font-family:var(--font-ja);font-size:15px;font-style:normal;font-weight:600;line-height:25.5px;letter-spacing:1px;text-align:justify}
.interview-dialogue__row--answerer .interview-dialogue__bubble{border-top-left-radius:0;background:var(--interview-answer-gradient);font-family:var(--font-ja);font-size:15px;font-style:normal;font-weight:400;line-height:30px;letter-spacing:1px;text-align:justify}
.interview-dialogue__bubble p+p{margin-top:12px}
.interview-schedule{margin-top:clamp(90px,calc(65.352px + 6.573vw),160px)}
.interview-schedule__grid{position:relative;display:grid;max-width:986px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:82px;row-gap:28px;margin-top:68px;padding-left:69px}
.interview-schedule__grid::before,.interview-schedule__grid::after{position:absolute;top:17px;bottom:10px;width:1.5px;background:var(--interview-schedule-color,var(--interview-color-bottom));content:"";transform:translateX(-50%)}
.interview-schedule__grid::before{left:10px}.interview-schedule__grid::after{left:calc(50% + 16.5px)}
.interview-schedule__item{position:relative;min-height:109px;padding-right:12px}
.interview-schedule__item::before{position:absolute;top:7px;left:-69px;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--interview-schedule-color,var(--interview-color-bottom)) 40%,transparent);content:""}
.interview-schedule__item::after{position:absolute;top:11.5px;left:-64.5px;width:11px;height:11px;border-radius:50%;background:var(--interview-schedule-color,var(--interview-color-bottom));content:""}
.interview-schedule__item h3{display:table;padding:7px 13px;border-radius:6px;background:var(--interview-schedule-gradient);color:#fff;font-family:var(--font-ja);font-size:18px;font-weight:500;line-height:22px;letter-spacing:1px}
.interview-schedule__item>div{margin-top:8px;font-family:var(--font-ja);font-size:15px;font-weight:400;line-height:30px}
.interview-schedule__item:nth-child(-n+3){grid-column:1}.interview-schedule__item:nth-child(n+4){grid-column:2}.interview-schedule__item:nth-child(4){grid-row:1}.interview-schedule__item:nth-child(5){grid-row:2}.interview-schedule__item:nth-child(6){grid-row:3}
.interview-related.interview-related--after-schedule{padding-top:clamp(90px,calc(65.352px + 6.573vw),160px)}
.interview-related{padding-top:110px;padding-bottom:30px}.interview-related>header h2{font-family:var(--font-ja);font-size:36px;font-weight:500;line-height:36.4px;letter-spacing:0}.interview-related>header p{margin-top:17px;font-family:var(--font-en);font-size:20px;font-weight:400;line-height:1;letter-spacing:1px;text-transform:uppercase}.interview-related__grid{--interview-related-edge-gutter:max(var(--page-inline-gutter),calc((100vw - 1120px)/2));box-sizing:border-box;display:flex;width:100vw;gap:16.923px;margin-top:38px;margin-left:calc(-1 * var(--interview-related-edge-gutter));padding:12px var(--interview-related-edge-gutter) 20px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-padding-inline:var(--interview-related-edge-gutter);scroll-snap-type:x proximity;scrollbar-width:none}.interview-related__grid::-webkit-scrollbar{display:none}

/* Environmentの社員インタビューカードと同じ寸法・配置。色だけ投稿のACF値を使う。 */
:is(.interview-archive-grid,.interview-related__grid) article{container-type:inline-size;position:relative;width:362.077px;height:518.292px;min-height:518.292px;padding:0;overflow:hidden;border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 6px 22px rgba(0,0,0,.12)}
.interview-related__grid article{flex:0 0 362.077px;scroll-snap-align:start}
.interview-summary-card__portrait{position:absolute;top:5.8%;left:50%;width:78%;height:calc(50% - 5.8% - 12px);overflow:hidden;transform:translateX(-50%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.3) 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.3) 90%,transparent 100%)}
.interview-summary-card__portrait img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;object-fit:contain}
:is(.interview-archive-grid,.interview-related__grid) .interview-summary-card__tag{top:55.77%;left:8.01%}
:is(.interview-archive-grid,.interview-related__grid) h3{position:absolute;z-index:2;top:64.84%;left:8.01%;width:86.43%;height:18.52%;margin:0;font-family:var(--font-ja);font-size:clamp(16px,4.97cqi,18px);font-weight:600;line-height:clamp(30px,8.84cqi,32px)}
:is(.interview-archive-grid,.interview-related__grid) article>a{position:absolute;z-index:2;right:9.21%;bottom:6.41%;margin:0;font-family:var(--font-en);font-size:clamp(16px,4.94cqi,17.879px);font-weight:400;line-height:35.758px;white-space:nowrap}
:is(.interview-archive-grid,.interview-related__grid) .employee-card__number{position:absolute;z-index:3;top:5.21%;left:8.01%;background:var(--interview-number-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-family:var(--font-en);font-size:17.88px;font-weight:400;line-height:35.76px;letter-spacing:0}
.interview-archive-grid__item{position:relative;width:100%;min-width:0}
.interview-archive-grid__item article{width:100%;height:auto;min-height:0;aspect-ratio:362.077/590;transform-origin:top left}
.interview-archive-grid__item.is-uniformly-scaled article{width:362.077px;height:590px;min-height:590px;aspect-ratio:auto;transform:scale(var(--interview-archive-card-scale,1))}
.interview-archive-grid article:nth-child(n)>.interview-summary-card__tag{top:50%}
.interview-archive-grid article:nth-child(n)>h3{top:58%;display:-webkit-box;height:auto;max-height:90px;overflow:hidden;font-size:18px;line-height:30px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.interview-summary-card__summary{position:absolute;z-index:2;top:75%;left:8.01%;display:-webkit-box;width:83.98%;max-height:72px;margin:0;overflow:hidden;font-family:var(--font-ja);font-size:13px;font-weight:400;line-height:24px;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.interview-archive-grid article:nth-child(n)>a{display:flex;align-items:center;bottom:4%;font-size:17.879px}
.interview-archive-grid article:nth-child(n)>.employee-card__number{top:4%}
.interview-related__grid .employee-card__number{top:27px;left:29px;line-height:1}
.interview-related__grid .interview-summary-card__tag{top:289.06px;left:29px;}
.interview-related__grid h3{top:336.06px;left:29px;width:312.949px;height:96px;font-size:18px;line-height:32px}
.interview-related__grid article>a{right:33.362px;bottom:33.232px;font-size:17.879px;line-height:35.758px}
@media(max-width:1023px){.interview-related__grid article{flex-basis:clamp(306.9px,calc(274.968866px + 8.514969vw),362.077px);width:clamp(306.9px,calc(274.968866px + 8.514969vw),362.077px);height:clamp(429.59px,calc(378.257824px + 13.68858vw),518.292px);min-height:clamp(429.59px,calc(378.257824px + 13.68858vw),518.292px)}.interview-related__grid .employee-card__number{top:clamp(20px,calc(14.792px + 1.389vw),29px);left:clamp(21.248px,calc(16.761889px + 1.196296vw),29px)}.interview-related__grid .interview-summary-card__tag{top:clamp(231.476px,calc(198.151926px + 8.88642vw),289.06px);left:clamp(21.248px,calc(16.761889px + 1.196296vw),29px);}.interview-related__grid h3{top:clamp(273.084px,calc(236.639556px + 9.718519vw),336.06px);left:clamp(21.248px,calc(16.761889px + 1.196296vw),29px);width:clamp(253.9px,calc(219.728125px + 9.1125vw),312.949px);height:clamp(90px,calc(86.527778px + .925926vw),96px);font-size:clamp(16px,calc(14.842593px + .308642vw),18px);line-height:clamp(30px,calc(28.842593px + .308642vw),32px)}.interview-related__grid article>a{right:clamp(26.326px,calc(22.254241px + 1.085802vw),33.362px);bottom:clamp(21.732px,calc(15.076907px + 1.774691vw),33.232px);font-size:clamp(16px,calc(14.912616px + .289969vw),17.879px)}}
.interview-related__controls{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:center;column-gap:38px;width:min(708px,100%);height:32px;margin-top:20px}.interview-related__buttons{display:flex;gap:10px}.interview-related__buttons button{position:relative;width:82px;height:32px;padding:0;border:1px solid #111;border-radius:16px;background:transparent}.interview-related__buttons button span{position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:1px solid #111;border-right:1px solid #111}.interview-related__buttons button:first-child span{transform:translate(-35%,-50%) rotate(-135deg)}.interview-related__buttons button:last-child span{transform:translate(-65%,-50%) rotate(45deg)}.interview-related__scrollbar{position:relative;height:4px;border-radius:2px;background:#dedede;touch-action:none}.interview-related__scrollbar span{position:absolute;top:0;left:0;width:127px;height:4px;border-radius:2px;background:#aaa;cursor:grab;touch-action:none;transition:height .12s,top .12s}.interview-related__scrollbar span.is-dragging{top:-2px;height:8px;cursor:grabbing}
.interview-site-footer{position:relative}

@media(max-width:767px){.interview-schedule__grid{display:flex;margin-top:clamp(48px,12vw,68px);padding-left:45px;flex-direction:column;gap:clamp(28px,7vw,42px)}.interview-schedule__grid::before{left:10px}.interview-schedule__grid::after{display:none}.interview-schedule__item{min-height:0;padding-right:0}.interview-schedule__item::before{left:-45px}.interview-schedule__item::after{left:-40.5px}.interview-schedule__item h3{padding:5px 10px;font-size:clamp(14px,4.267vw,16px);line-height:20px}.interview-schedule__item>div{margin-top:8px;font-size:clamp(12px,3.733vw,14px);line-height:2}}

@media(max-width:900px) and (min-width:601px){.interview-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interview-archive-grid article{width:100%;height:auto;min-height:0;aspect-ratio:362.077/590}}
@media(max-width:600px){.interview-page-title{padding-top:78px}.interview-page-title h1{font-size:48px}.interview-page-title p{margin-top:14px;font-size:13px}.interview-archive-intro{margin:28px 0 30px;font-size:14px;line-height:30px}.interview-archive-grid{grid-template-columns:1fr;gap:12px}.interview-archive-grid article{width:100%;height:auto;min-height:0;aspect-ratio:362.077/590}.interview-single-main{padding-top:8px}.interview-single-hero{display:flex;min-height:0;padding:88px 0 30px;border-radius:0;flex-direction:column}.interview-single-hero::before{border-radius:0}.interview-single-hero__portrait,.interview-single-hero__copy{display:contents}.interview-single-hero__heading{order:1}.interview-single-hero__image-frame{order:2;align-self:center;width:79.2%;height:226px;margin:27px 0 0}.interview-single-hero__person{order:3;width:100%;margin-top:31px}.interview-single-hero__number{order:4;height:56px;margin-top:12px}.interview-single-hero__copy h1{order:5;margin-top:-34px}.interview-single-hero__lead{order:6}.interview-single-hero__person-line strong{font-size:18px}.interview-single-hero__number span{font-size:18px}.interview-single-hero__number strong{font-size:27px}.interview-single-hero__copy h1{font-size:20px;letter-spacing:2px}.interview-single-hero__lead{font-size:14px}.interview-single-hero__profile{order:3;margin:20px 0 0;font-size:10px;line-height:1.8}.interview-dialogue{padding-top:48px;gap:6px}.interview-dialogue__row{grid-template-columns:46px minmax(0,1fr);gap:9px}.interview-dialogue__row--questioner{grid-template-columns:minmax(0,1fr) 46px}.interview-dialogue__row--questioner .interview-dialogue__speaker{grid-column:2}.interview-dialogue__row--questioner .interview-dialogue__bubble{grid-column:1}.interview-dialogue__avatar-frame{width:42px;height:42px}.interview-dialogue__speaker span{font-size:8px}.interview-dialogue__bubble{padding:15px 16px;font-size:11px;line-height:1.9}.interview-dialogue__bubble h2{font-size:12px}.interview-related{padding-top:75px}.interview-related>header h2{font-size:25px;line-height:40px}.interview-related>header p{margin-top:13px;font-size:16px}.interview-related__grid{width:calc(100vw - 20px);gap:10px;margin-left:0}.interview-related__controls{grid-template-columns:156px 1fr;column-gap:27px;width:336px;margin-top:20px}.interview-related__buttons{gap:12px}.interview-related__buttons button{width:72px}.interview-related__scrollbar span{width:50px}.interview-breadcrumb{overflow:hidden;white-space:nowrap}.interview-site-footer{margin-top:0}}
@media(max-width:600px){.interview-single-hero__person-line{gap:8px}}
@media(max-width:600px){.interview-single-hero__content{display:contents}}
@media(max-width:767px) and (min-width:601px){.interview-single-main{padding-top:8px}.interview-single-hero{display:flex;min-height:0;padding:88px 0 30px;border-radius:0;flex-direction:column}.interview-single-hero::before{border-radius:0}.interview-single-hero__portrait,.interview-single-hero__copy{display:contents}.interview-single-hero__heading{order:1}.interview-single-hero__image-frame{order:2;align-self:center;width:79.2%;height:226px;margin:27px 0 0}.interview-single-hero__person{order:3;width:100%;margin-top:31px}.interview-single-hero__number{order:4;height:56px;margin-top:12px}.interview-single-hero__copy h1{order:5;margin-top:-34px}.interview-single-hero__lead{order:6}.interview-single-hero__person-line{gap:8px}.interview-single-hero__person-line strong{font-size:18px}.interview-single-hero__number span{font-size:18px}.interview-single-hero__number strong{font-size:27px}.interview-single-hero__copy h1{font-size:20px;letter-spacing:2px}.interview-single-hero__lead{font-size:14px}.interview-single-hero__content{display:contents}}
@media(max-width:767px){.interview-dialogue{padding-top:48px;gap:6px}.interview-dialogue__row{width:min(100%,calc(var(--interview-bubble-width) + 66px));grid-template-columns:57px minmax(0,1fr);gap:9px}.interview-dialogue__row--questioner{grid-template-columns:minmax(0,1fr) 57px}.interview-dialogue__row--questioner .interview-dialogue__speaker{grid-column:2}.interview-dialogue__row--questioner .interview-dialogue__bubble{grid-column:1}.interview-dialogue__avatar-frame{width:57px;height:57px}.interview-dialogue__row--questioner .interview-dialogue__avatar{transform:translateY(8.382px) scale(1.05)}.interview-dialogue__speaker span{font-size:8px}.interview-dialogue__bubble{padding:15px 16px;font-size:11px;line-height:1.9}.interview-dialogue__bubble h2{font-size:12px}}
@media(max-width:767px){.interview-single-hero__number{order:2;height:auto;margin-top:10px;align-items:baseline}.interview-single-hero__number span,.interview-single-hero__number strong{line-height:1}.interview-single-hero__image-frame{order:3;margin-top:3px}.interview-single-hero__person{order:4}.interview-single-hero__copy h1{margin-top:32px}}
@media(max-width:767px){.interview-single-hero__copy h1 br{display:none}}
@media(max-width:600px){.interview-related__grid{width:100vw;margin-left:calc(-1 * var(--interview-related-edge-gutter));padding-right:var(--interview-related-edge-gutter);padding-left:var(--interview-related-edge-gutter)}}

/* Keep the related strip full-width when the shared carousel is mounted. */
.interview-related > .recruit-carousel-viewport{width:100vw;margin-left:calc(-1 * max(var(--page-inline-gutter),calc((100vw - 1120px)/2)))}
@media(max-width:600px){.interview-related > .recruit-carousel-viewport{width:calc(100vw - 20px);margin-left:0}}

/* Match the mobile dialogue copy in the design, including speaker-specific rules. */
@media (max-width: 767px) {
  .interview-dialogue__row--questioner .interview-dialogue__bubble,
  .interview-dialogue__row--answerer .interview-dialogue__bubble,
  .interview-dialogue__bubble h2 { font-size: 14px; }
}
.interview-dialogue__row--questioner .interview-dialogue__bubble { transform-origin: right top; }
.interview-dialogue__row--answerer .interview-dialogue__bubble { transform-origin: left top; }

.interview-dialogue__row.is-message-pending { opacity: 0; }

/* タグ直前まで共通の画像枠を確保し、縮小後の空白を抑える。 */
.interview-related__grid .interview-summary-card__portrait{height:calc(55.77% - 5.8% - 12px)}
.interview-related__grid article>.interview-summary-card__tag{top:55.77%}

/* 質問と回答を近づけ、次の質問との間で会話の組を区切る。 */
.interview-dialogue__row--answerer + .interview-dialogue__row--questioner{margin-top:48px}
@media(min-width:768px){
  .interview-dialogue{gap:20px}
  /* 短い質問でもアイコンの高さが吹き出し間の余白を押し広げないようにする。 */
  .interview-dialogue__row--questioner .interview-dialogue__speaker{position:absolute;top:0;width:102px}
  .interview-dialogue__row--answerer + .interview-dialogue__row--questioner{margin-top:36px}
}
@media(max-width:767px){
  /* 質問直後の回答は、コンテナのgap 6pxと合わせて28px空ける。 */
  .interview-dialogue__row--questioner + .interview-dialogue__row--answerer{margin-top:22px}
  .interview-dialogue__row--answerer + .interview-dialogue__row--questioner{margin-top:28px}
}

/* Wrap long titles back to the breadcrumb's left edge, keeping links intact. */
body.page-interview-single nav.breadcrumb {
  display: block;
}
body.page-interview-single nav.breadcrumb > a {
  display: inline-block;
  white-space: nowrap;
}
body.page-interview-single nav.breadcrumb > span {
  overflow-wrap: anywhere;
}