body {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 2.0;
}
html {
    scroll-behavior: smooth;
}

/* カスタム緑色クラス */
.text-custom-green { color: #006666; }
.text-custom-green-600 { color: #006666; }
.text-custom-green-700 { color: #004d4d; }
.text-custom-green-800 { color: #003333; }
.bg-custom-green { background-color: #006666; }
.bg-custom-green-50 { background-color: #f0f9f9; }
.bg-custom-green-100 { background-color: #e6f7f7; }
.bg-custom-green-400 { background-color: #4d9999; }
.bg-custom-green-500 { background-color: #339999; }
.bg-custom-green-600 { background-color: #006666; }
.bg-custom-green-700 { background-color: #004d4d; }
.border-custom-green { border-color: #006666; }
.border-custom-green-300 { border-color: #80cccc; }
.border-custom-green-400 { border-color: #66b3b3; }
.border-custom-green-500 { border-color: #4d9999; }
.border-custom-green-600 { border-color: #006666; }
.hover\:bg-custom-green:hover { background-color: #006666; }
.hover\:bg-custom-green-700:hover { background-color: #004d4d; }
.hover\:text-custom-green:hover { color: #006666; }
.hover\:border-custom-green:hover { border-color: #006666; }

/* メインコンテナ：画面上部バナー高さ（LINT対策でインラインから移動） */
.main-container {
    --header-bar-height: 64px;
}
.main-container section#manga,
.main-container section#problem,
.main-container section#service-diff,
.main-container section#features,
.main-container section#pricing,
.main-container section#cases,
.main-container section#contact,
.main-container footer {
    padding-top: var(--header-bar-height);
}
.main-container section#manga,
.main-container section#problem,
.main-container section#service-diff,
.main-container section#features,
.main-container section#pricing,
.main-container section#cases,
.main-container section#contact {
    scroll-margin-top: var(--header-bar-height);
}