@charset "utf-8";
/* CSS Document */
/* --------------mobaile_fast--------------------- */

/* =====================================================
  ・ #secContactFlow (SP)
======================================================== */
#secContactFlow {
	padding-top: 80px;
	padding-bottom: 80px;
  background: url("../images/top/bg_dot.png") center repeat;
  background-size: 20px;
}
#secContactFlow .secInner {
	padding: 80px 10%;
	background: #fff;
}
#secContactFlow h1 {
	margin-bottom: 40px;
	font-size: 2.4rem;
	color: #6a3906;
	font-weight: bold;
}
#secContactFlow h2 {
	padding: 6px 23px;
	margin-bottom: 20px;
	background: #6a3906;
	border-radius: 4px;
	font-size: 1.8rem;
	color: #fff;
}
#secContactFlow p {
	margin-bottom: 40px;
	line-height: 2;
	text-align: justify;
}
/* =====================================================
  ・ #secContactFlow (SP)
======================================================== */
#secContact {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #fff;
}

#secContact h1 {
	margin-bottom: 40px;
	font-size: 2.4rem;
	font-weight: bold;
}
.formTable {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 40px;
	border-collapse: separate;
	border-spacing: 24px 10px;
	text-align: left;
}
.formTable th ,
.formTable td {
	display: block;
	width: 100%;
}
.formTable th {
	vertical-align: top;
	padding-top: 12px;
	white-space: nowrap;
}
/* =====================================================
  ・ フォーム　パーツ (SP)
======================================================== */
input,
textarea {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;      /* ゴシックの場合 */
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	font-size: 1.5rem;
	padding: 12px 22px;
	border-radius:3px;
	border: none;
	background: #eee;
}
input:focus, 
textarea:focus {
	box-shadow: 0px 0px 5px 2px rgba(106,57,0,.2);		/*影を付ける*/
	outline-style:none;				/*アウトライン無しにする*/
}
input[type="text"] ,
input[type="email"] {
	
}
input[type="submit"] {
	width: 100px;
	background: #fff;
  border: 1px solid #6a3906;
  padding: 12px ;
	border-radius: 4px;
	text-align: center;
  color: #6a3906;
  transition: all 0.4s ease-in-out;
}
input[type="submit"].submit:hover {
  background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}
/* =====================================================
  ・ 確認画面 (SP)
======================================================== */
#secConfirmation {
	padding-top: 80px;
	padding-bottom: 80px;
}
#secConfirmation h3 {
	border-bottom: 1px solid #6a3906;
	margin-bottom: 30px;
	font-size: 2.4rem;
	line-height: 2;
  color: #6a3906;
	font-weight: bold;
	text-align: center;
	letter-spacing: .4em;
}
#secConfirmation .boxError {
	padding-top: 40px;
	padding-bottom: 40px;
}
#secConfirmation p.error_messe{
	margin:5px 0;
	color:red;
}
#secConfirmation input[type="submit"], 
#secConfirmation input[type="reset"], 
#secConfirmation input[type="button"] {
	display:block;
	width:100%;
	max-width: 450px;
	height:40px;
	padding: 0;
	margin: 0 auto;
	background: rgba(106,57,0,.6);
	color: #fff;
	text-align: center;
  transition: all 0.4s ease-in-out;
}
#secConfirmation .formTable {
	margin: 80px auto;
}

#secConfirmation .formTable td {
	vertical-align: top;
	padding-top: 12px;
}
#secConfirmation .boxBtn input {
	margin: 40px auto;
}
#secConfirmation .boxBtn input[type="button"] {
	color:  #6a3906;
	background: #f1e5d4;
}
#secConfirmation .btnTop {
	width: 80%;
	max-width: 450px;
	height: auto;
	margin: 40px auto 0;
}
#secConfirmation .btnTop a {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 0;
	background: rgba(106,57,0,.6);
	color: #fff;
	text-align: center;
	letter-spacing: .2em;
  transition: all 0.4s ease-in-out;
}

@media screen and (min-width:960px) {
  /*　for PC　*/
	
	/* =====================================================
      基本設定 (min-width:960px) 
  ======================================================== */
  /* リンク----------------------------- */
  #secConfirmation .btnTop a:hover {
		opacity: .7;
  }
	#secContact input[type="submit"]:hover {
		cursor: pointer;
		background: #6a3906;
		color: #fff;
	}
	#secConfirmation input[type="submit"]:hover , 
	#secConfirmation input[type="reset"]:hover , 
	#secConfirmation input[type="button"]:hover  {
		cursor: pointer;
		opacity: .7;
	}
	/* =====================================================
		・ #secContactFlow (min-width:960px) 
	======================================================== */
	.formTable th ,
	.formTable td {
		display: table-cell;
		width: auto;
	}
	/* =====================================================
		・ 確認画面 (min-width:960px)
	======================================================== */
	#secConfirmation .secInner {
		max-width: 630px;
	}

}