.ContactHero {
	display: flex;
	align-items: center;
	height: 480px;
	padding: 0;
	color: #fff;
}


.ContactHero span {
	color: #ef5535;
	font-size: 14px;
	line-height: 21px;
}

.ContactHero h1 {
	margin-top: 14px;
	font-size: 64px;
	line-height: 70px;
}

.ContactHero p {
	max-width: 520px;
	margin-top: 18px;
	color: #d0d3d5;
	font-size: 18px;
	line-height: 29px;
}

.ContactMethods,
.ContactInquiry {
	background: #f5f6f7;
}

.ContactMethods {
	padding: 0 0 80px;
}

.ContactMethods .methodGrid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	transform: translateY(-40px);
}

.ContactMethods .methodGrid > div {
	padding: 28px;
	border: 1px solid #e0e3e6;
	background: #fff;
}

.ContactMethods .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: #f9dfd8;
}

.ContactMethods h3 {
	margin-top: 18px;
	font-size: 24px;
	line-height: 34px;
}

.ContactMethods p {
	margin-top: 8px;
	color: #747a80;
	font-size: 14px;
	line-height: 22px;
}

.ContactMethods strong {
	display: block;
	margin-top: 14px;
	color: var(--site-red);
	font-size: 16px;
	line-height: 26px;
}

.ContactInquiry {
	padding: 0 0 110px;
}

.ContactInquiry .inquiryLayout {
	display: grid;
	grid-template-columns: 1.35fr 0.95fr;
	gap: 70px;
}

.ContactInquiry form,
.ContactInquiry aside > div {
	padding: 38px;
	border: 1px solid #e0e3e6;
	background: #fff;
}

.ContactInquiry h2 {
	font-size: 32px;
	line-height: 42px;
}

.ContactInquiry form > p,
.ContactInquiry .global > p {
	margin-top: 8px;
	color: #687077;
	font-size: 16px;
	line-height: 26px;
}

.ContactInquiry .fieldGrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-top: 26px;
}

.ContactInquiry form label {
	display: grid;
	gap: 8px;
	margin-top: 16px;
	font-size: 12px;
	line-height: 18px;
}

.ContactInquiry form input,
.ContactInquiry form select,
.ContactInquiry form textarea {
	width: 100%;
	padding: 13px 16px;
	border: 1px solid #aeb5bb;
	font-size: 14px;
	line-height: 22px;
}

.ContactInquiry form textarea {
	min-height: 130px;
	resize: vertical;
}

.ContactInquiry form .agree {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.ContactInquiry form .agree input {
	width: auto;
	margin-top: 2px;
	appearance: auto;
}

.ContactInquiry form button {
	margin-top: 18px;
	padding: 13px 26px;
	background: var(--site-red);
	color: #fff;
}

.ContactInquiry aside > div {
	margin-bottom: 24px;
}

.ContactInquiry .company {
	border-left: 4px solid var(--site-red);
	background: #303334;
	color: #fff;
}

.ContactInquiry .company dl {
    display: grid;
	margin-top: 22px;
	gap: vaR(--p30);
}
.ContactInquiry .company dl  .item{
    gap: var(--p20);
	display: grid;
	grid-template-columns: 2em 1fr;
	align-items: flex-start;
    
}
.row2{
      gap: var(--p20);
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.ContactInquiry .company dt {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #b8bdc1;
	font-size: 12px;
	line-height: 18px;
}


.ContactInquiry .company dd {
	font-size: 16px;
	line-height: 26px;
}

.ContactInquiry .global {
	background: #eceeef;
}

.ContactInquiry .global > div {
	display: flex;
	gap: var(--p40);
	flex-wrap: wrap;
	margin-top: 22px;
}

.ContactInquiry .global strong {
	color: var(--site-red);
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
}

.ContactInquiry .global small {
	display: block;
	color: #687077;
	font-size: 10px;
	line-height: 15px;
}

.ContactMap {
	position: relative;
	height: 440px;
	padding: 0;
	/*background-image: url("../images/cfdef14a7693c26061d96b9cbfde84e9f861943b.png");*/
	background-position: center;
	background-size: cover;
}

.ContactMap .mapCard {
	position: absolute;
	left: 7%;
	bottom: 36px;
	padding: 24px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
	max-width: 260px;
}

.ContactMap h3 {
	color: var(--site-red);
	font-size: 24px;
	line-height: 34px;
}

.ContactMap p,
.ContactMap a {
	font-size: 14px;
	line-height: 22px;
}

.ContactMap p {
	margin-top: 8px;
}

.ContactMap a {
	display: block;
	margin-top: 14px;
	color: var(--site-red);
}

@media only screen and (max-width: 768px) {
	.ContactHero {
		height: auto;
		min-height: 480px;
	}

	.ContactHero h1 {
		font-size: 44px;
		line-height: 56px;
	}

	.ContactMethods .methodGrid,
	.ContactInquiry .inquiryLayout,
	.ContactInquiry .fieldGrid {
		grid-template-columns: 1fr;
	}

	.ContactMethods .methodGrid {
		transform: none;
	}

	.ContactMethods {
		padding-top: 50px;
	}

	.ContactInquiry .inquiryLayout {
		gap: 24px;
	}

	.ContactInquiry form,
	.ContactInquiry aside > div {
		padding: 24px;
	}

	.ContactInquiry .company dl {
		grid-template-columns: 1fr;
	}
}