@charset "utf-8";

.contact_inner {
  width: 100%;
  max-width: 100%;
}
.contact_inner * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
}
.contact_inner dl {
  width: 100%;
  font-size: 14px;
  border: 1px solid #aaa;
  margin-top: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.contact_inner dt {
  width: 30%;
  padding: 20px;
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;;
}
.contact_inner dd {
  width: 70%;
  padding: 20px;
}

.contact_inner dt span {
  font-size: 10px;
  margin-left: 5px;
  color: #ff0000;
}

.contact_inner dd input {
  padding: 5px;
}
.contact_inner dd input[type="checkbox"],
.contact_inner dd input[type="radio"] {
  vertical-align: middle;
  margin-right: 5px;
}

.contact_inner dl.name dd > div {
  display: inline-block;
  width: 49%;
  margin-bottom: 10px;
  vertical-align: top;
}
.contact_inner dl.name dd > div label {
  display: inline;
}
.contact_inner dl.name dd > div input {
  display: inline;
  margin-left: 10px;
}
.contact_inner dl.name dd #check {
  display: inline;
}
.contact_inner dl.address input:not(:last-of-type) {
  margin-bottom: 15px;
}
.contact_inner dl dd ul {
  margin: 0;
}
.contact_inner dl.service ul {
  font-size: 12px;
}
.contact_inner .inquiry ul li,
.contact_inner .purpose ul li,
.contact_inner .mail_magazine ul li {
  display: inline;
  margin: 0 15px 0 0;
}
.contact_inner dl.inquiry textarea {
  margin-top: 10px;
}

.contact_inner .course_month {
  padding: 15px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 0;
}
.contact_inner .course_month:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.contact_inner .course_month li {
  display: block;
  margin: 0;
  font-size: 13px;
}
.contact_inner .course_month p {
  font-weight: bold;
  margin-bottom: 8px;
}

.contact_inner .detail li,
.contact_inner .enquete li {
  margin-bottom: 8px;
  font-size: 13px;
  margin-left: 0;
}
.contact_inner .enquete li:last-child {
  margin-top: 15px;
}

.contact_inner .detail textarea,
.contact_inner .enquete input[type="text"] {
  width: 100%;
  margin-top: 10px;
}
.contact_inner .enquete input[type="text"] {
  display: block;
}

.contact_inner dl.company_name input,
.contact_inner dl.division textarea,
.contact_inner dl.position input,
.contact_inner dl.email input,
.contact_inner dl.phone input,
.contact_inner dl.zip_code input,
.contact_inner dl.address input,
.contact_inner dl.inquiry textarea {
  padding: 5px;
  width: 100%;
}

.contact_inner input[type="submit"] {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e65f7f;
  color: #e55f7f;
  margin-top: 30px;
  font-size: 18px;
  padding: 10px;
  width: 300px;
  max-width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.contact_inner input[type="submit"]:hover {
  background-color: #e55f7f;
  color: #fff;
}
.contact_inner input[type="submit"][disabled]{
	background:#DCDCDC;
    cursor:not-allowed; /* 禁止カーソル */
	color: #fff;
	border: 1px solid #999;
	}
	
.formErrorContent {
  font-size: 10px;
  background-color: #ff0000;
  color: #fff;
  margin-top: -10px;
  padding: 4px 8px;
  border-radius: 4px;
}

.service .form-validation-field-6formError {
  margin-top: 40px !important;
  margin-left: 26px;
  z-index: 100;
}

.contact_inner input[type="submit"] .submit-btn{
	
}
.contact_inner input[type="submit"].submit-btn:hover{
}

@media (max-width: 767px) {

  .contact_inner dt,
  .contact_inner dd {
    width: 100%;
    padding: 15px;
    background-color: #fff;
  }

  .contact_inner dt {
    font-weight: bold;
    padding-bottom: 10px;
  }

  .contact_inner dd {
    padding-top: 0;
  }

  .contact_inner dl.name dd > div {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  
  .contact_inner .course_month li {
	  margin: 0 0 0.5em 0;
	  }

}

.privacyBlock{
	margin:1em auto;
	width:85%;
	text-align:left;
	background-color: #eee;
    padding: 15px;
	border:1px solid #aaa;
}
.privacyBox{
	background-color:#fff;
	margin:1em auto;
	padding:5px;
	height:120px;
	overflow:scroll;
	border:1px solid #aaa;
}