/*
Theme Name: 藤垣法律事務所テーマ
Theme URI: https://www.fujigakilaw.com
Author: 藤垣法律事務所
Description: 藤垣法律事務所のオリジナルテーマ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fujigaki-law-theme
*/

/* ===== リセット・基本設定 ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #1e3a8a;
    --primary-dark: #1e40af;
    --primary-light: #3b82f6;
    --accent-color: #60a5fa;
    --text-dark: #1f2937;
    --text-gray: #6b7280;
    --bg-light: #f9fafb;
    --white: #ffffff;
}

body {
    font-family: 'Noto Serif JP', serif;
    color: #ffffff;
    line-height: 1.8;
    background-color: var(--white);
    letter-spacing: 0.05em;
}

/* ===== 共通アニメーション ===== */
.slide-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.slide-in.active {
    opacity: 1;
    transform: translateY(0);
}

.slide-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.slide-in-left.active {
    opacity: 1;
    transform: translateX(0);
}

.slide-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.slide-in-right.active {
    opacity: 1;
    transform: translateX(0);
}

/* ===== レスポンシブユーティリティ ===== */
@media (min-width: 769px) {
    .sp { display: none !important; }
    .pc { display: block; }
}

@media (max-width: 768px) {
    .sp { display: block !important; }
    .pc { display: none !important; }
}