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

/* ここから下にカスタムCSSを追記 */

body, p, li {
  color: #222222;
}

/* ここにCSSカスタマイズの内容を入れる */
/* フォントをおしゃれで読みやすく */
body, button, input, select, textarea {
  font-family: "Noto Sans JP", "Lato", "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #222222;
}

/* 見出しにモダンな太さと大文字スタイル */
h1, h2, h3 {
  color: #1E4E79;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.6em;
}

/* リンク */
a {
  color: #3178C6;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s, color 0.3s;
}
a:hover, a:focus {
  color: #B68C7A;
  border-bottom-color: #B68C7A;
  outline: none;
}

/* ボタン - 角丸＋シャドウで立体感 */
.button, .btn, input[type="submit"], .wpcf7-submit {
  background-color: #1E4E79;
  color: #fff;
  padding: 0.75em 1.8em;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(30, 78, 121, 0.2);
  font-weight: 700;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.button:hover, .btn:hover, input[type="submit"]:hover, .wpcf7-submit:hover {
  background-color: #3178C6;
  box-shadow: 0 6px 12px rgba(49, 120, 198, 0.3);
}

/* 背景色 */
body {
  background-color: #F6F8FA;
}

/* セクションに余白を広く */
.section-pink-bg {
  background-color: #FFF5F2;
  padding: 4em 0;
}

/* カード・ボックス */
.card, .box {
  background-color: #FFF5F2;
  border-radius: 12px;
  padding: 2em;
  box-shadow: 0 0 15px rgba(30, 78, 121, 0.1);
  transition: box-shadow 0.3s ease;
}
.card:hover, .box:hover {
  box-shadow: 0 0 20px rgba(30, 78, 121, 0.18);
}

/* 強調テキスト */
.highlight-pink {
  color: #B68C7A;
  font-weight: 700;
  font-style: italic;
}