@charset "UTF-8";

.service .main_ttl {
  padding-bottom: 20px;
}

.service h2.main_ttl {
  padding-top: 80px;
  padding-bottom: 10px;
}

.service .img01 {
  background: url("/resources/images/services/index/img_service_01.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  float: right;
}

.service .img02 {
  background: url("/resources/images/services/index/img_service_02.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  float: left;
}

.service .img03 {
  background: url("/resources/images/services/index/img_service_03.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  float: right;
}

.service .img04 {
  background: url("/resources/images/services/index/img_service_04.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  float: left;
}

.service .btn_area {
  display: -webkit-box;  /*Android4.3*/
  display: -moz-box;     /*Firefox21*/
  display: -ms-flexbox;  /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-box-pack: center;        /*Android4.3*/
  -moz-box-pack: center;           /*Firefox21*/
  -ms-flex-pack: center;           /*IE10*/
  -webkit-justify-content: center; /*PC-Safari,iOS8.4*/
  justify-content: center;
}

.service .btn_area .btn {
  margin: 0 20px;
}

.service .btn_area .btn a {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 250px;
  padding: 15px 0;
  border-radius: 5px;
}

.service .btn_area .support a {
  width: 420px !important;
}

.service .btn_area .ruby_contact a {
  width: 520px !important;
}

.service .ruby_contact {
  padding-top: 0px;
}

.service .last {
  padding-bottom: 40px;
}

@media (max-width: 720px) {
  .service section {
    padding: 35px 10px !important;
  }

  .service #floatbox {
    padding: 35px 10px 0px 10px !important;
  }

  .service #floatbox .box {
    height: auto;
  }

  .service .btn_area .ruby_contact a {
    width: 320px !important;
  }
  .service .ruby_contact {
    padding: 30px 0px;
  }

  .service .btn_area .ruby_contact a {
   width: 320px !important;
  }

  .service .last {
    padding-bottom: 0px;
  }
}