/* -------------------------------
タイトル
-------------------------------- */
.title-ideas{
padding:10rem 0;
}


/* -------------------------------
レイアウト
-------------------------------- */
.title-group{
display:grid;
gap:5rem;
margin:0 auto;
}

.title-box{
}

.title-box h3{
margin:0 0 3rem;
font-family:"mincho", serif;
font-size:2rem;
}

.title-box__grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:1rem;
margin:0;
padding:0;
list-style:none;
}

.title-box__grid li{
display:grid;
place-items:center;
text-align:center;
background:#FFF;
padding:2rem 0;
}


/* SP */
@container (max-width: 1000px){
.title-box__grid{
grid-template-columns:repeat(2, 1fr);
}
}

@media (max-width: 600px){
.title-group{
gap:4rem;
}
.title-box h3{
margin:0 0 2rem 0;
}

.title-box__grid{
gap:.5rem;
}

.title-box__grid li{
padding:.5rem 0;
}

.title-box__image{
}

}

/* -------------------------------
コンテンツ
-------------------------------- */
.title-box__image{
}

.title-box__image img{
max-width:100%;
height:auto;
}

.title-box__text{
font-size:1.2rem;
line-height:1.8rem;
padding:1rem 0 0 0;
color:var(--color-gray3);
}

@media (max-width: 600px){
.title-box__text{
font-size:1rem;
padding:.5rem 0 0 0;
}
}