/* フォーム全体のスタイル */
.wpcf7 {
background-color: #f0f0f0; /* ライトグレー */
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #333333; /* ダークグレー */
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background-color: #ff0000; /* レッド */
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc; /* ライトグレー */
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #007BFF; /* ブルー */
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #0056b3; /* 濃いブルー */
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}

/*サイトカード（内部記事リンク）カスタマイズ*/

.content .sitecard {
	border: 1.5px solid #d16477; /*枠線*/
	box-shadow: 5px 5px 5px #a9a9a9; /*影*/
}

.content .sitecard__subtitle{
  color: #ffffff; /*文字色*/
	background-color: #d16477; /*背景色*/
}

/*ブログカード（外部サイトリンク）カスタマイズ*/

.content .blogcard {
	border: 1.5px solid #d16477; /*枠線*/
	box-shadow: 5px 5px 5px #a9a9a9; /*影*/
}

.content .blogcard__subtitle{
  color: #ffffff; /*文字色*/
	background-color: #d16477; /*背景色*/
}


/* 入力欄・テキストエリアの横はみ出し防止 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
}

/* ラベル内の必須マークを1行に収める */
.wpcf7 label {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-word;
}

.wpcf7 span.required {
  display: inline;
  font-size: 13px;
  color: #fff;
  background-color: #e74c3c;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: 5px;
  white-space: nowrap; /* 改行防止 */
}

/* 送信ボタンの表示調整 */
.wpcf7 input[type="submit"] {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: #007BFF;
  color: white;
  border: none;
  border-radius: 5px;
}

/* モバイル表示最適化 */
@media screen and (max-width: 480px) {
  .wpcf7 input,
  .wpcf7 textarea {
    font-size: 16px;
  }

  .wpcf7 label {
    font-size: 14px;
  }
}