
@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------

contact

--------------------------------------------------------------------*/
.maincont{padding-bottom: 120PX}

.subinline{display: inline-block; text-align: center}

.cf7-block{margin-bottom: 20px}
.cf7-label-required{color: red}

.wpcf7-text{  width:100%;vertical-align: middle;  border-radius:3px; border:1px solid #CDCDCD;
padding:16px 10px; font-size:16px; box-sizing: border-box}
.error{ display: block; color:red}
textarea{ box-sizing: border-box; padding:16px 10px;  width:98%;border-radius:3px; border:1px solid #CDCDCD; font-size:16px; height:400px; line-height:1.6em;overflow:auto;}


.cf7-submitArea{text-align: center}
.kijiBox button {
	font-size:18px;
	background: #282828; font-weight:700;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 20px 40px;
	text-transform: uppercase;border-radius: 180px;
	width:auto; transition: .3s;
}
.wpcf7-submit{
	font-size:18px;
	background: #282828; font-weight:700;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 23px 60px;
	text-transform: uppercase;border-radius: 180px;
	width:auto; transition: .3s;
}
.kijiBox button:hover, .wpcf7-submitbutton:hover{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */	
}


/* ステップ切り替え（hidden優先） */
.cf7-step[hidden] { display: none !important; }

/* 確認画面 */
.cf7-confirm-lead { margin-bottom: 1.5em; }
.cf7-confirm-list { margin: 0 0 2em; }
.cf7-confirm-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e3e3e3;
  padding: 1em 0;
}
.cf7-confirm-dt {
  flex: 0 0 30%;
  font-weight: 700;
}
.cf7-confirm-dd {
  flex: 1 1 60%;
  min-width: 0;
  word-break: break-word;
}
.cf7-confirm-dd.-pre { white-space: pre-wrap; } /* 問い合わせ内容の改行を保持 */

@media (max-width: 600px) {
  .cf7-confirm-dt, .cf7-confirm-dd { flex-basis: 100%; }
  .cf7-confirm-dd { margin-top: .4em; }
}

/* エラー文 */
.cf7-confirm-error {
  margin: 1em 0;
  padding: .8em 1em;
  background: #fdecea;
  border: 1px solid #f5c2c0;
  color: #b3261e;
  border-radius: 4px;
}

/* ボタン */
.cf7-confirm-buttons {
  display: flex;
  gap: 1em;
  justify-content: center;
  flex-wrap: wrap;
}
.cf7-confirmButton,
.cf7-backButton {
  cursor: pointer;
  font: inherit;
}
.cf7-backButton {
  background: #fff;
  border: 1px solid #999;
  color: #333;
  padding: .8em 2em;
  border-radius: 4px;
}

/* エラーのある項目を強調 */
.cf7-block.-error .cf7-block__inner input,
.cf7-block.-error .cf7-block__inner textarea {
  border-color: #d33 !important;
  background: #fff7f7;
}
.cf7-block.-error .cf7-label {
  color: #b3261e;
}

/* 項目ごとのエラー文 */
.cf7-field-error {
  margin: .4em 0 0;
  color: #b3261e;
  font-size: .85em;
  font-weight: 700;
}

/* 完了 */
.cf7-step[data-cf7-step="done"] { text-align: center; padding: 2em 0; }
.cf7-done-title { font-size: 1.3em; font-weight: 700; margin-bottom: .8em; }
