@charset "UTF-8";
@import "../../include/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document form
--------------------------------------------------------- */

#form {
  margin: 0 20px 40px;
  text-align: left;
}

#form h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: normal;
  font-size: 5vmin;
}

#form .table {
  margin-bottom: 25px;
  padding: 25px 20px;
  background: #f4eeeb;
  text-align: left;
}

#form dl:not(:last-of-type) {
  margin-bottom: 20px;
}

#form dt {
  margin-bottom: 10px;
  line-height: 18px;
}

#form dt em {
  display: inline-block;
  vertical-align: 2px;
  height: 18px;
  margin-left: 5px;
  padding: 0 4px;
  background: #b92765;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
}

#form dd {
  font-size: 0;
}

/* ---------------------------------------------------------
	CSS Document form > subject
--------------------------------------------------------- */

#form .subject label {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-size: 3.6vmin;
  line-height: 30px;
}

#form .subject input {
  display: inline-block;
  vertical-align: -3px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  -webkit-appearance: radio;
  appearance: radio-button;
}

#form .textarea {
  margin-top: 20px;
}

/* ---------------------------------------------------------
	CSS Document form > privacy
--------------------------------------------------------- */

#form .privacy {
  width: 100%;
  margin: 0 auto 40px;
  text-align: left;
  border: 1px solid #c8c8c8;
  padding: 10px 15px;
  height: 150px;
  overflow-y: auto;
  background: #fff;
}

#form .checkbox {
	margin: 0 auto;
	width: fit-content;
	font-size: 15px;
	cursor: pointer;
}

#form .checkbox span {
	display: inline-block;
	vertical-align: 2px;
	height: 18px;
	margin-left: 5px;
	padding: 0 4px;
	background: #b92765;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
}

#form .checkbox input {
	width: 18px;
	height: 18px;
	margin-right: 6px;
	-webkit-appearance: checkbox;
	appearance: checkbox;
}


/* ---------------------------------------------------------
	CSS Document width
--------------------------------------------------------- */

#form .w48 {
  width: calc(50% - 3px);
}

#form .w48:first-of-type {
  margin-right: 6px;
}

#form .w100 {
  width: 100%;
}

/* ---------------------------------------------------------
	CSS Document form > btn
--------------------------------------------------------- */

#form p {
  margin-bottom: 30px;
  font-size: 3vmin;
}

#form p a:after {
  display: inline-block;
  vertical-align: top;
  content: "";
  width: 14px;
  height: 24px;
  margin-left: 7px;
  background: url(../../include/images/ico_external.png) no-repeat left / 100% auto;
}

#form .btn {
  text-align: center;
}

#form .btn input {
  width: 280px;
  height: 60px;
  border: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f18931;
  background: -moz-linear-gradient(top, #f18931 0%, #e1655e 100%);
  background: -webkit-linear-gradient(top, #f18931 0%, #e1655e 100%);
  background: linear-gradient(to bottom, #f18931 0%, #e1655e 100%);
  font-size: 22px;
  color: #fff;
}