/* ==== ISA Contents 03 (block scope) ==== */
.contents03-block { position: relative; }

.contents03__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    list-style:none;
    padding:0;
    margin:0;
}

.contents03__card{
    border-radius:8px;
    transition:transform .25s ease, box-shadow .25s ease;
    background: transparent;
}
.contents03__card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,0,0,.08);
}

/* 画像 */
.contents03__figure{ margin:0; }
.contents03__image-wrapper{ position:relative; }
.contents03__image{
    display:block;
    width:100%;
    height:auto;
    border-bottom:5px solid #198fce;
}

/* ラベル（POINT + 2桁番号） */
.contents03__label{
    position:absolute;
    left:0;
    top:0;
    width:70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:8px 0 6px;
    background:#548eca;
    color:#fff;
    border-radius:0 0 6px 0;
    box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.contents03__label-point{
    font-size:14px;
    letter-spacing:.08em;
    font-weight:800;
}
.contents03__label-num{
    font-size:28px;
    font-weight:700;
    color:#efe939;
    line-height:1;
}

/* キャプション */
.contents03__caption{ padding-top:12px; }
.contents03__subtitle{
    font-size:15px;
    color:#1b1b1b;
    letter-spacing:.01em;
    font-weight:700;
    margin:0 0 2px 0;
}
.contents03__heading{
    margin:0;
    font-size:clamp(18px,2.2vw,24px);
    font-weight:900;
    color:#111;
    line-height:1.25;
    letter-spacing:.02em;
}

/* --- Responsive --- */
@media (max-width: 1024px){

    .contents03-main-title {
        font-size: clamp(20px, 2.6vw + 14px, 38px) !important;
    }
    .contents03-main-title .kt-highlight {
        font-size: clamp(42px, 4vw + 14px, 85px) !important;
    }
    .contents03-main-title + .contents03-main-title {
        margin-bottom: 24px !important;
    }
    .contents03__grid{
        grid-template-columns:repeat(1,1fr);
        gap:22px;
        margin-bottom: 6rem;
    }

    .contents03__label-point {
        font-size: clamp(16px, 1vw + 8px, 34px);
        letter-spacing: 0.01em;
    }

    .contents03__label-num {
        font-size: clamp(35px, 1vw + 8px, 67px);
    }
    .contents03__label {
        line-height: 1;
        width: clamp(80px, 1vw + 8px, 119px);
        align-items: flex-start;
        padding: 8px 0 6px 8px;
    }

    .contents03__subtitle {
        font-size: clamp(16px, 2.2vw, 32px);
    }
    .contents03__heading {
        font-size: clamp(24px, 2.2vw, 42px);
        color: #198fce;
    }
}
@media (max-width: 640px){

}