@charset "utf-8";
.mainvisual {
  padding-top: 6rem;
}
.mainvisual--img {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
	.mainvisual--img {
	  margin-top: 5rem;
	}
}
.mainvisual--text {
  position: absolute;
  top: 10rem;
  left: 4rem;
  z-index: 1;
  color: #FFF;
}
@media screen and (max-width: 767px) {
	.mainvisual--text {
	  position: static;
	  color: #898989;
		text-align: center;
		margin-top: 2rem;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.mainvisual--text {
	  top: 7rem;
	  left: 4rem;
	}
}
@media screen and (min-width: 768px) {
	.mainvisual--text p br {
		display:none;
}
	}
.description {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
	.description {
		width: 100%;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.description {
		width: 100%;
	}
}
.headline--3 {
	margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
	.headline--3 {
		margin-bottom: 1.5rem;
	}
}
.dam {
	padding-top: 8rem;
}
.description--inner {
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.description--inner {
		width: 85%;
	}
}
.group--1 {
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
	.group--1 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	}
}
.description--img {
	width: 45%;
}
@media screen and (max-width: 767px) {
	.description--img {
		width: 100%;
	}
}
.description--text__left {
	width: 45%;
	margin: 7rem 0 0 3rem;
	font-size: 170%;
	letter-spacing: 1.5px;
	line-height: 1.5;
	color: #9FA0A0;
}
.description--text__left__2 {
	width: 100%;
	margin: 0rem 0 0 3rem;
	font-size: 170%;
	letter-spacing: 1.5px;
	line-height: 1.5;
	color: #9FA0A0;
}
@media screen and (max-width: 767px) {
	.description--text__left__2 {
		margin: 1rem 0 0 0rem;
	font-size: 140%;
		text-align: center;
	}
}
.iphoneRepair__link {
	margin: 0.5rem 0 0 3rem;
}
@media screen and (max-width: 767px) {
	.iphoneRepair__link {
		margin: 0.5rem 0 0 0rem;
		text-align: center;
	}
}
.iphoneRepair__button {
	width: 19rem;
}
@media screen and (max-width: 767px) {
	.iphoneRepair__button {
		margin: 0 auto;
		margin-top: 0.5rem;
	}
}
@media screen and (max-width: 767px) {
	.description--text__left {
		width: 100%;
		margin: 1rem 0 2rem 0rem;
		font-size: 140%;
		letter-spacing: 0px;
		text-align: center;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.description--text__left {
		margin: 5rem 0 0 2rem;
		font-size: 145%;
		letter-spacing: 0px;
	}
}
.description--text__left span {
	font-family: 'Spartan', sans-serif;
}
.group--2 {
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
	.group--2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
	}
}
.description--text__right {
	width: 45%;
	margin: 7rem 3rem 0 0;
	font-size: 170%;
	letter-spacing: 1.5px;
	line-height: 1.5;
	color: #9FA0A0;
	text-align: right;
}
@media screen and (max-width: 767px) {
	.description--text__right {
		width: 100%;
		margin: 1rem 0rem 0 0;
		font-size: 140%;
		letter-spacing: 0px;
		text-align: center;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.description--text__right {
		margin: 5rem 2rem 0 0;
		font-size: 145%;
		letter-spacing: 0px;
	}
}
.description--text__right span {
	font-family: 'Spartan', sans-serif;
}
.description--text__right small {
	font-size: 70%;
}
.pa {
	padding-top: 8rem;
}
.iphoneRepair {
	padding-top: 8rem;
}
.description--text__left small {
	font-size: 70%;
}