@charset "utf-8";
.cont_img h1 {
  background-image: url(../images/page_title.png);
}
#service {
}
#service .lead_text {
  background: url("../images/01.jpg") no-repeat center;
  background-size: cover;
  color: #FFF;
  padding: 60px 150px 0 40px;
  max-height: 290px;
  margin-bottom: 60px;
  font-size: 16px;
}
#service .lead_text p:last-of-type {
  padding-bottom: 24px;
}
#service .lead_text .eng {
  color: #f62d2f;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2em;
}
#service h3 {
  padding: 0 0 0 1em;
  margin-bottom: 20px;
  font-size: 18px;
}
#service h3 .eng {
  display: block;
  color: #838383;
  font-size: 16px;
  letter-spacing: 0.05em;
}
#service img {
  float: right;
  padding: 0 0 0 20px;
}
@media only screen and (max-width: 768px) {
.cont_img h1 {
  background-image: url(../images/page_title_sp.png);
}
#service .lead_text {
  background-image: url("../images/01_sp.jpg");
  padding: 10% 5% 25% 5%;
  max-height: 100%;
  margin-bottom: 30px;
  position: relative;
}
#service .lead_text p:last-of-type {padding-bottom: 0;}
#service .lead_text .eng {
  font-size: 5.5vw;
  position: absolute;
  bottom: -4%;
  left: 5%;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
#service h3 {
  font-size: 17px;
}
#service h3 .eng {
  font-size: 14px;
}
#service img {
  float: none;
  padding: 0 0 0 0;
  width: 100%;
  padding-top: 50.74%;
  height: 0;
  overflow: hidden;
  background: url("../images/02_sp.jpg") no-repeat left top;
  background-size: 100%;
  margin-bottom: 20px;
}
#service img[src="images/03.jpg"] {
  background-image: url("../images/03_sp.jpg");
}
#service img[src="images/04.jpg"] {
  background-image: url("../images/04_sp.jpg");
}
#service img[src="images/05.jpg"] {
  background-image: url("../images/05_sp.jpg");
}
#service img[src="images/06.jpg"] {
  background-image: url("../images/06_sp.jpg");
}

}