@charset "UTF-8";

/* ===================
���₢���킹
====================== */
#service_content {
	position: relative;
	z-index: 2;
}

/* contact
---------------------------------- */
#mokomoko_contact {
	position: relative;
	background-color: var(--mokomoko-gray);
}

#mokomoko_contact .content {
	padding: 100px 150px;
}

#mokomoko_contact .area {
	padding: 100px 50px;
	background: #fff;
}

@media screen and (max-width: 500px) {
	#mokomoko_contact .content {
		padding: 100px 20px;
	}

	#mokomoko_contact .area {
		padding: 100px 20px;
		background: #fff;
	}
}

#mokomoko_contact .mokomoko_contact_label {
	width: 100%;
	height: auto;
	position: static;
	right: 0;
	top: 0;
	z-index: auto;
}


#mokomoko_contact .moko-chara_red {
	top: -1.5%;
	left: 8%;
	transform: scale(-1, -1);
	z-index: 1;
}



/* =========================
フォーム全体
========================= */
.contact-form {
	max-width: 720px;
	margin: auto;
}

.form-block {
	margin-bottom: 24px;
}

.mokomoko_contact_label {
	display: block;
	font-weight: 600;
	margin-bottom: 8px;
}

.required {
	background: #ff4d4d;
	color: #fff;
	font-size: 11px;
	padding: 2px 6px;
	margin-left: 6px;
	border-radius: 3px;
}

/* input */

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
}

/* radio */

.wpcf7 input[type=radio] {
	appearance: auto;
	-webkit-appearance: radio;
	margin-right: 6px;
}

.radio-btn-production-type {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
}

/* submit */

.form-submit {
	text-align: center;
	margin-top: 40px;
}

.wpcf7-submit {
	background: #333;
	color: #fff;
	padding: 14px 48px;
	border-radius: 6px;
	cursor: pointer;
}

h3.wp-block-heading{
	font-size:2.4rem;
	margin-bottom: 1em;
}

/* ======================
checkbox 復元
====================== */

.wpcf7 input[type="checkbox"]{
	appearance:auto;
	-webkit-appearance:checkbox;
	margin-right:6px;
  }
  

/* radioを復元（destyle対策） */

.wpcf7 input[type="radio"]{
	appearance:auto;
	-webkit-appearance:radio;
	margin-right:8px;
  }
  
  /* ラジオボタンレイアウト */
  
  .radio-btn-production-type{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px 20px;
  }
  
  /* 各項目 */
  
  .radio-btn-production-type .wpcf7-list-item{
	margin:0;
  }
  
  /* ラベル */
  
  .radio-btn-production-type label{
	display:flex;
	align-items:center;
	cursor:pointer;
	line-height:1.5;
  }
  
  /* スマホ */
  
  @media (max-width:600px){
  
	.radio-btn-production-type{
	  grid-template-columns:1fr;
	}
  
  }


  /* ======================
入力エラーメッセージ
====================== */

.wpcf7-not-valid-tip{
	color:#e60023;
	font-size:13px;
	margin-top:6px;
	display:block;
  }
  
  
  /* ======================
  エラー入力欄
  ====================== */
  
  .wpcf7-not-valid{
	border:1px solid #e60023 !important;
	background:#fff7f7;
  }
  
  
  /* ======================
  フォーム全体メッセージ
  ====================== */
  
  .wpcf7-response-output{
	margin-top:30px;
	padding:14px 16px;
	border-radius:6px;
	font-size:14px;
  }
  
  
  /* ======================
  送信エラー
  ====================== */
  
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output{
	background:#fff2f2;
	border:1px solid #e60023;
	color:#e60023;
  }
  
  
  /* ======================
  送信成功
  ====================== */
  
  .wpcf7 form.sent .wpcf7-response-output{
	background:#f0faf4;
	border:1px solid #22a052;
	color:#22a052;
  }

  .privacy-box{
	height: 150px;
	overflow-y: scroll;
	font-size:.9em;
	background-color: #f8f8f8;
	padding:.8em;
  }

  .screen-reader-response{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
  }