/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.2.1766495290
Updated: 2025-12-23 22:08:10

*/

/* ==============================
   Contact Form 全体カード
============================== */
.wpcf7 {
  max-width: 640px;
  margin: 60px auto;
  padding: 40px 36px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* ==============================
   ラベル
============================== */
.wpcf7 label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 6px;
}

/* ==============================
   入力欄
============================== */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  border-radius: 10px;
  border: 2px solid #cfe3fb;
  background: #f9fcff;
  transition: 0.2s;
  box-sizing: border-box;
}

.wpcf7 textarea {
  min-height: 160px;
  resize: vertical;
}

/* フォーカス時 */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none;
  border-color: #1e88e5;
  box-shadow: 0 0 0 3px rgba(30,136,229,0.15);
  background: #fff;
}

/* ==============================
   各行の余白
============================== */
.wpcf7 p {
  margin: 0 0 22px;
}

/* ==============================
   送信ボタン
============================== */
.wpcf7 input[type="submit"] {
  display: inline-block;
  padding: 14px 48px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  background: linear-gradient(135deg, #2196f3, #1e88e5);
  color: #fff;
  box-shadow: 0 8px 18px rgba(30,136,229,0.35);
  transition: 0.25s;
}

.wpcf7 input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgba(30,136,229,0.45);
  background: linear-gradient(135deg, #1e88e5, #1565c0);
}

/* ボタン中央寄せ */
.wpcf7 .wpcf7-submit {
  display: block;
  margin: 30px auto 0;
}

/* ==============================
   エラーメッセージ
============================== */
.wpcf7-not-valid-tip {
  font-size: 13px;
  color: #d32f2f;
  margin-top: 6px;
}

/* ==============================
   送信完了メッセージ
============================== */
.wpcf7-response-output {
  margin-top: 25px;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 14px;
}

.wpcf7-mail-sent-ok {
  background: #e8f5e9;
  border: 2px solid #66bb6a;
  color: #2e7d32;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
  background: #ffebee;
  border: 2px solid #ef5350;
  color: #c62828;
}