@charset "UTF-8";
/*
Template: swell
Theme Name: アルミ×フライス（淀金）子テーマ
Theme URI: 
Description: 淀川金属様向け alumi-milling.com リニューアル用子テーマ（新デザイン・多材料対応版）
Version: 1.0.0
Author: Switchlab
Author URI: 

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

/* 固定サブページの見出しH2 */
.post_content h2.wp-block-heading2 {
	font-size: 40px;
	line-height: 1.6;
	letter-spacing: 0.1em !important;
	position: relative;
	padding-bottom: 0px;
	color: #333 !important;
	font-weight: 900;
	letter-spacing: .05em;
	text-align: left;
	font-family: "Century Gothic", Avenir-Light, Futura, sans-serif;
	margin-bottom: .5em !important;
}
.post_content h2.wp-block-heading2 span {
	font-size: 18px;
	letter-spacing: .12em;
	display: block;
	color: #333;
	font-weight: 600;
	font-family: "Inter", sans-serif !important;
}
.post_content h2.wp-block-heading2 span.white {
	color: #fff !important;
}
@media screen and (max-width:480px) {
	.post_content h2.wp-block-heading2 {
		margin-bottom: 0em !important;
	}
	
	
	
	
	
	
	

/* FontAwesome はヘッダーで読み込むか、以下を一度テーマのヘッダーに追加してください */
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

.btn-wrap { margin: 30px 0; transform: scale(0.77); transform-origin: top left; }
/* 以下、前に出した .btn 系のスタイルをそのまま貼る */











/*
 * ============================================================
 *  column-style.css
 *  製造業コラム 共通スタイルシート
 *  ─────────────────────────────────────────
 *  【クラス体系】BEM記法ベース
 *
 *  ■ レイアウト系（接頭辞: l-）
 *    .l-container          ページ全体の横幅制限・センタリング
 *    .l-article            記事本文エリアの上下余白
 *
 *  ■ 記事ヘッダー系（接頭辞: article-）
 *    .article-header       記事タイトル・メタ情報のラッパー
 *    .article-header h1    記事タイトル（H1タグ直接スタイル）
 *    .article-meta         公開日・更新日などメタ情報の行
 *    .category-badge       カテゴリラベル（小さいバッジ）
 *
 *  ■ 執筆者ボックス（EEAT強化）
 *    .author-box           執筆者情報全体のラッパー
 *    .author-box__icon     アイコン（丸型）
 *    .author-box__body     テキストエリア
 *
 *  ■ 目次
 *    .toc                  目次全体のラッパー
 *    .toc__title           「目次」見出し部分
 *
 *  ■ 見出し（h2 / h3 / h4 直接スタイル）
 *    h2                    セクション大見出し（青背景）
 *    h3                    サブ見出し（左ボーダー青）
 *    h4                    小見出し（左ボーダー薄青）
 *
 *  ■ テーブル
 *    .table-wrap           横スクロール対応のラッパー
 *    table / thead / tbody 直接スタイル
 *
 *  ■ インフォボックス（3種類）
 *    .box-point            ポイント・ノウハウ系（黄色）
 *      .box-point__title
 *    .box-caution          注意・警告系（赤）
 *      .box-caution__title
 *    .box-fact             事実・補足情報系（青）
 *      .box-fact__title
 *
 *  ■ FAQセクション
 *    .faq-section          FAQ全体ラッパー
 *    .faq-item             Q&A 1セット
 *    .faq-q                質問行（Q.プレフィックス付き）
 *    .faq-a                回答行（A.プレフィックス付き）
 *
 *  ■ まとめボックス
 *    .summary-box          記事末尾のまとめエリア
 *
 *  ■ CTAボックス
 *    .cta-box              問い合わせ誘導ブロック（青グラデ背景）
 *    .cta-box__eyebrow     上部サブコピー
 *    .cta-box__title       メインコピー
 *    .cta-box__body        本文テキスト
 *    .cta-box__btn         ボタン（オレンジ）
 *    .cta-box__note        ボタン下の注記
 *
 *  ■ 関連記事（aside直接スタイル）
 *    aside[aria-label="関連コラム"]
 *
 * ============================================================
 */

/* ─────────────────────────────────────────
   リセット・ベース
───────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, sans-serif;
  font-size: 16px;
  line-height: 1.85;
  color: #1a1a1a;
  background: #fff;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: #0057b8;
  text-decoration: underline;
}
a:hover {
  color: #003d80;
}

/* ─────────────────────────────────────────
   レイアウト系 ( l- )
───────────────────────────────────────── */

/* ページ全体の横幅・センタリング */
.l-container {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 記事本文エリアの上下余白 */
.l-article {
  padding: 48px 0 80px;
}

/* ─────────────────────────────────────────
   記事ヘッダー ( article- )
───────────────────────────────────────── */

.article-header {
  margin-bottom: 40px;
  border-bottom: 3px solid #0057b8;
  padding-bottom: 24px;
}

/* カテゴリバッジ（例：「技術コラム｜アルミ加工」） */
.category-badge {
  display: inline-block;
  background: #0057b8;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 3px 10px;
  border-radius: 2px;
  margin-bottom: 12px;
}

/* 記事タイトル H1 */
.article-header h1 {
  font-size: clamp(22px, 4vw, 30px);
  font-weight: 900;
  line-height: 1.4;
  color: #111;
  margin-bottom: 16px;
}

/* 公開日・更新日・監修者などのメタ情報 */
.article-meta {
  font-size: 13px;
  color: #666;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* ─────────────────────────────────────────
   執筆者ボックス（EEAT強化）( author-box )
   ※ 記事冒頭に必ず配置し、専門性・信頼性を訴求する
───────────────────────────────────────── */

.author-box {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #f0f5fb;
  border-left: 4px solid #0057b8;
  border-radius: 4px;
  padding: 18px 20px;
  margin: 32px 0;
}

/* アバターアイコン（丸型・青背景） */
.author-box__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #0057b8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
}

/* 執筆者名 */
.author-box__body h3 {
  font-size: 14px;
  font-weight: 700;
  color: #0057b8;
  margin-bottom: 4px;
}

/* 執筆者プロフィール文 */
.author-box__body p {
  font-size: 13px;
  color: #444;
  line-height: 1.6;
}

/* ─────────────────────────────────────────
   目次 ( toc )
───────────────────────────────────────── */

.toc {
  background: #f8f9fa;
  border: 1px solid #dde3ea;
  border-radius: 6px;
  padding: 24px 28px;
  margin: 36px 0;
}

/* 「この記事でわかること」などの目次タイトル */
.toc__title {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.toc__title::before {
  content: "≡";
  color: #0057b8;
  font-size: 18px;
}

.toc ol {
  padding-left: 20px;
}

.toc li {
  margin: 6px 0;
  font-size: 14px;
}

.toc a {
  color: #0057b8;
  text-decoration: none;
}

.toc a:hover {
  text-decoration: underline;
}

/* ─────────────────────────────────────────
   見出し（h2 / h3 / h4）
───────────────────────────────────────── */

/* H2：セクション大見出し（青背景・白文字） */
h2 {
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 900;
  color: #fff;
  background: #0057b8;
  padding: 12px 18px;
  border-radius: 4px;
  margin: 56px 0 24px;
  line-height: 1.4;
}

/* H3：サブ見出し（左ボーダー青・青文字） */
h3 {
  font-size: clamp(16px, 2.5vw, 18px);
  font-weight: 800;
  color: #0057b8;
  border-left: 4px solid #0057b8;
  padding-left: 12px;
  margin: 36px 0 16px;
  line-height: 1.4;
}

/* H4：小見出し（左ボーダー薄青・ダーク文字） */
h4 {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  margin: 24px 0 12px;
  padding-left: 10px;
  border-left: 3px solid #aac4e8;
}

/* ─────────────────────────────────────────
   本文・リスト
───────────────────────────────────────── */

p {
  margin-bottom: 18px;
}

ul, ol {
  padding-left: 22px;
  margin-bottom: 18px;
}

li {
  margin-bottom: 6px;
}

/* リストマーカーを青に */
ul li::marker {
  color: #0057b8;
}

/* ─────────────────────────────────────────
   テーブル ( table-wrap )
───────────────────────────────────────── */

/* スマホで横スクロール対応するラッパー（必須） */
.table-wrap {
  overflow-x: auto;
  margin: 24px 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

/* テーブルヘッダー（青背景・白文字） */
thead th {
  background: #0057b8;
  color: #fff;
  padding: 10px 14px;
  text-align: left;
  white-space: nowrap;
}

/* 偶数行に薄い青背景 */
tbody tr:nth-child(even) {
  background: #f0f5fb;
}

tbody td {
  padding: 10px 14px;
  border-bottom: 1px solid #dde3ea;
  vertical-align: top;
}

/* ─────────────────────────────────────────
   インフォボックス（3種類）
   ─ .box-point   ：ポイント・ノウハウ（黄色系）
   ─ .box-caution ：注意・警告（赤系）
   ─ .box-fact    ：補足情報・事実（青系）
───────────────────────────────────────── */

/* 共通ベース */
.box-point,
.box-caution,
.box-fact {
  border-radius: 4px;
  padding: 16px 20px;
  margin: 24px 0;
  font-size: 14px;
}

/* ── ポイントボックス（黄色）
   使い方: 現場ノウハウ・コツ・推奨事項を伝えるとき */
.box-point {
  background: #fff8e1;
  border: 1px solid #f0c040;
  border-left: 4px solid #f0c040;
}

.box-point__title {
  font-weight: 700;
  color: #8a6800;
  margin-bottom: 8px;
  font-size: 15px;
}

/* ── 注意ボックス（赤）
   使い方: ミスしやすい点・やってはいけない注意事項 */
.box-caution {
  background: #fff0f0;
  border: 1px solid #e88888;
  border-left: 4px solid #cc3333;
}

.box-caution__title {
  font-weight: 700;
  color: #cc3333;
  margin-bottom: 8px;
  font-size: 15px;
}

/* ── ファクトボックス（青）
   使い方: 補足情報・業界知識・統計データなど */
.box-fact {
  background: #f0f8ff;
  border: 1px solid #b0d0f0;
  border-left: 4px solid #0057b8;
}

.box-fact__title {
  font-weight: 700;
  color: #0057b8;
  margin-bottom: 8px;
  font-size: 15px;
}

/* ─────────────────────────────────────────
   FAQセクション ( faq- )
───────────────────────────────────────── */

.faq-section {
  margin: 40px 0;
}

/* Q&A 1セット分のカード */
.faq-item {
  border: 1px solid #dde3ea;
  border-radius: 6px;
  margin-bottom: 16px;
  overflow: hidden;
}

/* 質問行 */
.faq-q {
  background: #f0f5fb;
  padding: 14px 18px;
  font-weight: 700;
  font-size: 15px;
  color: #0057b8;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.faq-q::before {
  content: "Q.";
  font-weight: 900;
  flex-shrink: 0;
}

/* 回答行 */
.faq-a {
  padding: 14px 18px;
  font-size: 14px;
  line-height: 1.8;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.faq-a::before {
  content: "A.";
  font-weight: 900;
  color: #cc3333;
  flex-shrink: 0;
}

/* ─────────────────────────────────────────
   まとめボックス ( summary-box )
   ※ 記事末尾に配置。記事の要点を箇条書きでまとめる
───────────────────────────────────────── */

.summary-box {
  background: #f0f5fb;
  border-radius: 8px;
  padding: 28px;
  margin: 40px 0;
}

.summary-box h3 {
  border: none;
  padding-left: 0;
  font-size: 17px;
  color: #111;
  margin-top: 0;
  margin-bottom: 16px;
}

/* ─────────────────────────────────────────
   CTAボックス ( cta-box )
   ※ 記事中間・記事末尾の2箇所に配置を推奨
───────────────────────────────────────── */

.cta-box {
  background: linear-gradient(135deg, #003d80 0%, #0057b8 100%);
  color: #fff;
  border-radius: 8px;
  padding: 36px 32px;
  text-align: center;
  margin: 48px 0 32px;
}

/* 上部サブコピー（小さいリード文） */
.cta-box__eyebrow {
  font-size: 13px;
  letter-spacing: 0.1em;
  opacity: 0.85;
  margin-bottom: 10px;
}

/* メインコピー（大きい訴求文） */
.cta-box__title {
  font-size: clamp(18px, 3vw, 24px);
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 14px;
}

/* 本文テキスト */
.cta-box__body {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 24px;
  line-height: 1.7;
}

/* CTAボタン（オレンジ） */
.cta-box__btn {
  display: inline-block;
  background: #ff6600;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  padding: 16px 40px;
  border-radius: 50px;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: background 0.2s;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.cta-box__btn:hover {
  background: #e05500;
  color: #fff;
}

/* ボタン下の注記（電話時間・無料など） */
.cta-box__note {
  font-size: 12px;
  opacity: 0.75;
  margin-top: 12px;
}

/* ─────────────────────────────────────────
   関連記事（aside）
───────────────────────────────────────── */

aside[aria-label="関連コラム"] {
  margin-top: 48px;
}

aside[aria-label="関連コラム"] h2 {
  font-size: 16px;
  background: #555;
  margin-top: 0;
  margin-bottom: 16px;
}

aside[aria-label="関連コラム"] ul {
  list-style: none;
  padding-left: 0;
}

aside[aria-label="関連コラム"] li {
  border-bottom: 1px solid #dde3ea;
  padding: 10px 0;
  font-size: 14px;
}

aside[aria-label="関連コラム"] li::before {
  content: "▶ ";
  color: #0057b8;
  font-size: 12px;
}

/* ─────────────────────────────────────────
   レスポンシブ対応
───────────────────────────────────────── */

@media (max-width: 600px) {
  /* 執筆者ボックスを縦並びに */
  .author-box {
    flex-direction: column;
  }

  /* CTAボックスの余白・ボタンを縮小 */
  .cta-box {
    padding: 28px 20px;
  }

  .cta-box__btn {
    padding: 14px 24px;
    font-size: 15px;
  }

  /* まとめボックスの余白調整 */
  .summary-box {
    padding: 20px;
  }
}









/* ============================================
   淀川金属 コラム記事用CSS v3
   WordPress「追加CSS」に貼り付けて使用
   ============================================ */

body .post_content .wp-article{font-family:"Noto Sans JP","游ゴシック",YuGothic,sans-serif!important;font-size:16px!important;line-height:1.85!important;color:#1a1a1a!important;padding-bottom:60px!important}
body .post_content .wp-article img{max-width:100%!important;height:auto!important;display:block!important}
body .post_content .wp-article a{color:#1a8fc1!important;text-decoration:underline!important}
body .post_content .wp-article a:hover{color:#136a92!important}
body .post_content .wp-article .article-header{margin-bottom:36px!important;border-bottom:3px solid #5da559!important;padding-bottom:24px!important}
body .post_content .wp-article .category-badge{display:inline-block!important;background:linear-gradient(135deg,#2d5a2b,#5da559)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;padding:3px 12px!important;border-radius:2px!important;margin-bottom:12px!important;text-decoration:none!important}
body .post_content .wp-article .article-header h1{font-size:clamp(22px,4vw,30px)!important;font-weight:900!important;line-height:1.4!important;color:#111!important;margin-bottom:16px!important;background:none!important;border:none!important;padding:0!important;box-shadow:none!important}
body .post_content .wp-article .author-box{display:flex!important;align-items:flex-start!important;gap:16px!important;background:#eef6ee!important;border-left:4px solid #5da559!important;border-right:none!important;border-top:none!important;border-bottom:none!important;border-radius:4px!important;padding:18px 20px!important;margin:32px 0!important;box-sizing:border-box!important}
body .post_content .wp-article .author-box__icon{width:56px!important;height:56px!important;min-width:56px!important;border-radius:50%!important;background:#ffffff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;border:1px solid #ddd!important}
body .post_content .wp-article .author-box__body h3{font-size:14px!important;font-weight:700!important;color:#5da559!important;margin-bottom:6px!important;border:none!important;padding:0!important;background:none!important;box-shadow:none!important}
body .post_content .wp-article .author-box__body p{font-size:13px!important;color:#444!important;line-height:1.6!important;margin-bottom:0!important}
body .post_content .wp-article .toc{background:#f8f9fa!important;border:1px solid #c8e0c7!important;border-radius:6px!important;padding:24px 28px!important;margin:36px 0!important}
body .post_content .wp-article .toc__title{font-size:15px!important;font-weight:700!important;color:#333!important;margin-bottom:14px!important;display:flex!important;align-items:center!important;gap:8px!important}
body .post_content .wp-article .toc__title::before{content:"≡"!important;color:#5da559!important;font-size:18px!important}
body .post_content .wp-article .toc ol{padding-left:20px!important;margin-bottom:0!important}
body .post_content .wp-article .toc li{margin:6px 0!important;font-size:14px!important}
body .post_content .wp-article .toc a{color:#5da559!important;text-decoration:none!important}
body .post_content .wp-article h2{font-size:clamp(17px,3vw,21px)!important;font-weight:900!important;color:#fff!important;background:linear-gradient(135deg,#2d5a2b 0%,#5da559 50%,#2d5a2b 100%)!important;padding:12px 18px!important;border-radius:4px!important;margin:52px 0 22px!important;line-height:1.4!important;border:none!important;box-shadow:0 2px 6px rgba(45,90,43,.3)!important;position:static!important;z-index:auto!important}
body .post_content .wp-article h2::before{display:none!important;content:none!important}
body .post_content .wp-article h3{font-size:clamp(15px,2.5vw,17px)!important;font-weight:800!important;color:#3d7a3a!important;border-left:4px solid #5da559!important;border-right:none!important;border-top:none!important;border-bottom:none!important;padding:0 0 0 12px!important;margin:36px 0 16px!important;line-height:1.4!important;background:none!important;box-shadow:none!important}
body .post_content .wp-article h3::before{display:none!important;content:none!important}
body .post_content .wp-article h4{font-size:15px!important;font-weight:700!important;color:#333!important;margin:24px 0 12px!important;padding-left:10px!important;border-left:3px solid #a8d4a6!important;border-right:none!important;border-top:none!important;border-bottom:none!important;background:none!important;box-shadow:none!important}
body .post_content .wp-article p{margin-bottom:18px!important;line-height:1.85!important}
body .post_content .wp-article ul,body .post_content .wp-article ol{padding-left:22px!important;margin-bottom:18px!important}
body .post_content .wp-article li{margin-bottom:6px!important;line-height:1.8!important}
body .post_content .wp-article ul li::marker{color:#5da559!important}
body .post_content .wp-article .table-wrap{overflow-x:auto!important;margin:24px 0!important}
body .post_content .wp-article table{width:100%!important;border-collapse:collapse!important;font-size:14px!important;min-width:400px!important}
body .post_content .wp-article thead th{background:linear-gradient(135deg,#2d5a2b 0%,#5da559 100%)!important;color:#fff!important;padding:10px 14px!important;text-align:left!important;white-space:nowrap!important;border:none!important}
body .post_content .wp-article tbody tr:nth-child(even){background:#eef6ee!important}
body .post_content .wp-article tbody td{padding:10px 14px!important;border-bottom:1px solid #c8e0c7!important;border-top:none!important;border-left:none!important;border-right:none!important;vertical-align:top!important}
body .post_content .wp-article .box-point,body .post_content .wp-article .box-caution,body .post_content .wp-article .box-fact{border-radius:4px!important;padding:16px 20px!important;margin:24px 0!important;font-size:14px!important;line-height:1.75!important}
body .post_content .wp-article .box-point{background:#fff8e1!important;border:1px solid #f0c040!important;border-left:4px solid #f0c040!important}
body .post_content .wp-article .box-point__title{font-weight:700!important;color:#8a6800!important;margin-bottom:8px!important;font-size:15px!important}
body .post_content .wp-article .box-caution{background:#fff0f0!important;border:1px solid #ffb366!important;border-left:4px solid #ff6600!important}
body .post_content .wp-article .box-caution__title{font-weight:700!important;color:#ff6600!important;margin-bottom:8px!important;font-size:15px!important}
body .post_content .wp-article .box-fact{background:#eef6ee!important;border:1px solid #c8e0c7!important;border-left:4px solid #5da559!important}
body .post_content .wp-article .box-fact__title{font-weight:700!important;color:#3d7a3a!important;margin-bottom:8px!important;font-size:15px!important}
body .post_content .wp-article .faq-section{margin:40px 0!important}
body .post_content .wp-article .faq-item{border:1px solid #c8e0c7!important;border-radius:6px!important;margin-bottom:16px!important;overflow:hidden!important}
body .post_content .wp-article .faq-q{background:#eef6ee!important;padding:14px 18px!important;font-weight:700!important;font-size:15px!important;color:#3d7a3a!important;display:flex!important;gap:10px!important;align-items:flex-start!important;margin:0!important}
body .post_content .wp-article .faq-q::before{content:"Q."!important;font-weight:900!important;color:#5da559!important;flex-shrink:0!important}
body .post_content .wp-article .faq-a{padding:14px 18px!important;font-size:14px!important;line-height:1.8!important;display:flex!important;gap:10px!important;align-items:flex-start!important;margin:0!important}
body .post_content .wp-article .faq-a::before{content:"A."!important;font-weight:900!important;color:#ff6600!important;flex-shrink:0!important}
body .post_content .wp-article .summary-box{background:#eef6ee!important;border-radius:8px!important;padding:28px!important;margin:40px 0!important}
body .post_content .wp-article .summary-box h3{border:none!important;padding:0!important;font-size:17px!important;color:#111!important;margin-top:0!important;margin-bottom:16px!important;background:none!important;box-shadow:none!important}
body .post_content .wp-article .cta-box{background:#fff!important;color:#3d7a3a!important;border:2px solid #5da559!important;border-radius:8px!important;padding:36px 32px!important;text-align:center!important;margin:48px 0 32px!important}
body .post_content .wp-article .cta-box__eyebrow{font-size:13px!important;letter-spacing:.1em!important;margin-bottom:10px!important;color:#5da559!important}
body .post_content .wp-article .cta-box__title{font-size:clamp(18px,3vw,24px)!important;font-weight:900!important;line-height:1.4!important;margin-bottom:14px!important;color:#3d7a3a!important}
body .post_content .wp-article .cta-box__body{font-size:14px!important;margin-bottom:24px!important;line-height:1.7!important;color:#3d7a3a!important}
body .post_content .wp-article .cta-box__btn{display:inline-block!important;background:#5da559!important;color:#fff!important;font-size:17px!important;font-weight:900!important;padding:16px 40px!important;border-radius:50px!important;text-decoration:none!important;letter-spacing:.04em!important;box-shadow:0 4px 14px rgba(0,0,0,.15)!important;transition:transform .25s ease,box-shadow .25s ease!important}
body .post_content .wp-article .cta-box__btn:hover{background:#e05500!important;color:#fff!important;transform:translateY(3px)!important;box-shadow:0 1px 6px rgba(0,0,0,.15)!important}
body .post_content .wp-article .author-btn{display:inline-block!important;font-size:12px!important;font-weight:700!important;padding:6px 14px!important;border-radius:4px!important;text-decoration:none!important;white-space:nowrap!important;transition:transform .25s ease,box-shadow .25s ease!important;cursor:pointer!important}
body .post_content .wp-article .author-btn--outline{background:#fff!important;color:#3d7a3a!important;border:1.5px solid #5da559!important}
body .post_content .wp-article .author-btn--fill{background:#ff6600!important;color:#fff!important;border:none!important;padding:6px 18px!important}
body .post_content .wp-article .author-btn:hover{transform:translateY(3px)!important;box-shadow:0 1px 6px rgba(0,0,0,.15)!important}

@media(max-width:640px){
body .post_content .wp-article .author-box{flex-direction:column!important}
body .post_content .wp-article .cta-box{padding:28px 18px!important}
body .post_content .wp-article .cta-box__btn{padding:14px 22px!important;font-size:15px!important}
body .post_content .wp-article .summary-box{padding:20px 16px!important}
}

/* =========================================================
   メインビジュアル（採用デザイン：フルブリード写真＋白文字＋緑帯）
   ========================================================= */
} /* ← 元CSSの未閉鎖 @media(max-width:480px) をここで閉じる（以降のヒーローCSSを全画面に適用） */

.ykhero{ --yk-grn:#5da559; --yk-org:#e8722e; background:#0e1210; color:#fff; font-family:"Noto Sans JP", sans-serif; overflow:hidden; }
.ykhero__topline{ display:none; }
.ykhero__stage{ position:relative; min-height:clamp(460px,52vw,660px); background-size:cover; background-position:center; }
.ykhero__scrim{ position:absolute; inset:0; pointer-events:none; background:
	linear-gradient(90deg, rgba(8,11,9,.84) 0%, rgba(8,11,9,.50) 40%, rgba(8,11,9,.12) 72%, rgba(8,11,9,.28) 100%),
	linear-gradient(0deg, rgba(8,11,9,.50) 0%, rgba(8,11,9,0) 42%); }
.ykhero__inner{ position:absolute; inset:0; display:flex; align-items:center; }
.ykhero__text{ box-sizing:border-box; width:100%; max-width:660px; padding:clamp(40px,5vw,72px) clamp(28px,5vw,72px); }
.ykhero__kicker{ display:flex; align-items:center; gap:12px; margin:0 0 24px; }
.ykhero__kicker i{ width:9px; height:9px; background:var(--yk-grn); display:inline-block; }
.ykhero__kicker span{ font-size:13px; letter-spacing:.28em; color:#cfd6dd; }
.ykhero__title{ margin:0; font-family:"Zen Old Mincho", serif; font-weight:700; font-size:clamp(36px,5.6vw,72px); line-height:1.38; letter-spacing:.05em; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.35); }
.ykhero__sub{ margin:26px 0 0; font-size:clamp(15px,1.3vw,18px); font-weight:300; line-height:2.05; color:#dfe4e8; max-width:520px; text-shadow:0 1px 10px rgba(0,0,0,.35); }
.ykhero__mats{ margin:26px 0 0; font-family:"Zen Old Mincho", serif; font-size:clamp(16px,1.35vw,19px); letter-spacing:.12em; color:#fff; }
.ykhero__bar{ width:44px; height:2px; background:var(--yk-grn); margin-top:14px; }
.ykhero__cta{ position:absolute; right:clamp(16px,2.4vw,34px); bottom:clamp(16px,2.4vw,34px); display:flex; align-items:center; gap:16px; }
.ykhero__btn{ display:inline-flex; align-items:center; gap:10px; font-size:clamp(15px,1.4vw,17px); text-decoration:none; border-radius:3px; padding:16px 30px; transition:filter .2s; }
.ykhero__btn--ghost{ border:1.5px solid rgba(255,255,255,.7); color:#fff; }
.ykhero__btn--ghost:hover{ background:rgba(255,255,255,.12); }
.ykhero__btn--primary{ background:var(--yk-org); color:#fff; font-weight:700; padding:19px 40px; box-shadow:0 10px 26px rgba(232,114,46,.4); }
.ykhero__btn--primary:hover{ filter:brightness(1.06); }
.ykhero__band{ display:flex; align-items:center; justify-content:space-between; gap:14px 24px; flex-wrap:wrap; padding:clamp(20px,2.6vw,30px) clamp(28px,4vw,64px); background:var(--yk-grn); color:#fff; }
.ykhero__band-lead{ font-family:"Zen Old Mincho", serif; font-size:clamp(17px,1.85vw,22px); letter-spacing:.06em; color:#fff; }
.ykhero__specs{ font-size:clamp(13px,1.15vw,14px); color:#fff; letter-spacing:.04em; }
.ykhero__specs .sep{ color:rgba(255,255,255,.55); margin:0 14px; }

/* スマホ：写真は全面のまま、テキスト上・ボタン下 */
@media (max-width:820px){
	.ykhero__stage{ min-height:76vw; }
	.ykhero__inner{ align-items:flex-start; }
	.ykhero__text{ max-width:none; padding-top:clamp(28px,7vw,44px); }
	.ykhero__cta{ left:clamp(20px,5vw,28px); right:auto; bottom:22px; flex-wrap:wrap; }
	.ykhero__band{ justify-content:flex-start; }
}

/* =========================================================
   ヘッダー（白背景・SWELL標準のまま／ブランド差し色のみ付与）
   ========================================================= */
/* ヘッダーの高さを低くする（SWELLの固定高さ70px→58pxに上書き。ロゴ50pxは維持） */
#header.l-header,
#header .l-header__inner,
#header .l-header__customBtn,
#header .l-header__menuBtn{ height:58px !important; }
/* お問い合わせボタンをオレンジに（CTAと統一） */
#header .swell-block-button__link{ background-color:#e8722e !important; border-color:#e8722e !important; color:#fff !important; }
/* ナビ文字と問い合わせボタンを同じ量だけ下げて位置を揃える（数値=下げ量px） */
#header .c-gnav a,
#header .swell-block-button{ transform: translateY(8px); }

/* 透過ヘッダーを解除：ヒーローに重ねず、独立した白い帯にする */
#header.l-header.-transparent{
	position: relative !important;
	background-color: #ffffff !important;
}
/* 追従（スクロール）時も白背景を維持 */
#header.l-header.-transparent.-active{
	background-color: #ffffff !important;
}