/*
Theme Name: 司法書士ひらの事務所
Author: 司法書士ひらの事務所
Version: 1.0
Description: 司法書士ひらの事務所HPテーマ
*/
/* 参考サイトの雰囲気に合わせたフォント設定 */
body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/* ドロップダウンメニューのスタイル */
.group:hover .group-hover\:block {
    display: block;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    min-width: 200px;
    z-index: 50;
}
.dropdown-menu li a {
    display: block;
    padding: 0.75rem 1rem;
    color: #374151;
    transition: background-color 0.2s, color 0.2s;
}
.dropdown-menu li a:hover {
    background-color: #f3f4f6;
    color: #1e3a8a;
}
.footer-link-hover { position: relative; display: inline-block; text-decoration: none; } .footer-link-hover::after { content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: currentColor; transform-origin: bottom right; transition: transform 0.25s ease-out; } .footer-link-hover:hover::after { transform: scaleX(1); transform-origin: bottom left; }
/* スクロールアニメーション */
.animate-on-scroll {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.is-visible {
opacity: 1;
transform: translateY(0);
}