#outline {
  /*.s1*/
  /*.s2*/
}
#outline .s1 {
  /*dl*/
}
#outline .s1 dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#outline .s1 dl dt {
  flex-basis: 15%;
  text-align: center;
  background: #003366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #fff;
}
#outline .s1 dl dd {
  flex-basis: 75%;
  padding: 20px 20px;
  line-height: 160%;
  background: #EDEDED;
  border-bottom: 2px solid #fff;
}
#outline .s2 {
  /*dl*/
}
#outline .s2 dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#outline .s2 dl dt {
  flex-basis: 20%;
  text-align: center;
  background: #003366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #fff;
}
#outline .s2 dl dt:nth-of-type(even) {
  background: #444;
}
#outline .s2 dl dt:nth-of-type(odd) {
  background: #666;
}
#outline .s2 dl dd {
  flex-basis: 70%;
  padding: 10px 20px;
  line-height: 160%;
  border-bottom: 2px solid #fff;
  background: #efefef;
}
#outline .s1, #outline .s2 {
  margin-bottom: 70px;
}
#outline .s1 h3, #outline .s2 h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 850px) {
  #outline .s1 dt, #outline .s1 dd, #outline .s2 dt, #outline .s2 dd {
    flex-basis: 100% !important;
  }
  #outline .s1 dt, #outline .s2 dt {
    padding: 10px 0;
  }
}

/*outline*//*# sourceMappingURL=style.css.map */