@charset "utf-8";



/* -------------------------------- main -------------------------- */

#c-detail .container,
#grt .container {
  padding:0px 15px;
}

/* -------------------------------- #eye-catch -------------------------- */


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

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

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

/* -------------------------------- #c-detail -------------------------- */

#c-detail {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 0 0;
}

table {
  width:100%;
  text-align:left;
  border-collapse: collapse;
  border-spacing: 0;
  font-size:14px;
  border:2px solid #1d2d66;
}

table th {
  width:100%;
  display:block;
  padding: 10px 0 0px 10px;
}

table td {
  width:100%;
  display:block;
  padding:0px 0 5px 10px;
  line-height:2em;
}

/* -------------------------------- #grt -------------------------- */

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

.page-ttl h2 {
  text-align: center;
  font-weight: bold;
}

#c-detail h2,
#grt h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom:20px;
}

h2 .ja {
  font-size: 36px;
  margin-bottom: 20px;
}

h2 .en {
  display: block;
  font-size: 18px;
}

#c-detail .container,
#grt .container  {
  max-width:960px;
  margin:0 auto;
  text-align:center;
}

.container .txt {
  font-size: 14px;
  line-height: 2.5;
  text-align: center;
}

.grt-img {
  margin-bottom:15px;
}

#grt .container img {
  max-width:345px;
  height:auto;
}



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

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



}


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


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


  /* -------------------------------- #grt -------------------------- */

  #grt {
    padding:60px 0 60px 0;
  }

  .page-ttl {
    margin-bottom: 50px;
  }

  .grt-img {
    margin-bottom:25px;
  }

  #grt .container img {
    max-width:900px;
    height:auto;
  }


  /* -------------------------------- #c-detail -------------------------- */

  #c-detail {
    padding:60px 0 0 0;
  }

  table th {
    display:table-cell;
    width:30%;
    padding: 1.5em 2.5em;
  }

  table td {
    display:table-cell;
    width:70%;
    line-height:2.4em;
    padding: 1.5em 2.5em;
  }

}

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

}