@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------------------------------------------
 PC
--------------------------------------------------------------------------------------- */
@media screen and (min-width: 960px) {
#contact_contents{padding:90px 0;}
#contact_contents h2.contents_title{
  width: 100%;
  height: 90px;
  background: url("../../contact/img/title.jpg") center top;
  background-size: auto 100%;
  text-align: center;
  color: #fff;
  line-height: 90px;
  font-weight: bold;
}
#contact_contents h3.title{
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 20px;
}
#contact_contents h4.contact_contents_title{ font-weight: bold; }

#contact_contents form{margin-top: 20px;}

/* 申込書請求フォーム ///////////////////////////////////////////////////// */
#contact_contents .form_box{
  width: 95%;
  max-width: 960px;
  margin:100px auto 0 auto;
}
#contact_contents .form_box dl{
  margin-top: 20px;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contact_contents .form_box dt {
  display: flex;
  width: 30%;
  /*align-self:center;*/
  
  padding: 8px;
}

#contact_contents .form_box dd {
  width: 70%;
  padding: 8px;
}

#contact_contents .form_box span.required{ font-size: 1.2rem; color: #ff0000; padding-left: 1rem;}

#contact_contents .form_box .form_btn{
  margin-top: 30px;
  text-align: center;
}

#contact_contents .form_box .policy_btn{
	text-align: center;
	margin-top: 80px;
}

}



/* --------------------------------------------------------------------------------------
 SP
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 959px) {
#contact_contents{padding:74px 0;}
#contact_contents h2.contents_title{
  width: 100%;
  height: 90px;
  background: url("../../contact/img/title.jpg") center top;
  background-size: auto 100%;
  text-align: center;
  color: #fff;
  line-height: 90px;
  font-weight: bold;
}
#contact_contents h3.title{
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 20px;
}
#contact_contents h4.contact_contents_title{ font-weight: bold; }

#contact_contents form{margin-top: 20px;}

/* 申込書請求フォーム ///////////////////////////////////////////////////// */
#contact_contents .form_box{
  width: 95%;
  margin:60px auto 0 auto;
}

#contact_contents .form_box dl{
  margin-top: 20px;
}
#contact_contents .form_box dt {
  background-color: #eee;
  padding: 8px;
}

#contact_contents .form_box dd {
  padding: 8px;
}
#contact_contents .form_box span.required{ font-size: 1.2rem; color: #ff0000; padding-left: 1rem;}

#contact_contents .form_box .form_btn{
  margin-top: 30px;
  text-align: center;
}

#contact_contents .form_box .policy_btn{
	text-align: center;
	margin-top: 80px;
}



}