/* A-165: vertical visual-story candidate. A-155/A-156 readability baseline + A-161 psychology. */
.a165{--story-plum:#725350;--story-plum-dark:#523b39;--story-paper:#fffdfb;--story-warm:#f7f2ec;--story-blush:#fff5f0;--story-mint:#eef8f5;--story-green:#008b75;--story-line:#e7d8d0}
.a165 .story-chapter{position:relative;overflow:hidden}
.a165 .chapter-one{background:linear-gradient(180deg,#fffaf7 0%,#fff5f0 54%,#fffdfb 100%)}
.a165 .chapter-two{background:linear-gradient(180deg,#fffdfb 0%,#fff 52%,#faf6f1 100%)}
.a165 .chapter-three{background:linear-gradient(180deg,#faf6f1 0%,#fff9f5 100%)}
.a165 .chapter-four{background:linear-gradient(180deg,#eef8f5 0%,#fffdfb 42%,#fff 100%)}
.a165 .story-chapter section{background:transparent!important}
.a165 section{padding:54px 0}
.a165 .hero{padding-top:50px!important;padding-bottom:42px!important}
.a165 h1{font-size:clamp(31px,8vw,47px);margin:9px 0 16px}
.a165 h2{font-size:clamp(25px,6.6vw,35px);margin:8px 0 24px}
.a165 .hero-sub{margin-bottom:18px!important}
.a165 .inner-voice{max-width:520px;margin:0 auto 10px!important;color:var(--story-plum);font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:clamp(17px,4.6vw,19px);line-height:1.7;font-weight:700;letter-spacing:.015em;text-align:left}
.a165 .faq-label{font-size:13px}

/* Production-image placeholders: deliberately explicit, never faux finished imagery. */
.a165 .photo-stage,.a165 .photo-mini,.a165 .sheet-visual,.a165 .sample-source,.a165 .sample-result{border:1px solid #d8bfb5;background:linear-gradient(135deg,#fff 0%,#f7ebe5 100%);color:#6f5650}
.a165 .photo-stage{position:relative;min-height:250px;border-radius:26px;margin:26px auto 0;padding:26px;display:flex;align-items:flex-end;overflow:hidden}
.a165 .photo-stage::before{content:"";position:absolute;inset:20px 26px 78px;border:1px dashed #c9aaa0;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(244,224,215,.38))}
.a165 .photo-stage figcaption{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;max-width:100%;font-size:13px;line-height:1.55}
.a165 .photo-stage figcaption strong{color:var(--story-plum-dark);font-size:14px}
.a165 .photo-relation{position:absolute;right:18px;top:18px;z-index:2;display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:78%;font-size:11px;font-weight:800;color:var(--story-plum-dark)}
.a165 .photo-relation span,.a165 .photo-relation strong{background:rgba(255,255,255,.9);padding:6px 8px;border-radius:999px;border:1px solid var(--story-line)}
.a165 .photo-relation b,.a165 .photo-relation i{font-style:normal;color:#9b756a}
.a165 .continuation-photo{min-height:190px;margin-top:0;margin-bottom:18px}
.a165 .continuation-photo::after{content:"撮った写真はある";position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.93);border:1px solid var(--story-line);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;color:var(--story-plum-dark)}

.a165 .story-lines{border-color:var(--story-line);max-width:560px;margin:auto}
.a165 .story-lines p{font-size:15px;padding:12px 2px;color:#4d403d}
.a165 .bridge{padding-top:30px!important;padding-bottom:42px!important}
.a165 .bridge-answer{text-align:center;margin-bottom:16px}
.a165 .bridge-sequence{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;color:#594944;font-size:12px;font-weight:800}
.a165 .bridge-sequence span{padding:7px 9px;border-bottom:2px solid #dcb8a8}
.a165 .bridge-sequence i{font-style:normal;color:#a88a7e}
.a165 .baton-preview{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 0;color:var(--muted)}
.a165 .baton-thumb{display:grid;place-items:center;width:66px;height:44px;border:1px dashed #c9aaa0;border-radius:10px;background:#fff7f3;color:#795d55;font-size:10px;font-weight:900}
.a165 .baton-preview small{font-size:12px}

.a165 .scene-lead{text-align:center;color:var(--muted);font-size:15px;margin:-8px 0 24px!important}
.a165 .story-flow{position:relative;max-width:560px;margin:0 auto 6px;padding-left:46px}
.a165 .story-track{position:absolute;left:16px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,#d9b6a6 0%,#008b75 100%)}
.a165 .story-step{position:relative;margin:0 0 22px}
.a165 .story-dot{position:absolute;left:-46px;top:3px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #d6aa99;color:var(--story-plum-dark);font-weight:900;font-size:12px}
.a165 .story-step:last-child .story-dot{border-color:#7bbcaf;color:var(--story-green)}
.a165 .story-content{min-width:0}
.a165 .photo-mini{min-height:120px;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:12px}
.a165 .photo-mini strong{font-size:14px;color:var(--story-plum-dark)}
.a165 .message-line{margin-top:8px!important;padding:11px 13px;background:#fff;border-left:3px solid #d8afa0;border-radius:0 10px 10px 0;font-weight:700}
.a165 .message-line span{display:block;color:var(--muted);font-size:11px;font-weight:700}
.a165 .process-copy{padding:10px 0;color:var(--story-plum-dark);font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:17px;line-height:1.6}
.a165 .artifact-preview{min-height:150px;border:1px solid var(--story-line);border-radius:6px;background:#fff;padding:22px 18px;box-shadow:0 12px 24px rgba(75,43,33,.07);display:flex;flex-direction:column;gap:6px}
.a165 .artifact-preview .preview-label{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--story-green)}
.a165 .artifact-preview strong{font-size:15px}.a165 .artifact-preview span:last-child{font-size:12px;color:var(--muted);line-height:1.6}
.a165 .ok-line{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:2px solid #79baa9;color:#1f554d}

.a165 .deliverables{padding-top:64px}
.a165 .deliverable-stack{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:0;padding:8px 0 4px}
.a165 .artifact-sheet{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);gap:16px;align-items:center;background:#fff;border:1px solid var(--story-line);box-shadow:0 11px 28px rgba(68,42,33,.06);padding:14px 16px;margin:0 0 -4px;min-height:148px}
.a165 .artifact-sheet:nth-child(2){margin-left:14px}.a165 .artifact-sheet:nth-child(3){margin-right:12px}.a165 .artifact-sheet:nth-child(4){margin-left:7px}
.a165 .sheet-visual{min-height:112px;border-radius:8px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:11px;line-height:1.55}
.a165 .sheet-visual strong{font-size:13px;color:var(--story-plum-dark)}
.a165 .sheet-copy h3{margin:0 0 4px;font-size:16px}.a165 .sheet-copy p{font-size:12px;color:var(--muted);line-height:1.55}
.a165 .sheet-google .sheet-visual{background:linear-gradient(135deg,#fff,#f0f5f1)}
.a165 .sheet-review .sheet-visual{background:linear-gradient(135deg,#fff,#f7f0ee)}
.a165 .sheet-chart .sheet-visual{background:linear-gradient(135deg,#fff,#f4f1ea)}
.a165 .chart-details{margin-top:24px}

.a165 .branch-flow{max-width:560px;margin:auto}
.a165 .branch-start{position:relative;text-align:center;padding:15px 14px 18px;border-bottom:2px solid #cdb3a7;display:flex;flex-direction:column;gap:3px}
.a165 .branch-start span{font-size:12px;color:var(--muted)}.a165 .branch-start strong{font-size:16px}
.a165 .branch-stem{width:2px;height:22px;background:#cdb3a7;margin:auto;position:relative}
.a165 .branch-stem::after{content:"";position:absolute;width:54%;left:23%;bottom:0;border-top:2px solid #cdb3a7}
.a165 .branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.a165 .branch-option{min-height:130px;border:1px solid var(--story-line);background:#fff;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;border-radius:14px}
.a165 .branch-option>span{font-size:11px;font-weight:900;color:var(--story-plum)}
.a165 .branch-option strong{font-size:17px}.a165 .branch-option small{font-size:12px;color:var(--muted);line-height:1.45}

.a165 .approval-timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;max-width:600px;margin:0 auto}
.a165 .approval-timeline div{min-width:0;text-align:center;padding:12px 4px;border-bottom:2px solid #d8b9ad}
.a165 .approval-timeline div span{display:block;font-size:10px;color:var(--muted)}
.a165 .approval-timeline div strong{font-size:13px;white-space:nowrap}
.a165 .approval-timeline i{font-style:normal;color:#9f8278}
.a165 .approval-timeline .approval-ok{border-bottom-color:#69aa9b;color:#0b6f60}
.a165 .timeline-note{text-align:center;margin-top:12px!important;font-weight:900;color:#0b6f60}
.a165 .safety-facts{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:15px}
.a165 .safety-facts span{font-size:12px;font-weight:800;color:#5a4944;border-bottom:1px solid #d8b9ad;padding:4px 2px}

.a165 .offer-sheet{max-width:560px;margin:0 auto;background:var(--story-paper);border:1px solid var(--story-line);box-shadow:0 12px 28px rgba(70,45,34,.06);padding:22px 18px}
.a165 .offer-sheet-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;border-bottom:1px solid var(--story-line);padding-bottom:16px;position:relative;padding-top:26px}
.a165 .offer-sheet-head .limited{position:absolute;top:0;left:0;font-size:11px;font-weight:900;color:var(--story-plum)}
.a165 .offer-sheet-head>div{display:flex;flex-direction:column;justify-content:flex-end}
.a165 .offer-sheet-head small{font-size:11px;color:var(--muted)}
.a165 .offer-sheet-head strong{font-size:30px;line-height:1.15;color:var(--story-plum-dark)}
.a165 .offer-sheet-head em{font-size:11px;font-style:normal;color:var(--muted)}
.a165 .offer-table{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--story-line)}
.a165 .offer-table>div{display:flex;align-items:center;gap:10px;padding:13px 7px;border-bottom:1px solid var(--story-line)}
.a165 .offer-table>div:nth-child(odd){border-right:1px solid var(--story-line)}
.a165 .offer-table>div:nth-last-child(-n+2){border-bottom:0}
.a165 .offer-table strong{font-size:30px;color:var(--story-green);min-width:32px;text-align:center}
.a165 .offer-table span{font-size:12px;line-height:1.45}
.a165 .offer-foot{display:flex;gap:18px;justify-content:space-between;padding-top:14px;font-size:12px;font-weight:800;color:#5a4944}

.a165 .sample{padding-top:64px}
.a165 .sample-proof{display:grid;grid-template-columns:1fr auto 1.12fr;gap:10px;align-items:stretch;max-width:560px;margin:0 auto 18px}
.a165 .sample-source,.a165 .sample-result{min-height:160px;border-radius:16px;padding:15px;display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:11px;line-height:1.5}
.a165 .sample-source strong,.a165 .sample-result strong{font-size:13px;color:var(--story-plum-dark)}
.a165 .sample-result{background:#fff;border-style:solid;box-shadow:0 9px 22px rgba(50,75,67,.07)}
.a165 .sample-arrow{display:grid;place-items:center;color:#789b91;font-size:22px;font-weight:900}
.a165 .sample-chips{margin-bottom:16px}

.a165 .faq{padding-top:60px}.a165 .faq-list summary{font-size:15px}.a165 .final-cta{padding:54px 0!important}

@media(max-width:480px){
  .a165 section{padding:50px 0}
  .a165 .hero{padding-top:44px!important;padding-bottom:38px!important}
  .a165 .photo-stage{min-height:220px;padding:22px;margin-top:22px}
  .a165 .photo-stage::before{inset:18px 20px 78px}
  .a165 .photo-relation{right:12px;top:12px;max-width:88%}
  .a165 .continuation-photo{min-height:174px;margin-bottom:16px}
  .a165 .story-flow{padding-left:40px}.a165 .story-track{left:14px}.a165 .story-dot{left:-40px;width:29px;height:29px}
  .a165 .artifact-sheet{grid-template-columns:1.15fr .85fr;padding:12px;gap:11px;min-height:136px}
  .a165 .artifact-sheet:nth-child(2){margin-left:8px}.a165 .artifact-sheet:nth-child(3){margin-right:8px}.a165 .artifact-sheet:nth-child(4){margin-left:4px}
  .a165 .sheet-visual{min-height:102px;padding:11px}
  .a165 .approval-timeline{gap:3px}.a165 .approval-timeline div{padding:10px 1px}.a165 .approval-timeline div strong{font-size:11px}.a165 .approval-timeline i{font-size:11px}
  .a165 .offer-sheet{padding:19px 14px}.a165 .offer-sheet-head strong{font-size:27px}.a165 .offer-table strong{font-size:27px}.a165 .offer-table span{font-size:11px}
  .a165 .sample-proof{grid-template-columns:1fr;gap:8px}.a165 .sample-arrow{transform:rotate(90deg);height:22px}.a165 .sample-source,.a165 .sample-result{min-height:130px}
  .a165 .bridge-sequence{gap:4px}.a165 .bridge-sequence span{font-size:11px;padding:6px}
}
/* A-165 refinement: tighten Chapter 1 and make deliverables visibly non-identical. */
.a165 .chapter-one .pain{padding-top:28px}
.a165 .continuation-photo{min-height:146px}
.a165 .continuation-photo::before{inset:16px 22px 70px}
.a165 .baton-preview{margin-top:15px}
.a165 .deliverable-stack{gap:12px;align-items:stretch}
.a165 .artifact-sheet{margin:0!important;box-shadow:0 10px 24px rgba(68,42,33,.055)}
.a165 .sheet-instagram{display:block;width:100%;padding:14px 16px 16px}
.a165 .sheet-instagram .sheet-visual{min-height:150px}
.a165 .sheet-instagram .sheet-copy{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:10px}
.a165 .sheet-instagram .sheet-copy h3{margin:0}.a165 .sheet-instagram .sheet-copy p{text-align:right;max-width:250px}
.a165 .sheet-google{width:88%;align-self:flex-end;grid-template-columns:1fr 145px;min-height:126px}
.a165 .sheet-review{width:94%;align-self:flex-start;grid-template-columns:1.15fr 150px;min-height:138px}
.a165 .sheet-review .sheet-visual{border-left:4px solid #d9b4a7}
.a165 .sheet-chart{width:82%;align-self:center;grid-template-columns:1fr;min-height:178px;padding:16px 18px}
.a165 .sheet-chart .sheet-visual{min-height:118px;background:linear-gradient(180deg,#fff,#f4f1ea);border-radius:4px}
.a165 .sheet-chart .sheet-copy{text-align:center}
@media(max-width:480px){
  .a165 .chapter-one .pain{padding-top:22px}
  .a165 .continuation-photo{min-height:135px}
  .a165 .sheet-instagram .sheet-visual{min-height:136px}
  .a165 .sheet-instagram .sheet-copy{display:block}.a165 .sheet-instagram .sheet-copy p{text-align:left;max-width:none;margin-top:3px!important}
  .a165 .sheet-google{width:91%;grid-template-columns:1fr 126px}
  .a165 .sheet-review{width:96%;grid-template-columns:1.1fr 132px}
  .a165 .sheet-chart{width:86%}
}
