/**
 *
 * page-contact.scss
 *
 */
.contact-main {
	padding-bottom: var(--space-md2);
}

/* ------------------------------------------------------------
 contact-about
------------------------------------------------------------ */
.contact-about__inner {
	border-top: var(--solid2);
	padding-top: var(--space-md2);
}

/* ----------------------------------------
 contact-about__item
---------------------------------------- */
.contact-about__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* ---------- contact-about__item__title ---------- */
.contact-about__item__title {
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.contact-about__item__title {
		font-size: var(--font-size24);
	}
}

@media screen and (max-width: 1023px) {
	.contact-about__item__title {
		font-size: var(--font-size20);
	}
}

/* ---------- contact-about__item__txt ---------- */
.contact-about__item__txt {
	margin-top: 1rem;
}

/* ---------- contact-about__item__figure ---------- */
.contact-about__item__figure {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.contact-about__item__figure {
		max-height: 57.6rem;
		margin-top: 4rem;
	}
}

@media screen and (max-width: 1023px) {
	.contact-about__item__figure {
		max-height: 25.6rem;
		margin-top: 1rem;
	}
}

.contact-about__item__figure::after {
	content: '';
	display: block;
}

@media screen and (min-width: 1024px) {
	.contact-about__item__figure::after {
		padding-top: calc( ( 360 / 740 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.contact-about__item__figure::after {
		padding-top: calc( ( 160 / 335 ) * 100%);
	}
}

/* ------------------------------------------------------------
 contact-tel
------------------------------------------------------------ */
.contact-tel {
	margin-top: var(--space-md2);
}

.contact-tel__num {
	font-family: var(--font-sans-serif);
	font-weight: 400;
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.contact-tel__num {
		font-size: var(--font-size86);
	}
}

@media screen and (max-width: 1023px) {
	.contact-tel__num {
		font-size: var(--font-size52);
		margin-top: 0.5rem;
	}
}

.contact-tel__num a {
	display: block;
	line-height: 1;
	transition: none;
}

@media screen and (min-width: 1024px) {
	.contact-tel__small {
		margin-top: 1rem;
	}
}

@media screen and (max-width: 1023px) {
	.contact-tel__small {
		margin-top: 0.5rem;
	}
}

/* ------------------------------------------------------------
 contact-form
------------------------------------------------------------ */
.contact-form {
	margin-top: var(--space-md2);
}

.contact-form__inner {
	border-top: var(--solid2);
	padding-top: var(--space-xs);
}

.contact-form__form {
	margin-top: var(--space-xs2);
}
/*# sourceMappingURL=sourcemaps/page-contact.css.map */