/* 基本的なフォントとスムーズスクロールの設定 */
body {
    font-family: 'Noto Sans JP', sans-serif;
    /* 白いカードを浮き立たせるための極薄いグレー背景 */
    background-color: #f4f5f7; 
    color: #1a1a1a;
}
html {
    scroll-behavior: smooth;
}
/* ヒーロー画像のフェードアニメーション用クラス */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}
@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}
/* テキストの行数制限用（Tailwindのプラグインなしで実現するため） */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}