/* ----------------------------------------------------------------
Global Settings
----------------------------------------------------------------- */
#sec01 {
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #sec01 {
    padding-bottom: 0;
  }
}

#sec02 *, #sec03 * {
  box-sizing: border-box;
}
#sec02 h3, #sec03 h3 {
  font-size: 130%;
  text-align: center;
}
#sec02 .flex, #sec03 .flex {
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #sec02 .flex, #sec03 .flex {
    display: block;
  }
}
#sec02 .flex ul, #sec03 .flex ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 0 0 68%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #sec02 .flex ul, #sec03 .flex ul {
    display: block;
  }
}
#sec02 .flex ul li, #sec03 .flex ul li {
  flex: 0 0 49%;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  line-height: 2;
}
#sec02 .flex figure, #sec03 .flex figure {
  flex: 0 0 30%;
  margin: 0;
  padding: 0;
}
#sec02 .flex figure img, #sec03 .flex figure img {
  width: 100%;
  height: auto;
}