@charset "utf-8";


/*　　ページタイトル
-------------------------------------------------------*/
.pagetitle {
	height: 420px;
	background-image: url(../images/contact/pagetitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.pagetitle .inner-pagetitle {
	max-width: 880px;
	padding-top: 210px;
	margin-left: auto;
	margin-right: auto;
}
.pagetitle .inner-pagetitle .tit {
	color: #fff;
	font-size: 36px; font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 5px;
}


@media screen and (min-width: 768px) and (max-width: 1023px){
.pagetitle {
	height: 220px;
}
.pagetitle .inner-pagetitle {
	max-width: auto;
	padding-top: 0;
	line-height: 220px;
	margin-left: 40px;
	margin-right: 40px;
}
.pagetitle .inner-pagetitle .tit {
	font-size: 30px; font-size: 3.0rem;
}
}

@media screen and (max-width: 767px){
.pagetitle {
	height: 120px;
}
.pagetitle .inner-pagetitle {
	max-width: auto;
	padding-top: 0;
	line-height: 120px;
	margin-left: 30px;
	margin-right: 30px;
}
.pagetitle .inner-pagetitle .tit {
	font-size: 22px; font-size: 2.2rem;
	letter-spacing: 3px;
}
}

@media screen and (max-width: 767px) and (orientation : landscape) {
}





/*　　お問い合わせフォーム
-------------------------------------------------------*/
.contactForm {
	margin: 30px auto 0;
}
.contactForm .pan {
	display: none;
}
.contactForm dl {
	overflow:hidden;
	zoom:1;
	font-weight: 500;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
}
.contactForm dl:nth-child(odd) {
	background-color: #f7f7f7;
}
.contactForm .top {
	border-top: 1px solid #ccc;
}
.contactForm dl dt {
	float: left; 
	width: 35%;
	padding: 15px;
	font-size: 16px; font-size: 1.6rem;
	font-weight: 500;
} 
.contactForm dl dt span {
	position: relative;
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.6;
	margin-right: 10px;
	padding: 3px 6px 3px;
	background-color: #d22b3d;
	color: #fff;
	vertical-align:middle;
	border-radius: 3px;
	behavior: url(/js/PIE.htc);
}
.contactForm dl dd { margin-left: 35%; padding: 15px; font-size: 16px; font-size: 1.6rem;}
.contactForm dl dd input { margin:-1px 3px 2px 0; padding: 3px; font-size: 16px; font-size: 1.6rem; vertical-align:middle; border: 1px solid #ccc;}
.contactForm dl dd .select1 { font-size: 16px; font-size: 1.6rem; width: 50%; line-height:1.6; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .size1 { font-size: 16px; font-size: 1.6rem; width: 10%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size2 { font-size: 16px; font-size: 1.6rem; width: 20%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size3 { font-size: 16px; font-size: 1.6rem; width: 30%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size4 { font-size: 16px; font-size: 1.6rem; width: 40%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size5 { font-size: 16px; font-size: 1.6rem; width: 50%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size6 { font-size: 16px; font-size: 1.6rem; width: 60%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size7 { font-size: 16px; font-size: 1.6rem; width: 70%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size8 { font-size: 16px; font-size: 1.6rem; width: 80%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size9 { font-size: 16px; font-size: 1.6rem; width: 90%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size10 { font-size: 16px; font-size: 1.6rem; width: 100%; line-height:1.6; padding: 3px;}
.contactForm dl dd .size-set { font-size: 16px; font-size: 1.6rem; width: 30%; line-height:1.6; padding: 3px;}
.contactForm dl dd textarea { padding: 3px; font-size: 16px; font-size: 1.6rem;}
.contactForm dl dd .size-add { font-size: 16px; font-size: 1.6rem; width: 100%; height: 100px; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .size-question { font-size: 16px; font-size: 1.6rem; width: 100%; padding: 3px; border: 1px solid #ccc;}
.contactForm dl dd .radio1 { margin-left:15px; margin-right: 5px;}
.contactForm dl dd .txt-bd { width: 20%; font-size: 16px; font-size: 1.6rem;}
.contactForm dl dd .txt-bd2 { margin-left: 15px; width: 20%; font-size: 16px; font-size: 1.6rem;}
.contactForm .btn-box {
	padding-top: 30px;
	border-top: 1px solid #ccc !important;
	text-align: center;
}
.contactForm .btn-send {
	position: relative;
	-webkit-appearance: none;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	padding: 20px;
	width: 60%;
	margin: 0 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: linear-gradient(#783037, #464646);
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
}
.contactForm .btn-send:hover { background: linear-gradient(#783037, #d22b3d);}
.contactForm .btn-send2 {
	position: relative;
	-webkit-appearance: none;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	padding: 20px;
	width: 40%;
	margin: 0 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: linear-gradient(#783037, #464646);
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
}
.contactForm .btn-send2:hover { background: linear-gradient(#783037, #d22b3d);}
.contactForm .btn-modify {
	position: relative;
	-webkit-appearance: none;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	padding: 20px;
	width: 40%;
	margin: 0 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: linear-gradient(#999, #666);
	border-radius: 8px;
	behavior: url(/js/PIE.htc);
}
.contactForm .btn-modify:hover { background: linear-gradient(#999, #333);}
.ie8 .contactForm .btn-send,
.ie8 .contactForm .btn-send2 {
	background: #ff9900;
}
.ie8 .contactForm .btn-send:hover,
.ie8 .contactForm .btn-send2:hover {
	background: #ff6c00;
}
#error_message_area {
	margin-top: -120px;
	padding-top: 130px;
}

@media screen and (min-width: 768px) and (max-width: 1023px){

}

@media screen and (max-width: 767px){
.contactForm dl dt {
	float: none; 
	width: auto;
	padding: 10px 10px 0;
	font-size: 16px; font-size: 1.6rem;
	font-weight: 700;
} 
.contactForm dl dd {
	margin-left: 0; padding: 10px;
} 
.contactForm dl dd .size1,
.contactForm dl dd .size2,
.contactForm dl dd .size3,
.contactForm dl dd .size4,
.contactForm dl dd .size5,
.contactForm dl dd .size6,
.contactForm dl dd .size7,
.contactForm dl dd .size8,
.contactForm dl dd .size9,
.contactForm dl dd .size10 {
	width: 100%;
}
.contactForm dl dd .size-set {
	width: 60%;
}
.contactForm dl dd .sp-size3 {
	width: 30%;
}
.contactForm dl dd .radio1 { margin-left:0; margin-right: 5px;}
.contactForm dl dd .size-add {  width: 100%;}
.contactForm dl dd .size-question { width: 100%;}
.contactForm dl dd .txt-bd2 { margin-left: 10px; width: 20%;}
.contactForm .btn-box {
	padding-top: 30px;
}

}

@media screen and (max-width: 767px) and (orientation : landscape) {
}