.howto .head .title {
  letter-spacing: normal; }

.howto .list_slide {
  width: 100%;
  max-width: 1065px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .howto .list_slide > li {
    width: 50%;
    margin: 0 0 125px; }
    .howto .list_slide > li .inner {
      width: 410px;
      margin: auto; }
    .howto .list_slide > li .label {
      font-size: 16px;
      font-weight: 500;
      margin: 0 0 5px; }
    .howto .list_slide > li .slider .slick-slide img {
      width: 100%; }
    .howto .list_slide > li .slider .slick-arrow {
      width: 20px;
      height: 20px;
      border-top: solid 1px #000;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden;
      position: absolute;
      top: 50%;
      margin: -10px 0 0;
      outline: none;
      z-index: 10; }
      .howto .list_slide > li .slider .slick-arrow.slick-prev {
        border-left: solid 1px #000;
        left: -40px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .howto .list_slide > li .slider .slick-arrow.slick-next {
        border-right: solid 1px #000;
        right: -40px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    .howto .list_slide > li .slider .slick-dots {
      width: 100%;
      position: absolute;
      bottom: -45px;
      margin: 0;
      margin: 0;
      display: flex;
      justify-content: center; }
      .howto .list_slide > li .slider .slick-dots > li button {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: solid 1px #000;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        margin: 0 5px; }
      .howto .list_slide > li .slider .slick-dots > li.slick-active button {
        background: #000; }
    .howto .list_slide > li:nth-child(1) {
      letter-spacing: -0.05em; }
.add_message{
  max-width: 1120px;
  margin:0 auto;
  padding:30px 0;
}
.add_message p{
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (min-width: 769px) and (max-width: 1120px) {
  .howto .list_slide > li .inner {
    width: 260px;
    margin: auto; } }

@media screen and (max-width: 768px) {
  .howto .list_slide {
    display: block; }
    .howto .list_slide > li {
      width: 100%;
      margin: 0 0 82.5px; }
      .howto .list_slide > li .inner {
        width: 85%;
        margin: auto; }
      .howto .list_slide > li .label {
        font-size: 20px;
        line-height: 23px;
        font-weight: 500;
        margin: 0 0 5px;
        text-indent: -1em;
        padding: 0 0 0 1em; }
      .howto .list_slide > li .slider .slick-slide img {
        width: 100%; }
      .howto .list_slide > li .slider .slick-arrow {
        width: 12px;
        height: 12px;
        top: 50%;
        margin: -6px 0 0; }
        .howto .list_slide > li .slider .slick-arrow.slick-prev {
          left: -15px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .howto .list_slide > li .slider .slick-arrow.slick-next {
          right: -15px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
      .howto .list_slide > li .slider .slick-dots {
        width: 100%;
        position: absolute;
        bottom: -45px;
        display: flex;
        justify-content: center; }
        .howto .list_slide > li .slider .slick-dots > li button {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          border: solid 1px #000;
          white-space: nowrap;
          text-indent: 100%;
          overflow: hidden;
          margin: 0 3px; }
        .howto .list_slide > li .slider .slick-dots > li.slick-active button {
          background: #000; }
      .howto .list_slide > li:nth-child(1) {
        letter-spacing: normal; } 

  .add_message{
    max-width: unset;
    margin:0 3%;
    padding:0 0 25px;
  }
  .add_message p{
    font-size: 10px;
    line-height: 1.5;
  }
}
		
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/*# sourceMappingURL=howto.css.map*/