@charset "utf-8";

.pcBr{ display: block;}
.spBr{ display: none;}
@media screen and (max-width: 767px){
.pcBr{ display: none;}
.spBr{ display: block;}
}

/* ===================================
   00_ナビゲーション・MV・ティッカー　　　　　　　　　　　　　　　　
=================================== */
.c-page-nav__element:last-child{
   margin: 15px auto 0;
}
.c-page-nav__element:not(:last-child) a{
   padding: 7.5px 8.7px 7.5px 28px;
}
.c-page-nav__element:not(:last-child) a::before {
   content: "";
   background-image: url(/dx/img/kdive/icon_wp.png);
   width: 22px;
   height: 22px;
}
.c-page-nav__element:not(:last-child) a:hover::before {
   content: "";
   background-image: url(/dx/img/kdive/icon_wp_gr.png);
}

body.c-page-home .c-newstop__list a{
   padding: 10px 12px 10px 0px;
}
body.c-page-home .c-newstop__banner{
   margin: 0 auto 60px;
}

@media screen and (min-width: 768px){
body.c-page-home .c-hero::after{
   display: none;
   /*width: 50%;
   height: 100%;
   top: 9%;*/
}
}

@media screen and (max-width: 767px){
   .c-page-nav__element:not(:last-child) a{
      padding: 10px;
   }
   body.c-page-home .c-newstop__banner{
      margin: 0 auto 40px;
   }
   body.c-page-home .c-case__body .mt0_sp{
      margin-top: 0;
   }
   body.c-page-home .c-hero::after{
      display: none;
   }
}


/* ===================================
   01_K-DIVE®の活用例　　　　　　　　　　　　　　　　
=================================== */

/* 「インタビュー動画を見る」ボタン内"＞"アイコンの非表示　*/
body.c-page-home .c-movie-btn::after,
body.c-page-home .c-movie-btn:hover::after{
   content: none;
}


@media screen and (max-width: 767px){

}


/* ===================================
   02_K-DIVEとは
=================================== */
.c-system .system_bg2{
   width: 16%;
   max-width: 212px;
}

@media screen and (max-width: 767px){

}



/* ===================================
   05_ニュースルーム　　　　　　　　　　　　　　　　
=================================== */

body.c-page-home .c-news .c-news__title{
   -webkit-line-clamp: 3;
}


@media screen and (max-width: 767px){
   body.c-page-home .c-news .c-news__title{
      -webkit-line-clamp: 4;
   }
   body.c-page-home .c-news .nolink::after{
      content:none !important;
   }
   
}



/* ===================================
   06_CTA
=================================== */
.c-lower-cta--contact .c-lower-cta__button-element{
   width: 400px;
}
.c-lower-cta--contact .c-lower-cta__button-element:last-child{
   margin: 0 3px 0 20px;
}
.c-lower-cta--contact .c-lower-cta__button-element:not(:last-child) a::before{
   background-image: url(/dx/img/kdive/icon_wp.png);
   top: 0;
}
.c-lower-cta--contact .c-lower-cta__button-element:not(:last-child) a:hover::before{
   background-image: url(/dx/img/kdive/icon_wp_gr.png);
}



@media screen and (max-width: 767px){
   .c-lower-cta--contact .c-lower-cta__button{
      display: block;
   }
   .c-lower-cta--contact .c-lower-cta__button .c-lower-cta__button-element{
      width: 100%;
      margin: 0 auto 15px;
   }

   .c-lower-cta--fixed{
      padding: 6.5px 8px;
   }
   .c-lower-cta--fixed .c-lower-cta__button-element{
      margin: 0;
   }
   .c-lower-cta--fixed .c-lower-cta__button-element:last-child{
      margin: 0 0 0 5px;
   }
   .c-lower-cta--fixed .c-lower-cta__button-element a{
      font-size: 1.5rem;
      padding: 8px 6px;
      gap: 8px;
   }
   .c-lower-cta--fixed .c-lower-cta__button-element a::before{
      width: 25px;
      height: 25px;
   }
   .c-lower-cta--fixed .c-lower-cta__button-element:not(:last-child) a::before{
      background-image: url(/dx/img/kdive/icon_wp.png);
      top: 0;
   }
   .c-lower-cta--fixed .c-lower-cta__button-element:not(:last-child) a:hover::before{
      background-image: url(/dx/img/kdive/icon_wp_gr.png);
   }
}