@charset "utf-8";
/* ------------------------------
    pc/sp
------------------------------ */
  /*  service   ---------------------------------------------------------------------------*/
body.service .mv {
  background-image: url(../images/service/service_mv_01.png);
}
body.service .mv h1 {
  text-shadow: 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF, 4px 4px 4px #FFFFFF, -4px 4px 4px #FFFFFF, 4px -4px 4px #FFFFFF, -4px -4px 4px #FFFFFF;
}
body.service .mv h1 span {
  display: block;
  background-color: #8dc41d;
  border-radius: 30px;
  text-shadow: none;
  box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.08);
  color: #FFFFFF;
  text-align: center;
}
body.service #sec01 h3 {
  text-align: center;
  margin-bottom: 50px;
}
body.service #sec01 ul {
  margin: 0 -1.8%;
	justify-content: center;
}
body.service #sec01 ul li {
  margin: 0 1.8%;
  flex-basis: 29.7%;
}
body.service #sec01 .image {
  margin-bottom: 30px;
}
/* ------------------------------
    pc
------------------------------ */
@media screen and (min-width:768px) {
  /*  service   ---------------------------------------------------------------------------*/
  body.service .mv h1 {
    font-size: 4rem;
  }
  body.service .mv h1 span {
    font-size: 2.7rem;
    padding: 10px 0 6px;
    width: 430px;
    margin-bottom: 25px;
  }
  body.service #sec01 .inner {
    padding: 70px 0 90px;
    max-width: 840px;
  }
}
/* ------------------------------
    IE
------------------------------ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.service .mv h1 span {
    padding: 8px 0;
  }
}
/* ------------------------------
    sp
------------------------------ */
@media screen and (max-width:767px) {
  /*  service   ---------------------------------------------------------------------------*/
  body.service .mv {
    background-position: 55% center;
  }
  body.service .mv h1 {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  body.service .mv h1 span {
    font-size: 1.4rem;
    width: 65%;
    padding: 5px 0;
    margin-bottom: 15px;
    letter-spacing: normal;
  }
  body.service #sec01 .secttl img {
    height: 20px;
  }
  body.service #sec01 h3 {
    margin-bottom: 30px;
  }
  body.service #sec01 .inner {
    padding: 30px 3%;
  }
  body.service #sec01 ul li + li {
    margin-top: 30px;
  }
  body.service #sec01 .image {
    margin-bottom: 15px;
  }
}

#service .service_box{
	display: none;
}