@charset "UTF-8";
/** howto.css スタイルシート引継ぎ用 開始 */
/* inview animation */
.inview {
  opacity: 0;
  transform: translate(0, 7%);
  transition: all 0.9s;
}
.inview.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/* video_guide */
.video_guide {
  margin-top: 2.4rem;
}
@media screen and (max-width: 750px) {
  .video_guide {
    margin-top: 0.7rem;
  }
}
.video_guide .ttl {
  position: relative;
  display: table;
  margin: auto;
  text-align: center;
  font-family: "游ゴシック体", "游ゴシック", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}
@media screen and (max-width: 750px) {
  .video_guide .ttl {
    font-size: 1.1rem;
  }
}
.video_guide .ttl::before {
  position: absolute;
  z-index: -1;
  content: "";
  width: 106%;
  height: 7px;
  background: #f5e538;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0.7rem;
}
@media screen and (max-width: 750px) {
  .video_guide .ttl::before {
    width: 100%;
    bottom: -0.2rem;
  }
}
.video_guide .video_block {
  display: table;
  position: relative;
  margin: 1.6rem auto 0;
  max-width: 32.2rem;
}
.video_guide .video_block img {
  width: 100%;
  display: block;
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .video_guide .video_block {
    margin-top: 1.5rem;
    max-width: 100%;
    width: 100%;
  }
}
.video_guide .video_block.play::after {
  display: none;
}
.video_guide .video_block.play .play_btn {
  display: none;
}

/* method_video */
.method_video {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .method_video {
    flex-wrap: wrap;
  }
}
/** howto.css スタイルシート引継ぎ用 終了 */

.lcs_captchas {
  display: block; }
  .lcs_captchas .lcs_ul {
    margin: 0px auto;
    display: table; }
    @media screen and (max-width: 1080px) {
      .lcs_captchas .lcs_ul {
        display: block; } }
  .lcs_captchas .lcs_li {
    position: relative;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px; }
    @media screen and (max-width: 1080px) {
      .lcs_captchas .lcs_li {
        display: block;
        padding: 15px 0px;
        width: 100%; } }
    .lcs_captchas .lcs_li span.video_btn {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      cursor: pointer;
      z-index: 999; }
  .lcs_captchas .lcs_li.lcs_cap_list {
    position: relative;
    height: 100%; }
    .lcs_captchas .lcs_li.lcs_cap_list a {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      margin: 3px 0px;
      padding: 10px 5px;
      background-color: #f4f4f4;
      border: #ddd solid 1px;
      display: block; }
      .lcs_captchas .lcs_li.lcs_cap_list a dl {
        width: 100%;
        display: table; }
        .lcs_captchas .lcs_li.lcs_cap_list a dl dt, .lcs_captchas .lcs_li.lcs_cap_list a dl dd {
          display: table-cell;
          vertical-align: middle;
          padding: 0px 10px; }
        .lcs_captchas .lcs_li.lcs_cap_list a dl dt {
          font-size: 14px;
          display: table;
          /*					&:before {
          						content: '';
          						display: inline-block;
          						width: 35px;画像の幅
          						height: 35px;画像の高さ
          						background-image: url(../img/play.png);
          						background-repeat: no-repeat;
          						background-size: contain;
          						vertical-align: middle;
          						margin-right: 10px;
          						margin-top: 10px;
          					}*/
          /*					
          					
          					white-space: nowrap ;*/ }
          .lcs_captchas .lcs_li.lcs_cap_list a dl dt span {
            vertical-align: middle;
            display: table-cell; }
            .lcs_captchas .lcs_li.lcs_cap_list a dl dt span.lcs_th {
              width: 50px;
              padding-right: 15px; }
          .lcs_captchas .lcs_li.lcs_cap_list a dl dt img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 50px; }
          @media screen and (max-width: 1080px) {
            .lcs_captchas .lcs_li.lcs_cap_list a dl dt {
              white-space: normal; } }
        .lcs_captchas .lcs_li.lcs_cap_list a dl dd {
          width: 100px;
          text-align: right;
          font-weight: bold;
          white-space: nowrap; }
    .lcs_captchas .lcs_li.lcs_cap_list a:hover {
      background-color: #0B2A3A;
      color: #f4f4f4;
      text-decoration: none; }

.new_v_block {
  cursor: pointer;
  position: relative; }
  .new_v_block .play_btn_new {
    display: block;
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
    z-index: 999;
    pointer-events: auto;
    cursor: pointer; }

.new_spacer {
  padding: 30px; }

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