.main-visual {
  background-image: url(../img/tank/tank-1.jpg); }

.content {
  width: 1120px;
  margin: 0 auto 90px; }
  .content h3 {
    margin: 0 0 55px;
    text-align: center; }
  .content .container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 55px; }
    .content .container img {
      width: 480px;
      height: 300px;
      object-fit: cover;
      object-position: center; }
    .content .container .sp-img {
      display: none; }
    .content .container .box {
      width: 590px; }
      .content .container .box h4 {
        color: #20b378;
        margin: 0 0 15px 0; }
      .content .container .box ul li {
        font-size: 15px;
        line-height: 1.7; }

@media screen and (max-width: 767px) {
  .content {
    width: 100%;
    margin: 0 auto 60px;
    text-align: center; }
    .content h3 {
      display: inline-block;
      width: 90%;
      margin: 0 0 40px;
      text-align: left; }
    .content .container {
      display: block;
      width: 90%; }
      .content .container .box {
        width: 100%; }
        .content .container .box h4 {
          margin: 0 0 15px 0; }
        .content .container .box ul li {
          font-size: 14px;
          text-align: left; }
      .content .container img {
        width: 80%;
        height: 250px;
        margin: 0 auto 20px; }
      .content .container .sp-img {
        display: block; }
      .content .container .pc-img {
        display: none; } }
@media screen and (max-width: 414px) {
  .content {
    margin: 0 auto 30px; }
    .content .container {
      margin: 0 auto 35px; }
      .content .container .box h4 {
        margin: 0 0 10px 0; }
      .content .container .box ul li {
        font-size: 13px; }
      .content .container img {
        width: 100%;
        height: 200px;
        margin: 0 auto 10px; } }
