/* WordPress から移したあとの見た目の直し（全ページの <head> の最後で読む） */

/* ロゴ（白）：黒ロゴから作った PNG を、もとの SVG と同じ枠に収める */
img.cpt-logo-white { aspect-ratio: 138 / 86; object-fit: contain; }

/* 日本語の行頭に小さい「ィ」「ッ」や「ー」が来ないようにする */
body { line-break: strict; }

/* トップの「FOLLOW US」（画像だと F の左が欠けていたので文字にした） */
.cpt-follow-us {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  color: #fff;
  font-family: "Figtree", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: .04em;
  white-space: nowrap;
}
.cpt-follow-us::after {
  content: "";
  flex: 1;
  height: 1px;
  background: currentColor;
}

/* スマホのメニューに「お問い合わせ」ボタン（PC のヘッダーの橙のボタンと同じ見た目） */
.cpt-sp-menu-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 10px 0 24px;
  padding: 13px 30px;
  border-radius: 30px;
  background: #dd7109;
  color: #fff !important;
  font-family: "Figtree", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}
.cpt-sp-menu-contact:hover,
.cpt-sp-menu-contact:focus { background: #c46306; color: #fff; }

@media (max-width: 1024px) {
  /* サービス詳細の「解決可能な課題」など：2行になると行が重なって見えた */
  .feature-box-wrapper .feature-box-title { line-height: 1.5 !important; }
}

@media (max-width: 767px) {
  /* 色のついた帯（トップの最初の画面・サービス・お問い合わせ）の左右に出ていた 3px の白いすき間をなくす */
  .home .seoinux-content-wrap.container > .row { margin-left: -15px; margin-right: -15px; }

  /* 資料ダウンロード：カードと文字が画面の端に付いていたので余白をとる */
  .donwload_card { margin-left: 10px; margin-right: 10px; }
}