@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: 20%;
}
#c3 dl dd {
	width: 80%;
}

/* 住所の「市区町村」「番地・建物」は常に横幅いっぱい */
#c3 dl.addr dd.addr > div:nth-of-type(n+3) {
	display: block !important;
}
#c3 dl.addr dd.addr > div:nth-of-type(n+3) p {
	margin: 0;
	width: 100%;
}
#c3 dl.addr dd.addr > div:nth-of-type(n+3) .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}
#c3 dl.addr dd.addr > div:nth-of-type(n+3) input[type="text"] {
	width: 100% !important;
	max-width: 100%;
}
#c4 {
	clear: both;
	margin: 5px 0 0 0;
	padding:    ;
}
#c4 h3,
#c4 div {
	text-align: left;
}

/* CF7スピナーは不要のため完全非表示（占有幅も0） */
#c4 .submit p {
	margin: 0;
	text-align: center;
}
#c4 .submit .wpcf7-spinner,
#c4 .submit .wpcf7-spinner.is-active {
	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 (min-width: 641px) and (max-width: 834px) {
#c1 {
}
#c2 {
}
#c5 {
}
#c3 {
}
#c4 {
}
}
@media screen and (max-width: 640px) {
#c1 {
}
#c2 {
}
#c5 {
}
#c3 {
}
#c4 {
}

/* 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;
}
}