@charset "UTF-8";

/* 基本設定 */
body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #FDFCF8;
    color: #2A2A2A;
}
.font-serif {
    font-family: 'Shippori Mincho', serif;
}

/* スクロールアニメーション (Reveal) */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* スムーズスクロール */
html {
    scroll-behavior: smooth;
}

/* 縦書きユーティリティ */
.vertical-rl {
    writing-mode: vertical-rl;
}

/* 画像の色調整フィルター */
/* Philosophy画像: 暖色を抑えてニュートラルに */
.img-philosophy {
    filter: saturate(0.85) sepia(0.05) brightness(1.02);
}

/* サービスセクション画像: 統一したトーンに調整 */
.img-service {
    filter: saturate(0.9) sepia(0.08) brightness(1.0) contrast(1.02);
}

/* ホバー時は少し鮮やかに */
.img-philosophy:hover,
.img-service:hover {
    filter: saturate(1) sepia(0) brightness(1.02);
    transition: filter 0.5s ease;
}