/* 採用情報: 社員インタビュー詳細ページ（スタイリッシュな読み物レイアウト） */
.ws-int-main{max-width:760px;margin:0 auto;padding:0 24px}
.ws-int-crumb{max-width:760px;margin:0 auto;padding:28px 24px 0;font-size:12px;color:#7891a0}
.ws-int-crumb a{color:#158fc5;text-decoration:none}
.ws-int-crumb a:hover{text-decoration:underline}
.ws-int-crumb span{margin:0 6px;opacity:.6}

.ws-int-head{padding:40px 0 44px;border-bottom:1px solid #e1eaf0}
.ws-int-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:#158fc5;font:700 12px/1 Lato,"Noto Sans JP",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.ws-int-kicker::before{content:"";width:30px;height:1px;background:currentColor}
.ws-int-pull{position:relative;margin:0 0 30px;padding-left:40px;color:#082f43;font-size:clamp(24px,3.6vw,34px);font-weight:700;line-height:1.5;letter-spacing:-.01em}
.ws-int-pull::before{content:"“";position:absolute;left:-6px;top:-.18em;color:#bfe3f2;font-size:2.2em;font-family:Georgia,serif;line-height:1}
.ws-int-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px}
.ws-int-meta strong{font-size:19px;color:#082f43;font-weight:700}
.ws-int-meta span{font-size:13px;color:#66808e}

.ws-int-body{padding:44px 0 8px}
.ws-int-qa{display:grid;grid-template-columns:56px 1fr;gap:0 20px;padding:26px 0;border-bottom:1px dashed #dce7ee}
.ws-int-qa:first-child{padding-top:0}
.ws-int-qa:last-child{border-bottom:0}
.ws-int-qmark{grid-row:1/3;color:#c9dfe8;font:800 26px/1 Lato,sans-serif}
.ws-int-q{margin:2px 0 12px;color:#0e6b96;font-size:15px;font-weight:700;line-height:1.7}
.ws-int-a{margin:0;color:#3d5a6b;font-size:15px;line-height:2}

.ws-int-off{margin:44px 0 0;padding:26px 28px;background:#eef2f6;border-radius:14px}
.ws-int-off small{display:block;margin-bottom:8px;color:#158fc5;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ws-int-off p{margin:0;color:#3d5a6b;font-size:14px;line-height:1.9}

.ws-int-nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin:52px 0 0;padding-top:26px;border-top:1px solid #e1eaf0}
.ws-int-back{color:#158fc5;font-size:13px;font-weight:700;text-decoration:none}
.ws-int-back:hover{text-decoration:underline}
.ws-int-pager{display:flex;gap:10px}
.ws-int-pager a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 18px;border:1px solid #d7e5ed;border-radius:999px;color:#243f52;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.ws-int-pager a:hover{border-color:#42c6f2;background:#eef9fd;color:#0e6b96}

.ws-int-topic{margin:0 0 18px;color:#082f43;font-size:20px;font-weight:700;line-height:1.5}
.ws-int-speak{display:grid;grid-template-columns:110px 1fr;gap:0 20px;margin:0 0 18px}
.ws-int-speak b{color:#158fc5;font-size:13px;font-weight:700}
.ws-int-speak p{margin:2px 0 0;color:#3d5a6b;font-size:15px;line-height:2}
@media(max-width:680px){.ws-int-speak{grid-template-columns:1fr;gap:4px}}

@media(max-width:680px){
  .ws-int-qa{grid-template-columns:1fr;gap:6px}
  .ws-int-qmark{display:none}
  .ws-int-pull{padding-left:0}
  .ws-int-pull::before{position:static;display:block;margin-bottom:4px}
}