.y_list_sarea_img {
  float: left;
  margin: 5px;
}

.right_box {
  float: right;
  margin-left: 5px;
  width: 330px;
}

.left_box {
  float: left;
  width: 330px;
}

#hope .hope_img {
  float:right;
}

.right_img {
  float: right;
  margin: 5px;
}

@media (max-width: 428px) {
  #pbody {
    padding: 0 3.6vw;
  }

  #pbody #contents_left h1 {
    font-size: 6vw;
  }

  body #contents_left {
    float: inherit;
    margin: 0;
  }

  .img {
    float: inherit;
    height: auto;
    margin: 0 auto;
    width: 100%;
  }

  #pbody .pc_display {
    display: none;
  }

  #pbody .sp_display {
    display: block;
  }

  .right_box {
    float: inherit;
    margin: 0;
    width: 100%;
  }

  .left_box {
    float: inherit;
    width: 100%;
  }

  #hope {
    text-align: center;
  }

  #hope .hope_img {
    float: inherit;
  }
}