@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
*/
/* ここから記述 */
/* ------------------------------------- */

/* トップページヘッダレイアウトの補正 */
/* PC以上でヘッダーと追従ヘッダーを全幅にする */
@media screen and (min-width: 960px) {
  .l-header__inner.l-container,
  .l-fixHeader__inner.l-container {
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* contactform7のサイズ調整　*/
/* ▼ 共通入力欄のスタイル（会社名、メールアドレス、電話番号など） */
.cf7-input {
  width: 100%;              /* 幅を最大に */
  max-width: 500px;         /* 最大幅を制限して見やすく */
  padding: 10px;            /* 内側の余白 */
  font-size: 16px;          /* 文字サイズ */
}

/* ▼ テキストエリア（お問い合わせ内容）のスタイル */
.cf7-textarea {
  width: 100%;
  height: 150px;            /* 高さを大きめに */
  padding: 10px;
  font-size: 16px;
}

/* ▼ 姓・名を横並びにするためのラッパー */
.cf7-name-row {
  display: flex;            /* 横並びにする */
  gap: 10px;                /* 間隔をあける */
  max-width: 500px;
}

/* ▼ 横並び内の各テキストボックスのスタイル */
.cf7-name-row input {
  flex: 1;                  /* 均等に広がる */
}




/* ------------------------------------- */