@charset "UTF-8";

/* CSS Document */

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

ヘッダー

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

.second09 #topVisual  {
  position: relative;
  background: #eaeaea;

}

.second09 #topVisual .spBg {
  background: url(/asbestos/assets/img/contact/top-09.png) no-repeat right top;
	height: 135px;
  background-size: auto 100%;
}

.second09 #topVisual .topText{
  left: 0px;
  margin-top: -19px;
  position: absolute;
  top: 55%;
	width: 100%;
}
.second09 #topVisual .topText h2{
  position:absolute;
  top:0px;
  left:10px;
	font-size: 20px;
	font-weight: 500;
	color: #001a4e;
	border-left: solid 3px #001a4e;
	padding: 8px 0px 8px 0px;
}
.second09 #topVisual .topText h2 div{
	display: block;
	margin-left: 15px;
}

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

コンテンツ

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

#contact .contentsBox02{
  background: #fff;
  border-radius: 5px;
  margin: 0 0 20px;
 }

#contact .contentsBox02 .ttl01a {
  background: #001a4e;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  padding: 30px 20px;

}
#contact .contentsBox03{
  background: #fff;
  border-radius: 5px;
  margin: 0 0 50px;
  }

#contact .contentsBox03 .inquiryBox {
  background:#f0f0f2;
  color: #4b4b4b;
  font-size: 16px;
  font-weight: normal;
  padding: 20px 20px;
  font-weight: bold;

}

#contact .contentsBox02 .body {
  padding: 15px 20px;
}

#contact .contentsBox02 p {
  margin: 15px 0 30px;
}

#contact .contentsBox02 .body p{
  margin: 15px 0;
}

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

お問い合わせ

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

#contact .inquiryBox{
	background: #f0f0f2;
	text-align: center;
}
#contact .item{
	padding-top: 30px;
	padding-bottom: 10px;
}
#contact .record{
	color: #b8202e;
}
#contact .inquiry_img{
	text-align: center;
	padding: 10px 0 20px;
}



#contactForm p {
	/* margin: 0 0 0 0 !important; */
	padding-top: 0px;
}

#contactForm .ex_essential:after {
	content: "※";
	font-size:9px;
	color: #bd3500;
}
#contactForm .redTxtS {
	font-size:9px;
	color: #bd3500;
}
#contactForm {
	margin:30px 0;
}
#contactForm .point{
	margin-bottom:10px;
}
#contactForm dl {
	margin:0;
	padding-bottom: 10px;
	border-top:1px solid #798aa8;
}
#contactForm dl input {
	padding: 10px 0;
}
#contactForm dl input.longInput {
	width: 95% !important;
}

#contactForm dl:last-child,
#contactForm dl.end{
	border-bottom: 1px solid #C9C9C9;
}
#contactForm dl dt p,
#contactForm dl dd p{
	/* padding: 5px 10px; */
}
#contactForm dl dt{
	background-color: #e2f5f9;
	border-bottom: 1px solid #798aa8;
}
#contactForm .exampleTxt{
	font-size: 12px;
	color: #666666;
}
#contactForm .example{
	font-size: 12px;
	color: #666666;
	padding-left: 10px;
	display: block;
}
#contactForm #age{
	width: 60px;
}
#contactForm #emailcheck,
#contactForm #email{
	width: 85%;
}
#contactForm #naiyou{
	width: 95%;
	height: 120px;
}

#contactForm .consultation p{
	padding-bottom: 3px !important;
	border-bottom: 1px dotted #ccc;
}
#contactForm .consultation p br {
	display: none;
}
#contactForm .consultation span {
	display: block;
}
#contactForm .consultation span:first-letter {
	color: #c8c7ee;
}
#contactForm .consultation .year .input {
	margin-right: 5px;
	width: 40px;
}
#contactForm .consultation .year select {
	margin-right: 5px;
}






#contactForm .formBtn{
	text-align: center;
	margin:20px auto;
	overflow: hidden;
	width: 210px;
}
#contactForm .formBtnLarge{
	text-align: center;
	margin:20px auto;
	overflow: hidden;
}
#contactForm .formBtnM{
	text-align: center;
	margin:20px auto;
	overflow: hidden;
}
#contactForm .formBtn a{
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding: 10px 0;
	width:88px;
	float: left;
}
#contactForm .formBtnLarge a.checkBtnLarge{
	margin: auto;
	font-size: 16px;
	border: 1px solid #C9C9C9;
	display: block;
	font-weight: bold;
	color: #fff;
	background-color: #336895;
	padding: 10px 0;
	width: 90%;
}
#contactForm .formBtnM a.checkBtnLarge{
	margin: auto;
	font-size: 16px;
	border: 1px solid #C9C9C9;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	background-color: #336895;
	padding: 10px 0;
	width: 45%;
}
#contactForm .formBtn a.resetBtn{
	margin-right: 10px;
}

#contactForm .formBtnM a.backBtn{
	background: #ccc;
}

#contactForm .formBtn a:hover,
#contactForm .formBtnLarge a:hover,
#contactForm .formBtnM a:hover{
	/* opacity: 0.6; Safari, Opera */
	/* -moz-opacity: 0.60; FireFox */
	/* filter: alpha(opacity=60); IE */
	text-decoration: none !important;
}
/*------------------------

エラーテキスト

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

.errorText {
	margin: 0 0 15px 0;
	padding: 10px 15px;
	background: #FCF5F5;
	border: 1px solid #CC0000;
	color: #CC0000;
}
.errorText li {
	list-style: disc inside;
	padding: 3px 0;
}
/*------------------------

サンクス画面

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

#contactForm .thanks{
	margin-bottom: 15px;
	background: #e2f5f9;
	border: 1px solid #CCCCCC;
	text-align: center;
	line-height: 1.8em;
	padding: 50px 0;
}
#contactForm .thanks span{
	font-size: 16px;
	display: block;
}
.thanks .back{
	margin-top: 20px;
}
.thanks .back a, .thanks, .thanks .back a:hover,  .back a:visited{
	color:#000;
	text-decoration: none;
}
.thanks .back a:hover{
	text-decoration: underline;
}