@charset "utf-8";
/* CSS Document */
#contact_contents{
	width: 95%;
	max-width: 1000px;
}

#contact_contents .txt_box{ margin-top: 20px;  line-height: 1.6;}
#contact_contents .required_items{
		color: #FF0004;
	padding-left: 1rem;
}


/* SP ///////////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
#contact_contents{	margin: 20px auto;}
	
#contact_contents dl.form{ margin-top: 30px; }
#contact_contents dl.form dt{
	background-color: #eee;
	padding: 6px;
}
#contact_contents dl.form dd{
	padding: 6px 6px 20px 6px;
}

#contact_contents dl.form dd .txt{ margin-top: 8px;}


}


/* PC ///////////////////////////////////////////////////// */
@media screen and (min-width: 769px) {
#contact_contents{	margin: 30px auto;}
	
#contact_contents dl.form{
	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;
	
	margin-top: 30px;
}

#contact_contents dl.form dt{
	width: 30%;
	margin-top: 2px;
	background-color: #eee;
	padding: 12px 10px;
}
#contact_contents dl.form dd{
	width: 68%;
	margin-top: 2px;
	padding: 12px 10px;
}
#contact_contents dl.form dd .txt{ margin-top: 8px;}
}



/* --------------------------------------------------------------------------------------
 フォーム装飾
--------------------------------------------------------------------------------------- */
#contact_contents dl.form dd{	position: relative;}

#contact_contents .w50{ 
	display: inline-block;
	width: 40%;
}
#contact_contents .w30{ 
	display: inline-block;
	width: 20%;
}

#contact_contents input[type='text'], 
#contact_contents input[type='tel'], 
#contact_contents input[type='email'], 
#contact_contents textarea{
	width: 100%;
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	border: 1px solid #1b2538;
	border-radius: 4px;
}
#contact_contents input::placeholder {
  color: #aaa;
}
#contact_contents .ef input[type='text']:focus,
#contact_contents .ef textarea:focus{
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}

#contact_contents .btn_box{
	margin: 30px auto;
	text-align: center;
}
#contact_contents .button {
  display       : inline-block;
  border-radius : 8px;
  text-align    : center;
  cursor        : pointer;
  padding       : 10px 20px;
  background    : #cececf;
  color         : #000000;
  transition    : .3s;
	font-weight: bold;
	margin-top: 10px;
}
#contact_contents .button:hover {
  color         : #fff;
  background    : #F29600;
}