/* サクッとLLMO：狭い画面・横向きでの読みやすさの調整（2026-11-08）。ほかのCSSの後に読み込む */

/* 1. 見出しを語のまとまりで改行する（「掲載依／頼」のように1〜2文字だけが次の行に残らないように）。
      まとまりが1行に入りきらないときは、まとまりの中で普通に折り返す */
.phrase{display:inline-block;max-width:100%}
/* フォームの設問は文全体を .label-text で包む（ラベルが横並びの配置のため）。「必須・任意」用の小さい文字の指定は当てない */
.form-field>label>.label-text{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}

/* 2. 小さすぎた注記をそろえる（スマホ・タブレットだけ小さくしていた指定を、PCと同じ大きさに戻す） */
.b-refined-preview #context .donut>span .survey-sample{font-size:10px}
.b-refined-preview #context .survey-note{font-size:11px}
.fv-image-note{font-size:11px}
.copyright{font-size:11px}
@media (max-width:743px){
  .floating-copy>span{font-size:11px}
}

/* 3. 下の相談ボタン帯 */
/* スマホの閉じるボタン：見た目の位置と大きさはそのまま、押せる範囲を約44px四方に広げる */
@media (max-width:743px){
  .cta-close::after{content:"";position:absolute;top:3px;right:-9px;bottom:-17px;left:-8px}
}
/* スマホを横向きにしたとき（画面の高さが低いとき）は、帯を細くして本文を隠しすぎないようにする */
@media (orientation:landscape) and (max-height:500px){
  .floating-inner{min-height:0;max-height:none;padding:8px 0}
  .floating-copy>span{display:none}
  .floating-inner>.btn{min-height:44px;padding-top:8px;padding-bottom:8px}
}
@media (orientation:landscape) and (max-height:500px) and (max-width:743px){
  .floating-copy{display:none}
}

/* 4. フッターのリンク：押せる範囲の高さを24px以上にする（行と行の間隔は今の見た目を保つ） */
.footer nav a,.footer-official a,.footer-services a{display:inline-flex;align-items:center;min-height:24px}
.footer-services ul{row-gap:9px}
@media (max-width:767px){
  .footer-services ul{row-gap:6px}
}

/* 5. 「約1か月で〜まで、一気に完了」の5段の図：スマホではラベルを2行まで折り返し、文字を7pxから9〜11px（310px未満は8px台）に大きくする。
      ラベルの高さはそろえ、下の絵との列の位置と、絵の上の矢印の位置は今のまま保つ */
@media (max-width:743px){
  .b-refined-preview .scope-journey>li{align-items:stretch}
  .b-refined-preview .scope-label{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;white-space:normal;text-align:center;font-size:clamp(8px,2.9vw,11px);line-height:1.35;padding:3px 4px;border-radius:10px}
  /* 矢印：本番では「ラベルの上端から58px」。絵の上端からの距離（＝60px − 本番のラベルの高さ）を本番と同じに保つ */
  .b-refined-preview .scope-journey>li:not(:last-child)::after{top:calc(100% + 54px - 1.7 * clamp(7px, 1.6vw, 11px))}
}

/* 6. 見出し「「サクッとLLMO」の支援内容」は「「サクッとLLMO」の／支援内容」で改行する（名前の途中で改行しない）。
      330px未満の画面では1行目が入りきらないので、この見出しだけ文字を少し小さくする（30px→320pxで約29px） */
@media (max-width:329px){
  #deliverables-title{font-size:9.1vw}
}