/*
 * 「851チカラヅヨク」フォントの読み込み
 * サーバーのパス構成に合わせて調整してください
 * (例: n/fonts/...)
 */
 @font-face {
    font-family: '851ChikaraDuyoku';
    src: url('/fonts/851CHIKARA-DZUYOKU.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block; 
}

/* 基本設定 */
body {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    /* ベースカラーはTailwindクラスで指定済み */
}

/* 851チカラヅヨク用クラス */
.font-chikara {
    font-family: '851ChikaraDuyoku';
}

/* ハンバーガーメニューのアニメーション */
.hamburger-line {
    transition: all 0.3s ease-in-out;
}
.hamburger.open .hamburger-line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
.hamburger.open .hamburger-line:nth-child(2) {
    opacity: 0;
}
.hamburger.open .hamburger-line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

/* モバイルメニューの開閉 */
#mobile-menu.open {
    transform: translateX(0);
}

/* ★追加: タイピングアニメーションのスタイル ★ */
/* カーソル */
.typing-cursor {
    display: inline-block;
    width: 2px;
    height: 1.2em; /* フォントサイズに合わせて調整 */
    background-color: #111827; /* カーソルの色 */
    margin-left: 2px;
    animation: blink-caret 0.75s step-end infinite;
}

/* カーソルの点滅アニメーション */
@keyframes blink-caret {
    from, to { visibility: hidden; }
    50% { visibility: visible; }
}