@charset "UTF-8";

/* グリッドコンテナの設定 */
.pm-grid {
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 40px;    
    max-width: 1000px; 
    margin: 0 auto;
    padding: 30px;
}

/* 各アイテム（イラストとテキストのセット）の設定 */
.pm-grid-item {
    text-align: center; 
}

/* イラスト（画像）の設定 */
.pm-grid-item img {
    width: 100%; 
    height: auto; 
    display: block; 
    margin-bottom: 10px;
    border-radius: 3px;
}

.pm-grid-item p {
    width: 95%;
    text-align: left; 
    margin: 0 auto;
}

/* ===================================== */
/* レスポンシブ対応のためのメディアクエリ */
/* ===================================== */

@media (max-width: 640px) {
    .pm-grid {
        grid-template-columns: repeat(2, 1fr); 
        padding: 20px; 
        gap: 20px;
    }
    .pm-grid-item img {
        max-width: 90%;
        margin: 0 auto 10px auto;
    }
    .pm-grid-item p {
    width: 90%;
    }
}
@media (max-width: 420px) {
    .pm-grid {
        grid-template-columns: 1fr; 
        padding: 15px;
    }
    .pm-grid-item img {
        max-width: 80%; 
    }
    .pm-grid-item p {
    width: 80%;
    }
}