@charset 'UTF-8';
/* -----------------------------------------------------------
  basic
----------------------------------------------------------- */

.sec-ttl{
  font-family: 'Sorts Mill Goudy', serif;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: .1rem;
  line-height: 1.4;
  color: #FFF;
  z-index: 1;
}
.sec-ttl span{
  display: block;
  font-size: .9rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: .1rem;
}

@media (min-width: 769px) {

  .sec-ttl{
    font-size: 2.8rem;
  }

}

@media only screen and (max-width: 768px) {

  .sec-ttl{
    line-height: 1.4;
  }

}

/* -----------------------------------------------------------
  sec-opn
----------------------------------------------------------- */

.sec-opn_bg{
  padding: 30px 0;
  background: url(../img/overview/kv.jpg) no-repeat center;
  background-size: cover;
  margin-top: 60px;
  position: relative;
}
.overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,0.3);
    display: block !important;
    z-index: 0 !important;
}

@media (min-width: 769px) {

  .sec-opn_bg{
    padding: 120px 0;
    margin-top: 82px;
  }

}

@media only screen and (max-width: 768px) {

}

/* -----------------------------------------------------------
  sec01
----------------------------------------------------------- */

.sec01_bg{
  padding: 20px 20px 60px 20px;
}
table {
  width: 100%;
  font-size: .9rem;
}

.timeline02 th{
  border-bottom: 1px solid #666;
}

.timeline02 th {
  padding: 20px 0;
  width: 20%;
  line-height: 200%;
  vertical-align: top;
  text-align: left;
  letter-spacing: 0.1em;/*
  background-color: #efefef;*/
}

.timeline02 td{
  padding: 20px;
  line-height: 1.8;
}

@media (min-width: 769px) {

  .sec01_bg{
    padding: 120px 0;
  }
  .timeline02 td{
    border-bottom: 1px solid #ddd;
  }
  .half{
    width: 12%;
  }

}

@media only screen and (max-width: 768px) {

  .timeline02 th,
  .timeline02 td{
      padding: 20px 0;
      width: 100%;
      display: block;
      border-top: none;
  }
  .half{
    display: inline-block !important;
    width: 50% !important;
  }
  .half_sp{
    display: inline-block !important;
    width: 50% !important;
  }

}

/* -----------------------------------------------------------
  sec02
----------------------------------------------------------- */

.sec02_bg{
  padding: 0;
}

@media only screen and (max-width: 768px) {

  .sec02_bg{
    padding-bottom: 20px;
  }

}