@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------------------------------
 * 
 □■□■　備忘　□■□■

(最大解像度：1920×1080　分岐解像度：1280×768)
最小フォント ÷ 最小フォントの画面サイズ ✕ 100 = vw

* ------------------------------------------------------------------------------------------------------------------------------- */

.contact-form {
	width: 800px;
	margin: 0 auto;
}

label {
	display: block;
	margin: 20px 0 0 0;
}

.contact-form > div {
	display: flex;
}
.contact-form > div.message {
	display: block;
}

.contact-form > div > p {
	margin-bottom: 0;
}

.contact-form > div > div > p {
	margin-bottom: 10px;
	margin-right: 50px;
}

.contact-form em {
	color: red;
    font-weight: 500;
    margin: 0 0 0 10px;
	font-size: 14px;
}

.contact-form input {
	border: 1px solid #bdbdbd;
    padding: 5px 10px;
	appearance: auto;
}

.contact-form .checkbox span {
	margin-right: 20px;
}

.other input {
	width: auto;
	max-width: none;
}

.message textarea {
	width: 100%;
    max-width: 800px;
    height: 300px;
	border: 1px solid #bdbdbd;
    padding: 5px 10px;
}

.send {
	margin: 50px 0 0 0;
}


/* レスポンジブデザイン */
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適用される */
	.contact-form {
		width: 100%;
	}
	.contact-form > div {
		display: block;
	}
	.wpcf7-list-item {
		display: block;
	}
	.other .wpcf7-list-item {
		width: 100%;
	}
	.name input,
	.furigana input,
	.live input,
	.tel input,
	.mail-adress input,
	.message textarea {
		width: 320px;
	}
}