ul.guidelines li {
  width: 25%; }
  @media screen and (max-width: 599px) {
    ul.guidelines li {
      width: 100%; } }

.dl_flex_wrap {
  margin: 2em auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .dl_flex_wrap > div {
    width: calc(50% - 20px);
    margin: 0 10px; }
  @media screen and (max-width: 699px) {
    .dl_flex_wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .dl_flex_wrap > div {
        width: 95%;
        margin: 0 auto 2em; } }
  .dl_flex_wrap h3 {
    background: #666;
    border-radius: 6px 6px 0 0;
    color: #fff;
    text-align: center;
    padding: 1em; }

.side_all {
  border: 1px solid #bbb;
  border-radius: 0 0 6px 6px; }

.logodata_type {
  padding: 2em;
  border-bottom: 1px solid #bbb; }
  @media screen and (max-width: 599px) {
    .logodata_type {
      padding: 1.5em 1em; } }
  .logodata_type:last-child {
    border-bottom: 0; }
  .logodata_type .thumbnail {
    margin: 0 auto 0.5em;
    text-align: center;
    padding: 0; }
    .logodata_type .thumbnail img {
      width: auto;
      height: 100px; }
    .logodata_type .thumbnail.tate {
      text-align: center; }
      .logodata_type .thumbnail.tate img {
        width: auto;
        height: 90px; }
  .logodata_type ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .logodata_type ul li {
      width: calc(25% - 0.25em);
      margin-top: 0.5em; }
      .logodata_type ul li a {
        display: block;
        border-radius: 6px;
        background: #bbb;
        color: #fff;
        text-align: center;
        padding: 0.5em; }
        .logodata_type ul li a:hover {
          opacity: 0.6; }