/* --------------------------------
メッセージ
-------------------------------- */
.message{
padding:10rem 0;
}

.message-grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:2rem;
margin:0 auto;
}

.message-card{
padding:5rem 1rem 2rem 1em;
position:relative;
background:var(--bg3);
overflow:hidden;
border-radius:.5rem;
}

.message-card span{
display:block;
position:absolute;
top:-1.5rem;
left:-.5rem;
font-family:"Number", serif;
font-size:8rem;
line-height:1;
color:var(--color-gray3);
color:var(--color-gray6);
}

.message-card p{
position:relative;
margin:0 0 2rem 0;
font-family:"Notera", serif;
font-size:2.3rem;
line-height:1;
}

.message-card small{
font-size:1.4rem;
line-height:1.6;
color:var(--color-gray2);
}

/* SP */
@container (max-width: 1000px){
.message-grid{
grid-template-columns:repeat(2, 1fr);
}
.message-card{
padding:3rem 1rem 2rem 10rem;
}
}


@media (max-width: 600px){
.message-grid{
grid-template-columns:1fr;
}
.message-grid{
gap:.5rem;
}
.message-card{
padding:2rem 1rem 2rem 9rem;
}
.message-card p{
margin:0 0 1.5rem 0;
}

}