@charset "utf-8";

/* common.css */

/*----------------------------------------------*/
/*service*/
/*----------------------------------------------*/
#service {
  min-width: 1200px;
  width: auto !important;
  width: 1200px;
}
#service ol {
  margin-top: -100px;
  padding-top: 100px;
}
#service ol > li {
  width: 100%;
  min-height: 453px;
  height: auto !important;
  height: 453px;
  position: relative;
}
#service ol li h3 {
  padding: 45px 45px 0 48px;
}
#service ol li p {
  color: #666;
  font-size: 116%;
  line-height: 2.1;
  padding: 25px 45px 20px 50px;
  max-width: 45%;
  width: auto !important;
  width: 45%;
}
#service ol li .more {
  padding: 0 40px 0 45px;
  position: absolute;
  left: 0;
  bottom: 50px;
}
#service ol li .more ul:after {
  content: "";
  clear: both;
  display: block;
}
#service ol li .more ul li {
  float: left;
}
#service ol li .more ul li.btn {
  margin-right: 30px;
}

#service ol li#conobell {
  background: url(../images/service/bg_conobell.png) right bottom / contain no-repeat, #fff;
}
#service ol li#conobell p {
  max-width: 40%;
  width: auto !important;
  width: 40%;
}

#service ol li#buscatch {
  background: url(../images/service/bg_buscatch.png) right bottom no-repeat #eff0f3;
}
#service ol li#buscatch .label {
  position: absolute;
  left: 45%;
  top: 30px;
  width: 167px;
  height: 167px;
}
#service ol li#buscatch p {
  max-width: 40%;
  width: auto !important;
  width: 40%;
}

#service ol li#drivingschool {
  background: url(../images/service/bg_drivingschool.png) right bottom no-repeat #fff;
}
#service ol li#drivingschool p {
  max-width: 40%;
  width: auto !important;
  width: 40%;
}

#service ol li#kindergarten {
  background: url(../images/service/bg_kindergarten.png) right bottom no-repeat #fff;
}
#service ol li#kindergarten p {
  max-width: 40%;
  width: auto !important;
  width: 40%;
}

#service ol li#education {
  background: url(../images/service/bg_education.png) right bottom no-repeat #fff;
}
#service ol li#education p {
  max-width: 40%;
  width: auto !important;
  width: 40%;
}

#service ol li#gakudo {
  background: url(../images/service/bg_gakudo.png) right bottom no-repeat #fff;
}
#service ol li#gakudo p {
  max-width: 40%;
  width: auto !important;
  width: 40%;
}

#service ol li#swimming {
  background: url(../images/service/bg_swimming.png) right bottom no-repeat #fff;
}
#service ol li#swimming p {
  max-width: 40%;
  width: auto !important;
  width: 40%;
}
#service ol li#fitness {
  background: url(../images/service/bg_fitness.png) right bottom no-repeat #fff;
}
#service ol li#school {
  background: url(../images/service/bg_school.png) right bottom no-repeat #eff0f3;
}

#service ol li#tennis_school {
  background: url(../images/service/bg_tennis_school.png) right bottom no-repeat #eff0f3;
}

#service ol li#accel_gps {
  background: url(../images/service/bg_accel_gps.png) right bottom no-repeat;
}
#service ol li#nextalk {
  background: url(../images/service/bg_nextalk.png) right bottom no-repeat #fff;
}

#key_visual.service {
  background-color: #f6f6f6;
}

@media (min-width: 1280px) {
  #service ol li#conobell .inner,
  #service ol li#buscatch .inner,
  #service ol li#drivingschool .inner,
  #service ol li#kindergarten .inner,
  #service ol li#education .inner,
  #service ol li#gakudo .inner,
  #service ol li#swimming .inner,
  #service ol li#fitness .inner,
  #service ol li#school .inner,
  #service ol li#tennis_school .inner,
  #service ol li#accel_gps .inner,
  #service ol li#nextalk .inner {
    min-width: 1200px;
    width: auto !important;
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
  }

  #service ol li .more {
    padding: 0 40px 0 0px;
    min-width: 1200px;
    width: auto !important;
    width: 1200px;
    max-width: 1200px;
    margin: 10px auto 0;
    text-align: center;
    position: relative;
    bottom: 0;
  }
}

/*----------------------------------------------
PC表示
----------------------------------------------*/

@media screen and (min-width: 1280px) {
  #service ol li#conobell,
  #service ol li#buscatch,
  #service ol li#drivingschool,
  #service ol li#kindergarten,
  #service ol li#education,
  #service ol li#gakudo,
  #service ol li#swimming,
  #service ol li#fitness,
  #service ol li#school,
  #service ol li#tennis_school,
  #service ol li#accel_gps,
  #service ol li#nextalk {
    background-image: none;
  }

  #service ol li#conobell .inner,
  #service ol li#buscatch .inner,
  #service ol li#drivingschool .inner,
  #service ol li#kindergarten .inner,
  #service ol li#education .inner,
  #service ol li#gakudo .inner,
  #service ol li#swimming .inner,
  #service ol li#fitness .inner,
  #service ol li#school .inner,
  #service ol li#tennis_school .inner,
  #service ol li#accel_gps .inner,
  #service ol li#nextalk .inner {
    min-height: 453px;
    height: auto !important;
    height: 453px;
  }

  #service ol li#conobell .inner {
    background: url(../images/service/bg_conobell.png) right bottom / contain no-repeat;
  }
  #service ol li#buscatch .inner {
    background: url(../images/service/bg_buscatch.png) 105% bottom no-repeat #eff0f3;
    width: 1280px;
    margin: 0 auto;
    position: relative;
  }
  #service ol li#drivingschool .inner {
    background: url(../images/service/bg_drivingschool.png) right bottom no-repeat;
  }
  #service ol li#kindergarten .inner {
    background: url(../images/service/bg_kindergarten.png) right bottom no-repeat;
  }
  #service ol li#education .inner {
    background: url(../images/service/bg_education.png) right bottom no-repeat;
  }
  #service ol li#gakudo .inner {
    background: url(../images/service/bg_gakudo.png) right bottom no-repeat;
  }
  #service ol li#swimming .inner {
    background: url(../images/service/bg_swimming.png) right bottom no-repeat;
  }
  #service ol li#fitness .inner {
    background: url(../images/service/bg_fitness.png) right bottom no-repeat;
  }
  #service ol li#school .inner {
    background: url(../images/service/bg_school.png) right bottom no-repeat;
  }
  #service ol li#tennis_school .inner {
    background: url(../images/service/bg_tennis_school.png) right bottom no-repeat;
  }
  #service ol li#accel_gps .inner {
    background: url(../images/service/bg_accel_gps.png) right bottom no-repeat;
  }
  #service ol li#nextalk .inner {
    background: url(../images/service/bg_nextalk.png) right bottom no-repeat;
  }
  #service ol li#nextalk p {
    max-width: 35%;
    width: auto !important;
    width: 35%;
  }

  #service ol li h3 {
    padding-left: 0;
  }
  #service ol li p {
    padding-left: 0;
  }
}