@charset "UTF-8";
/* CSS Document */

/*背景画像固定スクロール*/
.cd-fixed-bg.cd-bg-5 {
  background-image: url("../image/index_background/5.jpg");
}

/*背景画像固定スクロール スマートフォン用*/
.cd-fixed-bg.cd-bg-5 {background:none} /*PC用の背景はオフ*/
.cd-fixed-bg.cd-bg-5::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../image/index_background/5.jpg) center/cover no-repeat; /*fixedを取る*/
  -webkit-background-size:cover;/*Android4*/
  }

/*お問い合わせフォーム*/
.contact {
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}

/* テーブルの横幅を指定 */
.lisket-form-maker-form table {
	width: 600px;
	font-size: 11pt;
	margin: 0 auto;
}            

/* テーブルの枠線のスタイルを指定 */
.lisket-form-maker-form td,
.lisket-form-maker-form th {
	border: 1px solid #aaa;
}

/*見出し*/
.lisket-form-maker-form th {
	width: 198px;
	background-color: #eee;
	padding: 15px;
	display: table-cell;
	vertical-align: middle;
	font-family: "游明朝 Medium","Yu Mincho Medium","YuMincho Medium","Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/*入力*/
.lisket-form-maker-form td {
	width: 598px;
	padding: 15px; 
}

/*入力フォームの幅を変更*/
.lisket-form-maker-form input {
	width: 98%;
}

/* 例テキストの文字色を指定 */
.lisket-form-maker-form span.example {
	color: #ca9d6c;
}

.form_button {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}

.form_button input {
	margin-bottom: 10px;
}

/*公式で指定されてる電話番号の高さ指定解除*/
#data_field_2 {
	height: auto;}


#data_field_3 {
	width: 98%;        /*本文(必須)のformの幅指定*/
	height: 400px;     /*本文(必須)のformの高さ追加*/
	resize: none;	   /*入力フォームのサイズ変更を「不可」に変更*/
	border: 1px solid #aaa;
}

/*送信ボタンのtdのラインを消す*/
.no_line {
	border: #fff solid 1px;
}

/*送信完了画面/mail/thanks.html*/
.text_area {
	width: 50%;
	margin:0 auto;
}

/*===== max-width: 960px ===================================================================*/
@media (max-width: 960px){
	/*送信完了画面/mail/thanks.html*/
	.text_area {
		width: 60%;
	}
}

/*===== max-width: 768px ===================================================================*/
@media (max-width: 768px){
	/*送信完了画面/mail/thanks.html*/
	.text_area {
		width: 72%;
	}
}
/*===== max-width: 667px ===================================================================*/
@media (max-width: 667px){
	
	/*お問い合わせフォーム*/
	/* テーブルの横幅を指定 */
	.lisket-form-maker-form table {
		width: 480px;
		font-size: 9.5pt;
		margin: 0 auto;
	}                

	/*見出しセル*/
	.lisket-form-maker-form th {
		width:108px;
		padding: 15px;
	}

	/*入力セル*/
	.lisket-form-maker-form td {
		width:308px;
		padding: 15px;
	}
	
	/*入力フォーム*/
	#data_field {
	font-size: 9.5pt;
	}
	
	/*入力フォーム*/
	#data_field_3 {
	font-size: 9.5pt;
	}
}

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

	/*お問い合わせフォーム*/
	/* テーブルの横幅をピクセルで指定 */
	.lisket-form-maker-form table {
		width: 400px;
		font-size: 9pt;
	}

	/*見出し*/
	.lisket-form-maker-form th {
		width:88px;
		padding: 10px;
	}

	/*入力*/
	.lisket-form-maker-form td {
		width:268px;
		padding: 10px;
	}
	
	/*入力フォーム*/
	#data_field {
	font-size: 9pt;
	}
	
	/*入力フォーム*/
	#data_field_3 {
	height: 300px;
	font-size: 9pt;
	}
	
	/*送信完了画面/mail/thanks.html*/
	.text_area {
		width: 80%;
	}
}

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

	/*お問い合わせフォーム*/
	.contact {
		width: 360px;
		margin: 0 auto;
	}
	
	/* テーブルの横幅を指定 */
	.lisket-form-maker-form table {
		width: 360px;
		font-size: 9.5pt;
		margin: 0 auto;
	} 
	
	/*見出し*/
	.lisket-form-maker-form th {
		width: 83px;
		padding: 10px;
		font-size: 9pt;
	}
	
	/*見出し*/
	.lisket-form-maker-form td {
		width: 253px;
		padding: 10px;
		font-size: 9pt;
	}
	
	/*入力フォーム*/
	#data_field {
	font-size: 9pt;
	}
	
	/*入力フォーム*/
	#data_field_3 {
	height: 300px;
	font-size: 9pt;
	}
}