@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/************************************
** グローバルメニューの間隔
************************************/
.c-gnav>.menu-item {
width: 150px;   /*ナビ同士の間隔*/
letter-spacing: .1rem;   /*文字の間隔*/
}

/************************************
** Contact Form 7
************************************/
/* フォーム全体のスタイル */
.wpcf7 {
background-color: #ffffff; /* ライトグレー */
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-top: 10px;
font-size: 16px;
color: #333333; /* ダークグレー */
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background: #E44141;
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* すべての入力フィールドのスタイル */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form select,
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #DEDEDE; /* ライトグレー */
border-radius: 5px;
font-size: 16px;
background-color: #F7F7F7; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
    background-color: #274DB6;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: none;
    width: 200px; /* 横幅を200pxに設定 */
    display: block; /* ブロック要素に変更 */
    margin: 10px auto; /* 中央揃え */
    padding: 10px; /* 必要に応じてパディングを調整 */
    font-size: 16px; /* 必要に応じてフォントサイズを調整 */
    border-radius: 10px; /* 必要に応じて角丸を追加 */
}
.wpcf7-form input[type="submit"]:hover {
    background-color: #4a66b5;
}
.privacy {
  padding: 20px;
  background: #fff;
  width: auto;                /* 横幅をautoに指定 */
  height: 500px;               /* 縦幅を500pxに指定 */
  border: 1px solid #E5E5E5;      /* わかりやすくボーダーを引く */
  overflow-y: scroll;          /* 縦方向にスクロール可能にする */
}