body{
    margin:0;
    font-family: "Segoe UI", sans-serif;
    background: linear-gradient(180deg,#020817,#020617);
    color:#e5e7eb;
}

/* 共通コンテナ */
.container{
    max-width:1000px;
    margin:auto;
    padding:80px 20px;
}

/* 見出し（IRは赤系） */
.section-title{
    color:#ef4444; /* 赤 */
    font-size:18px;
    letter-spacing:3px;
    margin-bottom:10px;
}

.section-main{
    font-size:42px;
    font-weight:bold;
    margin-bottom:50px;
    
    /* 青→赤グラデーション文字 */
    background: linear-gradient(90deg,#38bdf8,#ef4444);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* IRボタンエリア */
.ir-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
}


/* IRボタン */
.ir-button{
    display:block;
    padding:25px;
    
    /* 紺＋赤混合 */
    background: linear-gradient(135deg,#0f172a,#1f0a0a);
    
    border:1px solid #3f1d1d;
    border-radius:12px;
    
    text-decoration:none;
    color:#e5e7eb;
    font-size:18px;
    font-weight:bold;
    
    transition:0.3s;
    position:relative;
    overflow:hidden;
}

/* 英語部分は赤 */
.ir-button span{
    display:block;
    font-size:13px;
    color:#f87171;
    margin-top:5px;
    font-weight:normal;
}
/* ホバー */
.ir-button:hover{
    transform:translateY(-5px);
    
    /* 青＋赤発光 */
    border-color:#ef4444;
    box-shadow:
        0 0 10px rgba(239,68,68,0.4),
        0 0 20px rgba(56,189,248,0.2);
}

/* 下ライン 赤 */
.ir-button::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    height:3px;
    
    /* 青→赤 */
    background: linear-gradient(90deg,#38bdf8,#ef4444);
    
    transition:0.3s;
}

.ir-button:hover::after{
    width:100%;
}