/* JavaScriptを持ち込まないローカル確認環境向けの操作・可視化補助。 */
.legacy-mobile-menu { position: relative; z-index: 300; }
.legacy-mobile-menu > summary { list-style: none; }
.legacy-mobile-menu > summary::-webkit-details-marker { display: none; }
.header__wrapper:has(.legacy-mobile-menu[open]) .header__wrap { overflow-y: auto; opacity: 1; transform: none; pointer-events: auto; }
.header__wrapper:has(.legacy-mobile-menu[open]) .header__logo svg path { fill: white; }
.legacy-mobile-menu[open] .navBar__line.line01 { top: 50%; transform: translateY(-50%) rotate(-45deg); }
.legacy-mobile-menu[open] .navBar__line.line02 { opacity: 0; }
.legacy-mobile-menu[open] .navBar__line.line03 { top: 50%; transform: translateY(-50%) rotate(-315deg); }
.fadeUp, .fadeIn { opacity: 1; transform: none; }
.fadeUp50 { opacity: 1; transform: translateY(-50%); }
.fadeMask img { opacity: 1; transform: none; }
.fadeMask::before { width: 0; }

/* 原本base.jsの固定ヘッダー補正。動きの軽減設定を優先する。 */
html { scroll-behavior: smooth; scroll-padding-top: 67px }
@media (min-width: 1024px) { html { scroll-padding-top: 100px } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto } }
.qaBox summary { list-style: none; cursor: pointer; }
.qaBox summary::-webkit-details-marker { display: none; }
.qaBox[open] > .qaBox__question::after { transform: rotate(-90deg); }
.qaBox > .qaBox__question::after { transition: transform 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
  .qaBox > .qaBox__question::after { transition: none; }
}

/* 取得したWPの自動中央寄せより、制作実績の独自レイアウトを優先する。 */
.worksDetail .workDetail__wrap { padding-inline: 0; }
.worksDetail :is(.worksDetail__box--section, .worksDetail__box--member) > .worksDetail__subTtl {
  margin-inline: 0 !important;
  flex-shrink: 0;
}
.worksDetail :is(.worksDetail__box--section, .worksDetail__box--member) > .worksDetail__list {
  min-width: 0;
  margin-inline: 0 !important;
}
.worksDetail .worksDetail__item { min-width: 0; overflow-wrap: anywhere; }
@media screen and (min-width: 64em) {
  .worksDetail .workDetail__wrap { padding-inline: 10rem; }
  .worksDetail :is(.worksDetail__box--section, .worksDetail__box--member) > .worksDetail__list {
    margin-inline: 8rem 0 !important;
  }
  .worksDetail .worksDetail__box--member > .worksDetail__list {
    flex: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.recruitJob__box > summary { cursor: pointer; }
.recruitJob__box > summary .recruitJob__subTtl { display: inline; }
.recruitJob__occupation a { display: block; color: inherit; }
.l-lead[hidden] { display: none !important; }

/* ローカル確認画面の通常ボタンへ原テーマの送信・戻るボタンの装飾を適用する。 */
@media screen and (min-width: 64em) {
}