/* -------------------------------------------------------
 * メディアライブラリの撮影写真（3:2）を、元の画像と同じ比率の枠に収める
 * ----------------------------------------------------- */
.media-photo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
/* フッター採用エリア（元画像 2430x772 ／ SP 688x437） */
.footer_contact .img_cover img.media-photo--recruit {
  aspect-ratio: 2430 / 772;
  object-position: center 40%;
}
/* 会社情報の区切り写真（比率は既存CSSで指定済み） */
.company_border_picture img.media-photo--border {
  object-position: center 60%;
}
@media screen and (max-width: 767px) {
  .footer_contact .img_cover img.media-photo--recruit {
    aspect-ratio: 688 / 437;
  }
}


/* -------------------------------------------------------
 * ヘッダーメニュー：3階層目（例：ホームページ制作 > AIサブスクHP制作）
 * ----------------------------------------------------- */
.layer_child_inner > li > ul {
  margin-top: 0.5em;
}
.layer_child_inner > li > ul > li > .layer_child_link {
  padding-left: calc(30rem + 1.4em);
  font-size: 0.92em;
  opacity: 0.85;
}
.layer_child_inner > li > ul > li > .layer_child_link::before,
.layer_child_inner > li > ul > li > .layer_child_link::after {
  display: none;
}
.layer_child_inner > li > ul > li > .layer_child_link span::before {
  content: "└ ";
  color: #999;
}

/* 3階層目の頭の「—」線を消す（テーマ側の線の指定より優先） */
header .header-inner .global_nav .layer_menu > li .layer_child_inner > li > ul > li > .layer_child_link::after,
footer .footer_main .layer_menu > li .layer_child_inner > li > ul > li > .layer_child_link::after {
  display: none !important;
}