div.presentinfo {
  padding: 40px 20px 20px;
  color: black;
  background: #D8C3A8;
  border-radius: 10px;
}

div.presentinfo h2 {
  font-size: 1.8em;
  line-height: 1.625;
}
div.presentinfo h3 {
  font-size: 1.4em;
  line-height: 1.625;
  font-weight: 400;
}

dl.presentout {
  display: flex;
  flex-flow: row wrap;
}
dl.presentout dt {
  max-width: 340px;
  padding: 0 30px;
}
dl.presentout dd {
  max-width: 660px;
  text-align: left;
}

div.presentdetail {}
div.presentdetail h4 {
  background: #e4d0b6;
  padding: 5px 0 5px 10px;
  font-size: 1.4em;
}

dl.detaillist {
  display: flex;
  flex-flow: row wrap;
  line-height: 1.6em;
}
dl.detaillist dt {
  width: 20%;
}
dl.detaillist dd {
  width: 70%;
}


/* SP STYLE */

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

  div.presentinfo {
  padding: 10px;
  }

  div.presentinfo h2 {
    font-size: 1.4em;
  }
  div.presentinfo h3 {
    font-size: 1.2em;
  }

  dl.presentout {
    display: block;
    text-align: center;
  }
  dl.presentout dt {

  }
  dl.presentout dd {
  }

  div.presentdetail {
    margin-top: 30px;
  }
  div.presentdetail h4 {
    text-align: center;
  }

  dl.detaillist {
    display: block;
    text-align: left;
  }
  dl.detaillist dt {
    width: 100%;
    padding: 10px 10px 0 10px;
  }
  dl.detaillist dd {
    width: 100%;
    padding: 10px;
  }

}