
.atalag-contact {
	background:#fff;
	color:#2d2d2d;
	padding:55px 38px 80px;
	font-family:Verdana,sans-serif;
	font-size:14px;
	line-height:1.55;
}
.atalag-contact__inner { max-width:1200px; margin:0 auto; }
.atalag-contact h1 { margin:0 0 36px; font-size:20px; line-height:1.2; font-weight:400; }
.atalag-contact__columns {
	display:grid;
	grid-template-columns:minmax(0, 1.35fr) minmax(280px, .65fr);
	gap:70px;
	align-items:start;
}
.atalag-contact__form {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:15px 10px;
}
.atalag-contact__field { display:flex; flex-direction:column; gap:6px; }
.atalag-contact__field label { font-size:13px; }
.atalag-contact__field label span { color:#d11; }
.atalag-contact__field input,
.atalag-contact__field select,
.atalag-contact__field textarea {
	width:100%;
	box-sizing:border-box;
	border:1px solid #7f8994;
	border-radius:2px;
	background:#fff;
	color:#2d2d2d;
	font:inherit;
	padding:10px 12px;
}
.atalag-contact__field input,
.atalag-contact__field select { min-height:40px; }
.atalag-contact__field textarea { min-height:150px; resize:vertical; }
.atalag-contact__field input:focus,
.atalag-contact__field select:focus,
.atalag-contact__field textarea:focus {
	outline:2px solid #222;
	outline-offset:2px;
}
.atalag-contact__field.is-message { grid-column:1 / -1; }
.atalag-contact__submit {
	width:100%;
	min-height:40px;
	border:1px solid #000;
	border-radius:3px;
	background:#000;
	color:#fff;
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;
}
.atalag-contact__submit:hover,
.atalag-contact__submit:focus-visible { background:#222; }
.atalag-contact__hp {
	position:absolute !important;
	left:-10000px !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
}
.atalag-contact__notice {
	margin:0 0 18px;
	padding:12px 14px;
	border:1px solid #aaa;
}
.atalag-contact__notice.is-success { border-color:#4f7f57; }
.atalag-contact__notice.is-error { border-color:#a34b4b; }

.atalag-contact__intro { margin:0 0 28px; }
.atalag-contact__detail { margin:0 0 26px; }
.atalag-contact__detail h2 {
	margin:0 0 12px;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
}
.atalag-contact__detail p { margin:0; }
.atalag-contact__detail a { color:inherit; text-decoration:none; }
.atalag-contact__detail a:hover,
.atalag-contact__detail a:focus-visible { text-decoration:underline; }

.atalag-contact__map {
	margin-top:55px;
	width:100%;
	height:450px;
	overflow:hidden;
}
.atalag-contact__map iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}

@media(max-width:767px) {
	.atalag-contact { padding:38px 20px 60px; }
	.atalag-contact h1 { margin-bottom:28px; font-size:18px; }
	.atalag-contact__columns { grid-template-columns:1fr; gap:42px; }
	.atalag-contact__form { grid-template-columns:1fr; gap:14px; }
	.atalag-contact__field.is-message { grid-column:auto; }
	.atalag-contact__map { margin-top:40px; height:340px; }
}
