.video-blog_fv {
    width: 100%;
    overflow: hidden;
    max-width: 1280px;
    margin-inline: auto;
}

.video-blog_fv img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.video-blog_header {
    padding-top: 33px;
    padding-bottom: 33px;
    background: #e6e6e6;
}

.video-blog_inner {
    padding-inline: 60px;
    margin-inline: auto;
    max-width: 1140px;
    width: 100%;
}

.video-blog_header-number {
    border: 1px solid #000;
    display: inline-block;
    padding: 5px 10px;
    font-size: 32px;
}

.video-blog_header-title {
    margin-top: 20px;
    padding-bottom: 40px;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.5;
}

.video-blog_header-content {
    display: flex;
    justify-content: space-between;
}

.video-blog_header-image {
    width: 59%;
}

.video-blog_header-content img {
    width: 100%;
    height: auto;
}

.video-blog_header-text {
    width: 40%;
    padding-left: 10px;
    font-size: 24px;
}

.video-blog_body {
    margin-top: 33px;
    padding-bottom: 35px;
}

.video-blog_body-content {
    display: flex;
    justify-content: space-between;
}

.video-blog_body-content + .video-blog_body-content {
    margin-top: 40px;
}

.video-blog_body-text {
    width: 61.2%;
    padding-right: 10px;
    font-size: 22px;
    font-weight: 500;
}

.video-blog_body-text span {
    background: #e6e6e6;
    line-height: 2;
    display: inline-block;
    font-weight: 700;
    padding-inline: 10px;
}

.video-blog_body-img {
    width: 36%;

}

.video-blog_body-img img {
    width: 100%;
    height: auto;

}

.video-blog_footer {
    padding-top: 33px;
    padding-bottom: 33px;
    background: #e6e6e6;
}


.video-blog_footer-content {
    display: flex;
    justify-content: space-between;
}

.video-blog_footer-main {
    width: 65%;
}

.video-blog_footer-label {
    font-size: 29px;
    font-weight: 500;
}

.video-blog_footer-item {
    display: flex;
    justify-content: space-between;
}

.video-blog_footer-link {
    width: 52%;

}

.video-blog_footer-link iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.video-blog_footer-img {

}




.video-blog_footer-text {
    width: 43%;
}

.video-blog_footer-sub {
    width: 31%;
}

.video-blog_footer-sub ul {
    padding-left: 20px;
}
.video-blog_footer-sub li {
    list-style: disc;
    color: #0071BC;
}
.video-blog_footer-sub li a {
    color: #0071BC;
    font-size: 20px;
    font-weight: 500;
}



@media screen and (max-width: 767px) {
    .video-blog_header-content {
        display: block;
    }

    .video-blog_inner {
        padding-inline: 20px;
    }

    .video-blog_header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .video-blog_header-number {
        font-size: 18px;
    }
    
    .video-blog_header-title {
        margin-top: 10px;
        padding-bottom: 20px;
        font-size: 24px;
    }

    .video-blog_header-image {
        width: 100%;
    }
    
    .video-blog_header-text {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
        font-size: 18px;
    }

    .video-blog_body-content {
        display: block;
    }
    
    .video-blog_body-text {
        width: 100%;
        padding-right: 0;
        font-size: 18px;
    }

    .video-blog_body-text span {
        font-size: 18px;
    }
    
    .video-blog_body-img {
        width: 100%;
        padding-top: 10px;
    
    }

    .video-blog_footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    
    .video-blog_footer-content {
        display: block;
    }
    
    .video-blog_footer-main {
        width: 100%;
    }
    
    .video-blog_footer-label {
        font-size: 22px;
    }
    
    .video-blog_footer-item {
        display: block;
    }

    .video-blog_footer-link {
        width: 100%;
    }
    
    .video-blog_footer-img {
        width: 100%;
    }
    
    
    .video-blog_footer-text {
        width: 100%;
    }
    
    .video-blog_footer-sub {
        width: 100%;
        margin-top: 20px;
    }
    
    .video-blog_footer-sub ul {
        padding-left: 20px;
    }
    .video-blog_footer-sub li {
    }
    .video-blog_footer-sub li a {
        font-size: 18px;
    }
}





/* archiveページ用 */

 #video_blog {
    width: 1100px;
    margin: 0 auto 0px auto;
 }
  /* video_blog -------------------------------------*/
  #video_blog { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }
  #video_blog .system-list { border: 4px solid #FCD000; padding: 20px; margin-bottom: 50px; }
  #video_blog .system-list-inner {background: #fff;padding: 20px;padding-bottom: 0;}
  #video_blog .system-list li { overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px; }
  #video_blog .system-list li a:hover { text-decoration: none; }
  #video_blog .system-list .system-date {width: 20%;float: left;font-size: 16px;line-height: 1.6;color: #898989;}
  #video_blog .system-list .text-box { width: 78%; float: left; font-size: 14px; line-height: 1.6; }
  #video_blog .system-list .system-ttl-01 { font-size: 16px; line-height: 1.6; color: #1a1a1a; font-weight: 700; }

  /* 追加 */
  #video_blog .system-list li a {
    display: flex;
  }

  #video_blog .system-list li a:hover {
    opacity: 0.8;
  }

  #video_blog .system-list li a:hover .video_image img {
    scale: 1.05;
  }

  #video_blog .system-list .system-date {
    width: 100%;
    float: none;
  }

  #video_blog .system-list .video_image {
    width: 30%;
    overflow: hidden;
  }

  #video_blog .system-list .video_image img {
    width: 300px;
    height: 200px;
    object-fit: cover;
    transition: all 0.4s;
  }

  #video_blog .system-list .text-box {
    width: 70%;
    padding-top: 15px;
    padding-left: 20px;
    float: none;
  }

  #video_blog .system-list .text-box .system-ttl-01 {
    padding-top: 10px;
  }

  /* ページネーション */

  .page-list { font-size: 0.875em; margin: 50px 0 100px; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .page-list .page-numbers { background: #eeefef; display: inline-block; border: #dcdddd 1px solid; }
  .page-list span { background: #231815 !important; color: #fff; padding: 12px; margin-right: 10px; }
  .page-list a { padding: 12px; display: inline-block; margin-right: 10px; }


@media screen and (max-width: 767px) {
 /* video_blog -------------------------------------*/
 #video_blog { 
   
    width: 94vw;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }
  
    #video_blog .mb-001{
      margin-bottom: 9.662vw;
    }
  
   #video_blog .system-list { 
    width: 94vw;
    margin: 0 auto;
    border: 4px solid #FCD000; 
    padding: 4vw 3vw; margin-bottom: 10%; 
    }
  
    /* video_blog -------------------------------------*/
   #video_blog .system-list-inner {background: #fff;/* padding: 4.831vw; */padding-bottom: 0;}
   #video_blog .system-list li {overflow: hidden;line-height: 1.4;margin-bottom: 2.415vw;border-bottom: 1px dotted #b2b2b2;padding: 0 0 2.415vw;}
   #video_blog .system-list li a:hover { text-decoration: none; }
   #video_blog .system-list .system-date {font-size: 3.382vw;line-height: 1.6;color: #898989;margin-bottom: 0.483vw;}
   #video_blog .system-list .text-box {font-size: 3.382vw;line-height: 1.6;}
   #video_blog .system-list .system-ttl-01 { font-size: 3.865vw; line-height: 1.6; color: #1a1a1a; font-weight: 700; }

     /* 追加 */
     #video_blog .system-list li a {
        display: block;
      }

      #video_blog .system-list .video_image {
        width: 100%;
      }
    
      #video_blog .system-list .video_image img {
        max-width: 700px;
        height: auto;

      }
    
      #video_blog .system-list .text-box {
        width: 100%;
        padding-top: 15px;
        padding-left: 0;
      }

      #video_blog .system-list .text-box .system-ttl-01 {
        padding-top: 0;
      }

  /* ページネーション */
   .page-list {font-size: 3.4vw;margin: 10% 0 20%;text-align: center;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
   .page-list .page-numbers {background: #eeefef;display: inline-block;border: #dcdddd 1px solid;margin-right: 2vw;margin-bottom: 2vw;}
   .page-list span { background: #231815 !important; color: #fff; padding: 2vw; margin-right: 2vw; }
   .page-list a { padding: 2vw; display: inline-block; }

}