.elementor-915 .elementor-element.elementor-element-fc38043{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-4b42e33 *//* カスタムフォームコンテナ */
.custom-form-container {
    background-color: #ffffff; /* シンプルで清潔感のある白背景 */
    padding: 2rem; /* 適度なパディング */
    border-radius: 1rem; /* 柔らかい角 */
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); /* 微妙な影で立体感 */
    max-width: 700px; /* 最大幅を700pxに設定 */
    margin: 2rem auto; /* 上下左右中央に配置 */
    border: 1px solid #e0e0e0; /* 薄いグレーの境界線 */
}

/* pタグのスタイル */
.custom-form-container p {
    font-family: 'Helvetica Neue', sans-serif; /* モダンで読みやすいフォント */
    font-size: 1rem; /* 読みやすいフォントサイズ */
    line-height: 1.6;
    color: #333; /* ダークグレーで視認性を向上 */
    margin-bottom: 1.5rem;
}

/* ラベル */
.custom-form-container label {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: block;
    color: #4a4a4a; /* 少し濃いグレー */
}

/* 共通テキストフィールドのスタイル */
.custom-text, .custom-textarea {
    width: 100%;
    padding: 0.75rem 1rem; /* フォーム要素内の余白を増やす */
    margin-bottom: 1.5rem;
    border: 1px solid #dcdcdc; /* フラットなボーダー */
    border-radius: 0.5rem;
    font-size: 1rem;
    color: #333;
    background-color: #fafafa; /* 柔らかいグレーの背景 */
    transition: all 0.3s ease;
}

.custom-text:focus, .custom-textarea:focus {
    border-color: #3b82f6; /* フォーカス時はブルーの境界線 */
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.3); /* フォーカス時に柔らかい光を表示 */
    outline: none;
}

/* テキストエリアのスタイル */
.custom-textarea {
    height: 150px; /* 高さを調整 */
    resize: vertical; /* 高さを自由に調整できるようにする */
}

/* セレクトボックスのスタイル */
.custom-select {
    width: 100%;
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #fafafa;
    color: #333;
    transition: all 0.3s ease;
}

.custom-select:focus {
    border-color: #3b82f6; /* フォーカス時にブルーの境界線 */
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
    outline: none;
}

/* ファイル選択ボックス */
.custom-file {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    color: #333;
}

/* 送信ボタン */
.custom-submit {
    background-color: #3b82f6; /* 明るくモダンなブルー */
    color: #fff;
    padding: 0.75rem 2rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: bold;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.custom-submit:hover {
    background-color: #2563eb; /* ホバー時に少し濃いブルー */
    box-shadow: 0px 4px 12px rgba(37, 99, 235, 0.2); /* 軽い影を追加 */
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .custom-form-container {
        padding: 1.5rem; /* モバイルではパディングを少し減らす */
        max-width: 90%; /* フォーム全体を少し広げる */
    }

    .custom-submit {
        width: 100%; /* ボタンはモバイルでは全幅に */
        padding: 1rem;
    }
}/* End custom CSS */