@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
*/

/* CF7：テーブル風レイアウト */
.cf7-tablelike{
  border-top: 1px solid rgba(0,0,0,.08);
}
.cf7-tablelike .cf7-row{
  display: grid;
  grid-template-columns: 32% 1fr;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
  align-items: center;
}
.cf7-tablelike .cf7-th{
  font-weight: 700;
  line-height: 1.4;
}
.cf7-tablelike .cf7-req{
  display: inline-block;
  margin-left: .5em;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
}

/* 入力欄を揃える */
.cf7-tablelike input[type="text"],
.cf7-tablelike input[type="email"],
.cf7-tablelike input[type="tel"],
.cf7-tablelike select,
.cf7-tablelike textarea{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* メッセージ欄を少し広めに */
.cf7-tablelike textarea{
  min-height: 140px;
}

/* 送信ボタン */
.cf7-tablelike .cf7-btn{
  margin-top: 18px;
  text-align: center;
}
.cf7-tablelike .wpcf7-submit{
  padding: 12px 28px;
  border-radius: 999px;
}

/* スマホは縦積み */
@media (max-width: 768px){
  .cf7-tablelike .cf7-row{
    grid-template-columns: 1fr;
    gap: 8px;
  }
}