.my-contact-form .item-name{
	font-size: 16px;
	font-weight: 600;
	vertical-align: middle;
}

.my-contact-form .required{
	font-size: 12px;
	font-weight: 600;
	vertical-align: middle;
	color: #fff;
	background-color: #D9534F;
	padding: 4px;
	border-radius: 2px;
margin-left: 10px;
}

.my-contact-form .option{
	font-size: 12px;
	font-weight: 600;
	vertical-align: middle;
	color: #888;
	background-color: #F5F5F5;
	padding: 4px;
	border-radius: 2px;
margin-left: 10px;
}

.my-contact-form span[data-name="overview"] .wpcf7-list-item{
	display: block;
}
.my-contact-form {
  width: 100%;
  max-width: 100%;
}

.my-contact-form input[type="text"],
.my-contact-form input[type="email"],
.my-contact-form input[type="tel"],
.my-contact-form textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 16px;
  display: block;
}

.my-contact-form {
  width: 100%;
  max-width: 100%;
}

.my-contact-form > div {
  margin-bottom: 16px; /* ←各項目の間に余白を追加 */
}

/* 入力欄やテキストエリアの装飾（オプション） */
.my-contact-form input,
.my-contact-form textarea,
.my-contact-form select {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* ラジオボタンのラベルと整列（任意） */
.my-contact-form .wpcf7-list-item {
  margin-right: 16px;
}

/* ラベル部分の整形（任意） */
.my-contact-form .item-name {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 4px;
  margin-right: 8px;
}