/*
 * ======================================
 * 追加クラス一覧（共通SCSS取り込み検討用）
 * ======================================
 *
 * .tk-header / __inner / __logo / __nav / __right / __tel / __tel-num / __tel-hours / __sns / __sp-tel
 *                          - メインビュー・ページヒーローに重ねる透過ヘッダー（白抜き・電話2段・Instagram）
 * .tk-nav-toggle           - 2本線の透過ハンバーガー（ヘッダー内に absolute 配置）
 * .tk-sp-nav               - ベタ塗り・左寄せリスト型のSPナビ（和文のみ）
 * .tk-sp-fixed-bar          - SP画面下の固定ボタン（電話・お問い合わせ・Instagram）
 * .tk-mv / __catch / __copy / __copy-line / __rule / __en
 *                          - 全画面MV＋縦書きキャッチ（行ごとに白背景）
 * .tk-heading / __icon / __lead / --plain - 笹アイコン＋小英字＋和文のセクション見出し
 * .tk-heading-gap / --lg   - 見出し下の流体余白
 * .tk-subheading / __icon / __en - アイコン付き横並びの小見出し（取り扱い商品）
 * .tk-container / --1000 / --860 / --760 - デザイン幅（1120px基準＋左右24px）のコンテナ
 * .tk-section-lg / .tk-section-top / .tk-section-last - デザイン固有のセクション上下余白
 * .tk-text-body / .tk-text-note / .tk-lead - 本文色・注記色・本文行間
 * .tk-rule / --lg          - 薄紅の短い区切り線
 * .tk-btn-line             - 右に短い横線が付く枠線ボタン（btn-frame の見た目差分）
 * .tk-br-pc                - PCレイアウト時のみ有効な改行
 * .tk-objpos-*             - object-position の個別指定
 * .tk-news / __heading / __body / __list - お知らせ（見出し左・一覧右）
 * .tk-message / __deco / __stage / __square / __main / __text / __title / __lead / __subs / __furisode / __obijime
 *                          - 写真3枚＋あしらい四角＋テキストの重なりレイアウト（PC）／縦積み（SP）
 * .tk-contents / __list / __item / __img / __overlay / __title - 4連バナー（フェードイン・ズーム・暗幕なし）
 * .tk-page-hero / __overlay / __content / __heading - 下層ヒーロー（中央揃え・上部グラデ）
 * .tk-greeting / __sign / __name / __deco / __deco-tl, .tk-section-greeting - ごあいさつ（右下・左上あしらい）
 * .tk-header__bar / .is-scrolled - スクロール時にナビだけ白帯で上部固定する追従バー
 * .tk-news__cms              - お知らせCMS出力（3件超は一覧内スクロール）
 * .tk-br-sp-none             - SPのみ無効にする改行
 * .tk-br-sp                  - SPのみ有効にする改行
 * .tk-staff / __item / --center / __img / __body / __catch / __name-wrap / __label / __name / __text - スタッフ紹介
 * .tk-dl / __row / __term / __desc - 罫線区切りの会社概要
 * .tk-exhibitions-title / __name / __note - 展示会名・注意書き（開催情報の上に一度だけ表示）
 * .tk-exhibitions-card / __item / __name / __dl / __date - 展示会の開催情報（画像なし時の2列カード）
 * .tk-map                  - 地図の比率固定
 * .tk-contact-tel / __label / __num / __hours - 電話お問い合わせ枠
 * .tk-form / __note         - お問い合わせフォーム（CMS出力 .form-contents を上書き）＋個人情報の注記
 * .tk-anchor / __item / __icon - ページ内リンク（サービス案内）
 * .tk-service / __row / __media / __body / __no / __title / __btn - サービス一覧（左右交互）
 * .tk-tags / __item        - 枠線タグ
 * .tk-voice / __item / __who / __icon - お喜びの声カード（引用符あしらい）
 * .tk-gallery / __item     - 作業の様子グリッド（Lightbox）
 * .tk-border-soft          - 淡い区切り罫線色
 * .tk-page-lead            - 下層ページのリード文
 * .tk-products / __group / __table / __row / __cat / __cat-name / __cat-note / __items / __tag - 商品一覧表
 * .tk-region-nav / __item / __icon - 地方別アンカー（V字矢印）
 * .tk-region / __title / __icon - 地方見出し（二重丸アイコン）
 * .tk-flyers / __item / __img / __badge / __title - 展示会チラシ一覧
 * .tk-footer / __body / __inner / __info / __logo / __address / __contact / __tel / __sns / __nav / __bottom / __copyright
 *                          - 3ブロック横並びのダークフッター
 *
 * ======================================
 * 共通SCSSに不足していたもの
 * ======================================
 *
 * 【値の粒度不足】
 *  - clamp() による流体の font-size / padding / gap（utility は固定pxのみ）
 *  - letter-spacing 0.24em / 0.3em / 0.4em（ls-widest が 0.2em 止まり）
 *  - body の font-size が tablet 1.4rem / SP 1.2rem に自動縮小される（本案件は全幅15px固定）
 *  - .section の上下余白（120px→60px）とデザインの clamp(72px,9vw,120px) の差
 *  - コンテナ幅 1120px / 1000px / 860px / 760px（container は 1200 / 900 のみ）
 *  - object-position の % 指定（obj-top/center/bottom のみ）
 * 【指定方向不足】
 *  - ヘッダー内に absolute で置くハンバーガー（nav-toggle は fixed 前提）
 * 【状態不足】
 *  - スクロールで順番にフェードインするカード（is-in 付与）
 * 【構造不足】
 *  - 縦書きキャッチの行ごと背景（heading-vertical は1ブロックのみ）
 *  - 写真3枚＋あしらい四角の自由配置レイアウト（aspect-ratio 基準の絶対配置）
 *  - sp-nav の「和文左・英字右」リスト型（sp-nav は中央寄せ＋英字左）
 *  - 見出し（アイコン＋英字＋和文）の縦積み gap 制御
 * 【装飾パターン不足】
 *  - 右に短い横線が付くボタン、引用符あしらい、斜めストライプのプレースホルダー
 *
 */

/* ==========================================================================
   Base（デザイン共通値）
   ========================================================================== */
body {
  font-size: 1.5rem;
  line-height: 1.45;
}

a:hover {
  color: #7A6B60;
  opacity: 1;
}

.section {
  padding-top: clamp(72px, 9vw, 120px);
  padding-bottom: clamp(72px, 9vw, 120px);
}
.section--pb0 { padding-bottom: 0; }

.tk-section-lg {
  padding-top: clamp(72px, 10vw, 140px);
  padding-bottom: clamp(72px, 10vw, 140px);
}
.tk-section-top { padding-top: clamp(64px, 8vw, 104px); }
.tk-section-last { padding-bottom: clamp(88px, 11vw, 150px); }

.tk-container {
  max-width: 1168px;
  margin: 0 auto;
  padding: 0 24px;
}
.tk-container--1000 { max-width: 1048px; }
.tk-container--860 { max-width: 908px; }
.tk-container--760 { max-width: 808px; }

.tk-text-body { color: #4A3E36; }
.tk-text-note { color: #5A4D44; }
.tk-lead {
  font-size: 1.5rem;
  line-height: 2.2;
}

.tk-rule {
  display: block;
  width: 28px;
  height: 1px;
  background: #C9A59C;
}
.tk-rule--lg { width: 40px; }

.tk-border-soft { border-top-color: #EFE7E0; }

.tk-objpos-top35 { object-position: 50% 35%; }
.tk-objpos-top20 { object-position: 50% 20%; }
.tk-objpos-top18 { object-position: 50% 18%; }
.tk-objpos-left30 { object-position: 30% 50%; }
.tk-objpos-left20 { object-position: 20% 50%; }
.tk-objpos-ritsu { object-position: 70% 30%; }
.tk-objpos-bottom { object-position: 50% 100%; }

@media (max-width: 1199px) {
  .tk-br-pc { display: none; }
}

[id^="sv-"],
[id^="rg-"],
#case {
  scroll-margin-top: 100px;
}

/* ==========================================================================
   見出し
   ========================================================================== */
.tk-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.tk-heading.heading--left { align-items: flex-start; }
.tk-heading__icon {
  display: block;
  width: 33px;
  height: auto;
}
.tk-heading .heading__en {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.3em;
  color: #7A6B60;
}
.tk-heading .heading__ja {
  margin-top: 0;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.12em;
}
.tk-heading__lead {
  margin-top: 8px;
  font-size: 1.5rem;
  line-height: 2;
}
.tk-heading-gap { margin-bottom: clamp(36px, 5vw, 56px); }
.tk-heading-gap--lg { margin-bottom: clamp(40px, 5vw, 64px); }

.tk-subheading {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: clamp(20px, 2.2vw, 24px);
  font-weight: 500;
  letter-spacing: 0.14em;
}
.tk-subheading__icon {
  display: block;
  flex: none;
  width: 25px;
  height: auto;
}
.tk-subheading__en {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  color: #7A6B60;
}

/* ==========================================================================
   ボタン
   ========================================================================== */
.tk-btn-line {
  align-self: flex-start;
  gap: 16px;
  padding: 16px 36px;
  background: transparent;
  border-color: #332922;
  color: #332922;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.14em;
  line-height: 1.5;
}
.tk-btn-line::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: currentColor;
}

/* ==========================================================================
   ヘッダー
   ========================================================================== */
.tk-header {
  z-index: 50;
}
.tk-header__inner {
  max-width: 1280px;
  height: clamp(84px, 9vw, 116px);
  padding: 0 clamp(16px, 3vw, 40px);
  gap: 24px;
}
.tk-header__inner::before {
  /* 写真上の文字を読みやすくする上部グラデーション */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: clamp(140px, 18vw, 220px);
  background: linear-gradient(180deg, rgba(40, 30, 24, 0.6), rgba(40, 30, 24, 0));
  pointer-events: none;
}
.tk-header__logo img {
  display: block;
  height: clamp(56px, 6.4vw, 84px);
  margin-top: clamp(8px, 1vw, 14px);
}
.tk-header__nav {
  gap: clamp(14px, 2vw, 30px);
  margin-right: 0;
}
.tk-header__nav .header__nav-item a {
  padding: 6px 0;
}
.tk-header__nav .header__nav-item a::after {
  background: #FEFEFE;
  height: 1px;
}
.tk-header__nav .header__nav-ja {
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  color: #FEFEFE;
  white-space: nowrap;
  text-shadow: 0 1px 8px rgba(40, 30, 24, 0.35);
}
.tk-header__right {
  gap: 18px;
  height: auto;
  padding-left: 22px;
  border-left: 1px solid rgba(254, 254, 254, 0.4);
}
.tk-header__tel {
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  color: #FEFEFE;
  font-size: 1.9rem;
  font-weight: 500;
}
.tk-header__tel::before { content: none; }
.tk-header__tel:hover { opacity: 1; }
.tk-header__tel-num {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  letter-spacing: 0.08em;
}
.tk-header__tel-num::before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.3rem;
}
.tk-header__tel-hours {
  padding-left: 20px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #E8DFD8;
}
.tk-header__sns {
  display: flex;
  color: #FEFEFE;
  font-size: 2rem;
}
.tk-header__sp-tel {
  display: none;
}

@media (max-width: 1199px) {
  .tk-header__sp-tel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: 50px;
    color: #FEFEFE;
    font-size: 1.8rem;
  }
}

/* ハンバーガー（ヘッダー内に重ねる） */
.tk-nav-toggle {
  position: absolute;
  top: calc((clamp(84px, 9vw, 116px) - 44px) / 2);
  right: clamp(16px, 3vw, 40px);
  background: none;
  backdrop-filter: none;
  border-radius: 0;
}
.tk-nav-toggle .nav-toggle__line {
  width: 24px;
  height: 1px;
  background: #FEFEFE;
}
.tk-nav-toggle .nav-toggle__line:nth-child(1) { top: 18px; }
.tk-nav-toggle .nav-toggle__line:nth-child(2) { opacity: 0; }
.tk-nav-toggle .nav-toggle__line:nth-child(3) { top: 26px; }
.tk-nav-toggle.is-active .nav-toggle__line:nth-child(1),
.tk-nav-toggle.is-active .nav-toggle__line:nth-child(3) { top: 22px; }

/* SPナビ */
.tk-sp-nav {
  justify-content: flex-start;
  align-items: stretch;
  padding: 130px 28px 32px;
  background: #FDFAF7;
}
.tk-sp-nav .sp-nav__list {
  max-width: none;
  text-align: left;
}
.tk-sp-nav .sp-nav__item {
  border-bottom-color: #D9C7BD;
}
.tk-sp-nav .sp-nav__item:first-child { border-top: none; }
.tk-sp-nav .sp-nav__link {
  align-items: baseline;
  padding: 18px 4px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #332922;
}
.tk-sp-nav .sp-nav__link::after { content: none; }

/* ==========================================================================
   TOP：メインビジュアル
   ========================================================================== */
.tk-mv {
  position: relative;
  height: 100vh;
  height: 100svh;
  min-height: 560px;
  overflow: hidden;
  background: #332922;
}
#slideshow {
  position: absolute;
  inset: 0;
  height: 100vh;
  height: 100svh;
  min-height: 560px;
}
#slideshow #cms-slider-1-1-area,
#slideshow .swiper,
#slideshow .swiper-wrapper,
#slideshow .swiper-slide,
#slideshow .main_slider__inner {
  width: 100%;
  height: 100%;
}
#slideshow img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1.12);
}
.tk-mv__catch {
  position: absolute;
  top: calc(clamp(84px, 9vw, 116px) + clamp(40px, 7vh, 80px));
  right: clamp(24px, 7vw, 120px);
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: clamp(18px, 2.4vw, 32px);
  color: #FEFEFE;
}
.tk-mv__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  writing-mode: vertical-rl;
  font-size: clamp(18px, calc(min(3.2vw, 5vh) - 5px), 39px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.24em;
  color: #332922;
}
.tk-mv__copy-line {
  display: block;
  height: fit-content;
  padding: 18px 10px;
  background: #FEFEFE;
}
.tk-mv__rule {
  display: block;
  width: 1px;
  height: clamp(120px, 22vh, 220px);
  margin-top: 8px;
  background: rgba(254, 254, 254, 0.7);
}
.tk-mv__en {
  margin-top: 6px;
  writing-mode: vertical-rl;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.4em;
}

/* ==========================================================================
   TOP：お知らせ
   ========================================================================== */
.tk-news {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(24px, 5vw, 64px);
  max-width: 1048px;
  margin: 0 auto;
  padding: 0 24px;
}
.tk-news__heading { flex: 0 0 200px; }
.tk-news__body { flex: 1 1 420px; min-width: 0; }
.tk-news__list .blog-list__link {
  flex-wrap: wrap;
  gap: 8px 24px;
  padding: 24px 4px;
}
.tk-news__list .blog-list__link:hover { background: none; }
.tk-news__list .blog-list__date {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  line-height: 1.2;
  color: #7A6B60;
}
.tk-news__list .blog-list__title,
.tk-news__list .blog-list__link:hover .blog-list__title {
  flex: 1 1 260px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
  color: #332922;
}

/* ==========================================================================
   TOP：メッセージ
   ========================================================================== */
.tk-message {
  position: relative;
  padding: clamp(48px, 6vw, 90px) 0 clamp(96px, 11vw, 160px);
  overflow: hidden;
}
.tk-message__deco {
  position: absolute;
  top: clamp(24px, 4vw, 56px);
  right: clamp(-120px, -6vw, -60px);
  width: clamp(230px, 31vw, 440px);
  height: auto;
  opacity: 0.25;
  pointer-events: none;
}
.tk-message__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1280 / 1000;
}
.tk-message__square {
  position: absolute;
  left: 0;
  top: 28%;
  width: 28%;
  height: 50%;
  background: #F3ECE5;
}
.tk-message__main {
  position: absolute;
  left: 0;
  top: 9%;
  width: 40%;
  height: 44%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tk-message__subs { display: contents; }
.tk-message__obijime {
  position: absolute;
  right: 0;
  top: 58%;
  width: 22%;
  height: 21%;
}
.tk-message__furisode {
  position: absolute;
  left: 45%;
  top: 74%;
  width: 27%;
  height: 24%;
  object-position: 60% 40%;
}
.tk-message__text {
  position: absolute;
  left: 54%;
  top: 9%;
  width: min(440px, 36%);
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 2.4vw, 34px);
}
.tk-message__title {
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.16em;
}
.tk-message__lead {
  font-size: 1.5rem;
  line-height: 2.3;
}

@media (max-width: 1199px) {
  .tk-message__stage {
    display: flex;
    flex-direction: column;
    gap: 40px;
    aspect-ratio: auto;
  }
  .tk-message__square {
    top: 18px;
    width: calc(min(88%, 640px) * 0.6);
    height: calc(min(88vw, 640px) * 0.75);
  }
  .tk-message__main {
    position: relative;
    top: auto;
    z-index: 1;
    width: 88%;
    max-width: 640px;
    height: auto;
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: 50% 40%;
    background-attachment: scroll;
  }
  .tk-message__text {
    position: static;
    width: auto;
    gap: 22px;
    padding: 12px 24px 0;
  }
  .tk-message__title {
    font-size: 2.1rem;
    letter-spacing: 0.14em;
  }
  .tk-message__lead { line-height: 2.2; }
  .tk-message .tk-btn-line { padding: 16px 32px; }
  .tk-message .tk-btn-line::after { content: none; }
  .tk-message__subs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding-left: 24px;
  }
  .tk-message__furisode,
  .tk-message__obijime {
    position: static;
    height: auto;
  }
  .tk-message__furisode {
    width: 53%;
    aspect-ratio: 4 / 3;
    margin-top: 40px;
  }
  .tk-message__obijime {
    width: 46%;
    aspect-ratio: 1 / 1;
  }
}

/* ==========================================================================
   TOP：ご案内
   ========================================================================== */
.tk-contents { padding-bottom: clamp(88px, 11vw, 150px); }
.tk-contents .tk-heading { margin-bottom: clamp(36px, 5vw, 64px); }
.tk-contents__list {
  display: flex;
  gap: 8px;
}
.tk-contents__item {
  display: block;
  flex: 1 1 0;
  min-width: 0;
  height: clamp(300px, 34vw, 480px);
  border-radius: 0;
  background: #332922;
  transition: opacity 1.2s ease, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.tk-contents__item:nth-child(2) { transition-delay: 0.15s; }
.tk-contents__item:nth-child(3) { transition-delay: 0.3s; }
.tk-contents__item:nth-child(4) { transition-delay: 0.45s; }
.tk-contents.is-ready .tk-contents__item:not(.is-in) {
  opacity: 0;
  transform: translateY(40px);
}
.tk-contents__img {
  position: absolute;
  inset: 0;
  height: 100%;
}
.tk-contents__img img {
  transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.tk-contents__item:hover .tk-contents__img img { transform: scale(1.06); }
.tk-contents__overlay {
  background: transparent;
}
.tk-contents__title {
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 12px;
  color: #FEFEFE;
  text-align: center;
  text-shadow: 0 1px 2px rgba(20, 14, 10, 0.8), 0 2px 10px rgba(20, 14, 10, 0.65), 0 0 28px rgba(20, 14, 10, 0.5);
}
.tk-contents__title .heading__ja {
  font-size: clamp(18px, 1.8vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.28em;
  text-shadow: inherit;
}
.tk-contents__title .heading__en {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.3em;
}
.tk-contents__item:hover .tk-contents__title { color: #FEFEFE; }

@media (max-width: 759px) {
  .tk-contents__list { flex-wrap: wrap; }
  .tk-contents__item {
    flex: 0 0 calc(50% - 4px);
    height: 52vw;
  }
}

/* ==========================================================================
   下層：ページヒーロー
   ========================================================================== */
.tk-page-hero {
  display: flex;
  align-items: center;
  min-height: clamp(320px, 34vw, 460px);
  padding: clamp(120px, 12vw, 160px) 24px clamp(56px, 6vw, 80px);
  background: #332922;
}
.tk-page-hero__overlay {
  background: transparent;
}
.tk-page-hero__content {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  align-items: center;
  text-align: center;
}
.tk-page-hero__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-shadow: 0 0 3px rgba(15, 10, 6, 0.9), 0 2px 12px rgba(15, 10, 6, 0.8), 0 0 36px rgba(15, 10, 6, 0.65);
}
.tk-page-hero__heading .heading__en {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.3em;
  text-shadow: inherit;
}
.tk-page-hero__heading .heading__ja {
  margin-top: 0;
  font-size: clamp(26px, 3.2vw, 38px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14em;
}

/* ==========================================================================
   ときにはきもの：ごあいさつ / スタッフ / 会社概要
   ========================================================================== */
.tk-section-greeting {
  position: relative;
  overflow: hidden;
}
.tk-greeting__deco {
  position: absolute;
  right: clamp(-40px, -2vw, 0px);
  bottom: clamp(16px, 3vw, 48px);
  width: clamp(200px, 30vw, 440px);
  height: auto;
  opacity: 0.25;
  pointer-events: none;
}
.tk-greeting__deco-tl {
  position: absolute;
  top: clamp(16px, 3vw, 48px);
  left: clamp(-80px, -4vw, -30px);
  width: clamp(180px, 26vw, 380px);
  height: auto;
  filter: grayscale(1);
  opacity: 0.18;
  pointer-events: none;
}
.tk-greeting {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 24px;
}
.tk-greeting .tk-heading { gap: 28px; }
.tk-greeting .tk-heading .heading__ja { line-height: 1.8; }
.tk-greeting__sign {
  margin-top: 8px;
  font-size: 1.4rem;
  letter-spacing: 0.14em;
  text-align: right;
}
.tk-greeting__name {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.tk-staff {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: clamp(28px, 4vw, 56px);
}
.tk-staff__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
}
.tk-staff__img {
  display: block;
  width: min(100%, 270px);
  aspect-ratio: 1;
  background: #F6F0EA;
}
.tk-staff__body {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 4px 0;
}
.tk-staff__item--center .tk-staff__body {
  border-left: 2px dotted #D9C7BD;
  border-right: 2px dotted #D9C7BD;
}
.tk-staff__catch {
  margin-top: 6px;
  padding: 6px 14px;
  background: #F6F0EA;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.08em;
}
.tk-staff__name-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.tk-staff__label {
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  color: #5A4D44;
}
.tk-staff__name {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
.tk-staff__text {
  max-width: 280px;
  font-size: 1.5rem;
  line-height: 2;
}
@media (max-width: 1199px) {
  .tk-staff__item--center .tk-staff__body { border-color: transparent; }
}

.tk-dl {
  border-top: 1px solid #D9C7BD;
}
.tk-dl__row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  padding: 22px 8px;
  border-bottom: 1px solid #D9C7BD;
}
.tk-dl__term {
  flex: 0 0 140px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.14em;
}
.tk-dl__desc {
  flex: 1 1 280px;
  font-size: 1.5rem;
  line-height: 1.9;
}
.tk-map {
  margin-top: clamp(36px, 5vw, 56px);
  border-radius: 0;
}
.tk-map iframe {
  aspect-ratio: 16 / 7;
  min-height: 280px;
}

/* ==========================================================================
   お問い合わせ
   ========================================================================== */
.tk-contact-tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-bottom: clamp(36px, 5vw, 52px);
  padding: 28px 20px;
  background: #FEFEFE;
  border: 1px solid #D9C7BD;
  color: #332922;
}
.tk-contact-tel__label {
  font-size: 1.4rem;
  letter-spacing: 0.14em;
}
.tk-contact-tel__num {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(26px, 3.2vw, 34px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
.tk-contact-tel__hours {
  font-size: 1.4rem;
  color: #7A6B60;
}
/* 展示会ギャラリー下部の電話誘導（セクション最後の要素なので下余白を取らない） */
.tk-visit .tk-contact-tel { margin-bottom: 0; }
.tk-visit--gallery { margin-top: clamp(64px, 8vw, 104px); }
/* お問い合わせフォーム（CMS出力 .form-contents.form-pattern-1 をデザインに合わせて上書き） */
.tk-form .form-contents {
  padding: 0;
  background: transparent;
}
.tk-form .form-contents form dl { margin-bottom: 26px; }
.tk-form .form-contents form dl dt:not(.pattern-exclusion) {
  float: none;
  width: auto;
  margin: 0 0 10px;
  padding-top: 0;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.tk-form .form-contents form dl dt:not(.pattern-exclusion) span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.tk-form .form-pattern-1 dl dt:not(.pattern-exclusion) span.required::before,
.tk-form .form-pattern-1 dl dt:not(.pattern-exclusion) span.optional::before { content: none; }
.tk-form .form-pattern-1 dl dt:not(.pattern-exclusion) span.required::after {
  content: "必須";
  padding: 2px 8px;
  background: #E7D6A4;
  color: #332922;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.tk-form .form-contents form dl dd:not(.pattern-exclusion) {
  width: auto;
  margin: 0 0 26px;
  padding: 0;
  border-bottom: none;
}
.tk-form .form-contents dd:not(.pattern-exclusion) .textarea {
  width: 100%;
  padding: 0 16px;
  background: #FEFEFE;
  border: 1px solid #D9C7BD;
  border-radius: 2px;
  font-family: inherit;
  font-size: 1.6rem;
  color: #332922;
  outline: none;
  transition: border-color 0.3s ease;
}
.tk-form .form-contents dd:not(.pattern-exclusion) input.textarea { height: 54px; }
.tk-form .form-contents dd:not(.pattern-exclusion) textarea.textarea {
  padding: 14px 16px;
  line-height: 1.8;
  resize: vertical;
}
.tk-form .form-contents dd:not(.pattern-exclusion) .textarea:focus { border-color: #332922; }
.tk-form .form-pattern-1 .submit-btn {
  width: min(100%, 300px);
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: #E7D6A4;
  color: #332922;
  font-family: inherit;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.2em;
}
.tk-form .form-pattern-1 .submit-btn::before { content: none; }
.tk-form .form-pattern-1 :not(.pattern-exclusion) button:hover { background: #D9C48A; }
.tk-form .form-pattern-1 .form-thanks-msg {
  padding: 48px 24px;
  border: 1px solid #D9C7BD;
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
}
.tk-form .form-pattern-1 .form-thanks-msg .back-home-btn a {
  display: inline-block;
  margin-top: 24px;
  padding: 14px 32px;
  background: #332922;
  border-color: #FEFEFE;
  color: #fff;
}
.tk-form__note {
  margin-top: 24px;
  font-size: 1.4rem;
  line-height: 1.9;
  color: #5A4D44;
  text-align: center;
}

/* ==========================================================================
   サービス案内
   ========================================================================== */
.tk-anchor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.tk-anchor__item {
  display: flex;
  flex: 1 1 200px;
  justify-content: space-between;
  align-items: center;
  max-width: 300px;
  padding: 18px 22px;
  border: 1px solid #D9C7BD;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.tk-anchor__icon {
  font-size: 1.4rem;
  font-weight: 400;
}
.tk-service {
  padding: clamp(64px, 9vw, 120px) 0;
  border-bottom: 1px solid #EFE7E0;
}
.tk-service__row {
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
  flex-wrap: nowrap;
}
.tk-service__row > .column2__child {
  flex: 1 1 360px;
  width: auto;
  min-width: 0;
  margin-bottom: 0;
}
.tk-service__row > .tk-service__media { flex-basis: 380px; }
.tk-service__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tk-service__no {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.3em;
  color: #7A6B60;
}
.tk-service__title {
  font-size: clamp(24px, 2.6vw, 30px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
.tk-service__btn {
  position: absolute;
  left: clamp(16px, 2vw, 24px);
  bottom: clamp(16px, 2vw, 24px);
  padding: 18px 32px;
  background: #FEFEFE;
}
.tk-service__btn:hover {
  background: #332922;
  border-color: #332922;
  color: #FEFEFE;
}
.tk-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tk-tags__item {
  padding: 7px 11px;
  border: 1px solid #D9C7BD;
  background: #FDFAF7;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media (max-width: 639px) {
  .tk-service__row { flex-wrap: wrap; }
  .tk-service__row > .column2__child { flex: 1 1 100%; width: 100%; }
}

/* ==========================================================================
   お客さまの声
   ========================================================================== */
.tk-voice {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: clamp(24px, 3vw, 40px);
}
.tk-voice__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: none;
  margin: 0;
  padding: clamp(32px, 4vw, 52px) clamp(24px, 3.4vw, 44px);
  background: #FDFAF7;
  border-color: #D9C7BD;
  border-radius: 0;
}
.tk-voice__item::before {
  content: "\201C";
  position: absolute;
  top: 18px;
  right: 24px;
  font-family: "Montserrat", sans-serif;
  font-size: 6.4rem;
  line-height: 1;
  color: #E4D3CA;
}
.tk-voice__who {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.14em;
}
.tk-voice__icon {
  flex: none;
  font-size: 2.6rem;
  line-height: 1;
  color: #C9A59C;
}
.tk-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(46%, 240px), 1fr));
  gap: clamp(8px, 1.4vw, 16px);
}
.tk-gallery__item {
  display: block;
  overflow: hidden;
  background: #F6F0EA;
  cursor: zoom-in;
}
.tk-gallery__item img {
  display: block;
  transition: transform 0.8s ease, opacity 0.3s;
}
.tk-gallery__item:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.tk-gallery__item--empty { cursor: default; }

/* 展示会：開催情報（画像＋項目表。レイアウトは .tk-service__row / .tk-dl を流用） */
.tk-exhibitions {
  display: flex;
  flex-direction: column;
  gap: clamp(48px, 6vw, 80px);
}
/* 画像なし：2列カード（白背景・枠線なし・淡い影・見出しはベージュの帯） */
.tk-exhibitions-card__item {
  max-width: none;
  margin: 0;
  padding: 0 0 clamp(24px, 3vw, 32px);
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 12px rgba(40, 30, 24, 0.08);
}
/* 見出しの色帯がカードの上・左右端まで届くよう、余白は本文（dl）側で取る */
.tk-exhibitions-card__dl {
  margin: 8px clamp(22px, 3vw, 36px) 0;
  border-top: none;
}
.tk-exhibitions-card__dl .tk-dl__row { border-bottom-style: dotted; }
.tk-exhibitions-card__dl .tk-dl__row:last-child { border-bottom: none; padding-bottom: 0; }
/* 展示会名・期間（全会場共通のため一度だけ表示） */
.tk-exhibitions-title {
  margin-bottom: clamp(28px, 3.4vw, 40px);
  text-align: center;
}
.tk-exhibitions-title__name {
  font-size: clamp(2.2rem, 2.6vw, 2.8rem);
  font-weight: 500;
  letter-spacing: 0.2em;
}
.tk-exhibitions-title__note {
  margin-top: 8px;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}
.tk-exhibitions-card__name {
  padding: 16px 20px;
  background: #E8DFD8;
  color: #332922;
  text-align: center;
  font-size: clamp(1.7rem, 1.8vw, 1.9rem);
  font-weight: 500;
  letter-spacing: 0.14em;
}
/* 会場名の下に部屋名（会場名と同じ帯の中に表示） */
.tk-exhibitions-card__room {
  margin-top: 4px;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}
.tk-exhibitions-card__dl .tk-dl__row { padding: 16px 4px; }
.tk-exhibitions-card__dl .tk-dl__term { flex-basis: 56px; }
/* SPも項目名（会場・日時）を内容の横に置く */
.tk-exhibitions-card__dl .tk-dl__row { flex-wrap: nowrap; gap: 6px 16px; }
.tk-exhibitions-card__dl .tk-dl__term { flex: 0 0 auto; }
.tk-exhibitions-card__dl .tk-dl__desc { flex: 1 1 auto; min-width: 0; }
/* 日時は1日分を1行に収める（狭い画面では文字を少し小さく） */
.tk-exhibitions-card__dl .tk-exhibitions-card__date {
  white-space: nowrap;
  font-size: clamp(1.2rem, 3.8vw, 1.5rem);
}

/* Lightbox（作業の様子） */
.lightboxOverlay {
  background-color: #281E18;
  opacity: 0.92;
}
.lb-outerContainer { background-color: transparent; }
.lb-dataContainer .lb-data .lb-caption,
.lb-dataContainer .lb-data .lb-number {
  color: #FEFEFE;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.2em;
}

/* ==========================================================================
   取り扱い商品 / 展示会情報
   ========================================================================== */
.tk-page-lead {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}
.tk-products {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5vw, 56px);
  max-width: 1000px;
  margin: clamp(72px, 9vw, 120px) auto 0;
}
.tk-products__group {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.tk-products__table { border-top: 1px solid #332922; }
.tk-products__row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #D9C7BD;
}
.tk-products__cat {
  display: flex;
  flex: 1 0 180px;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  max-width: 100%;
  padding: 22px 20px;
  background: #FDFAF7;
}
.tk-products__cat-name {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.12em;
}
.tk-products__cat-note {
  font-size: 1.4rem;
  line-height: 1.7;
  color: #5A4D44;
}
.tk-products__items {
  display: flex;
  flex: 3 1 300px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 22px 20px;
}
.tk-products__tag {
  padding: 6px 14px;
  background: #F9F9F9;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.tk-region-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 32px 0 clamp(56px, 8vw, 96px);
}
.tk-region-nav__item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-width: 140px;
  padding: 14px 20px;
  border: 1px solid #332922;
  border-radius: 2px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  transition: background 0.3s ease, color 0.3s ease;
}
.tk-region-nav__item:hover {
  background: #332922;
  color: #FEFEFE;
}
.tk-region-nav__icon { font-size: 0.9rem; }
.tk-region {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.tk-region + .tk-region { margin-top: clamp(56px, 8vw, 96px); }
.tk-region__title {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D9C7BD;
  font-size: clamp(20px, 2.2vw, 24px);
  font-weight: 500;
  letter-spacing: 0.14em;
}
.tk-region__icon {
  flex: none;
  font-size: 2rem;
  color: #C9A59C;
}
.tk-flyers {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(46%, 210px), 1fr));
  gap: clamp(20px, 3vw, 36px) clamp(12px, 2vw, 28px);
}
.tk-flyers__item {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.tk-flyers__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1.2;
  border: 1px solid #EFE7E0;
  background: repeating-linear-gradient(135deg, #F6F0EA 0 14px, #F0E7DF 14px 28px);
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  color: #7A6B60;
}
.tk-flyers__badge {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 3px 6px;
  background: #FEFEFE;
  color: #332922;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
.tk-flyers__title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.08em;
}

/* ==========================================================================
   フッター
   ========================================================================== */
.tk-footer {
  background: #332922;
  color: #FEFEFE;
  line-height: 1.5;
}
.tk-footer__body {
  padding: clamp(56px, 7vw, 88px) 0 48px;
}
.tk-footer__inner {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px 64px;
  max-width: 1168px;
  padding: 0 24px;
}
.tk-footer__info {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 0;
}
.tk-footer__logo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tk-footer__logo-name {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.14em;
  color: #FEFEFE;
}
.tk-footer__logo-sub {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
  color: #D8CCC3;
}
.tk-footer__address {
  font-size: 1.4rem;
  line-height: 2;
  color: #E8DFD8;
}
.tk-footer__contact {
  display: flex;
  flex: 1 1 240px;
  flex-direction: column;
  gap: 16px;
  padding-left: clamp(0px, 3vw, 48px);
  border-left: 1px solid #54463D;
}
.tk-footer__tel {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #FEFEFE;
}
.tk-footer__tel-num {
  font-family: "Montserrat", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
.tk-footer__tel-hours {
  font-size: 1.4rem;
  color: #D8CCC3;
}
.tk-footer__sns {
  display: flex;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid #6E5F55;
  color: #FEFEFE;
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.2em;
}
.tk-footer__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 16px 48px;
  align-content: start;
}
.tk-footer__nav .footer-body__nav-item a {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: #FEFEFE;
}
.tk-footer__nav .footer-body__nav-item a:hover { color: #7A6B60; }
.tk-footer__bottom {
  padding: 0 24px 28px;
}
.tk-footer__copyright {
  max-width: 1120px;
  margin: 0 auto;
  padding-top: 24px;
  border-top: 1px solid #54463D;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
}
.footer-bottom--dark .tk-footer__copyright { color: #D8CCC3; }

/* ヘッダーロゴ（全ページ共通・当初の約3倍） */
.tk-header .tk-header__logo {
  align-self: flex-start;
  /* 1280px超の画面ではヘッダー幅の外側（画面左端寄り）まで寄せる */
  margin-left: min(0px, calc((1280px - 100vw) / 2));
}
.tk-header .tk-header__logo img {
  height: clamp(168px, 19.2vw, 252px);
  margin-top: clamp(16px, 2vw, 28px);
  /* main.css の白抜き（.header-sticky--transparent）を解除し、ロゴ本来の色で表示 */
  filter: none;
}
@media (max-width: 639px) {
  /* SPは縦書きキャッチと重ならない大きさに抑える */
  .tk-header .tk-header__logo img {
    width: auto;
    height: 56px;
    margin-top: 0;
  }
  /* 写真の上でもロゴが見えるよう、生成り色の短冊にのせる */
  .tk-header .tk-header__logo {
    margin-top: 16px;
    padding: 10px 8px;
    background: #FDFAF7;
    box-shadow: 0 2px 10px rgba(40, 30, 24, 0.15);
  }
}

/* TOP：お知らせ（CMS）— 3件分の高さで固定し、4件目以降は一覧内スクロール */
.tk-news__cms { display: contents; }
.tk-news__list {
  max-height: var(--news-max-h, none);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #D9C7BD transparent;
}

/* ==========================================================================
   追従ヘッダー（スクロール時：ロゴ以外を白背景で上部固定）
   body.is-scrolled は js/common.js で付与
   ========================================================================== */
.tk-header__bar {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}
.tk-header__bar .header__nav { margin-left: 0; }

@keyframes tkBarIn {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}
.is-scrolled .tk-header__bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
  height: 72px;
  padding: 0 clamp(16px, 3vw, 40px);
  background: #FEFEFE;
  box-shadow: 0 2px 12px rgba(40, 30, 24, 0.08);
  animation: tkBarIn 0.4s ease;
}
.is-scrolled .tk-header__nav .header__nav-ja {
  color: #332922;
  text-shadow: none;
}
.is-scrolled .tk-header__nav .header__nav-item a::after { background: #332922; }
.is-scrolled .tk-header__right { border-left-color: #D9C7BD; }
.is-scrolled .tk-header__tel,
.is-scrolled .tk-header__sns,
.is-scrolled .tk-header__sp-tel { color: #332922; }
.is-scrolled .tk-header__tel-hours { color: #7A6B60; }
.is-scrolled .tk-header__bar a:hover,
.is-scrolled .tk-header__bar a:hover .header__nav-ja { color: #7A6B60; }

@media (max-width: 1199px) {
  .is-scrolled .tk-header__bar {
    justify-content: flex-end;
    height: 60px;
  }
  /* ハンバーガーも白帯の上に固定 */
  .is-scrolled .tk-nav-toggle {
    position: fixed;
    top: 8px;
  }
  .is-scrolled .tk-nav-toggle:not(.is-active) .nav-toggle__line { background: #332922; }
}

/* ==========================================================================
   TOP：メインビューのキャッチ（初回表示で1行ずつ上から流れるように表示）
   ========================================================================== */
@keyframes tkCopyIn {
  from { clip-path: inset(0 0 100% 0); opacity: 0; }
  to   { clip-path: inset(0 0 0 0); opacity: 1; }
}
@keyframes tkFadeIn {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: none; }
}
.tk-mv__copy-line {
  animation: tkCopyIn 1.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.tk-mv__copy-line:nth-child(1) { animation-delay: 0.4s; }
.tk-mv__copy-line:nth-child(2) { animation-delay: 0.9s; }
.tk-mv__copy-line:nth-child(3) { animation-delay: 1.4s; }
.tk-mv__rule,
.tk-mv__en {
  animation: tkFadeIn 1.2s ease 2s both;
}
@media (prefers-reduced-motion: reduce) {
  .tk-mv__copy-line,
  .tk-mv__rule,
  .tk-mv__en { animation: none; }
}

/* ==========================================================================
   レスポンシブ調整（全ページ確認後）
   ========================================================================== */
.tk-greeting__name { white-space: nowrap; }
.tk-service__no { line-height: 1.6; }

@media (min-width: 900px) {
  .tk-staff { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 899px) {
  .tk-staff { grid-template-columns: 1fr; }
}

@media (max-width: 1199px) {
  /* 縦積み時にメッセージ本文が横に間延びしないよう幅を抑える */
  .tk-message__text { max-width: 688px; }
}

@media (max-width: 896px) {
  .tk-greeting__deco {
    right: -24px;
    bottom: 0;
    width: 150px;
    opacity: 0.2;
  }
}

@media (max-width: 639px) {
  .tk-br-sp-none { display: none; }
  .tk-greeting__deco-tl {
    top: 8px;
    width: 150px;
  }
  .tk-greeting__sign { line-height: 2; }
  .tk-region-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .tk-region-nav__item { min-width: 0; }
  .tk-footer__copyright {
    font-size: 1.2rem;
    letter-spacing: 0.06em;
  }
}

/* 追従時はナビだけを残す（電話・Instagram・SP電話アイコンは追従させない） */
.is-scrolled .tk-header__right,
.is-scrolled .tk-header__sp-tel { display: none; }

/* 展示会チラシのサムネイル（枠いっぱいに表示・ホバーで少しズーム） */
.tk-flyers__img { overflow: hidden; }
.tk-flyers__thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: transform 0.6s ease;
}
.tk-flyers__badge { z-index: 1; }
.tk-flyers__item:hover .tk-flyers__thumb { transform: scale(1.04); }
.tk-region__empty {
  font-size: 1.5rem;
  line-height: 1.8;
}

/* CMSスライダーの高さを #slideshow に追従させる（CMS側は100vh固定のため） */
#slideshow #main_slider.slider_wrapper {
  --swiper-wrapper-height: 100%;
  height: 100%;
}

/* ==========================================================================
   SP固定ボタン（共通 .sp-fixed-bar は 896px 以下表示 → 本案件は 639px 以下のみ）
   ========================================================================== */
.tk-sp-fixed-bar {
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom);
  border-top: none;
  background: #332922;
  box-shadow: 0 -2px 10px rgba(40, 30, 24, 0.15);
}
.tk-sp-fixed-bar .sp-fixed-bar__item + .sp-fixed-bar__item {
  border-left: 1px solid #54463D;
}
.tk-sp-fixed-bar .sp-fixed-bar__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 4px;
  color: #FEFEFE;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
.tk-sp-fixed-bar .sp-fixed-bar__link i { font-size: 1.6rem; }
.tk-sp-fixed-bar .sp-fixed-bar__link:hover { color: #D8CCC3; }
@media (min-width: 640px) {
  .tk-sp-fixed-bar { display: none; }
}

/* ==========================================================================
   スマホ時の調整（639px以下）
   ========================================================================== */
@media (max-width: 639px) {
  /* メインビュー 70vh */
  .tk-mv,
  #slideshow {
    height: 70vh;
    height: 70svh;
    min-height: 400px;
  }
  .tk-mv__en {
    font-size: 1.1rem;
    letter-spacing: 0.3em;
  }

  /* ご案内の英字 */
  .tk-contents__title .heading__en {
    font-size: 1.1rem;
    letter-spacing: 0.2em;
  }

  /* ページヒーロー：高さ・文字を縮小（ロゴの下にタイトルが来るよう上余白は確保） */
  .tk-page-hero {
    min-height: 240px;
    padding: 124px 20px 36px;
  }
  .tk-page-hero__heading { gap: 10px; }
  .tk-page-hero__heading .heading__en {
    font-size: 1.1rem;
    letter-spacing: 0.25em;
  }
  .tk-page-hero__heading .heading__ja {
    font-size: 2.2rem;
    letter-spacing: 0.12em;
  }

  /* ごあいさつ：上＝麻の葉を右上 / 下＝結びを左下 */
  .tk-greeting__deco-tl {
    top: 8px;
    right: -40px;
    bottom: auto;
    left: auto;
  }
  .tk-greeting__deco {
    top: auto;
    right: auto;
    bottom: 0;
    left: -24px;
  }

  /* フッター：中央揃え・ナビ非表示・固定ボタン分の下余白 */
  .tk-footer__inner {
    justify-content: center;
    gap: 32px;
    text-align: center;
  }
  .tk-footer__info {
    flex: 1 1 100%;
    align-items: center;
  }
  .tk-footer__logo { align-items: center; }
  .tk-footer__contact {
    align-items: center;
    padding-left: 0;
    border-left: none;
  }
  .tk-footer__sns { align-self: center; }
  .tk-footer__nav { display: none; }
  .tk-footer__bottom { padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom)); }
}

/* SP：メインビューのキャッチを横書き・左下配置に切り替え */
@keyframes tkCopyInX {
  from { clip-path: inset(0 100% 0 0); opacity: 0; }
  to   { clip-path: inset(0 0 0 0); opacity: 1; }
}
@media (max-width: 639px) {
  .tk-mv__catch {
    top: auto;
    right: 20px;
    bottom: 28px;
    left: 20px;
    flex-direction: column;
    gap: 14px;
  }
  .tk-mv__copy {
    writing-mode: horizontal-tb;
    gap: 8px;
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.12em;
  }
  .tk-mv__copy-line {
    padding: 4px 12px;
    animation-name: tkCopyInX;
  }
  .tk-mv__rule {
    width: 40px;
    height: 1px;
    margin: 4px 0 0;
  }
  .tk-mv__en {
    margin: 0;
    writing-mode: horizontal-tb;
  }
}


/* SPメニュー（明るい背景）を開いたときの×は濃色 */
.tk-nav-toggle.is-active .nav-toggle__line { background: #332922; }

/* ==========================================================================
   タブレット（640〜1199px）のバランス調整 ※PC・SPには影響させない
   ========================================================================== */
@media (min-width: 640px) and (max-width: 1199px) {
  /* メインビュー：縦長画面で間延びしないよう 80vh */
  .tk-mv,
  #slideshow {
    height: 80vh;
    height: 80svh;
    min-height: 560px;
  }

  /* メッセージ：写真を一回り小さくし、サブ写真は右寄せで余白を作る */
  .tk-message__main {
    width: 72%;
    max-width: 600px;
  }
  .tk-message__square {
    width: calc(min(72%, 600px) * 0.6);
    height: calc(min(72vw, 600px) * 0.75);
  }
  .tk-message__text { padding-left: 40px; }
  .tk-message__subs {
    width: 80%;
    max-width: 640px;
    margin-left: auto;
    padding-left: 0;
    padding-right: 40px;
  }

  /* フッター：ナビを出さない分、2ブロックを中央に */
  .tk-footer__inner { justify-content: center; }
  .tk-footer__info { flex: 0 1 auto; }
  .tk-footer__contact { flex: 0 1 auto; }
}

/* ハンバーガーメニューが出る幅（1199px以下）はフッターナビ非表示 */
@media (max-width: 1199px) {
  .tk-footer__nav { display: none; }
}

@media (min-width: 640px) and (max-width: 899px) {
  /* ご案内：4列だと細長いので 2×2 に */
  .tk-contents__list { flex-wrap: wrap; }
  .tk-contents__item {
    flex: 0 0 calc(50% - 4px);
    height: 38vw;
  }

  /* スタッフ紹介：写真左・テキスト右の横並びカードを縦に3つ */
  .tk-staff {
    max-width: 640px;
    margin: 0 auto;
    gap: 48px;
  }
  .tk-staff__item {
    flex-direction: row;
    align-items: center;
    gap: 36px;
    text-align: left;
  }
  .tk-staff__img {
    flex: none;
    width: 220px;
  }
  .tk-staff__body {
    align-items: flex-start;
    align-self: center;
    padding: 0;
  }
  .tk-staff__text { text-align: left; }
}

@media (min-width: 640px) and (max-width: 896px) {
  /* サービス案内：縦積みにせず写真とテキストを横並びのまま */
  .tk-service__row.column2 { flex-direction: row; }
  .tk-service__row.column2--reverse { flex-direction: row-reverse; }
  .tk-service__row { gap: 32px; }
  .tk-service__row > .column2__child { flex: 1 1 0; }
  .tk-service__btn { padding: 14px 20px; }
}

/* SP：下層リード文は左揃え */
@media (max-width: 639px) {
  .tk-page-lead { text-align: left; }
}

/* SPのみ有効な改行 */
.tk-br-sp { display: none; }
@media (max-width: 639px) {
  .tk-br-sp { display: inline; }
}

/* お客さまの声：作業の様子（サービス案内）へのボタン */
.tk-voice__more {
  display: flex;
  justify-content: center;
  margin-top: clamp(40px, 5vw, 64px);
}
.tk-voice__more .tk-btn-line { align-self: auto; }
.tk-voice__more .tk-btn-line:hover {
  background: #332922;
  border-color: #332922;
  color: #FEFEFE;
}

/* SP：展示会名 */
@media (max-width: 639px) {
  .tk-flyers__title {
    font-size: 1.3rem;
    text-align: center;
    text-wrap: balance;
    word-break: auto-phrase;
  }
}

/* SP：お問い合わせフォーム下の個人情報注記は左揃え */
@media (max-width: 639px) {
  .tk-form__note { text-align: left; }
}

/* SP：見出し下のリード文 */
@media (max-width: 639px) {
  .tk-heading__lead {
    text-align: center;
    text-wrap: balance;
    word-break: auto-phrase;
  }
}

/* ==========================================================================
   PC（1200px以上）：左サイドバー型ヘッダー（ロゴ・電話/Instagram・メニュー）
   ナビはハンバーガーで開く。MVのキャッチは中央。タブレット・SPは従来どおり
   ========================================================================== */
.tk-header__side,
.tk-nav-toggle__label { display: none; }

@media (min-width: 1200px) {
  body { padding-left: 180px; }

  .tk-header {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 180px;
    background: #FDFAF7;
    border-right: 1px solid #E6DAD0;
  }
  .tk-header__inner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    max-width: none;
    height: 100%;
    padding: 28px 0 110px;
  }
  .tk-header__inner::before { content: none; }
  .tk-header .tk-header__logo {
    align-self: center;
    margin-left: 0;
  }
  .tk-header .tk-header__logo img {
    width: 130px;
    height: auto;
    margin-top: 0;
  }
  .tk-header__bar { display: none; }

  /* 電話・Instagram */
  .tk-header__side {
    display: flex;
    flex-direction: column;
    width: 148px;
    margin-top: auto;
    border-top: 1px solid #D9C7BD;
  }
  .tk-header__side-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 0;
    border-bottom: 1px solid #D9C7BD;
    color: #332922;
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    line-height: 1.4;
  }
  .tk-header__side-link i { font-size: 2rem; }

  /* メニュー（ハンバーガー）：サイドバー最下部 */
  .tk-nav-toggle {
    display: block;
    position: fixed;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 110px;
  }
  .tk-nav-toggle .nav-toggle__line {
    width: 40px;
    background: #332922;
  }
  .tk-nav-toggle .nav-toggle__line:nth-child(1) { top: 30px; }
  .tk-nav-toggle .nav-toggle__line:nth-child(2) { top: 40px; opacity: 1; }
  .tk-nav-toggle .nav-toggle__line:nth-child(3) { top: 50px; }
  .tk-nav-toggle.is-active .nav-toggle__line:nth-child(1),
  .tk-nav-toggle.is-active .nav-toggle__line:nth-child(3) { top: 40px; }
  .tk-nav-toggle.is-active .nav-toggle__line:nth-child(2) { opacity: 0; }
  .tk-nav-toggle__label {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    color: #332922;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    text-align: center;
  }

  /* メニューを開いたときのパネル（サイドバーの右側に表示） */
  .tk-sp-nav {
    left: 180px;
    justify-content: center;
    align-items: center;
    padding: 80px 40px;
  }
  .tk-sp-nav .sp-nav__list { max-width: 420px; }

  /* メインビューのキャッチ：左下・横書き */
  .tk-mv__catch {
    top: auto;
    right: auto;
    bottom: clamp(48px, 9vh, 96px);
    left: clamp(40px, 5vw, 80px);
    flex-direction: column;
    gap: 20px;
  }
  .tk-mv__copy {
    writing-mode: horizontal-tb;
    gap: 12px;
    font-size: clamp(26px, 2.4vw, 38px);
    line-height: 1.5;
    letter-spacing: 0.14em;
  }
  .tk-mv__copy-line {
    padding: 8px 20px;
    animation-name: tkCopyInX;
  }
  .tk-mv__rule {
    width: 56px;
    height: 1px;
    margin: 4px 0 0;
  }
  .tk-mv__en {
    margin: 0;
    writing-mode: horizontal-tb;
  }
}

/* ==========================================================================
   SP・タブレット（1199px以下）：白背景のヘッダー（ロゴ・電話）ごと上部に追従
   ハンバーガーは右上に固定
   ========================================================================== */
@media (max-width: 1199px) {
  .tk-header {
    position: relative;
    background: #FEFEFE;
  }
  .tk-header__inner { height: 72px; }
  .tk-header__inner::before { content: none; }
  .tk-header .tk-header__logo {
    align-self: center;
    margin-top: 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  .tk-header .tk-header__logo img { height: 52px; }
  .tk-header__sp-tel { color: #332922; }
  .tk-nav-toggle { top: 14px; }
  .tk-nav-toggle .nav-toggle__line { background: #332922; }

  /* スクロール時：白背景のヘッダー（ロゴ・電話）ごと上部に追従 */
  .tk-header {
    position: sticky;
    top: 0;
  }
  .is-scrolled .tk-header { box-shadow: 0 2px 10px rgba(40, 30, 24, 0.08); }
  .is-scrolled .tk-header__bar {
    position: static;
    height: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
    animation: none;
  }
  .is-scrolled .tk-header__sp-tel {
    display: flex;
    color: #332922;
  }
  .tk-nav-toggle,
  .is-scrolled .tk-nav-toggle {
    position: fixed;
    top: 14px;
  }

  /* 下層ヒーロー：ヘッダーが重ならなくなった分、上余白を詰める */
  .tk-page-hero { padding-top: 40px; }
}

/* SPメニュー上部のロゴ（文字あり・中央）。PCは左サイドバーにロゴがあるため非表示 */
.tk-sp-nav__logo {
  display: block;
  align-self: center;
  margin-bottom: 32px;
}
.tk-sp-nav__logo img {
  display: block;
  height: 160px;
  width: auto;
}
@media (max-width: 1199px) {
  .tk-sp-nav { padding-top: 48px; }
}
@media (min-width: 1200px) {
  .tk-sp-nav__logo { display: none; }
}

/* SP・タブレット：ヘッダーのアイコンロゴ横に英字表記（PCは非表示） */
.tk-header__logo-en { display: none; }
@media (max-width: 1199px) {
  .tk-header .tk-header__logo {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .tk-header__logo-en {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    line-height: 1;
    color: #332922;
    white-space: nowrap;
  }
}