@media only screen and (max-width:640px){
  .howto_tab {
    margin: 35px 16px;
  }
  .howto_tab .howto_btn {
    width: calc(55vw - 19px);
    height: 10vw;
    font-size: 2.9vw;
    border-radius: 10vw;
  }
  .howto_tab .howto_btn:nth-child(1) {
    margin-right: 6px;
  }
  .howto .pointlist {
    width: calc(100vw - 32px);
    padding: 0 16px 24px 16px;
  }
  .pointlist_innter li {
    width: 100%;
    margin-bottom: 36px;
    justify-content: center;
    flex-direction: column;
  }
  .pointlist .point_txt {
    flex-direction: column;
    padding: 0;
    margin-bottom: 22px;
  }
  .pointlist .point_txt img {
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
  }
  .pointlist .point_txt h3 {
    font-size: 4.3vw;
    line-height: 1.67;
  }
  .pointlist .point_txt h3 span {
    font-size: 5.2vw;
  }
  .pointlist .point_txt p {
    margin-top: 14px;
    font-size: 3.2vw;
  }
  .pointlist .point_img {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }
  .movie {
    width: calc(100vw - 32px);
    padding: 30px 16px 34px;
    margin-bottom: 0px;
  }
  .movie .movie_title {
    width: 45.6vw;
    height: auto;
    margin-bottom: 20px;
  }
  .movie .pv_content {
    width: 100%;
    max-width: none;
    height: calc(57.6vw - 18px);
    max-height: none;
    margin-bottom: 21px;
  }
  .movie .concept {
    width: calc(100vw - 82px);
    max-width: none;
    padding: 30px 25px;
    border-radius: 12px;
  }
  .movie .concept p.title {
    font-size: 4.3vw;
    margin-bottom: 10px;
  }
  .movie .concept p {
    font-size: 3.7vw;
  }
  .pointlist_innter li.point02,
  .write .pointlist_innter li.side {
    flex-direction: column;
  }
    /* write */

    .write .movie .movie_title {
      width: 63.8vw;
      height: auto;
      margin-bottom: 30px;
    }
    .movie .steps {
      width: 100%;
      padding: 0px;
      flex-wrap: wrap;
    }
    .movie .steps li:nth-child(2n) {
        width: 40vw;
        margin-right: 0px;
        margin-left: 10px;
    }
    .movie .steps li:nth-child(2n+1) {
        width: 40vw;
        margin-right: 10px;
    }
    .movie .steps li img {
      margin-bottom: 18px;
    }
    .movie .steps h4 {
        font-size: 4vw;
        font-weight: bold;
        color: #ff4d3d;
        margin-bottom: 2vw;
    }
    .movie .steps p {
        font-size: 3.2vw;
        margin-bottom: 20px;
    }
    .movie .steps p span {
        font-size: 3.7vw;
    }
    .write .pointlist {
        margin-bottom: 10px;
    }
    .write .pointlist_innter li {
        justify-content: normal;
    }
    .write .pointlist .point_txt {
        width: 100%;
        max-width: none;
        padding: 0px;
        margin-bottom: 0px;
    }
    .write .pointlist .point_txt img {
        width: 55px;
        height: 55px;
        margin-bottom: 20px;
    }
    .write .pointlist .point_txt h3 {
        font-size: 5.3vw;
        margin-bottom: calc(140.5vw - 21px);
        position: relative;
    }
    .write .pointlist .point_img {
        position: absolute;
        margin-top: calc(16.8vw + 39px);
        width: calc(100vw - 32px);
        height: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .write .pointlist .point_detail li,
    .write .pointlist .front .point_detail li:nth-child(1),
    .write .pointlist .front .point_detail li:nth-child(2),
    .write .pointlist .front .point_detail li:nth-child(3),
    .write .pointlist .side .point_detail li:nth-child(1),
    .write .pointlist .side .point_detail li:nth-child(2),
    .write .pointlist .side .point_detail li:nth-child(3) {
        padding: 7.2vw 0;
        border-radius: 2.7vw;
        margin-top: 10px;
    }
    .write .pointlist .point_txt p {
        font-size: 4.3vw;
    }
    .write .pointlist .point_txt p span {
        font-size: 5.1vw;
    }
    .write .pointlist .point_detail li::after,
    .write .pointlist .front .point_detail li:nth-child(1)::after,
    .write .pointlist .front .point_detail li:nth-child(2)::after,
    .write .pointlist .front .point_detail li:nth-child(3)::after,
    .write .pointlist .side .point_detail li:nth-child(1)::after,
    .write .pointlist .side .point_detail li:nth-child(2)::after,
    .write .pointlist .side .point_detail li:nth-child(3)::after {
        display: none;
    }
}