/* 共通スタイル */
.inquiry-form-container {
    width: 100%; /* フォームコンテナの幅を画面に合わせる */
    max-width: 500px; /* 最大幅を設定 */
    margin: 0 auto; /* 中央に配置 */
    padding: 20px;
    box-sizing: border-box; /* パディングを幅に含める */
}

.inquiry-form-container input[type="text"],
.inquiry-form-container input[type="email"],
.inquiry-form-container textarea {
    width: calc(100% - 20px); /* パディングを考慮した幅 */
    box-sizing: border-box; /* ボックスサイジングをborder-boxに設定 */
}

/* レスポンシブ対応 */
@media (max-width: 767px) {
    .inquiry-form-container {
        padding: 10px;
    }

    .inquiry-form-container input[type="text"],
    .inquiry-form-container input[type="email"],
    .inquiry-form-container textarea,
    .inquiry-form-container input[type="submit"] {
        width: 100%; /* 小さな画面では幅を100%に */
    }

    /* フォーム要素のフォントサイズを小さな画面で調整する場合 */
    .inquiry-form-container input[type="text"],
    .inquiry-form-container input[type="email"],
    .inquiry-form-container textarea {
        font-size: 14px; /* フォントサイズを小さくする */
    }
}