/* AIKATA 133（2026-10-07）：写真・図解の割合とレイアウトを econte（BtoBサービスサイト制作ページ）の実測に寄せる。
   実測（PC1440）：本文幅1,130px／文章と図を1:1の2列・間隔48px／図は角丸の淡い色の箱・16:9／行と行の間は約120px。SP375：1列・図は全幅。
   色・書体・文言・セクション順はAIKATAのまま。 */
:root{--v133-lav:#eaf6fc;--v133-navy:#1b1e2b;--v133-radius:24px}
html body.aikata[data-visual133] figure:is(.about-photo133,.service-fig133,.case-fig133,.case-pict133,.audience-photo133),html body.aikata[data-visual133] .story133 .story-panel110>figure{overflow:hidden;margin:0;border-radius:var(--v133-radius);background:var(--v133-lav)}
html body.aikata[data-visual133] figure:is(.about-photo133,.service-fig133,.case-fig133,.case-pict133,.audience-photo133) img,html body.aikata[data-visual133] .story133 .story-panel110>figure img{display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:0!important}

/* AIKATAとは：文章と実写を1:1 */
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .about106 .about-split110{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:48px!important;align-items:center!important;max-width:1130px;margin-inline:auto}
html body.aikata[data-visual133] .about106 .about-photo133{aspect-ratio:16/9;box-shadow:0 30px 60px -40px rgba(27,30,43,.45)}
html body.aikata[data-visual133] .about106 .about-photo133 img{object-position:center 45%!important}

/* 支援の進め方：図解と文章が交互に並ぶ大きな行（econte「強み」と同じ組み方） */
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-stage110{display:block!important;max-width:1130px;margin-inline:auto}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-side110{text-align:center;margin:0 0 72px!important;position:static!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panels110{display:grid!important;grid-template-columns:1fr!important;gap:120px!important;height:auto!important;max-height:none!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;grid-template-rows:auto auto 1fr;column-gap:56px!important;align-items:start;align-content:center;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110>figure{grid-column:1!important;grid-row:1/span 3!important;max-width:none!important;align-self:center;aspect-ratio:16/9;margin:0!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110>:not(figure){grid-column:2!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110:nth-child(even)>figure{grid-column:2!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110:nth-child(even)>:not(figure){grid-column:1!important}
html body.aikata[data-visual133] .story133 .story-panel110 .story-number110{align-self:end;margin:0!important}
html body.aikata[data-visual133] .story133 .story-panel110 h3{font-size:30px!important;margin:12px 0 0!important}
html body.aikata[data-visual133] .story133 .story-panel110 h3+p{margin-top:20px!important}
html body.aikata[data-visual133] .story133 .flow-arrow121{display:none!important}

/* 支援内容：各列の頭に16:9の画像（econte「コンテンツ制作支援」のカード＝見出し→画像→説明） */
html body.aikata[data-visual133] .services-section .service-fig133{aspect-ratio:16/9;margin:0 0 24px!important;border-radius:18px;background:#fff}

/* 支援事例：要約は文章と図解の2列、事例は画像つきカード */
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121] .case-summary120.case-summary133{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:48px!important;align-items:center;max-width:1130px!important;padding:32px!important;text-align:left!important}
html body.aikata[data-visual133] .case-summary133>:not(.case-fig133){grid-column:2}
html body.aikata[data-visual133] .case-summary133>.case-fig133{grid-column:1;grid-row:1/span 4;aspect-ratio:16/9;border-radius:18px}
html body.aikata[data-visual133] .case-summary133 p{margin-inline:0!important}
html body.aikata[data-visual133] .home-cases .case-pict133{aspect-ratio:16/9;margin:0 0 18px!important;border-radius:16px}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121] .home-cases .case-list{max-width:1130px;margin-inline:auto}
@media(min-width:1000px){html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-motion115] .home-cases .case-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:40px 32px!important}}

/* 無料相談・ご利用の流れ：2つのお悩みに実写、流れは淡い色の箱（econte「制作の流れ」） */
html body.aikata[data-visual133] .consultation-flow116 .audience-photo133{aspect-ratio:16/9;margin:0 0 22px!important;border-radius:20px}
html body.aikata[data-visual133] .consultation-flow116 .audience-photo133 img{object-position:center 40%!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121] .consultation-flow116 .flow-integrated116{background:var(--v133-lav)!important;border-radius:28px!important;padding:48px clamp(24px,4vw,56px)!important;max-width:1130px!important;margin-inline:auto!important;box-sizing:border-box}

/* タブレット以下：1列・図は全幅（econte SP375の組み方） */
@media(max-width:999px){
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .about106 .about-split110{grid-template-columns:1fr!important;gap:32px!important}
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panels110{gap:64px!important}
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110,
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110:nth-child(even){display:block!important}
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-panel110>figure{margin:0 0 24px!important}
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116] .story133 .story-side110{margin-bottom:44px!important}
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121] .case-summary120.case-summary133{display:block!important;padding:24px 20px!important}
  html body.aikata[data-visual133] .case-summary133>.case-fig133{margin:0 0 20px!important}
}
@media(max-width:767px){
  html body.aikata[data-visual133] .story133 .story-panel110 h3{font-size:24px!important}
  html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121] .consultation-flow116 .flow-integrated116{padding:28px 18px!important;border-radius:20px!important}
  html body.aikata[data-visual133] figure:is(.about-photo133,.case-fig133,.audience-photo133),html body.aikata[data-visual133] .story133 .story-panel110>figure{border-radius:18px}
}

/* 133補正：過去の指定（写真の最大幅304px・9:16固定、流れの矢印）より強く */
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116][data-titles117] main .about106 .about-split110 .photo110.about-photo133{max-width:none!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116][data-titles117] main .about106 .about-split110 .photo110.about-photo133 img{aspect-ratio:16/9!important;height:100%!important;width:100%!important}
html body.aikata[data-visual133][data-polish131][data-art=journal][data-polish110][data-readability121][data-review116][data-titles117] main .story133 .story-panels110 .flow-arrow121{display:none!important}