@charset "utf-8";



 /* ==============================================
★headbar
 ==============================================*/

#headbar{

	width: 100%;
	min-width: 960px;
	padding:62px 0 44px;
	margin: 0 auto;
	background:url(../../img/bg02.jpg) center repeat;
}
#headbar .con{
	width: 100%;
	height: 154px;
	background:url(../../img/contact/headbar.jpg) center no-repeat;
	margin: 0 auto;
	text-align: center;
}
#headbar .con h2{
	padding:120px 0 0;
	font-size: 14px;
	color: #FFF;
}
#headbar .con .bgsp{
	display: none;
}
@media(max-width:480px){
	#headbar{
	width: 100%;
	min-width: auto;
	padding:0;
	margin: 0 auto;
	background:none;
}
#headbar .con{
	width: 100%;
	height: auto;
	background:none;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#headbar .con h2{
	position: absolute;
	top:70%;
	left: 0;
	width: 100%;
	text-align: center;
	padding:00 0;
	font-size: 14px;
	color: #FFF;
}
	#headbar .con .bgsp{
	display: block;
		width:100%;
}
}
 /* ==============================================
★breadcrumb
 ==============================================*/

#breadcrumb{
	width: 960px;
	margin:26px auto 20px;
	text-align:left;
	font-size:12px;
	line-height:1;
	color:#000;
}
#breadcrumb a{
	color:#000;
}


@media (max-width:480px){

	#breadcrumb{
		width: 95%;
	margin:20px auto 15px;
		font-size:12px;
	}
}

 /* ==============================================
★leadtxt
 ==============================================*/
.leadtxt{
	width: 960px;
	margin:0 auto 20px;
	text-align:left;
	font-size:14px;
	color:#000;
	background:url(../../img/contact/dotline.jpg) top no-repeat;
}
.leadtxt .con{
	width: 960px;
	margin:0 auto;
	background:url(../../img/contact/dotline.jpg) bottom no-repeat;
}
.leadtxt .con .LTxt{
	float:left;
	width: 680px;
	margin:0;
	padding:57px 0 57px 30px;
}
.leadtxt .con .LTxt p{
font-size: 14px;
	margin:0 0 20px;
}
.leadtxt .con .LTxt p a{
color: #009944;
}
.leadtxt .con .LTxt p a[href^="tel:"] {
	 cursor: default;
	color: #000;
}.leadtxt .con .LTxt p a[href^="tel:"]:hover {
	 text-decoration: none;
}
.leadtxt .con .Rimg{
	float:right;
	margin:0;
	padding:45px 0 24px;
}

@media (max-width:480px){
	.leadtxt{
	width: 95%;
	margin:0 auto 20px;
	text-align:left;
	color:#000;
	background:url(../../img/contact/dotline.jpg) top no-repeat;
}
.leadtxt .con{
	width: 100%;
	margin:0 auto;
	background:url(../../img/contact/dotline.jpg) bottom no-repeat;
}
.leadtxt .con .LTxt{
	float:none;
	width: 100%;
	margin:0;
	padding:35px 0 20px ;
}
.leadtxt .con .LTxt p{
font-size: 12px;
	margin:0 0 15px;
}
.leadtxt .con .LTxt p a{
color: #009944;
}
.leadtxt .con .LTxt p a[href^="tel:"] {
	 cursor:pointer;
	 color: #009944;
}.leadtxt .con .LTxt p a[href^="tel:"]:hover {
	 text-decoration: underline;
}
.leadtxt .con .Rimg{
	display: none;
}

	
}
 /* ==============================================
★formWrap
 ==============================================*/
.formWrap{
	width: 900px;
	padding:0 30px;
	margin: 46px auto 20px;
}
.formWrap p{
	font-size: 14px;
}
.formWrap p.hissu{
	color: #009944;
	margin: 0 0 20px;
}
.formWrap .con{
	width: 900px;
	padding:0;
	border-top:1px dotted #009944;
}

.formWrap .con p.ttl{
    display: table-cell;
	width: 345px;
}
.formWrap .con p.ttl2{
    display: table-cell;
	vertical-align: top;
	width: 345px;
	padding: 15px 0 0;
}
.formWrap .con p.ttl span{
    color: #009944;
}
.formWrap .con .RArea{
    display: table-cell;
}
.formWrap .con .RArea p{
    display:inline-block;
	margin: 0 5px 0 0;
}
.formWrap .con .RArea p.p01{
    display:inline-block;
	margin: 0 5px 0 1em;
}
.formWrap .con .RArea p.p02{
    display:inline-block;
	margin: 0 3px 0;
}
.formWrap .con .RArea p.kakunin{
	margin:20px 0 19px 0;
}
.formWrap .con .RArea p.error{
    color: #009944;
	margin: 0 0 11px;
}
.formWrap .con .RArea br{
    display: none;
}
input.style01 {
	border:0;
padding:10px;
color:#000;
font-size:16px;
border:solid 1px #ccc;
margin:12px 10px 11px 0;
width:200px;
}
input.style02 {
	border:0;
padding:10px;
color:#000;
font-size:16px;
border:solid 1px #ccc;
margin:12px 0 11px 0;
width:340px;
}
input.style03 {
	border:0;
padding:10px;
color:#000;
font-size:16px;
border:solid 1px #ccc;
margin:12px 0 11px 0;
width:100px;
}

textarea {
	border:0;
padding:10px;
color:#000;
font-size:14px;
border:solid 1px #ccc;
margin:12px 0 11px 0;
width:520px;

}
.formWrap .bottom{
	width: 900px;
	padding:30px 0 0;
	border-top:1px dotted #009944;
	text-align: center;
}
.formWrap .bottom .btn01 {
	cursor:pointer;/*カーソルを指先型にします*/
	font-size:14px;
	font-weight: bold;
	color: #fff;
	width:277px;
	height: 85px;
	padding:00;
	margin: 0 5px;
	border-style:none;/*デフォルトのボーダーを消す。ボーダーの指定を上書きしてもOK*/
	background:url(../../img/contact/btnbg.jpg) bottom no-repeat;
}
.formWrap .bottom .btn02 {
	cursor:pointer;/*カーソルを指先型にします*/
	font-size:14px;
	font-weight: bold;
	color: #fff;
	width:277px;
	height: 85px;
	padding:00;
	margin: 0 5px;
	border-style:none;/*デフォルトのボーダーを消す。ボーダーの指定を上書きしてもOK*/
	background:url(../../img/contact/btnbg02.jpg) bottom no-repeat;
}
.formWrap .btn01:hover {
	background:url(../../img/contact/btnbgov.jpg) bottom no-repeat;
}
.formWrap .btn02:hover {
	background:url(../../img/contact/btnbg02ov.jpg) bottom no-repeat;
}

@media (max-width:480px){
.formWrap{
	width: 95%;
	padding:0 0;
	margin: 30px auto 0;
}
.formWrap p{
	font-size: 12px;
}
.formWrap p.hissu{
	color: #009944;
	margin: 0 0 20px;
}
.formWrap .con{
	width: 100%;
	padding:20px 0 10px;
	border-top:1px dotted #009944;
}

.formWrap .con p.ttl{
    display: block;
	width: 100%;
	margin: 0 0 15px;
}
.formWrap .con p.ttl2{
   display: block;
	width: 100%;
	padding: 00 0;
	margin: 0 0 15px;
}
.formWrap.kaku .con p.ttl{
    display: table-cell;
	width:150px;
	padding: 0 10px 0 0;
}
.formWrap.kaku .con p.ttl2{
   display: block;
	width: 100%;
	padding: 00 0;
	margin: 0 0 0;
}
.formWrap .con p.ttl span{
    color: #009944;
}
.formWrap.kaku .con .RArea{
    display: table-cell;
}
.formWrap .con .RArea{
    display: block;
}
.formWrap .con .RArea p{
    display:inline-block;
	margin: 0 0.5em 0 0;
}
.formWrap .con .RArea p.p01{
    display:inline-block;
	margin: 0 5px 0 ;
}
.formWrap .con .RArea p.p02{
    display:inline-block;
	}
	.formWrap .con .RArea p.kakunin{
	margin:14px 0 13px 0;
}
.formWrap .con .RArea br{
    display: block;
}
input.style01 {
	border:0;
padding:10px;
color:#000;
font-size:16px;
border:solid 1px #ccc;
margin:0 0 10px;
width:200px;
}
input.style02 {
	border:0;
padding:10px;
color:#000;
font-size:16px;
border:solid 1px #ccc;
margin:0 0 10px;
width:100%;
	box-sizing: border-box;
}
input.style03 {
	border:0;
padding:10px;
color:#000;
font-size:16px;
border:solid 1px #ccc;
margin:0 0 10px;
width:30%;
	box-sizing: border-box;
}

textarea {
	border:0;
padding:10px;
color:#000;
font-size:14px;
border:solid 1px #ccc;
margin:0 0 10px;
width:100%;
	box-sizing: border-box;

}
.formWrap .bottom{
	width: 100%;
	padding:20px 0 0;
	border-top:1px dotted #009944;
	text-align: center;
}
.formWrap .bottom .btn01 {
	cursor:pointer;/*カーソルを指先型にします*/
	font-size:14px;
	font-weight: bold;
	color: #fff;
	width:145px;
	height: 45px;
	padding:0;
	margin: 0 2px;
	border-style:none;/*デフォルトのボーダーを消す。ボーダーの指定を上書きしてもOK*/
	background:url(../../img/contact/btnbg.jpg) bottom no-repeat;
	background-size: 145px 45px;
}
	.formWrap .bottom .btn02 {
	cursor:pointer;/*カーソルを指先型にします*/
	font-size:14px;
	font-weight: bold;
	color: #fff;
	width:145px;
	height: 45px;
	padding:0;
	margin: 0 2px;
	border-style:none;/*デフォルトのボーダーを消す。ボーダーの指定を上書きしてもOK*/
	background:url(../../img/contact/btnbg02.jpg) bottom no-repeat;
	background-size: 145px 45px;
}
.formWrap .btn01:hover {
	background:url(../../img/contact/btnbgov.jpg) bottom no-repeat;
	background-size: 145px 45px;
}
	.formWrap .btn02:hover {
	background:url(../../img/contact/btnbg02ov.jpg) bottom no-repeat;
	background-size: 145px 45px;
}
}