@charset 'utf-8';

/* ++++++++++++++++++++++++++++++++++++++++

	/contact/

++++++++++++++++++++++++++++++++++++++++ */

/*contact*/
#contact>.inner {
  max-width: 1160px;
	width: 100%;
  margin: auto;
  padding: 60px 0 110px;
  background: #FFF5FC;
}
#contact>.inner>.box {
	width: 600px;
	margin: auto;
}
#contact h2 {
  text-align: center;
  margin-bottom: 35px;
}
#contact input[type="text"] {
  width: 100%;
  padding: 7px 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-size: 15px;
}
#contact textarea {
	width: 100%;
  padding: 7px 10px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-size: 15px;
	line-height: 1.5;
}
#contact dt {
  margin-bottom: 5px;
}
#contact dd {
	margin-bottom: 30px;
}
#contact #formBtn {
  display: block;
  position: relative;
  width: 310px;
  margin: 60px auto 0;
  padding-top: 0;
  line-height: 1;
}
#contact input[type="submit"] {
	display: block;
	width: 100%;
	margin: auto;
	padding: 17px;
	background: rgba(0,0,0,.8);
	border: none;
	box-sizing: border-box;
	appearance: none;
	color: #fff;
	line-height: 15px;
}
#contact #formBtn:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: '';
  width: 10px;
  height: 0;
  margin: -10px 20px 0 0;
  padding-bottom: 20px;
  background: url(../img/icon_arrow.svg) top center / cover no-repeat;
}
#contact .txt1 {
	text-align: center;
	margin-bottom: 15px;
	font-size: 16px;
}
#contact .btn-area {
	width: 100%;;
	margin: auto;
}
#contact .btn-area form {
	float: left;
	display: block;
	width: 295px;
	margin-bottom: 0;
	box-sizing: border-box;
}
#contact .btn-area form.back {
	margin-right: 10px;
}
#contact .comp_txt {
	text-align: center;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 2;
	padding: 50px 0;
}

/*back*/
#back {
  padding: 40px 0;
}
#back a {
	position: relative;
	display: block;
  width: 310px;
  margin: auto;
	padding: 17px;
  background: rgba(0,0,0,.8);
  border: none;
  box-sizing: border-box;
  appearance: none;
  color: #fff;
	text-align: center;
	text-decoration: none;
}
#back a:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: '';
  width: 10px;
  height: 0;
  margin: -10px 0 0 20px;
  padding-bottom: 20px;
  background: url(../img/icon_arrow2.svg) top center / cover no-repeat;
}



/* ++++++++++++++++++++++++++++++++++++++++

	SP

++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 767px) {
/*contact*/
	#contact>.inner {
		max-width: inherit;
		width: 100%;
		padding: 70px 0 70px;
	}
	#contact>.inner>.box {
		width: 90%;
	}
	#contact h2 {
		width: calc(420 / 690 * 100%);
		margin: 0 auto 35px;
	}
	#contact dd {
		margin-bottom: 20px;
	}
	#contact #formBtn {
		width: 100%;
		margin: 40px auto 0;
	}
	#contact input[type="submit"] {
		display: block;
		width: 100%;
		margin: auto;
		padding: 13px 0;
		color: #fff;
		line-height: 15px;
	}
	#contact .btn-area {
		margin: 30px auto 0;
	}
	#contact .btn-area form.back {
		margin-right: 5%;
	}
	#contact .btn-area form {
		float: left;
		display: block;
		width: 47%;
		margin-bottom: 0;
		box-sizing: border-box;
	}
	#contact .txt1 {
		margin-bottom: 25px;
		font-size: 12px;
	}
	#contact .comp_txt {
		text-align: center;
		margin-bottom: 15px;
		font-size: 13px;
		line-height: 2;
		padding: 10px 0 50px;
	}
	
/*back*/	
	#back a {
		width: 90%;
		padding: 13px 0;
	}
	
}