section.company01 {
  padding-bottom: 6em;
}
section.company01 .container > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1.5em;
}
section.company01 .container > div h3 {
  font-size: 150%;
  font-weight: 700;
}
section.company01 .container > div img {
  width: 50%;
  height: auto;
}
section.company01 .container > p {
  padding-bottom: 1.5em;
}
section.company01 .container > p:last-child {
  font-size: 85%;
}
section.company02 {
  padding-bottom: 6em;
}
section.company02 .container table {
  border-left: none;
  border-top: 1px solid #EEEEEE;
}
section.company02 .container table td {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #EEEEEE;
  padding: 1em 0;
}
section.company02 .container table td:first-child {
  padding-left: 1em;
  width: 25%;
  vertical-align: top;
  font-weight: 700;
}
section.company03 {
  padding-top: 4em;
  padding-bottom: 6em;
  background-color: #FBFBFB;
}
section.company03 .container h3 + div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.company03 .container h3 + div a.btn01 {
  width: 400px;
}
section.company03 .container > iframe {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  section.company01 .container > div {
    flex-direction: column;
    align-items: center;
  }
  section.company01 .container > div h3 {
    padding-bottom: 1.5em;
  }
  section.company01 .container > div img {
    width: 80%;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 768px) {
  section.company01 .container > div {
    display: block;
  }
  section.company01 .container > div img {
    width: 90%;
    margin: 0 auto;
  }
  section.company02 .container table td {
    display: block;
  }
  section.company03 .container h2 {
    margin-bottom: 0.2em;
  }
  section.company03 .container h3 + div {
    display: block;
  }
  section.company03 .container h3 + div a.btn01 {
    width: 400px;
    margin-bottom: 2em;
  }
}