@charset "UTF-8";

.tel-number a {
    text-decoration:none;
    }

/* パソコンで見たときは"pc"のclassがついた要素が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた要素が表示される */
@media only screen and (max-width: 787px) {
.pc { display: none !important; }
.sp { display: block !important; }
}




/* GoogleMapレスポンシブ ==================== */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 767px) {
  .ggmap {
    padding-bottom: 100%;
  }
}

/* YouTubeレスポンシブ ==================== */
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* Googleカレンダーレスポンシブ ==================== */
.calendar {position: relative;}
.calendar::before {
  content: "";
  display: block;
  padding-top: calc(100% * 5 / 4);
}
.calendar iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 100%;
height: 0;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}



/* Facebookページプラグイン レスポンシブ ==================== */
/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}

.autoreglass-sec img {
  border-radius: 0;
}

.autoreglass-sec h2 {
  font-weight: 900;
}

.autoreglass-sec h3 {
  background: #000;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 130%;
}

.autoreglass-sec p {
  background: #DDD;
  padding: 10px 15px;
  margin-top: 0;
}

.autoreglass-attention {
  background: #c50000;
  border-radius: 40px;
  color: #FFF;
  width: 40%;
  text-align: center;
  margin: 0 auto 60px auto;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .autoreglass-attention {
    width: 70%;
  }
}

.autoreglass-attention h2 {
  font-weight: 900;
}

.autoreglass-attention p {
  text-align: left;
  margin-top: 0;
}


.autoreglass-GRS {
  width: 60%;
  background: #d7e6cd;
  border-radius: 20px;
  padding: 20px;
  border: 5px solid #92b37c;
  text-align: center;
  margin: auto;
}

.autoreglass-GRS h2 {
  font-weight: 900;
}