@charset "utf-8";

#c1 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c1 h1,
#c1 div {
	text-align: center;
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c2 h3,
#c2 div {
	text-align: left;
}
#c5 {
	clear: both;
	margin: 0 0 20px 0;
	padding:    ;
}
#c5 h3,
#c5 div {
	text-align: left;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 dl dt {
	width: 25%;
}
#c3 dl dd {
	width: 75%;
}
#c4 {
	clear: both;
	margin: 5px 0 0 0;
	padding:    ;
}
#c4 h3,
#c4 div {
	text-align: left;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c1 {
}
#c2 {
}
#c5 {
}
#c3 {
}
#c4 {
}
}
@media screen and (max-width: 640px) {
#c1 {
}
#c2 {
}
#c5 {
}
#c3 {
}
#c4 {
}
}

/* ===== Entry(Contact Form 7) 補正 ===== */
section .form_wrap .wpcf7-form-control-wrap {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

/* 単一入力行（名前・フリガナ・電話）はCF7ラッパーを100%に */
section .form_wrap dl.name .wpcf7-form-control-wrap,
section .form_wrap dl.kana .wpcf7-form-control-wrap,
section .form_wrap dl.tel .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

section .form_wrap dl.name dd p,
section .form_wrap dl.kana dd p,
section .form_wrap dl.tel dd p {
	margin: 0;
	width: 100%;
}

section .form_wrap dl.tel input[type="tel"] {
	width: 100% !important;
	max-width: 100%;
	display: block;
}

/* メール2行の崩れ防止 */
section .form_wrap dl.email dd > div,
section .form_wrap dl.email dd p {
	margin: 0;
	width: 100%;
	display: block;
}

section .form_wrap dl.email .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

section .form_wrap dl.email input[type="email"] {
	width: 100% !important;
	max-width: 100%;
	display: block;
}

/* 住所の2行目以降（市区町村・番地建物）は入力幅を100%に固定 */
section .form_wrap dl dd.addr div:nth-of-type(n+3) {
	display: block !important;
}

section .form_wrap dl dd.addr div:nth-of-type(n+3) p {
	margin: 0;
	width: 100%;
}

section .form_wrap dl dd.addr div:nth-of-type(n+3) .wpcf7-form-control-wrap {
	display: block;
	width: 100% !important;
}

section .form_wrap dl dd.addr div:nth-of-type(n+3) input[type="text"] {
	width: 100% !important;
	max-width: 100%;
}

/* その他（textarea）を100%幅に固定 */
section .form_wrap dl.textarea .wpcf7-form-control-wrap {
	display: block;
	width: 100% !important;
}

section .form_wrap dl.textarea dd p {
	margin: 0;
	width: 100%;
}

section .form_wrap dl.textarea textarea {
	width: 100% !important;
	max-width: 100%;
	display: block;
}

/* エラー文 */
section .form_wrap .wpcf7-not-valid-tip {
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.4;
	display: block;
}

/* 送信メッセージ */
section .wpcf7 form .wpcf7-response-output {
	margin: 15px 0 0;
}

/* Entryではspinnerを使わない */
section .form_wrap .wpcf7-spinner,
section .wpcf7 form .wpcf7-spinner {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
}

@media screen and (max-width: 640px) {
	/* SP時: 電話番号・メール入力を他inputと同じ幅/サイズ感に揃える */
	#c3 dl.tel dd p,
	#c3 dl.email dd > div,
	#c3 dl.email dd p {
		margin: 0;
		width: 100%;
		display: block;
	}
	#c3 dl.tel dd .wpcf7-form-control-wrap,
	#c3 dl.email dd .wpcf7-form-control-wrap {
		display: block;
		width: 100%;
	}
	#c3 dl.tel dd input[type="tel"],
	#c3 dl.email dd input[type="email"] {
		width: 100% !important;
		max-width: 100%;
		padding: 10px 5px;
		font-size: 100%;
		box-sizing: border-box;
	}
}
