@charset 'UTF-8';

/* â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– 

	コンタクトフォーム7　お問い合わせフォーム

â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â–  */



/* ================================================================================

	PC・SP共通設定

================================================================================ */


.contact_f7 {
	width: 100%;
}

/* ボーダー色 */
.contact_f7 th,
.contact_f7 td {
	border-bottom: solid 1px #fdc8ac;
}

/* 住所ボーダー非表示 */
.contact_f7 tr.address_cell th,
.contact_f7 tr.address_cell td {
	border-bottom: none;
	padding-bottom: 0;
}

/* 項目名 */
.contact_f7 th {
	text-align: left;
	font-weight: normal;
}

/* å¿…é ˆ */
.contact_f7 th span {
	color: #cc0000;
	display: inline-block;
	padding-left: 15px;
	font-size: 90%;
}

/* 入力エリア */
.contact_f7 td input[type="text"],
.contact_f7 td input[type="email"],
.contact_f7 td textarea {
	width: 100%;
	border: 1px solid #fdc8ac;
	padding: 5px;
}

/* セレクトボタン */
.contact_f7 select {
	width: 150px;
	border: 1px solid #cccccc;
	padding: 5px;
}

/* ラジオボタン */
.contact_f7 input[type="radio"] {
	vertical-align: 0px;
}
.contact_f7 span.wpcf7-list-item,
.contact_f7 span.wpcf7-list-item.first {
	margin: 0 1em 0 0;
}

/* 送信ボタン */
.btn_submit {
	text-align: center;
}
.wpcf7 .ajax-loader {
	position: absolute;
}
.wpcf7c-elm-step1 {
	margin: 0 0 0 20px;
}
.btn_submit input[type="submit"],
.btn_submit input[type="button"] {
	background-color: #f7722a;
	color: #ffffff;
	border: none;
	cursor: pointer;
	cursor: hand;

	opacity: 1;
	transition-property: color,opacity,background-color;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	border-radius: 10px
}
.btn_submit input[type="submit"]:hover,
.btn_submit input[type="button"]:hover {
	background-color: #fbb28b;
	border-radius: 10px
}

/* チェックボックス */
.contact_f7 input[type="checkbox"] {
	vertical-align: -0.05em;
}



/* 確認画面
----------------------------------------------- */
input:-webkit-autofill.wpcf7c-conf {
	-webkit-box-shadow: none !important;
	border: none !important;
	background: transparent !important;
}
input:-webkit-autofill.wpcf7c-conf:focus {
	border: none !important;
}
.wpcf7c-conf {
	background: transparent !important;
	border-color: transparent !important;
	color: inherit;
}
.wpcf7c-conf:focus {
	border-color: transparent !important;
}




/* ================================================================================

	PC設定

================================================================================ */
@media (min-width: 768px) {

	/* プライバシーポリシー
	----------------------------------------------- */
	.privacy_policy {
		position: relative;
		background-color: #fdf7e3;
		padding: 40px;
		margin: 0 auto 40px;
		border-radius: 10px
	}
	.privacy_policy h3 {
		font-size: 1.2em;
		font-weight: bold;
	}


	/* コンタクトフォーム
	----------------------------------------------- */
	.contact_f7 {
	}
	.contact_f7 th,
	.contact_f7 td {
		padding: 15px;
	}
	.contact_f7 th {
		width: 300px;
		vertical-align: top;
	}

	/* 郵便番号 */
	.contact_f7 input#zip1 {
		width: 100px;
	}
	.contact_f7 input#zip2 {
		width: 160px;
	}

	/* 送信ボタン */
	.btn_submit {
		margin-top: 30px;
	}
	.btn_submit input {
		padding: 15px 60px;
		font-size: 18px;
	}
}





/* ================================================================================

	SP設定

================================================================================ */
@media (max-width: 767px) {

	/* プライバシーポリシー
	----------------------------------------------- */
	.privacy_policy {
		position: relative;
		background-color: #fdf7e3;
		padding: 4vw;
		margin: 0 auto 6vw;
		border-radius: 10px
	}
	.privacy_policy h3 {
		font-size: 1.2em;
		font-weight: bold;
	}


	/* コンタクトフォーム
	----------------------------------------------- */
	.contact_f7 {
	}
	.contact_f7 th,
	.contact_f7 td {
		width: 100%;
		display: block;
	}
	.contact_f7 th {
		border-bottom: none;
		padding: 3% 0 1%;
	}
	.contact_f7 td {
		padding-bottom: 5%;
	}

	/* ラジオボタン */
	span.wpcf7-list-item {
		margin: 0 !important;
		display: block;
	}

	/* 郵便番号 */
	.contact_f7 input#zip1 {
		width: 36%;
	}
	.contact_f7 input#zip2 {
		width: 42%;
	}

	/* 送信ボタン */
	.btn_submit {
		margin-top: 4vw;
	}
	.btn_submit input {
		padding: 15px 40px;
	}
}









/* â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– 

	☆彡引っ越し専用CSS☆彡

â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â–  */

/* 電話じゃない番号へのaタグ */
.no_tel {
	pointer-events: none;
}


/* ================================================================================

	PC設定

================================================================================ */
@media (min-width: 768px) {

	/* 見出し
	----------------------------------------------- */
	.form_komoku {
		font-size: 24px;
		padding: 0.4em 0.7em;
		border-left: 0.4em solid #f7722a;
		font-weight: 400;
		border-bottom: dashed 1px #7e7e7e;
		margin: 2em auto 1em !important;
		background: #fcfcfc;
		color: #595959;
	}
	.form_komoku_en {
		font-size: 16px;
	}
	.informaton_table .red,
	.komoku_table .red {
		color: #ff0000;
	}

	/* 基本情報など
	----------------------------------------------- */
	.informaton_table table {
		border-collapse: collapse;
		width: 100%;
		margin: 0 auto;
	}
	.informaton_table th,
	.informaton_table td {
		font-size: 16px;
		font-weight: 300;
		text-align: left;
		border: 1px solid;
		padding: 1em 0.5em;
		border-color: #fdc8ac;
	}
	.informaton_table th {
		width: 20%;
		background-color: #fdf7e3;
	}
	.informaton_table td {
		width: 80%;
	}

	.informaton_table input {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: solid 1px #cccccc;
		padding: 7px;
	}

	/* 備考入力文 */
	span.nyuryoku_biko {
		color: #666666;
		font-size: 12px!important;
		margin-left: 6px;
	}

	/* 未入力注意文 */
	span.wpcf7-not-valid-tip {
		color: #FF0000;
		font-size: 12px!important;
		margin-left: 6px;
		display: inline-block!important;
	}

	/* 色々 */
	.informaton_table .wpcf7-list-item span,
	.informaton_table .wpcf7-list-item input {
		display: inline-block;
		vertical-align: middle !important;
	}
	.informaton_table span.wpcf7-list-item.first {
		display: inline-block;
		margin: 0 0 0 0;
	}
	.informaton_table div.wpcf7-validation-errors,
	.informaton_table div.wpcf7-acceptance-missing {
		background-color: #E16161;
		color: #ffffff;
		border: 0!important;
	}


	/* 項目のテーブル
	----------------------------------------------- */
	.komoku_table {
	}
	.komoku_table table {
		width: 100%;
	}
	.komoku_table table td {
		width: 25%;
		font-size: 16px;
		text-align: center;
		padding: 1em 0;
		border: 1px solid #fdc8ac;
	}
	.list_pic {
		margin-top: 5px;
		text-align: center;
	}
	.list_pic img {
		width: 90px;
	}


	/* 備考欄
	----------------------------------------------- */
	.def_text {
		font-size: 16px;
		color: #f7722a;
		padding: 0 0 10px 0;
	}
	.biko_text_area textarea[name="biko_text"] {
		width: 100%;
		height: 350px !important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: solid 1px #cccccc;
		padding: 0.5em;
	}


	/* 修正するボタン
	----------------------------------------------- */
	.btn_submit input[type="button"] {
		margin-left: 8px;
	}

}





/* ================================================================================

	SP設定

================================================================================ */
@media (max-width: 767px) {

	/* SPの項目消すとき */
	.sp_nashi {
		display: none !important
	}

	/* 見出し
	----------------------------------------------- */
	.form_komoku {
		font-size: 5vw;
		padding: 0.4em 0.7em;
		border-left: 0.4em solid #f7722a;
		font-weight: 400;
		border-bottom: dashed 1px #7e7e7e;
		margin: 2em auto 1em !important;
		background: #fcfcfc;
		color: #595959;
	}
	.form_komoku_en {
		font-size: 3.5vw;
	}
	.informaton_table .red,
	.komoku_table .red {
		color: #ff0000;
	}

	/* 基本情報など
	----------------------------------------------- */
	.informaton_table table {
		border-collapse: collapse;
		width: 100%;
		margin: 0 auto;
	}
	.informaton_table th,
	.informaton_table td {
		display: block;
		font-size: 3.5vw;
		font-weight: 300;
		text-align: left;
		border-left: 1px solid;
		border-right: 1px solid;
		border-bottom: 1px solid;
		padding: 1em 0.5em;
		border-color: #fdc8ac;
	}
	.informaton_table th {
		background-color: #fdf7e3;
	}
	.informaton_table td {
	}
	.informaton_table tr:first-of-type th {
		border-top: 1px solid #fdc8ac;
	}

	.informaton_table input {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: solid 1px #cccccc;
		padding: 0.5em;
	}

	/* 備考入力文 */
	span.nyuryoku_biko {
		color: #666666;
		font-size: 3vw;
		margin-left: 0.4em;
	}

	/* 未入力注意文 */
	span.wpcf7-not-valid-tip {
		color: #FF0000;
		font-size: 3vw;
		margin-left: 0.4em;
		display: inline-block!important;
	}

	/* 色々 */
	.informaton_table .wpcf7-list-item span,
	.informaton_table .wpcf7-list-item input {
		display: inline-block;
		vertical-align: middle !important;
	}
	.informaton_table span.wpcf7-list-item.first {
		display: inline-block;
		margin: 0 0 0 0;
	}
	/* 送信ボタン */
	.informaton_table .btn_submit {
		margin: 8vw 0 0 0;
	}
	.informaton_table div.wpcf7-validation-errors,
	.informaton_table div.wpcf7-acceptance-missing {
		background-color: #E16161;
		color: #ffffff;
		border: 0!important;
	}


	/* 項目のテーブル
	----------------------------------------------- */
	.komoku_table {
	}
	.komoku_table table {
		width: 100%;
		clear: both;
		border-right: 1px solid #fdc8ac;
		border-bottom: 1px solid #fdc8ac;
	}
	.komoku_table table td {
		display: block;
		width: 50%;
		height: 40vw;
		font-size: 3.5vw;
		letter-spacing: 0;
		text-align: center;
		padding: 1em 0;
		border-left: 1px solid #fdc8ac;
		border-top: 1px solid #fdc8ac;
		float: left;
	}
	.list_pic {
		margin-top: 1vw;
		text-align: center;
	}
	.list_pic img {
		width: 20vw;
		height: 20vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}


	/* 備考欄
	----------------------------------------------- */
	.def_text {
		font-size: 3.5vw;
		color: #f7722a;
		padding: 0 0 3vw 0;
	}
	.biko_text_area textarea[name="biko_text"] {
		width: 100%;
		height: 30vw !important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: solid 1px #cccccc;
		padding: 0.5em;
	}


	/* 修正するボタン
	----------------------------------------------- */
	.btn_submit input[type="button"] {
		margin-left: 8px;
	}

}