@charset "utf-8";

@media screen and (max-width: 767px) {
	.description {
		width: 85%;
	margin: 0 auto;
	}
}

.contact {
  max-width: 960px;
  margin: 0 auto;
	margin-top: 5rem;
	margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
	.contact {
	  width: 85%;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.contact {
	  width: 90%;
	}
}

.contact--description {
	font-family: 'Unica One', cursive;
	font-size: 180%;
	letter-spacing: 12;
	line-height: 2;
	color: #949495;
	margin: 6rem 0 0 22rem;
}
@media screen and (max-width: 767px) {
	.contact--description {
		margin: 6rem 0 0 1rem;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.contact--description {
		margin: 6rem 0 0 14rem;
	}
}
.contact--tel:before {
  content: url(../images/Hairbell-contact-tel.svg);
  display: inline-block;
  width: 1.3rem;
  vertical-align: middle;
  margin-right: 0.75rem;
  margin-bottom: -0.65rem;
}
.contact--mb:before {
  content: url(../images/Hairbell-contact-sp.svg);
  display: inline-block;
  width: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  margin-bottom: -0.85rem;
}
.contact--mail:before {
  content: url(../images/Hairbell-contact-mail.svg);
  display: inline-block;
  width: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}