/*
 * ecad-sol.com 復旧版の上書き用 CSS
 * restore の実行時に assets/css/override.css へ置き、現行デザインの全ページの <head> の最後で読み込む
 */

/* 見出しの英字のフォント News Gothic の代わり（News Cycle。Google Fonts。下の「見出しのフォント」で使う。2026-11-09）。
   @import は CSS の先頭に置く決まりなので、ここに書く */
@import url("https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap");

/* 事例の絞り込みのタグ。静的なサイトでは絞り込みが動かないので、押せないようにする（2026-10-26） */
.casestudy-card__tag {
  pointer-events: none;
  cursor: default;
}

/* 製品情報の個別ページの上部の左側。背景画像が保存されていないので、背景色を入れる（2026-10-29） */
.productTop__left {
  background-color: #0F3159;
}

/* 採用のインタビュー（2026-11-02）。元のページの style の直書きを class にしたもの。見た目は元と同じ */
/* 見出しの一文 */
.interview__lead {
  text-align: center;
  margin-bottom: 50px;
}
.interview__lead strong {
  font-size: 32px;
}
/* 写真と名前 */
.interview__profile {
  align-items: end;
}
.interview__profile .productContent__txt {
  margin-bottom: 0;
}
/* 質問。2つ目からは、前の答えとの間を空ける（元は空の段落 <p>&nbsp;</p> で空けていた） */
.interview__body .interview__q {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.interview__body .interview__q ~ .interview__q {
  padding-top: 44px;
}
.interview__body .interview__q span {
  font-size: 24px;
  color: #305a99;
  padding-left: 20px;
  border-left: 4px solid #305A99;
}
/* 答えの後の写真（interview04 から。2026-11-02） */
.interview__body .interview__photo {
  max-width: 600px;
  margin: 44px auto 0;
}
.interview__body .interview__photo img {
  display: block;
  width: 100%;
  height: auto;
}
/* 他のインタビューの見出し（Other） */
.interview-other .parts3 {
  padding: 0;
}
.interview-other .parts3 h2 {
  font-size: 60px;
  font-weight: bold;
}
/* インタビューのカード（部品 _inc/interview-cards.php） */
.interview-card__lead {
  font-size: 20px;
}
.interview-card__btn {
  padding-top: 20px;
}

/* 見出しのフォント（2026-11-09 ユーザー決定）。元の CSS（common.css など）は "NewsGothic" だけを指定している。
   ふだんは今と同じ News Gothic（assets/fonts/NewsGothicStd.otf）で表示し、読めないとき（ライセンスの都合でファイルを
   消したときなど）は News Cycle で表示する。日本語の部分の見た目を変えないよう、sans-serif などの総称は付けない
   （付けないと、今と同じくブラウザーの初期設定のフォントになる） */
.section__ttl-center,
.productTop__ttl,
.product-container .left h3,
.parts3 .h1_ttl,
.parts3 h2 {
  font-family: "NewsGothic", "News Cycle";
}

/* 納品時に外したブロックエディター用の CSS（block-library）のうち、ページの表示に使っていた指定 */
ol,ul{box-sizing:border-box}
.aligncenter{clear:both}
figure{margin:0 0 1em}
html :where(img[class*=wp-image-]){height:auto;max-width:100%}