/* ==========================================================================
   サイト共通の上書きCSS（全ページから読み込み。編集したら各ページの ?v= を更新）
   ========================================================================== */

/* 上部メニューを常時固定表示にする。
   テーマの main.js は 50px スクロール時に .is-sticky を付けて position:fixed +
   fadeInDown アニメーションで出し直す挙動だが、ここでは sticky にして
   常に上部に張り付かせ、アニメーションもなしにする。
   sticky はヘッダーが通常フローに残るため、fixed に切り替わる瞬間に
   コンテンツが跳ね上がる現象も起きない。 */
.navbar.multi_nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
}
.navbar.multi_nav.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    -webkit-animation: none;
    animation: none;
}

/* --- 見出し構造（SEO）: ロゴは h1 ではなく span にし、各ページの本文見出しを h1 にした。
   見た目はテーマの h1 / h2 / h3 の指定をそのまま移植して維持する。 --- */
.navbar .logo .site-title .logo-text {
    display: block;
    margin: 0;
    line-height: 1;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.single-footer .logo a .logo-text {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    text-decoration: none;
    font-weight: 700;
}
/* トップのヒーロー見出し（旧 h2 → h1）: style.css の .main-banner-content h2 と同じ */
.main-banner-content h1 {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 20px !important;
    text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
    .main-banner-content h1 { font-size: 25px; margin-bottom: 15px !important; line-height: 40px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-banner-content h1 { font-size: 30px; line-height: 36px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-banner-content h1 { font-size: 30px; line-height: 40px; }
}
/* 下層ページのタイトル（旧 h3 → h1）: style.css の .page-title-content h3 と同じ */
.page-title-content h1 {
    color: #fff;
    font-size: 35px;
    text-transform: capitalize;
    margin-bottom: 10px !important;
    font-weight: 600;
}
@media only screen and (max-width: 767px) {
    .page-title-content h1 { font-size: 22px; }
}

/* --- トップページ「よくあるご質問」 --- */
.faq-list {
    max-width: 860px;
    margin: 0 auto;
}
.faq-item {
    border-bottom: 1px solid #e5e5e5;
    padding: 22px 0;
}
.faq-item:first-child { border-top: 1px solid #e5e5e5; }
.faq-item h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.6;
}
.faq-item h3::before {
    content: "Q.";
    color: #00ba61;
    font-weight: 700;
    margin-right: 8px;
}
.faq-item p {
    margin: 0;
    line-height: 1.9;
}