/*common_css*/
/*PAGE*//* Flexboxで中央揃え */
.container {
    display: flex;
    justify-content: center; /* 子要素を水平方向に中央揃え */
    align-items: center; /* 子要素を垂直方向に中央揃え */
    gap: 10px; /* 要素間の間隔を設定 */
    padding: 10px; /* 全体の余白 */
}

/* 各アイテムのスタイル */
.item {
    padding: 10px 20px;
    text-align: center; /* テキストと画像を中央揃え */
}

.item img {
    display: block; /* 画像を独立したブロック要素にする */
    margin: 0 auto; /* 画像自体を中央揃え */
    max-width: 100%; /* 幅をコンテナに合わせて調整 */
    height: auto; /* アスペクト比を維持 */
}

/* スマホ対応: 縦並び（画面幅が600px以下の場合） */
@media (max-width: 600px) {
    .container {
        display: flex; /* Flexboxを維持 */
        flex-direction: column; /* 縦並びに変更 */
        justify-content: center; /* 子要素を縦方向に中央揃え */
        align-items: center; /* 子要素を横方向に中央揃え */
        width: 100%;
    }

    .item {
        width: 80%; /* 幅を調整して見た目を整える */
        max-width: 300px; /* 必要に応じて最大幅を設定 */
        margin: 0 auto; /* 横方向の中央揃え */
    }

    .item img {
        width: 100%; /* 画像をコンテナの幅に合わせる */
        max-width: 300px; /* 必要に応じて最大幅を設定 */
        margin: 0 auto; /* 確実に中央揃え */
    }
    
        .kdenkenimage img {
        width: 100%; /* 画像をコンテナの幅に合わせる */
    }
}