.dyn-para {
  margin-top: 20px;
}
.dyn-para:last-child {
  margin-bottom: 0;
}
.dyn-para .dynpara {
  display: block;
  max-width: 800px;
  margin: 0 auto 30px auto;
  box-shadow: 0 0 15px -10px #000000;
  transition: all 300ms ease;
}
.dyn-para span > a {
  display: none;
}
.dyn-para h4,
.dyn-para .title {
  margin-bottom: 0;
}
.dyn-para h4 a,
.dyn-para .title a {
  display: block;
  position: relative;
  padding: 20px 60px 20px 20px;
  text-decoration: none;
  color: #000000;
  background: #FFFFFF;
  font-weight: 700;
  font-size: 1rem;
  line-height: 120%;
  border: none;
  transition: all 300ms ease;
}
@media screen and (min-width: 640px) {
  .dyn-para h4 a,
  .dyn-para .title a {
    font-size: 1.2rem;
    padding: 30px 80px 30px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .dyn-para h4 a,
  .dyn-para .title a {
    font-size: 1.4rem;
  }
}
.dyn-para h4 a:hover,
.dyn-para .title a:hover {
  background: #F9F6F3;
}
.dyn-para h4 a.op,
.dyn-para .title a.op {
  background: #FFFFFF;
}
.dyn-para h4 a:after,
.dyn-para .title a:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #996533;
  background-image: url('images/icon-down.svg');
  background-size: 50% 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 15px);
  right: 20px;
}
@media screen and (min-width: 920px) {
  .dyn-para h4 a:after,
  .dyn-para .title a:after {
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
  }
}
.dyn-para h4 a.op:after,
.dyn-para .title a.op:after {
  transform: rotate(180deg);
}
.dyn-para h5 {
  margin-top: 30px;
}
.dyn-para h5:first-child {
  margin-top: 0;
}
.dyn-para .cntn {
  background: #F9F6F3;
  padding: 20px;
}
@media screen and (min-width: 640px) {
  .dyn-para .cntn {
    padding: 30px;
  }
}
.dyn-para .cntn h1 {
  display: none;
}
.dyn-para .cntn .content_main table {
  position: relative;
}
.dyn-para .cntn .content_main table + table {
  margin-top: 50px;
}
.dyn-para .cntn .content_main table tbody {
  position: relative;
}
@media screen and (min-width: 640px) {
  .dyn-para .cntn .content_main table tbody {
    display: table;
    margin: 0 -25px;
  }
}
.dyn-para .cntn .content_main table tr {
  display: block;
  margin-bottom: 50px;
}
.dyn-para .cntn .content_main table tr:last-child {
  margin-bottom: 0;
}
.dyn-para .cntn .content_main table td {
  display: block;
  padding: 0 0 25px 0;
}
@media screen and (min-width: 640px) {
  .dyn-para .cntn .content_main table td {
    display: table-cell;
    padding: 0 25px;
  }
}
.dyn-para .cntn .content_main table td:last-child {
  padding-bottom: 0;
}
.dyn-para img {
  position: relative;
}
.dyn-para img + img {
  margin-top: 30px;
}
