/* --------------------------------
why-brand
-------------------------------- */
.why-brand{
padding:10rem 0;
background: inherit;
position: relative;
z-index: 3;
}

/* --------------------------------
why-brand__grid
-------------------------------- */
.why-brand__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:2rem;
}

.why-brand__icon{
width:20rem;
margin:0 auto;
aspect-ratio:1;
overflow:hidden;
}

.why-brand__icon img{
objet-fit:cover;
width:100%;
height:100%;
}

.why-brand__number{
text-align:center;
}

.why-brand__number strong{
border:0px #FF0000 solid;
display:block;
font-family: "Notera", serif;
font-weight:400;
font-size:3.9rem;
line-height:1;
color:var(--color-gray2);
}

.why-brand__number span{
display:block;
font-family: "mincho", serif;
line-height:1;
color:var(--color4);
letter-spacing:.08em;
margin-top:2rem;
}


/* SP */
@media (max-width:800px){
.why-brand__grid{
grid-template-columns:1fr;
gap:3rem;
}

.why-brand__icon{
width:120px;
}

}


/* --------------------------------
why-cards
-------------------------------- */
.why-card{
background:#FFF;
padding:3rem 2rem;
margin-top:4rem;
}

.why-card__num{
font-family:"number", serif;
letter-spacing:.16em;
color:var(--color-gray3);
margin-bottom:2rem;
}

.why-card h3{
font-family:"mincho", serif;
font-size:2rem;
font-weight:400;
letter-spacing:.06em;
margin-bottom:1.6rem;
}

.why-card__text{
font-size:1.4rem;
line-height:2;
color:var(--color-gray3);
text-align:left;
}