@charset "UTF-8";

/* outline_Area */

#outline_Area .overview {
  width: 90%;
  max-width: 1000px;
  padding: 100px 0 0 0;
  margin: 0 auto;
}

#outline_Area .outline_ttl {
  font-size: 18px;
  letter-spacing: 1.5px;
  text-align: left;
  border-left: solid 3px #452b12;
  padding-left: 17px;
  margin: 0 auto 20px;
}

#outline_Area .overview dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1.4;
  letter-spacing: 1.5px;
  margin: 0 auto;
}

#outline_Area .overview dt {
  width: 25%;
  font-size: 13px;
  border-top: solid 1px #452b12;
  padding: 12px 0 12px 20px;
}

#outline_Area .overview dd {
  width: 75%;
  font-size: 13px;
  border-top: solid 1px #ccc;
  padding: 12px 0 12px 30px;
}

#outline_Area .overview .last dt {
  border-bottom: solid 1px #452b12;
}

#outline_Area .overview .last dd {
  border-bottom: solid 1px #ccc;
}

#outline_Area .overview dl:last-of-type dt {
  border-bottom: solid 1px #452b12;
}

#outline_Area .overview dl:last-of-type dd {
  border-bottom: solid 1px #ccc;
}

#outline_Area .overview dd p,
#outline_Area .overview dd p span {
    color: #030303;
}

#outline_Area .overview .notes {
  width: 100%;
  color: #030303;
  margin: 40px auto 0;
}

/*=======================================
SP
=======================================*/
@media (max-width: 820px) {

  #outline_Area .overview {
    padding: 50px 0 0 0;
  }

  #outline_Area .overview dt {
    width: 100%;
    font-size: 13px;
    color: #fff;
    background: #452b12;
    border-top: none;
    padding: 10px 12px;
  }

  #outline_Area .overview dd {
    width: 100%;
    font-size: 13px;
    border-top: none;
    padding: 12px 12px 22px;
  }

  #outline_Area .overview dl:last-of-type dd {
    border-bottom: none;
  }

  #outline_Area .overview.update {
    margin: 40px auto 0;
  }

  #outline_Area .overview .notes {
    margin: 0 auto;
  }
}