/* === block 1 === */
/* lp-builder: JS無効環境で inview要素を強制可視化 */
[class*="js-inview"]:not([aria-hidden="true"]),
[class*="fade-up"]:not([aria-hidden="true"]),
[class*="fade-in"]:not([aria-hidden="true"]),
[class*="slide-"]:not([aria-hidden="true"]),
[class*="animate-"]:not([aria-hidden="true"]),
[class*="reveal"]:not([aria-hidden="true"]),
[data-aos]:not([aria-hidden="true"]),
[data-wow]:not([aria-hidden="true"]),
[data-inview]:not([aria-hidden="true"]),
[data-animate]:not([aria-hidden="true"])
{ opacity: 1 !important; transform: none !important; visibility: visible !important; }

/* フライアウト・モーダルだけ閉じる（top-level メニューは残す） */
.globalnav-flyout-content,
.ac-gn-search-flyout,
.ac-gn-bag-flyout,
.globalnav-submenu[aria-hidden="true"],
.globalnav-submenu-content[aria-hidden="true"],
[class*="modal"][aria-hidden="true"],
[class*="overlay"][aria-hidden="true"]
{ display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

/* アニメーション・トランジション即完結 */
*, *::before, *::after { animation-duration: 0.01ms !important; animation-delay: 0s !important; transition-duration: 0.01ms !important; transition-delay: 0s !important; }

/* body 直下の固定ナビの overflow 問題緩和 */
body { overflow-x: hidden; }

/* === block 2 === */
/* ===== Liberation Polish CSS ===== */
/* MV エリア */
section.mv > .inner-block { padding: 60px 0 !important; }
section.mv > .inner-block > .mv_logo { margin-bottom: 24px !important; }
section.mv .swiper_set01 .top_block_type01 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  max-width: 1200px !important;
  margin: 40px auto !important;
  padding: 0 20px !important;
}
section.mv .swiper_set01 .flickity-prev-next-button { display: none !important; }
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide {
  background: #fff !important;
  border-radius: 20px !important;
  border: 3px solid #E8B71F !important;
  padding: 28px 24px !important;
  box-shadow: 0 8px 28px rgba(232, 183, 31, 0.15) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(232, 183, 31, 0.2) !important;
}
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .tx02 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111 !important;
  text-align: center !important;
  margin: 0 0 10px !important;
  line-height: 1.5 !important;
}
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .tx03 {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #555 !important;
  text-align: center !important;
  line-height: 1.8 !important;
  margin: 0 0 18px !important;
  min-height: 2.8em !important;
}
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin: auto 0 0 !important;
  background: #f0f4f8 !important;
}
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .img > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #FFF6D5 !important;
}
section.mv .btn_wrap.btn_wrap01 {
  display: flex !important;
  gap: 20px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  max-width: 900px !important;
  margin: 32px auto 0 !important;
}

/* content02 セクション共通 */
section.content.content02 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
section.content.content02:nth-of-type(odd) { background: #fff !important; }
section.content.content02:nth-of-type(even) { background: #FCFAF2 !important; }
section.content.content02 > .inner-block > h2.tl01.tl01_1 {
  text-align: center !important;
  margin-bottom: 16px !important;
}
section.content.content02 > .inner-block > h2.tl01.tl01_1 > span {
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  display: inline-block !important;
  padding-bottom: 10px !important;
  border-bottom: 4px solid #E8B71F !important;
}
section.content.content02 > .inner-block > .tl_btm_tx01 {
  text-align: center !important;
  font-size: clamp(14px, 1.3vw, 16px) !important;
  line-height: 2 !important;
  color: #555 !important;
  max-width: 780px !important;
  margin: 0 auto 48px !important;
}

/* top_block01_1 グリッド */
section.content.content02 .top_block01.top_block01_1 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 40px 24px !important;
  max-width: 1120px !important;
  margin: 20px auto 0 !important;
  padding: 30px 20px 0 !important;
}
@media (min-width: 1100px) {
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)):not(:has(> .box:nth-child(6))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1000px !important;
  }
}
section.content.content02 .top_block01.top_block01_1 > .box {
  background: #fff !important;
  border-radius: 16px !important;
  border: 2px solid #FFF6D5 !important;
  overflow: visible !important;
  padding: 36px 20px 28px !important;
  position: relative !important;
  box-shadow: 0 6px 20px rgba(232, 183, 31, 0.06) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  margin-top: 20px !important;
}
section.content.content02 .top_block01.top_block01_1 > .box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(232, 183, 31, 0.12) !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > h3.nm {
  font-family: 'Oswald', 'Montserrat', sans-serif !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  color: #E8B71F !important;
  text-align: center !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  position: absolute !important;
  top: -26px !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  width: max-content !important;
  max-width: calc(100% - 24px) !important;
  transform: none !important;
  background: #fff !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > .img01 {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  margin: 0 0 20px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > .img01 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > .tx01 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-align: center !important;
  line-height: 1.5 !important;
  margin: 0 0 12px !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > .tx01 > span {
  color: #E8B71F !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  padding: 0 2px !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > p {
  font-size: 13px !important;
  color: #666 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  flex: 1 !important;
}

/* ボタン */
section.content.content02 .btn_wrap.btn_wrap01 > a {
  display: inline-block !important;
  padding: 16px 52px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 40px !important;
  transition: all .2s ease !important;
  min-width: 240px !important;
  text-align: center !important;
}
section.content.content02 .btn_wrap.btn_wrap01 > a:hover {
  opacity: .88 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

/* 下段CTA（グラデ背景） */
section.content.outer-block[style*="linear-gradient"] {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
section.content.outer-block[style*="linear-gradient"] h2.tl01.tl01_1 > span {
  border-bottom-color: rgba(255,255,255,.7) !important;
  color: #fff !important;
  font-size: clamp(22px, 3vw, 32px) !important;
}

/* フォーム */
section#contact-form form input,
section#contact-form form select,
section#contact-form form textarea {
  background: #fafbfc !important;
  transition: border-color .15s, background .15s !important;
}
section#contact-form form input:focus,
section#contact-form form select:focus,
section#contact-form form textarea:focus {
  outline: none !important;
  border-color: #E8B71F !important;
  background: #fff !important;
}
section#contact-form form button[type="submit"] {
  background: linear-gradient(135deg, #E8B71F 0%, #A8830F 100%) !important;
  box-shadow: 0 6px 16px rgba(232, 183, 31, 0.3) !important;
}

/* モバイル */
@media (max-width: 768px) {
  section.mv .swiper_set01 .top_block_type01 {
    grid-template-columns: 1fr !important;
    max-width: 420px !important;
  }
  section.content.content02 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  section.content.content02 .top_block01.top_block01_1,
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)) {
    grid-template-columns: 1fr !important;
    max-width: 420px !important;
  }
  section.content.content02 .btn_wrap.btn_wrap01 > a {
    width: 100% !important;
    max-width: 320px !important;
  }
}

/* === block 3 === */
/* MV グリッド: viewport に完全収まるよう調整 */
section.mv > .inner-block {
  max-width: none !important;
  width: 100% !important;
  padding: 60px 16px !important;
  box-sizing: border-box !important;
}
section.mv .swiper_set01 {
  max-width: 1160px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
section.mv .swiper_set01 .top_block_type01 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 40px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
section.mv .swiper_set01 .top_block_type01 > .box.swiper-slide {
  min-width: 0 !important;
  width: 100% !important;
  padding: 24px 18px !important;
  box-sizing: border-box !important;
}
section.mv .btn_wrap.btn_wrap01 {
  max-width: 1160px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
@media (max-width: 900px) {
  section.mv .swiper_set01 .top_block_type01 {
    grid-template-columns: 1fr !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* === block 4 === */
/* PC: ヘッダー + MV で 100vh */
@media (min-width: 960px) {
  header.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: rgba(255,255,255,0.95) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    height: 80px !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
  }
  #wrapper {
    padding-top: 80px !important;
  }
  section.mv.outer-block {
    min-height: calc(100vh - 80px) !important;
    height: calc(100vh - 80px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  section.mv > .inner-block {
    width: 100% !important;
    max-width: 1160px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 20px !important;
    box-sizing: border-box !important;
  }
  /* ヒーロー見出し控えめに */
  section.mv > .inner-block > .mv_logo {
    max-width: 720px !important;
    margin: 0 auto !important;
  }
  section.mv > .inner-block > .tx01 {
    font-size: 18px !important;
    margin: 12px 0 20px !important;
    text-align: center !important;
  }
  /* 3カード：高さを制限、画像アスペクトを3:2に */
  section.mv .swiper_set01 .top_block_type01 {
    margin: 0 !important;
  }
  section.mv .swiper_set01 .top_block_type01 > .box.swiper-slide {
    padding: 18px 14px 16px !important;
    border-radius: 16px !important;
    border-width: 2px !important;
  }
  section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .tx02 {
    font-size: 16px !important;
    margin: 0 0 6px !important;
  }
  section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .tx03 {
    font-size: 12px !important;
    min-height: 2.5em !important;
    margin: 0 0 12px !important;
  }
  section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .img {
    aspect-ratio: 3 / 2 !important;
  }
  /* CTA コンパクト */
  section.mv .btn_wrap.btn_wrap01 {
    margin-top: 20px !important;
  }
  section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > a {
    padding: 14px 32px !important;
    font-size: 15px !important;
  }
}

/* 低背viewport対応: 800px未満は少し余白詰める */
@media (min-width: 960px) and (max-height: 800px) {
  section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .img {
    aspect-ratio: 16 / 9 !important;
  }
  section.mv > .inner-block > .mv_logo {
    max-width: 620px !important;
  }
}

/* === block 5 === */
/* CTA: ラベルとボタンを完全分離 */
section.mv .btn_wrap.btn_wrap01 {
  display: flex !important;
  gap: 28px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-top: 48px !important;
  padding: 0 20px !important;
}
section.mv .btn_wrap.btn_wrap01 > .box {
  flex: 0 1 420px !important;
  min-width: 280px !important;
  max-width: 460px !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner {
  position: relative !important;
  padding-top: 26px !important;
  margin-top: 14px !important;
}
/* ラベル = 完全にボタンより上 */
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > p {
  position: absolute !important;
  top: -14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #E8B71F 0%, #F5D770 100%) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 8px 22px !important;
  border-radius: 22px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 16px rgba(232, 183, 31,.3) !important;
  letter-spacing: 0.5px !important;
  z-index: 5 !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > p::after {
  content: '' !important;
  position: absolute !important;
  bottom: -5px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;
  width: 10px !important;
  height: 10px !important;
  background: #E8B71F !important;
  z-index: -1 !important;
}
/* ボタン本体 */
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.black_btn > a,
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px 64px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-radius: 60px !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  letter-spacing: 1px !important;
  overflow: hidden !important;
  text-align: center !important;
  line-height: 1.3 !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > a span {
  display: inline !important;
  font-size: inherit !important;
  margin: 0 !important;
  opacity: 1 !important;
  font-weight: inherit !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.black_btn > a {
  background: linear-gradient(135deg, #1a2332 0%, #0a0e14 100%) !important;
  box-shadow: 0 10px 28px rgba(10,14,20,.35), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a {
  background: linear-gradient(135deg, #E8B71F 0%, #A8830F 100%) !important;
  box-shadow: 0 10px 28px rgba(232, 183, 31,.4), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.black_btn > a::after,
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a::after {
  content: '' !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.18) !important;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: transform .25s ease, background-color .25s ease !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.black_btn > a:hover,
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a:hover {
  transform: translateY(-3px) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.black_btn > a:hover { box-shadow: 0 16px 40px rgba(10,14,20,.5) !important; }
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a:hover { box-shadow: 0 16px 40px rgba(232, 183, 31,.6) !important; }
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.black_btn > a:hover::after,
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a:hover::after {
  transform: translateY(-50%) translateX(3px) !important;
  background-color: rgba(255,255,255,0.3) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_img_box_sp,
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner a > img {
  display: none !important;
}
@media (max-width: 900px) {
  section.mv .btn_wrap.btn_wrap01 {
    gap: 36px !important;
  }
  section.mv .btn_wrap.btn_wrap01 > .box {
    flex: 0 1 100% !important;
  }
}

/* MVカードのホバー時、上が隠れない対策 */
section.mv .swiper_set01 .top_block_type01 {
  overflow: visible !important;
  padding-top: 8px !important;
}
section.mv .swiper_set01 {
  overflow: visible !important;
}
section.mv .swiper_set01 .top_block_type01 > .box.swiper-slide {
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}
section.mv .swiper_set01 .top_block_type01 > .box.swiper-slide:hover {
  z-index: 5 !important;
  transform: translateY(-6px) !important;
}
/* カード内の画像のみクリップ */
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide > .img {
  overflow: hidden !important;
  border-radius: 14px !important;
}

/* === block 6 === */
@media (min-width: 960px) {
  header.header {
    padding: 0 0 0 28px !important;
    overflow: visible !important;
    gap: 24px !important;
  }
  header.header > .logo,
  header.header > h1.logo {
    margin-left: 0 !important;
    flex: 0 0 auto !important;
  }
  header.header .navi_block {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  header.header .navi_block > .navi {
    display: flex !important;
    gap: 28px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  header.header .navi_block > .navi > li > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0a0e14 !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
    transition: color .2s ease !important;
  }
  header.header .navi_block > .navi > li > a:hover {
    color: #E8B71F !important;
  }
  header.header .head_btn_set {
    display: flex !important;
    height: 100% !important;
    align-items: stretch !important;
    margin-left: 0 !important;
    flex: 0 0 auto !important;
    gap: 0 !important;
  }
  header.header .head_btn {
    height: 100% !important;
    display: flex !important;
  }
  header.header .head_btn > a {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 22px !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 6px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    min-width: 124px !important;
    transition: opacity .2s ease, filter .2s ease !important;
  }
  header.header .head_btn > a:hover {
    opacity: 0.9 !important;
    filter: brightness(1.08) !important;
  }
  header.header .head_btn > a > .icon {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  header.header .head_btn > a > .icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  header.header .head_btn > a > .label {
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.6px !important;
  }
  /* CTA 両方イエローゴールド (shade差で差別化) */
  header.header .head_btn01 > a {
    background: linear-gradient(180deg, #FFE89C 0%, #F5D770 50%, #E8B71F 100%) !important;
    color: #0A0A0A !important;
    position: relative !important;
    overflow: hidden !important;
    border-right: 1px solid #B8941F !important;
  }
  header.header .head_btn01 > a::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.2) 100%) !important;
    pointer-events: none !important;
  }
  header.header .head_btn01 > a > .icon { color: #0A0A0A !important; position: relative; z-index: 1; }
  header.header .head_btn01 > a > .label { position: relative; z-index: 1; }

  header.header .head_btn02 > a {
    background: linear-gradient(180deg, #E8B71F 0%, #C7950A 55%, #8E6A05 100%) !important;
    color: #0A0A0A !important;
    position: relative !important;
    overflow: hidden !important;
  }
  header.header .head_btn02 > a::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.18) 100%) !important;
    pointer-events: none !important;
  }
  header.header .head_btn02 > a > .icon { color: #0A0A0A !important; position: relative; z-index: 1; }
  header.header .head_btn02 > a > .label { position: relative; z-index: 1; }

  /* 外部マルゴトURLのアイコンを自前ゴールド/黒の単一形状アイコンへ上書き */
  header.header .head_btn .head_btn01 a::before,
  header.header .head_btn.head_btn01 a::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A0A0A'%3E%3Cpath d='M11 3h2v9h4l-5 6-5-6h4z M4 19h16v2H4z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 22px !important;
    height: 22px !important;
    position: relative !important;
    z-index: 1 !important;
  }
  header.header .head_btn .head_btn02 a::before,
  header.header .head_btn.head_btn02 a::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A0A0A'%3E%3Cpath d='M5 4h14a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9l-5 4v-4a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 22px !important;
    height: 22px !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* === block 7 === */
section.mv > .inner-block > .mv_logo {
  max-width: min(800px, 65vw) !important;
  width: 100% !important;
  margin: 0 auto 16px !important;
  display: block !important;
  text-align: center !important;
}
section.mv > .inner-block > .mv_logo img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* === block 8 === */
/* Liberation ブランドカラー適用 */
/* CTAボタン: ピンク/マゼンタ（anfiniの CTA色） */
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.black_btn > a {
  background: linear-gradient(135deg, #2d2f33 0%, #1a1c20 100%) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a {
  background: linear-gradient(135deg, #E8B71F 0%, #A8830F 100%) !important;
  box-shadow: 0 10px 28px rgba(232,183,31,.4), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner.yellow_btn > a:hover {
  box-shadow: 0 16px 40px rgba(232,183,31,.55) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > p {
  background: linear-gradient(135deg, #FFD55C 0%, #FFE89C 100%) !important;
  color: #2d2f33 !important;
  box-shadow: 0 6px 16px rgba(255,213,92,.35) !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > p::after {
  background: #FFD55C !important;
}

/* ヘッダーボタン色は lp-builder-header-btn-fix で定義済み */

/* 下段CTAバナー: 紺+ピンクアクセント */
section.content.outer-block[style*="linear-gradient"] {
  background: linear-gradient(135deg, #2d2f33 0%, #1a1c20 100%) !important;
}
section.content.outer-block[style*="linear-gradient"] h2.tl01.tl01_1 > span {
  border-bottom-color: #FFD55C !important;
}
section.content.outer-block[style*="linear-gradient"] .btn_wrap.btn_wrap01 > a[href="#contact-form"] {
  background: #E8B71F !important;
  color: #fff !important;
}

/* セクション見出し下線: ブルーのまま（#E8B71F） */
/* フォーム送信ボタン: ピンクグラデ */
section#contact-form form button[type="submit"] {
  background: linear-gradient(135deg, #E8B71F 0%, #A8830F 100%) !important;
  box-shadow: 0 6px 16px rgba(232,183,31,.3) !important;
}

/* テキスト色をcharcoalに */
body {
  color: #2d2f33 !important;
}

/* カード数字（nm）はブルーのまま（アクセント維持） */


/* === block 9 (2026-04-30): カラム数調整・コンパクト化 === */
@media (min-width: 1100px) {
  /* 6 box → 3 列 × 2 行 */
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(6)):not(:has(> .box:nth-child(7))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1080px !important;
  }
  /* 5 box の rule は既存。重ねて 3 列を確実に */
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)):not(:has(> .box:nth-child(6))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1000px !important;
  }
}
/* タブレット幅で 2 列 */
@media (min-width: 769px) and (max-width: 1100px) {
  section.content.content02 .top_block01.top_block01_1,
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(6)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
  }
}
/* SP は既存の 1 列ルールが適用される */

/* カード本体をやや詰めて視認性 UP */
section.content.content02 .top_block01.top_block01_1 > .box {
  padding: 30px 18px 24px !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > h3.nm {
  font-size: 40px !important;
  top: -22px !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > .img01 {
  aspect-ratio: 16 / 10 !important;
  margin: 0 0 16px !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > .tx01 {
  font-size: 17px !important;
  margin: 0 0 8px !important;
}
section.content.content02 .top_block01.top_block01_1 > .box > p {
  font-size: 12.5px !important;
}

/* === block 10: ロゴ画像のフレーム余白調整 === */
header.header h1.logo a img { padding: 4px 0 !important; }

/* === block 11 (2026-04-30): MV CTA 単独時の中央揃え === */
section.mv .btn_wrap.btn_wrap01 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
section.mv .btn_wrap.btn_wrap01 > .box {
  margin: 0 auto !important;
  flex: 0 1 460px !important;
  max-width: 460px !important;
  width: 100% !important;
}

/* === block 12 (2026-04-30): モバイル/タブレット完全対応 === */
@media (max-width: 959px) {
  /* ヘッダーのレイアウトをモバイル仕様に */
  header.header {
    height: 64px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: rgba(255,255,255,0.96) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
    overflow: visible !important;
    gap: 12px !important;
  }
  header.header h1.logo,
  header.header > .logo {
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  header.header h1.logo a img {
    height: 44px !important;
    max-width: 220px !important;
  }
  /* デスクトップナビは非表示、ハンバーガーで開閉 */
  header.header .navi_block {
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border-top: 2px solid #E8B71F !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
    padding: 16px 20px 24px !important;
    flex-direction: column !important;
    transform: translateY(-150%) !important;
    transition: transform .3s ease !important;
    z-index: 999 !important;
    max-height: calc(100vh - 64px) !important;
    overflow-y: auto !important;
  }
  body.menu-open header.header .navi_block {
    transform: translateY(0) !important;
  }
  header.header .navi_block > .navi {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  header.header .navi_block > .navi > li {
    border-bottom: 1px solid #FFF6D5 !important;
  }
  header.header .navi_block > .navi > li > a {
    display: block !important;
    padding: 14px 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0a0e14 !important;
    text-decoration: none !important;
  }
  /* ハンバーガーアイコン: trigger をボタンに */
  a.menu.menu-trigger {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(180deg, #FFE89C 0%, #E8B71F 100%) !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    cursor: pointer !important;
    z-index: 1001 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.1) !important;
  }
  a.menu.menu-trigger > span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #0A0A0A !important;
    border-radius: 2px !important;
    transition: transform .25s ease, opacity .25s ease !important;
  }
  body.menu-open a.menu.menu-trigger > span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }
  body.menu-open a.menu.menu-trigger > span:nth-child(2) {
    opacity: 0 !important;
  }
  body.menu-open a.menu.menu-trigger > span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }
  /* CTAボタン: モバイルでは小さく */
  header.header .head_btn_set {
    display: flex !important;
    margin-right: 56px !important;
    height: 100% !important;
    align-items: center !important;
  }
  header.header .head_btn > a {
    padding: 0 14px !important;
    font-size: 11px !important;
    height: 64px !important;
    min-width: 0 !important;
  }
  header.header .head_btn > a > .label {
    font-size: 11px !important;
  }
  header.header .head_btn .head_btn02 a::before,
  header.header .head_btn.head_btn02 a::before {
    width: 18px !important;
    height: 18px !important;
  }
  /* wrapper padding */
  #wrapper {
    padding-top: 64px !important;
  }
  /* MV調整 */
  section.mv.outer-block {
    min-height: auto !important;
    height: auto !important;
    padding: 30px 0 !important;
  }
  section.mv > .inner-block {
    padding: 30px 16px !important;
  }
  section.mv > .inner-block > .mv_logo {
    max-width: 100% !important;
  }
  section.mv > .inner-block > .tx01 {
    font-size: 14px !important;
    margin: 12px 0 24px !important;
  }
  /* セクション本文 padding */
  section.content.content02 > .inner-block,
  section.content > .inner-block {
    padding: 0 16px !important;
  }
  section.content.content02 > .inner-block > h2.tl01.tl01_1 > span {
    font-size: clamp(18px, 5vw, 24px) !important;
  }
  /* フッター */
  footer.outer-block {
    padding: 56px 16px 24px !important;
  }
  footer.outer-block > div:first-child {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  footer.outer-block > div:first-child > div:first-child {
    grid-column: span 1 !important;
  }
  /* CTAバナー(下段) */
  section.content.outer-block[style*="linear-gradient"] {
    padding: 56px 16px !important;
  }
  /* お知らせ・コラム card grid */
  div[style*="grid-template-columns:repeat(auto-fit,minmax"] {
    grid-template-columns: 1fr !important;
  }
  /* 個別サービスページのhero */
  section.hero-mv-v4 {
    padding: 60px 16px !important;
    min-height: auto !important;
  }
  /* 採用ページの top_block01 4枚以上対応 */
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(4)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(6)) {
    grid-template-columns: 1fr !important;
  }
  /* フォーム */
  section#contact-form form {
    padding: 0 !important;
  }
  /* お問い合わせフォーム入力 */
  input[type="text"], input[type="tel"], input[type="email"], select, textarea {
    font-size: 16px !important; /* iOS zoom防止 */
  }
  /* MV CTAボタン padding */
  section.mv .btn_wrap.btn_wrap01 > .box {
    flex: 1 1 100% !important;
    max-width: 360px !important;
  }
  /* /service/ 6サービスカード */
  section.content.content02 .top_block01.top_block01_1 > .box {
    margin-top: 32px !important;
  }
}

/* タブレット 768-959: ナビは折り返し or 1段配置の調整 */
@media (min-width: 768px) and (max-width: 959px) {
  header.header h1.logo a img {
    height: 48px !important;
  }
  /* タブレット用にCardグリッドを2列 */
  section.content.content02 .top_block01.top_block01_1,
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(6)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(310px"],
  div[style*="grid-template-columns:repeat(auto-fit,minmax(300px"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* JavaScript無し環境: :target を使ってメニュー開閉できるよう、href="#menu"のハック対応用 */
/* a.menu.menu-trigger に href="#menu" を持たせ、bodyに :has(#menu:target) で対応 */

/* === block 13: モバイルヘッダー微調整 === */
@media (max-width: 480px) {
  header.header h1.logo a img {
    height: 38px !important;
    max-width: 160px !important;
  }
  header.header .head_btn > a {
    padding: 0 8px !important;
  }
  header.header .head_btn > a > .label {
    font-size: 10px !important;
  }
  header.header .head_btn .head_btn02 a::before,
  header.header .head_btn.head_btn02 a::before {
    width: 14px !important;
    height: 14px !important;
  }
  header.header .head_btn_set {
    margin-right: 50px !important;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  header.header h1.logo a img {
    height: 42px !important;
    max-width: 190px !important;
  }
}

/* === block 14: SPヘッダーをロゴ+ハンバーガーのみに === */
@media (max-width: 959px) {
  header.header .head_btn_set,
  header.header .head_btn {
    display: none !important;
  }
  /* ハンバーガーは元の位置(右端)のままだが、ロゴと並ぶよう調整 */
  a.menu.menu-trigger {
    top: 12px !important;
    right: 16px !important;
  }
  /* ロゴ: 余裕を持たせる */
  header.header h1.logo {
    flex: 1 1 auto !important;
  }
  header.header h1.logo a img {
    max-width: 240px !important;
  }
}
@media (max-width: 480px) {
  header.header h1.logo a img {
    max-width: 200px !important;
  }
}

/* === block 15: ハンバーガードロワー display:none を上書き === */
@media (max-width: 959px) {
  /* 既存pc.css の display:none を強制上書き */
  header.header .navi_block {
    display: flex !important;
    flex-direction: column !important;
  }
  /* ハンバーガークリック前: 画面外に隠す (display:flex は維持) */
  body:not(.menu-open) header.header .navi_block {
    transform: translateY(-150%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.menu-open header.header .navi_block {
    transform: translateY(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* === block 16 (2026-04-30): レスポンシブ全面再構築 === */

/* PC基準: 全カードグリッドを auto-fit で柔軟に */
section.content.content02 .top_block01.top_block01_1 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 36px 24px !important;
  max-width: 1120px !important;
  margin: 30px auto 0 !important;
  padding: 30px 20px 0 !important;
}

/* PC: 6カード→3列x2行を強制 */
@media (min-width: 1100px) {
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(6)):not(:has(> .box:nth-child(7))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1080px !important;
  }
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)):not(:has(> .box:nth-child(6))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1000px !important;
  }
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(4)):not(:has(> .box:nth-child(5))) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 800px !important;
  }
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(3)):not(:has(> .box:nth-child(4))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1000px !important;
  }
}

/* タブレット 600-1099 全カード一律2列 */
@media (min-width: 600px) and (max-width: 1099px) {
  section.content.content02 .top_block01.top_block01_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
    gap: 36px 18px !important;
    padding: 30px 16px 0 !important;
  }
}

/* SP <600 全カード1列 */
@media (max-width: 599px) {
  section.content.content02 .top_block01.top_block01_1 {
    grid-template-columns: 1fr !important;
    max-width: 380px !important;
    gap: 36px !important;
    padding: 30px 8px 0 !important;
  }
  section.content.content02 .top_block01.top_block01_1 > .box {
    padding: 28px 18px 22px !important;
  }
  section.content.content02 .top_block01.top_block01_1 > .box > .img01 {
    aspect-ratio: 16 / 9 !important;
  }
  section.content.content02 .top_block01.top_block01_1 > .box > .tx01 {
    font-size: 16px !important;
  }
  section.content.content02 .top_block01.top_block01_1 > .box > p {
    font-size: 13px !important;
  }
}

/* /service/ /column/ などの inline-style grid を上書き */
@media (min-width: 600px) and (max-width: 1099px) {
  div[style*="grid-template-columns"][style*="auto-fit"][style*="minmax"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 599px) {
  div[style*="grid-template-columns"][style*="auto-fit"][style*="minmax"] {
    grid-template-columns: 1fr !important;
  }
}

/* MV カード (3 swiper-slide) */
@media (min-width: 600px) and (max-width: 1099px) {
  section.mv .swiper_set01 .top_block_type01 {
    grid-template-columns: 1fr !important;
    max-width: 480px !important;
    margin: 30px auto !important;
  }
}
@media (max-width: 599px) {
  section.mv .swiper_set01 .top_block_type01 {
    grid-template-columns: 1fr !important;
    max-width: 360px !important;
    margin: 24px auto !important;
    gap: 16px !important;
  }
}

/* MV CTA: モバイル/タブレット中央単独 */
@media (max-width: 1099px) {
  section.mv .btn_wrap.btn_wrap01 > .box {
    flex: 1 1 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }
}

/* PC h3.nm の負top → SPでも維持 */
@media (max-width: 599px) {
  section.content.content02 .top_block01.top_block01_1 > .box > h3.nm {
    font-size: 38px !important;
    top: -22px !important;
  }
  section.content.content02 > .inner-block > h2.tl01.tl01_1 > span {
    font-size: 22px !important;
  }
  section.content.content02 > .inner-block > .tl_btm_tx01 {
    font-size: 13px !important;
    line-height: 1.85 !important;
    margin-bottom: 32px !important;
  }
}

/* フッター SITEMAP / SERVICE 列 */
@media (max-width: 768px) {
  footer.outer-block > div:first-child {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}
@media (min-width: 769px) and (max-width: 1099px) {
  footer.outer-block > div:first-child {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* === block 17: 旧:has()ルールを上書き(specificity勝負) === */
@media (min-width: 600px) and (max-width: 1099px) {
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(2)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(3)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(4)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(6)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
  }
}
@media (max-width: 599px) {
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(2)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(3)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(4)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(5)),
  section.content.content02 .top_block01.top_block01_1:has(> .box:nth-child(6)) {
    grid-template-columns: 1fr !important;
    max-width: 380px !important;
  }
}

/* === block 18 (2026-04-30 v3): SP最終調整 === */
@media (max-width: 599px) {
  /* タイトル下線: 折り返し対応で gradient 背景に変更 */
  section.content.content02 > .inner-block > h2.tl01.tl01_1,
  section.content > .inner-block > h2.tl01.tl01_1 {
    text-align: center !important;
    padding: 0 16px !important;
  }
  section.content.content02 > .inner-block > h2.tl01.tl01_1 > span,
  section.content > .inner-block > h2.tl01.tl01_1 > span {
    display: inline !important;
    border-bottom: none !important;
    background: linear-gradient(transparent 65%, rgba(232,183,31,.45) 65%) !important;
    padding: 0 4px !important;
    line-height: 1.6 !important;
  }
  /* sub-text */
  section.content.content02 > .inner-block > .tl_btm_tx01 {
    padding: 0 16px !important;
    text-align: center !important;
  }

  /* お知らせカード: date | badge | title を縦積みに */
  section.content.content02 a[href*="/news/"][style*="display:flex"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 16px 14px !important;
  }
  section.content.content02 a[href*="/news/"] > span:first-child {
    min-width: 0 !important;
  }
  section.content.content02 a[href*="/news/"] > span:nth-child(2) {
    align-self: flex-start !important;
  }
  /* お知らせブロック余白 */
  section.content.content02 > .inner-block > div[style*="background:#f8fbfd"],
  section.content.content02 > .inner-block > div[style*="background:#FCFAF2"] {
    margin: 24px 12px 0 !important;
    padding: 8px 16px !important;
  }
  /* お知らせ一覧ボタン中央 */
  section.content.content02 .btn_wrap.btn_wrap01 {
    text-align: center !important;
  }
  section.content.content02 .btn_wrap.btn_wrap01 > a {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  /* 下段CTAバナー: heading clipping防止 */
  section.content.outer-block[style*="linear-gradient"] {
    padding: 70px 16px 48px !important;
  }
  section.content.outer-block[style*="linear-gradient"] h2 {
    font-size: 20px !important;
    line-height: 1.5 !important;
    padding: 0 8px !important;
  }
  section.content.outer-block[style*="linear-gradient"] p {
    font-size: 13px !important;
    padding: 0 8px !important;
  }
  /* ボタン中央 */
  section.content.outer-block[style*="linear-gradient"] > div > div[style*="display:flex"] {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  section.content.outer-block[style*="linear-gradient"] a {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
  }

  /* 全セクションコンテンツ中央寄せ徹底 */
  section.content > .inner-block,
  section.content.content02 > .inner-block,
  section.content.outer-block > .inner-block {
    text-align: center !important;
    max-width: 100% !important;
  }
  /* btn_wrap 既存中央配置上書き */
  .btn_wrap, .btn_wrap.btn_wrap01 {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* お問合わせフォーム: 中央寄せ */
  section#contact-form form {
    max-width: 100% !important;
    padding: 0 12px !important;
  }
  section#contact-form form button[type="submit"] {
    width: 100% !important;
    max-width: 320px !important;
    margin: 12px auto 0 !important;
    display: block !important;
  }
  /* h1 (各下層ページのhero) */
  section.hero-mv-v4 h1,
  section[class*="hero"] h1 {
    text-align: center !important;
    padding: 0 8px !important;
  }
  /* breadcrumbs */
  section.hero-mv-v4 nav,
  section[class*="hero"] nav {
    text-align: center !important;
    padding: 0 8px !important;
  }
  /* MV CTAタイトル(相談無料) */
  section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > p {
    font-size: 11px !important;
    white-space: nowrap !important;
    padding: 6px 10px !important;
  }
  section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > a {
    padding: 14px 16px !important;
    font-size: 14px !important;
  }
}

/* タブレット 600-899: お知らせカードはflex行のままだが余白調整 */
@media (min-width: 600px) and (max-width: 899px) {
  section.content.outer-block[style*="linear-gradient"] > div > div[style*="display:flex"] {
    justify-content: center !important;
  }
}

/* === block 19 (2026-04-30): ハンバーガー/MV CTAラベル/お知らせボタン微調整 === */
@media (max-width: 959px) {
  /* ハンバーガー: spans を内側に収める */
  a.menu.menu-trigger {
    width: 44px !important;
    height: 44px !important;
    padding: 12px 11px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  a.menu.menu-trigger > span {
    width: 20px !important;
    height: 2.5px !important;
    border-radius: 2px !important;
  }
}

@media (max-width: 599px) {
  /* MV CTAラベル「相談無料！」をフィットさせる */
  section.mv .btn_wrap.btn_wrap01 .cta_btn_inner {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    padding-top: 30px !important;
  }
  section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > p {
    position: absolute !important;
    top: -2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 10px !important;
    padding: 5px 14px !important;
    white-space: nowrap !important;
    border-radius: 14px !important;
    margin: 0 !important;
    max-width: calc(100% - 20px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  /* triangle 矢印を非表示 (はみ出す元) */
  section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > p::after {
    display: none !important;
  }

  /* お知らせ一覧を見るボタン: 中央配置 + 適切な幅 */
  section.content.content02 .btn_wrap.btn_wrap01 {
    margin: 24px auto 0 !important;
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    display: block !important;
  }
  section.content.content02 .btn_wrap.btn_wrap01 > a {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 32px !important;
    font-size: 13px !important;
  }

  /* お知らせブロック: コンテナを画面内に収める */
  section.content.content02 > .inner-block > div[style*="background"] {
    margin: 24px auto 0 !important;
    box-sizing: border-box !important;
    width: calc(100% - 24px) !important;
    max-width: 360px !important;
  }
}

/* === block 20: ハンバーガー3本線を綺麗に === */
@media (max-width: 959px) {
  a.menu.menu-trigger {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #FFE89C 0%, #E8B71F 100%) !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.12) !important;
    cursor: pointer !important;
  }
  a.menu.menu-trigger > span {
    display: block !important;
    width: 22px !important;
    height: 2.5px !important;
    background: #0A0A0A !important;
    border-radius: 2px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    transition: transform .25s ease, opacity .25s ease !important;
  }
  body.menu-open a.menu.menu-trigger > span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg) !important;
  }
  body.menu-open a.menu.menu-trigger > span:nth-child(2) {
    opacity: 0 !important;
    transform: scale(0) !important;
  }
  body.menu-open a.menu.menu-trigger > span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg) !important;
  }
}

/* === block 21: ハンバーガーspans pc.css のpos:absolute上書き === */
@media (max-width: 959px) {
  a.menu.menu-trigger > span {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
  }
}

/* === block 22: 会社概要テーブル & MV/Cardカラム中央寄せ強化 === */
@media (max-width: 767px) {
  /* dl(flex)を縦積みに */
  section.content.content02 dl[style*="display:flex"],
  section.content dl[style*="display:flex"] {
    flex-direction: column !important;
  }
  section.content.content02 dl[style*="display:flex"] dt {
    flex: 0 0 auto !important;
    width: 100% !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid #FFE89C !important;
    font-size: 13px !important;
  }
  section.content.content02 dl[style*="display:flex"] dd {
    flex: 1 !important;
    width: 100% !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
  }
  /* 会社概要のテーブル幅 */
  section.content.content02 > .inner-block > div[style*="border-radius"][style*="background:#fff"],
  section.content.content02 > .inner-block > div[style*="background:#fff"] {
    margin: 24px 12px 0 !important;
    width: calc(100% - 24px) !important;
    box-sizing: border-box !important;
  }

  /* 一般的なテーブル */
  table { width: 100% !important; font-size: 13px !important; }
  table th, table td { padding: 10px !important; }

  /* MVカード念のため再中央寄せ */
  section.mv .swiper_set01 {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
  }
  section.mv .swiper_set01 .top_block_type01 {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* === block 23: MV CTA anchor 親box内に収める === */
section.mv .btn_wrap.btn_wrap01 > .box {
  flex: 0 1 460px !important;
  max-width: 460px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
section.mv .btn_wrap.btn_wrap01 .cta_btn_inner > a {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 22px 32px !important;
}


/* === block 24: MV swiper slides 10px margin除去 === */
section.mv .swiper_set01 .top_block_type01 .box.swiper-slide,
section.mv .swiper_set01 .top_block_type01 .box {
  margin: 0 !important;
}
@media (max-width: 599px) {
  section.mv .swiper_set01 .top_block_type01 .box.swiper-slide,
  section.mv .swiper_set01 .top_block_type01 .box {
    margin: 0 !important;
    width: 100% !important;
  }
}


/* === block 25: MV CTA box の flex-basis を縦方向に解除 === */
section.mv .btn_wrap.btn_wrap01 > .box {
  flex: 0 0 auto !important;
  height: auto !important;
}
@media (max-width: 1099px) {
  section.mv .btn_wrap.btn_wrap01 > .box {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 420px !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}


/* === block 26: 記事本文・一覧アーカイブ・記事詳細のデザイン（2026-07-17） === */

:root {
  --lc-accent: #E8B71F;
  --lc-accent-dark: #A8830F;
  --lc-accent-weak: rgba(232, 183, 31, .12);
  --lc-ink: #0a0e14;
  --lc-body: #333;
  --lc-muted: #888;
  --lc-line: #e5ebef;
  --lc-bg: #f8fafb;
  --lc-shadow: 0 4px 16px rgba(0, 0, 0, .06);
  --lc-shadow-hover: 0 12px 30px rgba(0, 0, 0, .13);
  --lc-radius: 14px;
}

/* ---------------------------------------------------------------
 * 1. 記事本文（コラム詳細 .lc-article / お知らせ詳細 .single__body 共通）
 *    管理画面のブロックエディタで入れた要素をテーマの世界観に揃える
 * ------------------------------------------------------------- */
.lc-article,
.single__body {
  font-size: 16px;
  line-height: 2;
  color: var(--lc-body);
  word-wrap: break-word;
  /* .inner-block がSPで text-align:center を継承させるため、本文は必ず左揃えに戻す */
  text-align: left;
}
/* ブロックエディタで揃えを指定したものだけは尊重する */
.lc-article .has-text-align-center,
.single__body .has-text-align-center { text-align: center; }
.lc-article .has-text-align-right,
.single__body .has-text-align-right { text-align: right; }

.lc-article > *:first-child,
.single__body > *:first-child { margin-top: 0; }
.lc-article > *:last-child,
.single__body > *:last-child { margin-bottom: 0; }

/* 見出し h2 = 左に黄色いバー */
.lc-article h2,
.single__body h2 {
  position: relative;
  margin: 3.2em 0 1.2em;
  padding: 4px 0 4px 18px;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 800;
  line-height: 1.55;
  color: var(--lc-ink);
  letter-spacing: -.02em;
}
.lc-article h2::before,
.single__body h2::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 5px; height: 100%;
  background: linear-gradient(180deg, var(--lc-accent) 0%, var(--lc-accent-dark) 100%);
  border-radius: 3px;
}

/* 見出し h3 = 下線 */
.lc-article h3,
.single__body h3 {
  margin: 2.6em 0 1em;
  padding-bottom: .6em;
  border-bottom: 2px solid var(--lc-line);
  font-size: clamp(17px, 2vw, 21px);
  font-weight: 700;
  line-height: 1.6;
  color: var(--lc-ink);
}

/* 見出し h4 = 黄色い点 */
.lc-article h4,
.single__body h4 {
  position: relative;
  margin: 2.2em 0 .9em;
  padding-left: 16px;
  font-size: clamp(16px, 1.7vw, 18px);
  font-weight: 700;
  line-height: 1.6;
  color: var(--lc-ink);
}
.lc-article h4::before,
.single__body h4::before {
  content: "";
  position: absolute;
  top: .72em; left: 0;
  width: 8px; height: 8px;
  background: var(--lc-accent);
  border-radius: 50%;
}

.lc-article h5,
.single__body h5 {
  margin: 2em 0 .8em;
  font-size: 16px;
  font-weight: 700;
  color: var(--lc-ink);
}

/* 段落 */
.lc-article p,
.single__body p { margin: 0 0 1.7em; }

/* リンク */
.lc-article a,
.single__body a {
  color: var(--lc-accent-dark);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color .2s ease;
}
.lc-article a:hover,
.single__body a:hover { color: var(--lc-accent); }

/* 強調 */
.lc-article strong,
.single__body strong {
  font-weight: 700;
  color: var(--lc-ink);
  background: linear-gradient(transparent 62%, var(--lc-accent-weak) 62%);
}
.lc-article em,
.single__body em { font-style: normal; color: var(--lc-accent-dark); font-weight: 600; }

/* リスト */
.lc-article ul,
.lc-article ol,
.single__body ul,
.single__body ol {
  margin: 0 0 1.8em;
  padding: 0 0 0 4px;
  list-style: none;
}
.lc-article li,
.single__body li {
  position: relative;
  margin-bottom: .7em;
  padding-left: 26px;
  line-height: 1.9;
}
.lc-article ul > li::before,
.single__body ul > li::before {
  content: "";
  position: absolute;
  top: .68em; left: 4px;
  width: 8px; height: 8px;
  background: var(--lc-accent);
  border-radius: 50%;
}
.lc-article ol,
.single__body ol { counter-reset: lc-ol; }
.lc-article ol > li,
.single__body ol > li { counter-increment: lc-ol; padding-left: 34px; }
.lc-article ol > li::before,
.single__body ol > li::before {
  content: counter(lc-ol);
  position: absolute;
  top: .34em; left: 0;
  width: 22px; height: 22px;
  background: var(--lc-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
}
.lc-article li > ul,
.lc-article li > ol,
.single__body li > ul,
.single__body li > ol { margin: .7em 0 0; }

/* 引用 */
.lc-article blockquote,
.single__body blockquote {
  position: relative;
  margin: 2.2em 0;
  padding: 28px 30px 28px 34px;
  background: var(--lc-bg);
  border-left: 4px solid var(--lc-accent);
  border-radius: 0 var(--lc-radius) var(--lc-radius) 0;
  color: #4a5560;
  font-size: 15px;
}
.lc-article blockquote p:last-child,
.single__body blockquote p:last-child { margin-bottom: 0; }
.lc-article blockquote cite,
.single__body blockquote cite {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  font-style: normal;
  color: var(--lc-muted);
}

/* 画像・図版 */
.lc-article img,
.single__body img {
  max-width: 100%;
  height: auto;
  border-radius: var(--lc-radius);
  vertical-align: bottom;
}
.lc-article figure,
.single__body figure { margin: 2.2em 0; }
.lc-article figcaption,
.single__body figcaption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--lc-muted);
  text-align: center;
}
.lc-article .wp-block-image,
.single__body .wp-block-image { margin: 2.2em 0; }

/* 表 */
.lc-article .wp-block-table,
.single__body .wp-block-table { margin: 2.2em 0; overflow-x: auto; }
.lc-article table,
.single__body table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  background: #fff;
  border-radius: var(--lc-radius);
  overflow: hidden;
  box-shadow: var(--lc-shadow);
}
.lc-article th,
.single__body th {
  padding: 14px 18px;
  background: var(--lc-ink);
  color: #fff;
  font-weight: 700;
  text-align: left;
  border: none;
}
.lc-article td,
.single__body td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--lc-line);
  line-height: 1.8;
}
.lc-article tbody tr:last-child td,
.single__body tbody tr:last-child td { border-bottom: none; }
.lc-article tbody tr:nth-child(even),
.single__body tbody tr:nth-child(even) { background: #fbfcfd; }

/* 区切り線 */
.lc-article hr,
.single__body hr {
  margin: 3em 0;
  border: none;
  height: 1px;
  background: var(--lc-line);
}
.lc-article .wp-block-separator,
.single__body .wp-block-separator { max-width: 100%; }

/* コード */
.lc-article code,
.single__body code {
  padding: 3px 7px;
  background: #f2f4f6;
  border-radius: 4px;
  font-family: "SFMono-Regular", Consolas, "Courier New", monospace;
  font-size: .9em;
  color: #c7254e;
}
.lc-article pre,
.single__body pre {
  margin: 2em 0;
  padding: 22px 24px;
  background: var(--lc-ink);
  border-radius: var(--lc-radius);
  overflow-x: auto;
  line-height: 1.7;
}
.lc-article pre code,
.single__body pre code { background: none; color: #e6edf3; padding: 0; }

/* ボタンブロック */
.lc-article .wp-block-button__link,
.single__body .wp-block-button__link {
  background: var(--lc-accent);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  border-radius: 30px;
  padding: 14px 36px;
}
.lc-article .wp-block-button__link:hover,
.single__body .wp-block-button__link:hover { background: var(--lc-accent-dark); color: #fff; }

/* 埋め込み */
.lc-article .wp-block-embed__wrapper,
.single__body .wp-block-embed__wrapper { position: relative; }
.lc-article iframe,
.single__body iframe { max-width: 100%; border-radius: var(--lc-radius); }

/* ---------------------------------------------------------------
 * 2. 記事ヒーロー（.lc-hero）
 *    コラム詳細（functions.php のインライン描画）と同じ見た目を
 *    クラスとして定義し、お知らせ詳細 single.php でも共用する
 * ------------------------------------------------------------- */
.lc-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  padding: 80px 20px;
  background: var(--lc-ink);
  color: #fff;
  overflow: hidden;
}
.lc-hero__bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
  display: block;
}
.lc-hero__overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(10, 14, 20, .62) 0%, rgba(232, 183, 31, .5) 100%);
  z-index: 1;
}
.lc-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.lc-hero__crumbs {
  margin-bottom: 22px;
  font-size: 13px;
  letter-spacing: .5px;
  color: rgba(255, 255, 255, .85);
}
.lc-hero__crumbs a {
  color: rgba(255, 255, 255, .85);
  text-decoration: none;
}
.lc-hero__crumbs a:hover { color: #fff; text-decoration: underline; }
.lc-hero__crumbs span.sep { margin: 0 8px; }
.lc-hero__crumbs span.current { color: #fff; font-weight: 700; }
.lc-hero__meta {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.lc-hero__label {
  display: inline-block;
  padding: 5px 14px;
  background: var(--lc-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  border-radius: 3px;
  line-height: 1.6;
}
.lc-hero__date {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, .95);
}
.lc-hero__title {
  margin: 0;
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #fff;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .4);
}

/* ---------------------------------------------------------------
 * 3. お知らせ詳細（single.php / .main--single）
 * ------------------------------------------------------------- */
.main--single { padding: 0 0 90px; background: #fff; }

.single.inner {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 前後記事 */
.single__nav {
  display: flex;
  gap: 16px;
  margin-top: 64px;
  padding-top: 34px;
  border-top: 1px solid var(--lc-line);
}
.single__nav .prev,
.single__nav .next { flex: 1; min-width: 0; }
.single__nav .next { text-align: right; }
.single__nav a {
  display: inline-block;
  max-width: 100%;
  padding: 14px 22px;
  background: var(--lc-bg);
  border-radius: 30px;
  color: #4a5560;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.single__nav a:hover { background: var(--lc-accent); color: #fff; }

/* 一覧へ戻る＋CTA（アーカイブ／詳細共通のボタン） */
.lc-backlink {
  margin-top: 56px;
  text-align: center;
}
.lc-backlink a {
  display: inline-block;
  padding: 14px 40px;
  background: #fff;
  border: 2px solid var(--lc-accent);
  border-radius: 30px;
  color: var(--lc-accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}
.lc-backlink a:hover { background: var(--lc-accent); color: #fff; }

/* ---------------------------------------------------------------
 * 4. アーカイブ一覧（お知らせ／お客様の声 .main--archive）
 * ------------------------------------------------------------- */
.main--archive { padding: 0 0 90px; background: #fff; }

/* 一覧ヒーロー */
.archive__head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  margin-bottom: 64px;
  padding: 70px 20px;
  background: linear-gradient(135deg, #0a0e14 0%, #1c2733 60%, var(--lc-accent-dark) 100%);
  color: #fff;
  text-align: center;
  max-width: none;
  width: 100%;
}
.archive__title {
  margin: 0;
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -.02em;
  color: #fff;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .35);
}
.archive__title span { color: #fff; }
.archive__lead {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.9;
  color: rgba(255, 255, 255, .88);
}
.archive__desc {
  margin: 14px 0 0;
  font-size: 14px;
  color: rgba(255, 255, 255, .88);
}

/* カードグリッド */
.archive__body.inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}
.archive__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 28px;
}

.archive__list .card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--lc-radius);
  box-shadow: var(--lc-shadow);
  overflow: hidden;
  color: var(--lc-ink);
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}
.archive__list .card:hover {
  transform: translateY(-5px);
  box-shadow: var(--lc-shadow-hover);
}

.archive__list .card__head { position: relative; }
.archive__list .card .img {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--lc-bg);
}
.archive__list .card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
  transition: transform .4s ease;
}
.archive__list .card:hover .img img { transform: scale(1.05); }

/* アイキャッチ未設定時のプレースホルダ */
.archive__list .card .img--empty {
  display: block;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(135deg, rgba(232, 183, 31, .16) 0%, rgba(10, 14, 20, .08) 100%),
    var(--lc-bg);
}

/* 日付・ラベルは画像の下（カード情報部）へ */
.archive__list .card__head {
  display: flex;
  flex-direction: column;
}
.archive__list .card .meta {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 24px 0;
}
.archive__list .card .time {
  font-size: 12px;
  font-weight: 500;
  color: var(--lc-muted);
  letter-spacing: .04em;
}
.archive__list .card .label {
  display: inline-block;
  padding: 4px 12px;
  background: var(--lc-accent);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  border-radius: 3px;
  line-height: 1.6;
}

.archive__list .card__bottom {
  flex: 1;
  padding: 10px 24px 24px;
}
.archive__list .card__bottom p {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--lc-ink);
}
.archive__list .card__excerpt {
  margin: 10px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.85;
  color: #5b6570;
}

/* 投稿なし */
.archive__no-post {
  padding: 60px 20px;
  text-align: center;
  color: var(--lc-muted);
  font-size: 15px;
}

/* ページネーション */
.archive__pagination { margin-top: 60px; }
.archive__pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.archive__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid var(--lc-line);
  border-radius: 8px;
  color: #4a5560;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.archive__pagination .page-numbers:hover {
  background: var(--lc-bg);
  border-color: var(--lc-accent);
  color: var(--lc-accent-dark);
}
.archive__pagination .page-numbers.current {
  background: var(--lc-accent);
  border-color: var(--lc-accent);
  color: #fff;
}
.archive__pagination .page-numbers.dots {
  border: none;
  background: none;
  min-width: 24px;
}
.archive__pagination .screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* ---------------------------------------------------------------
 * 5-0. トップ／導入事例の .box をカードごとリンク化する
 *      （既存の .box のCSSを壊さないよう、覆いかぶせる a を使う）
 * ------------------------------------------------------------- */
.lc-box--link {
  position: relative;
  transition: transform .25s ease;
}
.lc-box--link:hover { transform: translateY(-4px); }
.lc-box__link {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 3;
  border-radius: inherit;
  text-indent: -9999px;
  overflow: hidden;
}
.lc-box--link .img01 { overflow: hidden; }
.lc-box--link .img01 img { transition: transform .4s ease; }
.lc-box--link:hover .img01 img { transform: scale(1.05); }

/* トップのお知らせ行 */
.lc-news-row:hover { background: rgba(232, 183, 31, .06); }

/* ---------------------------------------------------------------
 * 5. お客様の声アーカイブ（voice）だけカードの見せ方を変える
 * ------------------------------------------------------------- */
/* 引用符は見出し（1つ目のp）にだけ付ける。抜粋には付けない */
.post-type-archive-voice .archive__list .card__bottom > p:first-child {
  position: relative;
  padding-left: 26px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.85;
  color: #4a5560;
}
.post-type-archive-voice .archive__list .card__bottom > p:first-child::before {
  content: "\201C";
  position: absolute;
  top: -6px; left: 0;
  font-family: Georgia, serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--lc-accent);
  line-height: 1;
}
.post-type-archive-voice .archive__list .card__excerpt { padding-left: 26px; }

/* ---------------------------------------------------------------
 * 6. スマホ
 * ------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .archive__head {
    min-height: 200px;
    margin-bottom: 44px;
    padding: 54px 20px;
  }
  .lc-hero {
    min-height: 240px;
    padding: 54px 20px;
  }
  .lc-hero__crumbs { margin-bottom: 16px; font-size: 12px; }
  .lc-hero__title { letter-spacing: -.5px; }
  .archive__list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .main--archive,
  .main--single { padding-bottom: 64px; }

  .single__head { margin: 36px 0 30px; }
  .single__thumb { margin-bottom: 32px; }

  .lc-article,
  .single__body { font-size: 15px; line-height: 1.95; }

  .lc-article h2,
  .single__body h2 { margin: 2.4em 0 1em; padding-left: 14px; }
  .lc-article h3,
  .single__body h3 { margin: 2em 0 .9em; }

  .lc-article blockquote,
  .single__body blockquote { padding: 22px 20px 22px 24px; }

  .lc-article th, .lc-article td,
  .single__body th, .single__body td { padding: 11px 13px; font-size: 14px; }

  .single__nav { flex-direction: column; gap: 10px; }
  .single__nav .next { text-align: left; }
  .single__nav a { display: block; }

  .archive__pagination { margin-top: 44px; }
}