@charset "UTF-8";

/* css/style.css */

/* 全体の文字色（Tailwindの設定を補完） */
body {
    color: #4b5563; 
}

/* コンテンツ幅の共通クラス */
.wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 固定ヘッダーの高さ分だけ、アンカーリンクの位置をずらす設定 */
html {
    scroll-padding-top: 70px;
}

/* ロゴのホバーエフェクト */
.logo-hover:hover {
    opacity: 0.8;
    transition: opacity 0.3s;
}

/* リンクホバー時の汎用エフェクト */
.hover-opacity:hover {
    opacity: 0.7;
    transition: 0.3s;
}