@charset "UTF-8";
/* _setting CSS */
/*
* index
*/
/* ------------------------------------------------------------------------- */
/*------------------######################################### 
----------------------------
----------------------------
min-width: 768px
----------------------------
--------------------#########################################*/
@media screen and (min-width: 768px) {
  /*------------------######################################### 
  ----------------------------
  ----------------------------
  webp対応ブラウザ
  ----------------------------
  --------------------#########################################*/
  .webp main#contents #mv {
    background: url(../images/top/top_main_img.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-next {
    background: url(../images/top/slider_arw02.webp) center/100% no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-prev {
    background: url(../images/top/slider_arw01.webp) center/100% no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide02 {
    background: url(../images/top/top_main_img2.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide03 {
    background: url(../images/top/top_main_img3.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide04 {
    background: url(../images/top/top_main_img4.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide05 {
    background: url(../images/top/top_main_img5.webp) center/cover no-repeat;
  }
  .webp main#contents #sec01 .common_inner:after {
    background: url(../images/top/message_bg.webp) left top/cover no-repeat;
  }
  .webp main#contents #sec02 {
    background: url(../images/top/service_bg.webp) left top/cover no-repeat;
  }
  .webp main#contents #sec02 .ttl {
    background: url(../images/top/service_ttl_bg.webp) left top/cover no-repeat;
  }
  .webp main#contents #sec03 {
    background: url(../images/top/news_bg.webp) left top/cover no-repeat;
  }
  .webp main#contents #sec04 .common_inner .block.block01 {
    background: url(../images/top/sec04_img01.webp) center/cover no-repeat;
  }
  .webp main#contents #sec04 .common_inner .block.block02 {
    background: url(../images/top/sec04_img02.webp) center/cover no-repeat;
  }
  .no-webp main#contents #mv {
    background: url(../images/top/top_main_img.jpg) center/cover no-repeat;
  }
  /*------------------######################################### 
  ----------------------------
  ----------------------------
  webp非対応ブラウザ
  ----------------------------
  --------------------#########################################*/
  .no-webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-next {
    background: url(../images/top/slider_arw02.png) center/100% no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-prev {
    background: url(../images/top/slider_arw01.png) center/100% no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide02 {
    background: url(../images/top/top_main_img2.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide03 {
    background: url(../images/top/top_main_img3.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide04 {
    background: url(../images/top/top_main_img4.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide05 {
    background: url(../images/top/top_main_img5.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #sec01 .common_inner:after {
    background: url(../images/top/message_bg.png) left top/cover no-repeat;
  }
  .no-webp main#contents #sec02 {
    background: url(../images/top/service_bg.jpg) left top/cover no-repeat;
  }
  .no-webp main#contents #sec02 .ttl {
    background: url(../images/top/service_ttl_bg.jpg) left top/cover no-repeat;
  }
  .no-webp main#contents #sec03 {
    background: url(../images/top/news_bg.jpg) left top/cover no-repeat;
  }
  .no-webp main#contents #sec04 .common_inner .block.block01 {
    background: url(../images/top/sec04_img01.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #sec04 .common_inner .block.block02 {
    background: url(../images/top/sec04_img02.jpg) center/cover no-repeat;
  }
}
/*------------------######################################### 
----------------------------
----------------------------
max-width: 767px
----------------------------
--------------------#########################################*/
@media screen and (max-width: 767px) {
  /*------------------######################################### 
  ----------------------------
  ----------------------------
  webp対応ブラウザ
  ----------------------------
  --------------------#########################################*/
  .webp main#contents #mv {
    background: url(../images/top/top_main_img_sp.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-next {
    background: url(../images/top/slider_arw02.webp) center/100% no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-prev {
    background: url(../images/top/slider_arw01.webp) center/100% no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide01 {
    background: url(../images/top/top_main_img1_sp.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide02 {
    background: url(../images/top/top_main_img2_sp.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide03 {
    background: url(../images/top/top_main_img3_sp.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide04 {
    background: url(../images/top/top_main_img4_sp.webp) center/cover no-repeat;
  }
  .webp main#contents #mv .common_inner .slid_block .slide.slide05 {
    background: url(../images/top/top_main_img5_sp.webp) center/cover no-repeat;
  }
  .webp main#contents #sec01 .common_inner:after {
    background: url(../images/top/message_bg.webp) left top/100% no-repeat;
  }
  .webp main#contents #sec02 {
    background: url(../images/top/service_bg_sp.webp) left top/cover no-repeat;
  }
  .webp main#contents #sec02 .ttl {
    background: url(../images/top/service_ttl_bg_sp.webp) left top/cover no-repeat;
  }
  .webp main#contents #sec03 {
    background: url(../images/top/news_bg_sp.webp) left top/cover no-repeat;
  }
  .webp main#contents #sec04 .common_inner .block.block01 {
    background: url(../images/top/sec04_img01.webp) center/cover no-repeat;
  }
  .webp main#contents #sec04 .common_inner .block.block02 {
    background: url(../images/top/sec04_img02.webp) center/cover no-repeat;
  }
  /*------------------######################################### 
  ----------------------------
  ----------------------------
  webp非対応ブラウザ
  ----------------------------
  --------------------#########################################*/
  .no-webp main#contents #mv {
    background: url(../images/top/top_main_img_sp.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-next {
    background: url(../images/top/slider_arw02.png) center/100% no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slick-arrow.slick-prev {
    background: url(../images/top/slider_arw01.png) center/100% no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide01 {
    background: url(../images/top/top_main_img1_sp.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide02 {
    background: url(../images/top/top_main_img2_sp.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide03 {
    background: url(../images/top/top_main_img3_sp.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide04 {
    background: url(../images/top/top_main_img4_sp.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #mv .common_inner .slid_block .slide.slide05 {
    background: url(../images/top/top_main_img5_sp.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #sec01 .common_inner:after {
    background: url(../images/top/message_bg.png) left top/100% no-repeat;
  }
  .no-webp main#contents #sec02 {
    background: url(../images/top/service_bg_sp.jpg) left top/cover no-repeat;
  }
  .no-webp main#contents #sec02 .ttl {
    background: url(../images/top/service_ttl_bg_sp.jpg) left top/cover no-repeat;
  }
  .no-webp main#contents #sec03 {
    background: url(../images/top/news_bg_sp.jpg) left top/cover no-repeat;
  }
  .no-webp main#contents #sec04 .common_inner .block.block01 {
    background: url(../images/top/sec04_img01.jpg) center/cover no-repeat;
  }
  .no-webp main#contents #sec04 .common_inner .block.block02 {
    background: url(../images/top/sec04_img02.jpg) center/cover no-repeat;
  }
}