/*==================================================
06 Card
==================================================*/

/*======== Base ========*/

.it-card{

    display:flex;

    flex-direction:column;

    height:100%;

    padding:30px;

    background:var(--white);

    border:1px solid var(--border);

    border-radius:var(--radius-l);

    box-shadow:var(--shadow-s);

    transition:var(--transition);
    

}

/*======== Hover ========*/

.it-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-m);

}

/*======== Light ========*/

.it-card-light{

    background:var(--light-blue);

    border:none;

}

/*======== Primary ========*/

.it-card-primary{

    background:var(--primary);

    color:#fff;

}

.it-card-primary h3{

    color:#fff;

}

.it-card-primary p{

    color:rgba(255,255,255,.9);

}

/*======== Static ========*/

.it-card-static:hover{

    transform:none;

    box-shadow:var(--shadow-s);

}

/*======== Header ========*/

.it-card-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:var(--space-4);

    margin-bottom:var(--space-5);

}


/*======== Number ========*/

.it-card-number{

    color:var(--accent);

    font-size:2.4rem;

    font-weight:700;

    line-height:1;

    white-space:nowrap;

}

/*======== Icon ========*/

.it-card-icon{

    width:64px;

    height:64px;

    margin-bottom:var(--space-5);

}

/*======== Body ========*/

.it-card-body{

    flex:1;

}

.it-card-body>*+*{

    margin-top:var(--space-4);

}

/*======== Footer ========*/

.it-card-footer{

    margin-top:var(--space-6);

}

/*======== Grid ========*/

.it-card-grid{

    display:grid;

    gap:32px;

}

.it-card-grid-2{

    grid-template-columns:repeat(2,1fr);

}

.it-card-grid-3{

    grid-template-columns:repeat(3,1fr);

}

.it-card-grid-4{

    grid-template-columns:repeat(4,1fr);

}

/*======== Image ========*/

.it-card img{

    border-radius:var(--radius-m);

}

/*======== Content ========*/

.it-card ul,
.it-card ol,
.it-card .it-flow,
.it-card .wp-block-list{

    text-align:left;

}

/*======== Card Title ========*/

.it-card-title{

    margin:0;

    color:var(--primary);

    font-size:1.6rem;

    font-weight:700;

    line-height:1.4;

}



/*==================================================
 Inner Card
==================================================*/

.it-card-inner{

    margin-top:var(--space-6);

    padding:24px;

    background:var(--light-blue);

    border:1px solid var(--border-light);

    border-radius:var(--radius-md);

}

/* 最後の段落（詳しくはこちら）を一番下へ */
.it-card-inner p:last-child{

    margin-top:auto;

}