/* 歯科衛生士求人ページ：スタッフインタビュー（.okito-interviews 内のみに適用） */
.okito-interviews { --oi-orange:#ff9900; --oi-ink:#3e3a39; --oi-rule:#e9d7b3; color:var(--oi-ink); font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif; font-size:16px; line-height:1.95; letter-spacing:.025em; overflow-wrap:anywhere; }
.okito-interviews *, .okito-interviews *::before, .okito-interviews *::after { box-sizing:border-box; }
.okito-interviews [id] { scroll-margin-top:90px; }
.okito-interviews h3.oi-title { background:var(--oi-orange); border-left:5px solid #fcb956; color:#352d23; font-size:22px; line-height:1.5; font-weight:700; padding:14px 20px; margin:38px 0 24px; }
.okito-interviews p { margin:0 0 1em; }
.okito-interviews .oi-intro { margin:0 0 22px; }
.okito-interviews .oi-philosophy { color:#795129; font-size:15px; margin-bottom:8px; }
.okito-interviews .oi-nav { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 32px; }
.okito-interviews a { color:#785014; text-underline-offset:4px; }
.okito-interviews a:hover { color:#663300; text-decoration:underline; }
.okito-interviews a:focus-visible, .okito-interviews summary:focus-visible { outline:3px solid #856014; outline-offset:4px; }
.okito-interviews .oi-nav a { display:inline-flex; align-items:center; gap:18px; min-height:46px; border:1px solid #d9bb87; border-bottom:3px solid #ffad33; padding:7px 17px; background:#fff; text-decoration:none; font-weight:700; }
.okito-interviews .oi-nav a::after { content:"↓"; font-weight:400; }
.okito-interviews .oi-person { background:#fff; border:1px solid var(--oi-rule); margin:0 0 30px; }
.okito-interviews .oi-person-header { border-top:3px solid #ffad33; border-bottom:1px solid var(--oi-rule); background:#fff8eb; padding:22px 28px 19px; }
.okito-interviews .oi-person-header-with-photo { display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); align-items:center; gap:24px; }
.okito-interviews .oi-photo { margin:0; }
.okito-interviews .oi-photo img { display:block; width:100%; height:auto; border:1px solid #e4d3b7; }
.okito-interviews .oi-profile { min-width:0; }
.okito-interviews .oi-role { display:block; font-size:14px; color:#705832; letter-spacing:.08em; margin-bottom:2px; }
.okito-interviews h4.oi-name { font-size:24px; line-height:1.5; margin:0 0 10px; color:var(--oi-ink); font-weight:700; }
.okito-interviews .oi-meta { display:flex; gap:6px 14px; flex-wrap:wrap; align-items:center; font-size:14px; line-height:1.7; margin:0; color:#665b49; }
.okito-interviews .oi-meta time { font-weight:700; }
.okito-interviews .oi-status { display:block; font-size:14px; font-weight:700; line-height:1.8; margin:0; color:#5d5144; }
.okito-interviews .oi-clinic-update { background:#fff8eb; border:1px solid var(--oi-rule); padding:18px 20px; margin:0 0 27px; }
.okito-interviews .oi-clinic-update h5 { color:#6c4617; font-size:17px; line-height:1.7; margin:0 0 10px; }
.okito-interviews .oi-clinic-update h5 span { display:block; font-size:14px; font-weight:400; }
.okito-interviews .oi-clinic-update p { margin:0; }
.okito-interviews .oi-source-label { color:#6c4617; border-bottom:1px solid var(--oi-rule); padding-bottom:9px; margin:0 0 22px; font-size:15px; font-weight:700; }
.okito-interviews .oi-person-body { padding:25px 28px 28px; }
.okito-interviews .oi-pending { border-left:3px solid #cda96e; padding:3px 0 3px 15px; margin-bottom:22px; color:#68593e; }
.okito-interviews .oi-pending strong { display:block; font-size:16px; }
.okito-interviews .oi-pending span { display:block; font-size:14px; margin-top:3px; }
.okito-interviews .oi-planned { margin:0; padding:0; list-style:none; }
.okito-interviews .oi-planned li { padding:12px 0; border-top:1px solid #eee5d6; font-weight:700; line-height:1.8; }
.okito-interviews .oi-planned b { color:#956117; margin-right:9px; }
.okito-interviews .oi-planned small { display:block; color:#716858; font-size:13px; font-weight:400; }
.okito-interviews .oi-qa + .oi-qa { border-top:1px solid #e9dfcf; padding-top:24px; margin-top:27px; }
.okito-interviews h5.oi-question { font-size:17px; line-height:1.8; margin:0 0 14px; color:#6c4617; font-weight:700; }
.okito-interviews .oi-answer p { margin:0 0 13px; }
.okito-interviews .oi-answer p:last-child { margin-bottom:0; }
.okito-interviews .oi-back { margin:20px 0 0; text-align:right; font-size:14px; }
.okito-interviews .oi-note { color:#746750; font-size:14px; margin-top:12px; }
.okito-interviews .oi-contact { background:#fff8eb; border:1px solid #e4cca3; border-top:3px solid #ffad33; padding:25px 28px; margin:32px 0; }
.okito-interviews .oi-contact h4 { margin:0 0 10px; font-size:21px; line-height:1.5; color:#5c3e1d; }
.okito-interviews .oi-contact-links { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0 14px; }
.okito-interviews .oi-contact-links a { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:66px; padding:11px 18px; border:1px solid #c5954e; background:#fff; text-decoration:none; font-size:16px; font-weight:700; line-height:1.65; }
.okito-interviews .oi-contact-links a:first-child { background:#ff9900; color:#352d23; border-color:#e39115; }
.okito-interviews .oi-contact-links span { display:block; font-size:13px; font-weight:400; }
.okito-interviews .oi-contact .oi-manager { margin:0; font-size:14px; }
@media (max-width:600px) {
  .okito-interviews { font-size:16px; line-height:1.95; letter-spacing:0; }
  .okito-interviews h3.oi-title { font-size:21px; padding:12px 14px; margin-top:26px; }
  .okito-interviews .oi-person-header { padding:19px 18px 16px; }
  .okito-interviews .oi-person-header-with-photo { grid-template-columns:minmax(0,1fr); gap:18px; }
  .okito-interviews .oi-photo { width:100%; max-width:360px; }
  .okito-interviews .oi-person-body { padding:22px 18px 24px; }
  .okito-interviews h4.oi-name { font-size:23px; }
  .okito-interviews h5.oi-question { font-size:17px; }
  .okito-interviews .oi-nav { gap:8px; margin:20px 0 26px; }
  .okito-interviews .oi-nav a { font-size:14px; padding:7px 12px; gap:12px; }
  .okito-interviews .oi-contact { padding:22px 18px; }
  .okito-interviews .oi-contact-links { display:grid; grid-template-columns:minmax(0,1fr); }
  .okito-interviews .oi-contact-links a { width:100%; font-size:16px; padding:12px 8px; }
}