@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ========================================
   カスタムCSS変数
   ======================================== */
:root {
  --shinya-yellow: #FDD23D;
  --shinya-blue: #3A8FB7;
  --shinya-orange: #E8633A;
  --shinya-warm-bg: #FFFCEF;
  --shinya-radius: 8px;
}

/* ========================================
   ヘッダー（100%幅・ロゴ左/右寄せ）
   ======================================== */
#header .l-header__inner {
  max-width: none;
  padding: 0 24px;
}
.l-header__logo {
  margin-right: auto;
}
.l-header__right {
  display: flex;
  align-items: center;
  gap: 0;
  margin-left: auto;
}
.header-cta {
  border-left: 1px solid #e0e0e0;
  margin-left: 16px;
  padding-left: 16px;
}

/* ========================================
   トップページ メインビジュアル
   ======================================== */
.home .p-mainVisual {
  margin-top: 0;
}
.mv-copy__catch {
  font-feature-settings: "palt";
}
.mv-copy__tagline {
  display: inline-block;
  padding: 4px 16px;
  background: var(--shinya-yellow);
  color: #222;
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 3px;
  margin-bottom: 16px;
}

/* ========================================
   想いの引用バンド
   ======================================== */
.quote-band {
  background: var(--shinya-yellow);
  padding: 28px 0;
  text-align: center;
}
.quote-band__text {
  font-size: 1.15rem;
  font-weight: 600;
  color: #222;
  line-height: 1.7;
}
.quote-band__strong {
  font-size: 1.35rem;
  font-weight: 900;
}
.quote-band__name {
  display: inline-block;
  margin-left: 12px;
  font-size: 0.85rem;
  font-weight: 500;
  opacity: 0.7;
}
.quote-band--secondary {
  background: #222222;
}
.quote-band--secondary .quote-band__text {
  color: #fff;
}
.quote-band--secondary .quote-band__strong {
  color: var(--shinya-yellow);
}

/* ========================================
   トップページ セクション見出し共通
   ======================================== */
.section__heading-en {
  font-family: "Helvetica Neue", Arial, sans-serif;
}
.section__lead {
  text-align: center;
  font-size: 0.95rem;
  color: #666;
  line-height: 1.9;
  margin-top: -24px;
  margin-bottom: 40px;
}

/* ========================================
   しん屋の4つの想いと指針セクション
   ======================================== */
.section--philosophy {
  background: #222222;
}
.philosophy-card__num {
  color: var(--shinya-yellow);
  font-family: "Helvetica Neue", Arial, sans-serif;
}
.philosophy-card__quote {
  color: var(--shinya-yellow);
  border-left-color: var(--shinya-yellow);
}

/* ========================================
   トップページ TOPICSカード（予備）
   ======================================== */
.topics-card__title {
  color: var(--color_text, #222);
}
.topics-card:hover .topics-card__title {
  color: var(--shinya-blue);
}

/* ========================================
   トップページ コンセプト
   ======================================== */
.concept-character {
  transition: transform 0.3s;
}
.concept-character:hover {
  transform: scale(1.02);
}

/* ========================================
   代表の想いセクション
   ======================================== */
.omoi-block__title {
  border-left: 4px solid var(--shinya-yellow);
  padding-left: 16px;
}

/* ========================================
   MV 資格バッジ
   ======================================== */
.mv-badges {
  display: flex;
  gap: 8px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.mv-badge {
  display: inline-block;
  padding: 4px 14px;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,0.4);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 50px;
}

/* ========================================
   保有資格
   ======================================== */
.qualification__item--accent {
  border: 2px solid var(--shinya-yellow);
}
.qualification__link {
  color: var(--shinya-blue);
}

/* ========================================
   アスベスト特集バナー
   ======================================== */
.asbestos-banner {
  background: #1a1a2e;
  color: #fff;
}
.asbestos-banner__em {
  color: var(--shinya-orange);
  border-bottom: 3px solid var(--shinya-orange);
}
.asbestos-banner__label {
  background: var(--shinya-orange);
}
.asbestos-banner__btn {
  background: var(--shinya-orange);
}
.asbestos-banner__btn:hover {
  background: #d45530;
}

/* ========================================
   トップページ サービスカード
   ======================================== */
.service-card {
  border: 1px solid rgba(0,0,0,0.04);
}

/* ========================================
   トップページ CTAバンド
   ======================================== */
.cta-band__quote {
  color: var(--shinya-yellow);
  font-size: 1.3rem;
  font-weight: 800;
  margin-bottom: 20px;
}

/* 電話番号リンクのPC非活性化 */
@media (min-width: 960px) {
  .cta-band__btn--phone {
    pointer-events: none;
  }
}

/* ========================================
   共通 ボタンスタイル
   ======================================== */
.swell-block-button .swell-block-button__link {
  border-radius: 50px;
}

/* ========================================
   共通 フォーム（Snow Monkey Forms）
   ======================================== */
/* フォームスタイルはここに追記 */

/* ========================================
   レスポンシブ補正
   ======================================== */
@media (max-width: 959px) {
  #header .l-header__inner { padding: 0 16px; }
  .l-header__right { display: none; }
}

@media (max-width: 599px) {
  #header .l-header__inner { padding: 0 12px; }
  .cta-band__btn--phone {
    pointer-events: auto;
  }
  .quote-band { padding: 20px 0; }
  .quote-band__text { font-size: 0.9rem; }
  .quote-band__strong { font-size: 1.05rem; }
}