/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 13 2026 | 23:54:29 */
.top-quicklinks-title{
    background:#7fa3be;
    color:#fff;
    font-size:14px;
    font-weight:700;

    padding:14px 20px;

    margin:40px auto 20px;
    max-width:1200px;

    border-radius:8px;
    box-shadow:0 1px 3px rgba(0,0,0,.08);
}

/* グリッド */
.top-quicklinks{
    max-width:1200px;
    margin:0 auto 50px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/* カード */
.quick-card {
    background: #fff;
    border: 1.5px solid #5c8da8;
        padding: 12px 16px;
    text-decoration: none;
    color: #333;
    transition: .25s;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    border-radius: 10px;
}

/* ホバー */
.quick-card:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* タイトル */
.quick-card-title{
    font-size:14px;
    font-weight:700;
    color:#5c8da8;
    margin-bottom:10px;
}

/* 説明 */
.quick-card-text{
    font-size:13px;
    line-height:1.8;
}

/* スマホ */
@media (max-width:768px){

    .top-quicklinks{
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    .quick-card{
        padding:15px;
    }

    .quick-card-title{
        font-size:16px;
    }
}