@charset "UTF-8";

/* ==========================================================================
   共通 / レイアウト / アニメーション
   ========================================================================== */
html {
  scroll-behavior: smooth;
}

body {
  color: #36313D;
  line-height: 1.8;
  overflow-x: hidden;
  background-color: #FCFBFA;
}

.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ==========================================================================
   トップページ (メインビジュアルスライダー・背景固定)
   ========================================================================== */
.slide {
  opacity: 0;
  transition: opacity 2s ease-in-out, transform 8s ease-out;
  transform: scale(1.03);
}

.slide.active {
  opacity: 1;
  transform: scale(1);
}

.overlay {
  background: linear-gradient(to right, rgba(54, 49, 61, 0.5) 0%, rgba(195, 177, 225, 0.1) 100%);
}

.bg-fixed-custom {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

@supports (-webkit-touch-callout: none) {
  .bg-fixed-custom {
    background-attachment: scroll;
  }
}

/* ==========================================================================
   ページ内ナビゲーション（会社概要・事業内容ページ）
   ========================================================================== */
.page-nav-btn.active {
  background-color: #F5F2F8;
}

.page-nav-btn.active span {
  color: #36313D;
}

.page-nav-btn.active span:first-child {
  color: #9A85BE;
}

/* ==========================================================================
   会社概要 (テーブル・縦書き・毛筆体)
   ========================================================================== */
.profile-table tr {
  border-bottom: 1px solid #E8E1F0;
}

.profile-table tr:last-child {
  border-bottom: none;
}

.writing-mode-vertical {
  writing-mode: vertical-rl;
}

.font-brush {
  font-family: 'Yuji Syuku', serif !important;
}