@charset "utf-8";
/* =========================================================================
   指示で入れた版面の調整（色に関係ないもの）＝テーマ（白×黒／水色）を替えても残す

   ・もとは mono.css（白×黒テーマ）の中にあったが、テーマを水色に戻したとき（指示 2026-09-18）
     色の上書きだけを外せるように、色と関係ない調整をこのファイルに分けた。中身は分ける前と同じ。
   ・全ページで lg.css の後・テーマ（mono.css / sky.css）の前に読む（_tools/build.py）。
   ========================================================================= */

/* ---------------------------------------------------------------- 1. 装飾は全部消す（指示 2026-09-17） */
.av-d,
.av-hero__deco,
.av-ph__deco,
.av-case__deco,
.av-news__deco,
.sv-deco,
.pf-deco,
.pg-company__deco,
.pg-event__deco,
.pg-case__deco,
.sv-wave,
.pf-band__wave { display: none !important; }

/* 目次に付いている〇（指示） */
.av-ph__anchor i,
.sv-anchors i { display: none; }

/* ---------------------------------------------------------------- 2. サービスページのヒーロー（指示 2026-09-17）
   ※2026-09-18 にサービス3ページのヒーローを添付画像の再現（p-service-look.css の .svh）に替えたので、下の .sv-hero の指定はいまは使われていない。
   縦組みコピーの面をやめて、写真を画面の幅いっぱいに。ロゴは写真の下（原本のスマホ版と同じ形）。 */
.sv-hero { height: auto; }
.sv-hero__media {
  position: static;
  width: 100%;
  height: 360px;
}
.sv-hero__photo {
  flex: 1;
  width: auto;
  min-width: 0;
  border-radius: 0;
}
.sv-hero__panel { display: none; }
.sv-hero__id {
  height: auto;
  align-items: center;
  padding: 34px 0 6px;
}

@media (max-width: 767px) {
  .sv-hero__media { width: auto; height: 200px; }
  .sv-hero__photo { border-radius: 0; }
  .sv-hero__id { padding: 24px 0 4px; }
}

/* ---------------------------------------------------------------- 3. トップの事業構成を左右交互に（指示 2026-09-17）
   原本は3行とも画像が左。真ん中の行だけ画像を右に出して 左→右→左 にする。
   横並びになるのは1181px以上だけ（1180px以下は縦積みなので触らない）。 */
@media (min-width: 1181px) {
  .av-svc__row--rev {
    flex-direction: row-reverse;
    padding-right: 0;
    padding-left: 100px;
  }
  .av-svc__row--rev .av-svc__bg {
    left: auto;
    right: 0;
    border-radius: 20px 0 0 20px;   /* 角丸も左右を入れ替える */
  }
  .av-svc__row--rev .av-svc__card { left: auto; right: 170px; }
  .av-svc__row--rev .av-svc__more { text-align: left; }
}
/* 採用支援を隠しているとき（build.py の HIDE_RECRUIT・2026-09-18）は WEB制作・運用が2段目になる。
   ★指示（2026-09-19）で左右の入れ替え（--rev）はやめ、フィットネス集客支援と同じ＝画像が左・文章が右にそろえた。
   抜けた段の上の余白（row--02 と同じ値）はこの段に当てる */
.av-svc__row--01 + .av-svc__row--01 { margin-top: 100px; }
@media (max-width: 767px) { .av-svc__row--01 + .av-svc__row--01 { margin-top: 80px; } }

/* ---------------------------------------------------------------- 4. フッター（指示 2026-09-18）
   会社の説明を「集客・採用・営業支援／神奈川県・東京都を中心に／首都圏近郊で対応」に替え、
   SNSの列（更新情報・フォト・ムービー・ノート）を外した。
   スマホは原本の文字の箱（幅136px）だと2行目が「…を中／心に」と割れ、下のメニューとも詰まるので、
   箱を1行が収まる幅にし（名前も同じ幅にして左端をそろえる）、メニューとの間を空ける。
   ★その後の指示でロゴの下の「PASSO」（.av-ft__name）を削除（2026-09-18）。説明文とロゴの間は、名前があったときの間（PC 20px・スマホ 19.5px）にする。 */
.av-ft__addr { margin-top: 20px; }
@media (max-width: 767px) {
  .av-ft__name,
  .av-ft__addr { width: 160px; }
  .av-ft__addr { margin-top: 19.5px; }
  .av-ft__cols { margin-top: 32px; }
}

/* ---------------------------------------------------------------- 5. トップの事業構成：スマホは中央に（指示 2026-09-18）
   原本のスマホは、青い面が画面の左端から出て白いカード（ロゴ）が右寄り、文章は左揃え、ボタンは右寄せ。
   カードを画面の中央に置き、青い面はカードの後ろに画面の横幅いっぱいに敷き（指示「横幅いっぱいに広げて」）、
   見出し・SERVICE 0X・名前・本文・ボタンも中央にそろえる。 */
@media (max-width: 767px) {
  .av-svc .av-sec-ttl { text-align: center; }
  .av-svc__bg {
    left: 0;
    width: 100%;
    height: 240px;
    border-radius: 0;
    object-fit: cover;
  }
  .av-svc__card { left: 50%; margin-left: -120px; }
  .av-svc__body,
  .av-svc__more { text-align: center; }
  .av-svc__txt { word-break: auto-phrase; }   /* 中央揃えで「想／い」のような語の途中の折り返しが目立つため */
}

/* ---------------------------------------------------------------- お知らせの上の写真を削除（指示 2026-09-19）
   写真の帯（.av-news__band）を HTML から外した。白いパネルは帯に 80px 重ねて置く作り（margin-top: -80px）なので、
   帯がないと上の導入実例に重なる → 導入実例との間を空けて置く。 */
.av-news__panel { height: auto; margin-top: 100px; }   /* 高さ 500px 固定だと、採用のお知らせを隠して2件になった分が空く */
@media (max-width: 767px) { .av-news__panel { margin-top: 72px; } }

/* 導入の流れ：ヒーローを導入実例・料金と同じ av-ph にしたので、以前ヒーローにあった説明文を手順の上に置く（2026-09-19） */
.lg-sec > .lg-wrap > .lg-ph__txt:first-child { margin: 0 0 48px; }
@media screen and (max-width: 1024px) {
  .lg-sec > .lg-wrap > .lg-ph__txt:first-child { margin: 0 0 32px; }
}