@charset "utf-8";
/* CSS Document */
#contents #main{width:90%;max-width: 1000px !important;}
#contents #main #title{background:#a29784; }

#form{clear:both; margin-top:10px;}
#form dl{background:#ECE5DA; border-bottom:1px solid #898989; border-right:1px solid #898989; border-left:1px solid #898989; padding:0;}
#form dl:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#form dl{zoom:1;}
#form dl dt{clear:both; float:left;width: 28%; min-width:150px; padding:0.5em; border-top:1px solid #898989; background:#ECE5DA; line-height:20px;box-sizing: border-box;}
#form dl dd{float:left; background:#fff; width:72%; padding:0.5em; border-top:1px solid #898989; border-left:1px solid #898989; line-height:20px; min-height:20px;box-sizing: border-box;}
* html #form dl dd{height:20px;}
#form dl dd textarea{height:140px;width: 80% !important;}
#form dl dd input:focus,#form dl dd textarea:focus{background:#fff;}



.formtext{
padding-top: 10px;
clear: both;
}

@media screen and (max-width: 800px) {
#form dl dt{
clear: both;
float: none;
width: 100%;
}
#form dl dd{
float: none;
width: 100%;
border-left: none;
}
}


#contact-form input[type="text"]{
padding: 0.4em;
}

/*--------------------------------*/
#contact-form #ZIP01{
width: 50%;
max-width: 320px;
margin-right: 0.5em;
}
#contact-form #NAME01,
#contact-form #KANA01,
#contact-form #NAME10,
#contact-form #ADDR01{
max-width: 680px;
}
#contact-form #TEL,
#contact-form #FAX,
#contact-form #EMAIL{
max-width: 100%;
}
#contact-form #REMARKS{
clear: both;
max-width: 100%;
}
#contact-form td.inquiryd-check label{
display: inline-block;
width: 190px;
margin-bottom: 5px;
}
#contact-form td.inquiryd-check label:nth-child(2n){
margin-right: 300px;
}


#contact-form #zip-btn{
cursor: pointer;
color: #fff;
font-size: 14px;
border: 1px solid #a29784;
border-radius: 16px;
padding: 0.3em 1em;
background: #a29784;
box-sizing: border-box;
vertical-align: top;
}


@media screen and (max-width: 810px) {

#contact-form td.inquiryd-check label:nth-child(2n){
margin-right: 0;
}
}

/*--------------------------------*/
label.error{
color: #c00;
}
input.error,
textarea.error{
border-color:#c00;
background: #fff0f0;
}
/*--------------------------------*/

#contact-btn a{
	display:block;
  width: 100%;
	max-width:292px;
	margin:0 auto 1em;
	padding:0.5em 0.5em !important;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	background:#1EBFA0;
	border-radius:10px;
	border:none;
  box-sizing:border-box;
}
#contact-btn input{
	display:block;
  width: 100%;
	max-width:292px;
	margin:0 auto 1em;
	padding:0.5em 0.5em !important;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	background:#1EBFA0;
	border-radius:10px;
	border:none;
  box-sizing:border-box;
  cursor: pointer;
}
#contact-btn .btn-send{
	display:block;
  width: 100%;
	max-width:292px;
	margin:0 auto 1em;
	padding:0.5em 0.5em !important;
	text-align:center;
	color:#fff;
	font-size:20px;
  line-height: 2;
  font-weight:bold;
	background:#1EBFA0;
	border-radius:10px;
  box-sizing:border-box;
	border:none;
}
#contact-btn .btn-back{
	display:block;
  width: 100%;
	max-width:292px;
	margin:0 auto 1em;
	padding:0.5em 0.5em !important;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:bold;
  line-height: 2;
	background:#ddd6e0;
	border-radius:10px;
  box-sizing:border-box;
	border:none;
}
@media screen and (max-width: 810px) {
#contact-btn a,
#contact-btn input{
  clear: both;
  float: none;
	font-size:16px;
  max-width: 100%;
}

}

/*----------------------------------------------------

------------------------------------------------------*/

#privacy{
	clear:both;
	border:1px solid #B0B0B0;
	margin:0 0 2.5em;
	padding:2.5em 1em;
}
#privacy .cont{
	text-align:left;
	font-size:16px;
  line-height: 1.8;
	overflow:hidden;
	overflow-y:auto;
	max-height:50px;
}

#privacy h3{
margin: 0 0 1em;
	color:#563265;
	font-weight:bold;
	font-size:112%;
	text-align:center;
}

@media screen and (max-width: 810px) {
#privacy .cont{
	font-size:14px;
  line-height: 1.6;
}
}


/*----------------------------------------------------

------------------------------------------------------*/
.input-btnarea{
max-width: 704px;
margin: 0 auto;
}
.input-btnarea #contact-btn{
float: left;
width:292px;

}

#specifed{
float: right;
margin: 0 0 1.5em;
font-size:15px;
text-align: left
}
#specifed a{
text-decoration: underline;
}
@media screen and (max-width: 810px) {
#specifed{
clear: both;
float: none;
font-size:12px;
}
}


/*----------------------------------------------------

------------------------------------------------------*/