body{
    font-family:"Yu Gothic","YuGothic",sans-serif;
    background:#f8fafc;
    color:#333;
    line-height:1.8;
}

/* =======================
   ヘッダー（青グラデ）
======================= */
.hero{
    background:linear-gradient(135deg,#0d47a1,#1565c0);
    color:white;
    padding:50px 20px 10px 20px;
}

.hero h1{
    font-size:2.5rem;
    font-weight:700;
}

.subtitle{
    font-size:1.2rem;
    margin-top:20px;
}

/* =======================
   見出し（青＋オレンジ線）
======================= */
.section-title{
    text-align:center;
    color:#0d47a1;
    font-weight:bold;
    margin-bottom:50px;
    position:relative;
}

.section-title::after{
    content:"";
    width:80px;
    height:4px;
    background:#ff8c00;
    display:block;
    margin:15px auto;
}

/* =======================
   リンクカード
======================= */
.research-link{
    text-decoration:none;
    color:inherit;
    display:block;
}

/* =======================
   カード本体
======================= */
.research-card{
    background:white;
    border-radius:18px;
    overflow:hidden;

    box-shadow:0 8px 20px rgba(0,0,0,0.08);

    transition:0.3s ease;

    height:100%;

    position:relative;
}


/* 🔶 下オレンジライン */
.research-card::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;

    width:100%;
    height:5px;

    background:#ff8c00;
}

/* ホバー */
.research-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(13,71,161,0.25);
}

/* ホバー時にラインを少しグラデに */
.research-card:hover::before,
.research-card:hover::after{
    background:linear-gradient(90deg,#ff8c00,#ffb347);
}

/* =======================
   画像
======================= */
.research-image{
    width:100%;
    height:150px;
    object-fit:cover;
    object-position: top center;
    transition:0.4s ease;
}

/* 画像ズーム */
.research-card:hover .research-image{
    transform:scale(1.05);
}

/* =======================
   タイトル（オレンジライン付き）
======================= */
.research-card h3{
    color:#0d47a1;
    font-size:1.3rem;
    font-weight:700;

    margin:15px;
    margin-bottom:8px;

    padding-left:12px;

    border-left:4px solid #ff8c00;
}

/* 説明文 */
.research-card p{
    margin:0 15px 20px;
    color:#555;
    line-height:1.4;  /* ←ここで行間を詰める */
}

/* =======================
   フッター
======================= */
footer{
    background:#0d47a1;
    color:white;
    text-align:center;
    padding:25px;
    margin-top:40px;
}