@charset "UTF-8";/****************************************
contents
*****************************************/
#contactpage .txt{margin: 40px 0;font-size: 1.4rem;line-height: 1.8em; letter-spacing: 0.1em;}
#contactpage .txt span{border-bottom: 3px solid #d05a2c;line-height: 1.9em;}
#contactpage .txt_contact{color: #3C6B43;margin: 40px 0;font-size: 1.5rem;font-weight: bold; line-height: 2.0em; letter-spacing: 0.1em;border-left:3px solid #3C6B43;padding-left: 15px;}

#contactpage dl{font-size: 0;margin: 40px 0}
#contactpage dt,#contactpage dd{display: inline-block;font-size: 1.4rem;padding-top: 12px;margin-top: 12px;border-top: 1px solid #3c6b43;
vertical-align: top}
#contactpage dt{width: 20%;font-weight: bold;letter-spacing: 0.1em}
#contactpage dd{width: 80%;}
#contactpage dt:first-of-type,#contactpage dd:first-of-type{border-top: none}

#contactpage form dt{color: #3C6B43;padding-right: 10px;position: relative;padding-top:20px;padding-bottom: 10px}
#contactpage form dd{padding-top: 20px;padding-bottom: 10px}
#contactpage form dt span{background: #D05A2C;color: #fff;padding: 1px 4px;position: absolute;right: 20px;top:20px}
#contactpage form a{color: #000;text-decoration: underline}
#contactpage form #privacy div{overflow: auto; width: 96%;margin: auto;margin-bottom: 20px; height: 200px; border: 1px solid #ccc;padding: 20px;font-size: 1.3rem}
#contactpage form #privacy h2{margin-bottom: 20px}
#contactpage form #privacy h3{margin-top: 30px;border-bottom: 1px solid #3c6b43; color: #3c6b43; padding-bottom: 5px;margin-bottom: 5px}
/************************************
form
*************************************/
/*reset
***********************/
button,
option,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="select"],
input[type="option"]{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;border-radius: 0;border: none;outline: 0;margin: 0;background: #fff;}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder {color: #aaa;}
input:-ms-input-placeholder {color: #aaa;}
input[type="checkbox"] {border: 2px solid #000}
/* for firefox */
select {text-indent: 0.01px;text-overflow: '';}
/* for ie10 ie11 ie系のプルダウンの矢印を消す ie9は非対応 */
select::-ms-expand {display: none;}
.form-select {display: block;position: relative;width: 80px;height: 30px;font-size: 14px;font-size: 1.4rem;border: 1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;overflow: hidden;}

.form-select:after {position: absolute;display: block;content: '';width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #333;top: 50%;right: 10px;margin-top: -3px;pointer-events: none;}
.form-select select {width: 100%;height: 30px;font-size: 14px;font-size: 1.4rem;padding: 0 10px;border: none;position: relative;}
/* ie9対策 */
.form-select select:not(:target) {    width: 120% \9;}
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{outline:none;	padding:4px 8px;	border:1px solid #cccccc;	color:#333333;	border-radius:5px;	font-size:1.6rem;	transition:background 0.2s linear,box-shadow 0.6s linear;	width: 100%	}
input[type="text"].w100{width: 100px;margin-right: 5px}
input[type="text"].w130{width: 130px;margin-right: 5px}
input[type="text"].w150{width: 150px;margin-right: 5px}
inpu.w60{width: 60px;margin-right: 5px}
input.w40{width: 40px;margin-right: 5px}
input.w60{width: 60px;margin-right: 5px}
label{margin-right: 10px}
.err{color: #F0070B}

@media screen and (max-width:768px){
#contactpage .inner{width: 90%;margin: auto}
#contactpage .txt{line-height: 2em}
#contactpage dt{width: 30%;}
#contactpage dd{width: 70%;}

#contactpage form dt{width: 100%;display: block;padding-top:20px;padding-bottom: 10px}
#contactpage form dd{width: 100%;display: block;padding-top: 20px;padding-bottom: 10px}
#contactpage form dt span{background: #D05A2C;color: #fff;padding: 1px 4px;position: absolute;right: 20px;top:20px}
#contactpage form dd:first-of-type{border-top: 1px solid #3c6b43;}
#contactpage form dt{border-top: none}
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{	padding:6px 8px;}
.btback img{width: 50%}
input[type="image"]{width: 100%;height: auto}
}