@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1400px) {
html { font-size: 0.7142857142857143vw; }
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
html { font-size: 1.3333333333333335vw; }
#mainvisual {
	display: block;
	padding-top: 13.0rem;
}
.title-service {
	background: url("../../image/bg-service-sp.webp") no-repeat center center;
	background-size: cover;
	padding: 30.0rem 0 5.0rem 3.0rem;
}
#intro dl {
	width: 60.0rem;
	padding: 15.0rem 0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#intro dl dt {
	font-size: 4.0rem;
	margin-bottom: 3.0rem;
}
#intro dl dd {
	font-size: 2.4rem;
}
h2 {
	font-size: 8.0rem;
	width: 100%;
}
h2 span {
	font-size: 2.6rem;
}
.bgg {
	padding: 8.0rem 0;
}
.bgw {
	padding: 8.0rem 0;
}

.inner {
	width: 65.0rem;
}
.inner h3 {
	font-size: 5.0rem;
	margin-bottom: 5.0rem;
}
.inner h3 span {
	font-size: 2.0rem;
	padding-top: 2.0rem;
}
.inner dl {
	margin-bottom: 5rem;
}
.inner dl dt {
	font-size: 3.8rem;
	margin-bottom: 3.0rem;
}
.inner dl dd {
	font-size: 2.4rem;
	line-height: 1.7;
}
.inner .lr {
	display: block;
}
.inner .lr dl {
	width: 100%;
}
.inner .lr figure {
	width: 100%;
}
#company .company-in {
	display: block;
	margin-bottom: 5rem;
}
#company .company-in table {
	width: 100%;
	margin-bottom: 4.0rem;
}
#company .company-in table th {
	font-size: 2.4rem;
	padding: 2.5rem 0;
}
#company .company-in table td {
	font-size: 2.4rem;
	padding: 2.5rem 0;
	padding-left: 2.5rem;

}
#company .company-in figure {
	width: 100%;
}
#company iframe {
	height: 40.0rem;
}
#company .gmap {
	font-size: 2.0rem;
}

.other {
	display: block;
	width: 55.0rem;
	padding: 8.0rem 0;
}
.other .ucar {
	width: 100%;
	height: 34.4rem;
}
.other .blog {
	width: 100%;
	height: 34.4rem;
}
.other .ucar {
	margin-bottom: 4.0rem;
}
.other div a {
	font-size: 2.2rem;
	padding: 13.0rem 0;
}
.other div a span {
	font-size: 5.6rem;
}

}