@charset "UTF-8";


.diva06{ 
    width:min(92%, 1000px); 
    margin-inline:auto; 

    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    padding-block:var(--space-section-y);

}

.diva06-title{ 
    font-size:var(--wb-font-h3); 
    font-weight:var(--wb-font-weight-black);  
    text-align: center; 
    margin-bottom: var(--space-section-title);
}

.diva06-text{ 
    font-size:var(--wb-font-text); 
    font-weight:var(--wb-font-h3);  
    text-align: center; 
    line-height:var(--wb-line-text);
}

.diva06-thumb-bx{ 
    width:min(92%, 700px);
    margin-top:var(--space-section-contents-gap);
    
    display:flex; 
    justify-content:center; 
    align-items:center; 
    flex-flow:row wrap; 
    gap:clamp(0.5rem, calc(0.8vw + 1rem), 2rem); 
}

.diva06-thumb-bx > li {
    width:15%;
    aspect-ratio: 1 / 1;

}



.diva06-thumb-bx__img{
    width:50%; 
    margin:0 auto 0;
    
}



.diva06-thumb-bx__stitle{
    font-size:var(--wb-font-text); 
    font-weight:var(--wb-font-weight-regular);  
    line-height: 1.4;
    margin: 10px auto 0; 
    text-align:center;

}




/* ================responsive web design area ==============
============================================================ */



@media screen and ( max-width:768px ) {
    .diva06-thumb-bx > li {
        width:20%;
    }

}


@media screen and ( max-width:540px ) {
    .diva06-thumb-bx > li {
        width:30%;
    }

}


@media screen and ( max-width:430px ) {
    .diva06-thumb-bx > li {
        width:30%;
    }

}
    

@media screen and ( max-width:320px ) {
    .diva06-thumb-bx > li {
        width:46%;
    }

}