
/*-----------------------------------------------
	index
-----------------------------------------------*/
/*cmnTop*/
.cmnTop{
	background:url(../img/contact/bgTop.jpg) no-repeat center top;
}
@media only screen and (max-width:767px){
	.cmnTop{
		background:url(../img/contact/bgTop_sp.jpg) no-repeat center top /cover;
	}
}
/*secForm*/
#secForm .wrapForm{
	width:1000px;
	margin: 75px auto 120px;
}
#secForm .dlBox{
	display:table;
	width:100%;
	color:#333;
}
#secForm .dtBox{
	display:table-cell;
	vertical-align:middle;
	width:280px;
	border:#AA9F8C solid 1px;
	border-bottom:none;
	background:#E3DFDB;
	padding: 25px 30px;
}
#secForm .dlBox:last-child .dtBox{
	border-bottom:#AA9F8C solid 1px;
}
#secForm .dtBox .inner{
	position:relative;
}
#secForm .dtBox .inner .txt{
	font-size:15px;
	letter-spacing:1.5px;
	font-weight:500;
	max-width:170px;
	float:left;
	padding-top:2px;
	line-height:1.4;
}
#secForm .dtBox .inner .txt2{
	font-size:13px;
	line-height:1.5;
	letter-spacing:1px;
}
#secForm .dtBox .inner .must{
	float:right;
	width:40px;
	height:20px;
	background:#CC3333;
	color:#FFF;
	text-align:center;
	line-height:20px;
	font-weight:300;
	letter-spacing:1px;
}
#secForm .ddBox{
	display:table-cell;
	vertical-align:middle;
	border-top:#AA9F8C solid 1px;
	border-right:#AA9F8C solid 1px;
	padding:25px 30px;
	font-size:14px;
	line-height:1.5;
}
#secForm .dlBox:last-child .ddBox{
	border-bottom:#AA9F8C solid 1px;
}
#secForm .ddBox .labelList li{
	font-size:15px;
	font-weight:500;
	letter-spacing:1.5px;
	margin-bottom:9px;
	line-height:1.2;
	margin-top:-15px;
}
#secForm .ddBox label{
	display:inline-block;
}
#secForm .checkbox{
	opacity:0;
}
#secForm .txtCheck{
  padding-left: 20px;
  position:relative;
  display:block;
}
#secForm .txtCheck::before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #666;
  background:#FFF;
}
#secForm .checkbox:checked + .txtCheck::after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 4px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #666;
  border-right: 3px solid #666;
}

#secForm .ddBox label:last-child{
	margin-bottom:0;
}
/*#secForm .ddBox label .checkbox{
	background:#FFF;
	border:#666 solid 1px;
	border-radius:0;
	margin-right:10px;
}*/

#secForm input[type="text"],
#secForm input[type="tel"],
#secForm input[type="email"],
#secForm input[type="password"]{
	height:50px;
	background:#fff;
	border:solid 1px #666;
	text-indent:10px;
	font-size:15px;
	letter-spacing:1px;
}

#secForm input[type="text"].inputRequired,
#secForm input[type="tel"].inputRequired,
#secForm input[type="email"].inputRequired,
#secForm input[type="password"].inputRequired,
#secForm select.inputRequired{
	background:#FFFFF0;
	border:solid 1px #CC3333;
}
#secForm input[type="text"].inputRequired.error,
#secForm input[type="tel"].inputRequired.error,
#secForm input[type="email"].inputRequired.error,
#secForm input[type="password"].inputRequired.error,
#secForm select.inputRequired.error{
	background:#FFFFF0;
	border:solid 1px #CC3333;
}
#secForm textarea{
	width:100%;
	height:160px;
	background:#fff;
	border:solid 1px #666;
	padding-left:10px;
	padding:15px 10px;
	font-size:15px;
	letter-spacing:1px;
}
#secForm .txtNote{
	font-size:12px;
	line-height:1.4;
	margin-top:8px;
}
#secForm .pr20{
	padding-right:20px;
}
#secForm .txtError{
	color:#f00;
	font-size:12px;
	background:url(../img/common/iconError.png) left top no-repeat;
	background-size:14px;
	padding:0 0 0 17px;
	margin-top:14px;
	line-height:14px;
}
#secForm .w190{width:190px;}
#secForm .w350{width:350px;}
#secForm .w100p{width:100%;}
#secForm .txtAttend{
	text-align:center;
	font-size:15px;
	margin-top:60px;	
}
#secForm .txtAttend .txtLink{
	color:#00195F;
	border-bottom: solid 1px #00195F;
	padding-bottom:5px;
}
#secForm .btnForm{
	display:block;
	width:320px;
	height:94px;
	background:#333;
	color:#FFF;
	text-align:center;
	font-size:18px;
	letter-spacing:2px;
	line-height:94px;
	margin:48px auto 0;
}
#secForm .btnBack{
	display:block;
	width:180px;
	height:74px;
	background:#999;
	color:#FFF;
	text-align:center;
	font-size:16px;
	line-height:74px;
	margin:20px auto 0;
	letter-spacing:2px;
}
#secForm .txtCo{
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:25px;
	text-align:center;
}
@media only screen and (max-width:767px){
	#secForm .wrapForm{
		width:100%;
		margin: 25px auto 70px;
	}
	#secForm .dlBox{
		display:block;
	}
	#secForm .dtBox{
		display:block;
		width:100%;
		border:none;
		padding: 16px 10px;
	}
	#secForm .dlBox:last-child .dtBox{
		border-bottom:none;
	}
	#secForm .dtBox .inner .txt{
		font-size:13px;
		max-width:100%;
	}
	#secForm .dtBox .inner .txt2{
		font-size:10px;
	}
	#secForm .ddBox{
		display:block;
		border-top:none;
		border-right:none;
		padding:20px 10px;
		font-size:13px;
	}
	#secForm .dlBox:last-child .ddBox{
		border-bottom:none;
	}
	#secForm .ddBox .labelList li{
		font-size:3.4vw;
		font-weight:500;
		letter-spacing:1.5px;
		margin-bottom:5px;
		margin-top:-12px;
	}
	#secForm .txtCheck{
		padding-left:18px;
	}
	#secForm .ddBox .labelList li:last-child{
		margin-bottom:0;
	}
	#secForm .ddBox label .checkbox{
		margin-right:5px;
	}
	#secForm textarea{
		width:100%;
		height:120px;
		font-size:12px;
	}
	#secForm .pr20{
		padding-right:10px;
	}
	#secForm .ws40p{width:40%;}
	#secForm .ws100p{width:100%;}
	#secForm .txtAttend{
		text-align:center;
		font-size:3.4vw;
		margin-top:20px;
		line-height:1.6;
	}
	#secForm .txtAttend .txtLink{
		border-bottom:none;
	}
	#secForm .btnForm{
		width:80%;
		height:80px;
		font-size:16px;
		line-height:80px;
		margin:25px auto 0;
	}
	#secForm .btnBack{
		width:50%;
		height:60px;
		font-size:14px;
		line-height:60px;
		margin:15px auto 0;
	}
	#secForm .txtCo{
		font-size:3.2vw;
		width:93.75%;
		margin:0 auto 15px;
		line-height:1.6;
	}	
}
/* secFormOk */
.secFormOk{
	text-align:center;
	font-size:15px;
	line-height:1.6;
	letter-spacing:1px;
}
.secFormOk .txtOk{
	font-size:20px;
	font-weight:bold;
	margin:0 0 30px;
}
.secFormOk .txtOk2{
	text-align:center;
	margin-bottom:50px;
}

@media only screen and (max-width:767px){
	#secForm.secFormOk{
		font-size:13px;
		padding:40px 5% 20px;
	}
	.secFormOk .txtOk{
		margin:40px 0 15px;
	}
	.secFormOk .txtOk2{
		text-align:left;
		margin-bottom:30px;
	}
	
}


