@charset "utf-8";


/* -------------------------------- all -------------------------- */

#eye-catch {
  background:url(../img/service-header.jpg) no-repeat 0 0;
  background-position:center center;
  background-size:cover;
}


#service h2,
#track h2 {
  text-align:center;
  color:#1d2d66;
  margin-bottom:20px;
}

.ja {
  font-size:42px;
  border-bottom:1px solid #1d2d66;
  margin-bottom:30px;
  padding-bottom:10px;
}

.en {
  margin-top:10px;
  font-size:15px;
  display:block;
}


/* -------------------------------- #service -------------------------- */

#service,
#track {
  width:100%;
  margin:0 auto;
  padding:20px 0;
}

#service .container {
  padding:15px;
}

#track .container {
  padding:20px 15px;
}

#service .container,
#track .container  {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.service-ttl,
.track-ttl .slick-slide {
  position:relative;
  margin-bottom:20px;
}

.service-ttl h3,
.track-ttl dt {
  color:#fff;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:15px 0;;
  font-size:20px;
  text-align:center;
  background:rgba(0,0,0,.55);
}

.service-ttl p img,
.track-ttl dd img {
  max-width:100%;
  height:auto;
  width:100%;
}

.service-l,
.track-l {
  width:100%;
}

.service-r,
.track-r {
  width:100%;
}

.service-btm-l {
  width:100%;
}

.service-btm-r {
  width:100%;
  margin-top:30px;
  display:none;
}

.service-content,
.track-content {
  font-size:18px;
  line-height:3rem;
  text-justify:inter-ideograph;
}

.track-content {
  padding-bottom:20px;
}

.service-content {
  margin-bottom:40px
}


/* -------------------------------- #track -------------------------- */

#track {
  width:100%;
  margin:0 auto;
  padding:20px 0;
}

#track table {
  width:100%;
  border-bottom: 1px solid #1d2d66;
  margin:0px 0 40px;
  border-collapse: collapse;
}

#track table th {
  padding: 10px 0px;
  border-top: none;
  border-bottom: 1px solid #1d2d66;
  vertical-align: top;
}

#track table tr:nth-of-type(2) th {
  border-bottom:none;
}

#track table td {
  border: none;
  vertical-align: top;
  padding: 10px 0px;
}


/* -------------------------------- .slick-------------------------- */

.slick-wrapper {
  position:relative;
}

.slick-prev {
  font-weight: 900;
  background:rgba(0,0,0,.8);
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-70%);
  width:55px;
  height:55px;
  z-index:1;
}

.slick-next {
  font-weight: 900;
  background:rgba(0,0,0,.8);
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-70%);
  width:55px;
  height:55px;
}



/* ================================================== tablet ================================================== */

@media screen and (min-width:760px) {



}


/* ================================================== pc ================================================== */


@media screen and (min-width:960px) {


  /* -------------------------------- #service -------------------------- */

  #service,
  #track  {
    padding:60px 0;
  }

  #service .container,
  #track .container {
    padding:40px 15px;
  }


  .service-content {
    margin-bottom:15px
  }


  .service-l,
  .track-l {
    width:35%;
  }

  .service-r,
  .track-r {
    width:35%;
  }

  .service-btm-l {
    width:35%;
    margin-top:30px;
  }

  .service-btm-r {
    width:35%;
    margin-top:30px;
    visibility:hidden;
    display:block;
  }

  #track table {
    margin:50px 0;
  }

  #track table th,
  #track table td {
    padding:12px 12px;
  }

  /* -------------------------------- #track -------------------------- */

  .slick-slide dd {
    width:100%;
  }

  .slick-slide dd img {
    width:100%;
  }






}

@media screen and (min-width:1215px) {

}