.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 縦横比を維持したまま、枠内に全体を収める（隙間ができる可能性あり） */
    background-color: #f0f0f0; /* 隙間ができた時の背景色（任意） */
}
.name{
    font-size: 24px;
    font-weight: bold;
}

.agreementWrap{
    margin-top:40px;
}
.agreementTitle{
    font-size:18px;
    font-weight:bold;
    margin: 20px 0 5px;
    line-height:1.5;
}
.agreementBox{
    border:1px solid #ccc;
    padding:20px;
    line-height:2;
    background:#fff;
    font-size:14px;
    margin-bottom:20px;
}
.agreementCheck{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    margin-bottom: 30px;
}
.agreementCheck label{
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
}
.agreementCheck input[type="checkbox"]{
    width:24px;
    height:24px;
    cursor:pointer;
    margin-bottom: 4px;
}
.agreementWrap{
    margin-top:40px;
}
.agreementBox{
    border:1px solid #ccc;
    padding:20px;
    line-height:2;
    background:#fff;
    font-size:14px;
    margin-bottom:20px;
}