/* 人物の挿絵。文字とは別の余白に置き、白・淡青の地を透かす。 */
.poster-page .flow-step h3 {grid-row:2}
.poster-page .service-description {grid-row:1 / 4}
.poster-page .scene-consult {grid-row:4}
.poster-page .service-sketch {
  grid-column:1;grid-row:3 / 5;align-self:end;justify-self:start;
  width:min(280px,100%);height:210px;margin:18px 0 0;
  pointer-events:none;user-select:none;
}
.poster-page .service-sketch img,
.poster-page .service-sketch--automation img {width:100%;height:100%;object-fit:contain;object-position:center}
.poster-page .service-sketch--automation {width:min(300px,100%);height:225px}
.poster-page .margin-sketch {display:block;width:min(290px,100%);height:auto;margin:44px 0 0;opacity:1;transform:none;pointer-events:none;user-select:none}
.poster-page .faq-sketch {display:block;width:min(280px,100%);height:210px;margin:28px 0 0;opacity:1;pointer-events:none;user-select:none}
.poster-page .faq-sketch img {width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:1023px) {
  .poster-page .service-sketch {width:min(220px,100%);height:165px}
  .poster-page .service-sketch--automation {height:165px}
  .poster-page .faq-sketch {height:180px;width:240px;margin-top:20px}
}
@media(max-width:639px) {
  .poster-page .service-sketch {width:210px;height:158px;margin:14px 0 16px auto}
  .poster-page .service-sketch--automation {width:230px;height:173px}
  .poster-page .margin-sketch {width:210px;margin:20px 12px 0 auto}
  .poster-page .faq-sketch {width:230px;height:173px;margin:12px 0 0 auto}
}