/* 親要素 */
.fs-pt-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* パソコン時の横の間隔 */
    padding: 20px 0;
}

/* 各アイテム */
.fs-pt-column__item {
    flex: 0 1 400px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0; /* 余計なマージンをリセット */
}

/* 画像の設定 */
.fs-pt-column__image {
    line-height: 0; /* 画像下の謎の隙間を消す */
    display: block;
}

.fs-pt-column__image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 文字（説明文）の設定 */
.fs-pt-column__description {
    color: #634939; 
    text-align: center;
    margin-top: 15px;    
    margin-bottom: 0;   /* 下側の余白を消す */
}

/* 文字の中のcenterタグ対策 */
.fs-pt-column__description center {
    margin: 0;
    padding: 0;
}

/* --- レスポンシブ対応（スマホ表示） --- */
@media screen and (max-width: 1023px) {
    .fs-pt-column {
        flex-direction: column;
        align-items: center;
        gap: 0; 
    }

    .fs-pt-column__item {
        width: 100%;
        max-width: 90%;
        flex: none; 
        height: auto;         
        margin-bottom: 20px;
    }

    .fs-pt-column__description {
        margin-top: 15px;   
        margin-bottom: 5px;
    }
}