@charset "utf-8";
/* CSS Document */
.mainTitle{
  background: url("../img/contact_mv_img.png");
  background-repeat: no-repeat;
  background-size: cover;
}

#contactTaxi{
	padding-top: 0;
	padding-bottom: 120px;
}

#contactTaxi .inner,
#contactBus .inner{
	max-width: 1160px !important;
}

.contactLead{
	gap: 0 3.125rem;
}
.contactLead p,
.contactLead ul li{
	line-height: 2;
}
.contactLead a{
	border-radius: 10px;
  color: var(--wh);
  padding: 1.4rem;
  display: block;
  text-align: center;
	width: 23.375rem;
}
.contactLead a p{
	font-size: var(--font-22);
  font-weight: 600;
}
.contactLead a .ic{
	letter-spacing: .1em;
  font-size: var(--font-36);
  font-weight: 600;
}
.contactLead a .ic::before{
	width: 24px;
  height: 32px;
  display: inline-block;
  background: url("../img/ic_tel.png") no-repeat;
  background-size: contain;
  content: "";
  margin-right: .5rem;
}

#contactEstimate{
	margin: 5.19rem 1.31rem 0;
	padding: 4.75rem 8.4rem 4.94rem;
}
.formArea{
	margin-top: 4.375rem;
}
.formArea dl{
	align-items: center;
}
.formArea dt{
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.56rem;
	width: 16.125rem;
}
.formArea dd{
	display: flex;
	align-items: center;
	margin-bottom: 1.56rem;
	width: calc(100% - 16.125rem);
}
.formArea input,
.formArea select,
.formArea textarea{
	padding: 1.0625rem;
	min-height: 3.625rem;
}
.formArea select{
	width: 30%;
}

  .formArea textarea{
    width: 100% !important
  }

/*selectの矢印デザイン実装*/
.formArea .selectWrap{
	position: relative;
    width: 30%;
}
.formArea .selectWrap select{
    width: 100%;
	appearance: none;
	-webkit-appearance: none;
	padding-right: 30px
}
.formArea .selectWrap::after {
  content: "\25BC";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);  
  font-size: 16px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
	.formArea .selectWrap::after {
	right: 10px;
	font-size: 12px;
	pointer-events: none;
	}	
}
/*//selectの矢印デザイン実装*/
.formArea input::placeholder,
.formArea textarea::placeholder{
	color: var(--bDgray);
}
.formArea input.w35{
	width: 35.7%;
}
.formArea input[type="text"] + div + input[type="text"]{
	margin-left: 2rem;
}
.formArea input[type="radio"] + input[type="radio"]{
	margin-left: 3.375rem;
}
.formArea .txtWrap{
	display: inline-block;
}
.formBtn{
	margin-top: 2.88rem;
}
.formBtn .btn{
	background: url("../img/ic_arrow_wh.svg") no-repeat 94.3% center / 19px auto,var(--RedOrangegrd);
	border: none;
	color: var(--wh);
	font-size: var(--font-18);
	margin-left: auto;
	margin-right: auto;
	max-width: 29.44rem;
	min-height: 5.57rem;
}

@media screen and (max-width: 768px) {
	.contactLead a{
		margin-top: 1.25rem;
		width: 100%;
	}
	#contactEstimate{
		margin: 2.5rem 0 0;
		padding: 1.25rem;
	}
	.formArea{
		margin-top: 2rem;
	}
	.formArea dt{
		margin-bottom: 0.5rem;
		width: 100%;
	}
	.formArea dd{
		margin-bottom: 1.6rem;
		width: 100%;
	}
	.formArea input,
	.formArea select,
	.formArea textarea{
		padding: 0.5rem;
		min-height: 3.125rem;
	}

	.formArea input[type="radio"]{
		min-height: auto;
	}
	.formArea input[type="text"] + input[type="text"]{
		margin-left: 1rem;
	}
	.formArea input[type="radio"] + input[type="radio"]{
		margin-left: 1.7rem;
	}
	.formArea input.w35{
		width: calc((100% - 1rem) / 2);
	}
}

#thanks main .inner{
  text-align: center;
   margin-bottom: 100px
}

#thanks main .inner p{
  margin-bottom: 2rem;
}