@charset "UTF-8";

/*########## ▼PC、スマートフォン共通スタイル ##########*/
/*-------------------------------------------------

(1)ブログ　カテゴリー ナビの色指定

-------------------------------------------------*/

/*「.category_slug0*」を設定したスラッグに変更してご利用ください*/
/* お役立ち情報（ピンク） */
.blog_cate li.useful a {
background-color:rgba(226, 42, 99, 0.7);
}
/* コムネットが選ばれる理由（グレー） 2018.10.29追加（近藤）*/
.blog_cate li.reason a {
background-color:rgba(50, 50, 50, 0.7);
}
/* ものづくり応援（エメラルドグリーン） 2018.10.29追加（近藤）*/
.blog_cate li.monodukuri a {
background-color:rgba(0, 163, 88, 0.7);
}

.blog_cate li.category_slug02 a {
background-color:rgba(0, 163, 88, 0.7);
}
.blog_cate li.category_slug03 a {
background-color:rgba(94, 163, 0, 0.7);
}
.blog_cate li.category_slug04 a {
background-color:rgba(196, 189, 15, 0.7);
}
.blog_cate li.category_slug05 a {
background-color:rgba(74, 34, 19, 0.7);
}
/***************************************************/



/*-------------------------------------------------

(2)トピックス　カテゴリーの色指定

-------------------------------------------------*/

/*「.category_slug0*」を設定したスラッグに変更してご利用ください*/
/* お役立ち情報（ピンク） */
.topics1 li span.useful {
background-color:rgba(226, 42, 99, 0.7);
}
/* コムネットが選ばれる理由（グレー） 2018.11.01追加（近藤）*/
.topics1 li span.reason {
background-color:rgba(50, 50, 50, 0.7);
}
/* ものづくり応援（エメラルドグリーン） 2018.11.01追加（近藤）*/
.topics1 li span.monodukuri {
background-color:rgba(0, 163, 88, 0.7);
}


.topics1 li span.category_slug02 {
background-color:rgba(0, 163, 88, 0.7);
}
.topics1 li span.category_slug03 {
background-color:rgba(94, 163, 0, 0.7);
}
.topics1 li span.category_slug04 {
background-color:rgba(196, 189, 15, 0.7);
}
.topics1 li span.category_slug05 {
background-color:rgba(74, 34, 19, 0.7);
}



/*-------------------------------------------------

(3)サブメニューロゴ指定

-------------------------------------------------*/

/*-- イラストレータープラグイン LED配置's --*/

.case_black_type02 .btns .mttl.led {
    position: relative;
    padding-left: 80px;
    margin-right: 30px;
}
.case_black_type02 .mttl.led::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_led.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}
/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.led {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.led::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}


/*-- イラストレータープラグイン DDCSV2-河合2018.10.26 --*/

.case_black_type02 .btns .mttl.ddcsv2 {
    position: relative;
    padding-left: 80px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 50px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.ddcsv2::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_ddcsv.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}
/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.ddcsv2 {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.ddcsv2::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- イラストレータープラグイン DDCSV2-河合2018.10.26 

.case_black_type02 .btns .mttl.ddcsv2 {
    position: relative;
    padding-left: 80px;
    margin-right: 30px;
}
.case_black_type02 .mttl.ddcsv2::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_dd.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}
/*  ▼スマートフォン用スタイル 
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.ddcsv2 {
      margin-right: 0;
      padding-left: 25px;
  }
  .case_black_type02 .mttl.ddcsv2::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px;
      width: 32px;
      height: 30px;
  }
}
--*/

/*-- イラストレータープラグイン ArcXportPro-河合2018.10.26 --*/

.case_black_type02 .btns .mttl.arcpro {
    position: relative;
    padding-left: 70px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 30px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.arcpro::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_arc.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}
/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.arcpro {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.arcpro::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}


/*-- イラストレータープラグイン EngView Art Designer-河合2018.10.26 --*/

.case_black_type02 .btns .mttl.engart {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 110px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.engart::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_engview.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}
/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.engart {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.engart::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- クラウドJOBZ積算-近藤2018.10.29 --*/

.case_black_type02 .btns .mttl.cloudjobz {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 200px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.cloudjobz::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_cloudjobz.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.cloudjobz {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.cloudjobz::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- EngView-近藤2018.10.29 --*/

.case_black_type02 .btns .mttl.engview {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 110px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.engview::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_engview.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.engview {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.engview::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 36px;
  }
}

/*-- 軟包装・フィルム -近藤2020.11.07 --*/

.case_black_type02 .btns .mttl.flexible-packaging {
    position: relative;
    padding-left: 0px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 160px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.flexible-packaging::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    /* background: url(../../img/icon/icon-makes.png) no-repeat center center; */
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.flexible-packaging {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.flexible-packaging::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- SEI LABELMASTER -近藤2019.04.05 --*/

.case_black_type02 .btns .mttl.labelmaster {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 32px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.labelmaster::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../img/mercury609_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}
/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.labelmaster {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.labelmaster::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -160px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- SEI COMBAT -近藤2024.09.17 --*/

.case_black_type02 .btns .mttl.combat {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 150px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.combat::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../img/mercury609_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.spiritgls {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.spiritgls::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}


/*-- GCC SPIRIT GLS -近藤2018.10.30 --*/

.case_black_type02 .btns .mttl.spiritgls {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 60px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.spiritgls::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../img/gcc_laserpro_c180_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.spiritgls {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.spiritgls::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- GCC S400 -近藤2019.05.13 --*/

.case_black_type02 .btns .mttl.s400 {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 60px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.s400::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../img/gcc_laserpro_c180_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.s400 {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.s400::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- GCC LabelExpress -近藤2018.10.30 --*/

.case_black_type02 .btns .mttl.labelexpress {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 50px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.labelexpress::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../img/gcc_laserpro_c180_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.labelexpress {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.labelexpress::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- GCC FMC280 -近藤2018.10.30 --*/

.case_black_type02 .btns .mttl.fmc {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 40px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.fmc::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../img/gcc_laserpro_c180_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.fmc {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.fmc::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- GCC Stellarmark i -近藤2018.10.30 --*/

.case_black_type02 .btns .mttl.stellar {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 60px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.stellar::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../img/gcc_laserpro_c180_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.stellar {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.stellar::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- MAKES-近藤2020.10.21 --*/

.case_black_type02 .btns .mttl.makes {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 90px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.makes::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon-makes.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.makes {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.makes::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- WAZER-近藤2022.10.12 --*/

.case_black_type02 .btns .mttl.wazer {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 40px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.wazer::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon-wazer.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.wazer {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.wazer::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- xTool MetalFab-近藤2026.05.20 --*/

.case_black_type02 .btns .mttl.metalfab {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 180px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.metalfab::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon-xtool.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.metalfab {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.metalfab::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- Mayku Multiplier-近藤2026.04.09 --*/

.case_black_type02 .btns .mttl.multiplier {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 100px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.multiplier::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon-mayku.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.multiplier {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.multiplier::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- Mayku -近藤2026.04.21--*/

.case_black_type02 .btns .mttl.mayku {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 360px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.mayku::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon-mayku.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.mayku {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.mayku::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- Mimakiトップ-近藤2026.06.10 --*/

.case_black_type02 .btns .mttl.mimaki-top {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 360px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.mimaki-top::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon-mimaki.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.mimaki-top {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.mimaki-top::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- Mimaki製品-近藤2026.06.10 --*/

.case_black_type02 .btns .mttl.mimaki {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 240px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.mimaki::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon-mimaki.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.mimaki {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.mimaki::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- Roland D.G. LEF-近藤2020.10.29 --*/

.case_black_type02 .btns .mttl.rolanddg {
    position: relative;
    padding-left: 135px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 270px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.rolanddg::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -11px;
    background: url(../../img/icon/icon-rolanddg.png) no-repeat center center;
    background-size: 100% auto;
    width: 115px;
    height: 23px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.rolanddg {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.rolanddg::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- GCC RXII-近藤2021.01.15 --*/

.case_black_type02 .btns .mttl.rx {
    position: relative;
    padding-left: 100px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 270px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.rx::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -22px;
    background: url(../../img/gcc_laserpro_c180_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 80px;
    height: 46px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.rx {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.rx::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- はかりや-河合2018.10.31 --*/

.case_black_type02 .btns .mttl.hakariya {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 30px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.hakariya::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_hakariya.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.hakariya {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.hakariya::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- もじながし-河合2018.10.31 --*/

.case_black_type02 .btns .mttl.moji {
    position: relative;
    padding-left: 75px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 50px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.moji::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -28px;
    background: url(../../img/icon/icon_moji.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.moji {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.moji::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -148px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}


/*-- JOBZ Racoo-河合2020.10.06 --*/

.case_black_type02 .btns .mttl.racoo {
    position: relative;
    padding-left: 65px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 200px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.racoo::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -25px;
    background: url(../../img/icon/icon_racoo.png) no-repeat center center;
    background-size: 100% auto;
    width: 60px;
    height: 58px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.racoo {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.racoo::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -72px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}

/*-- レーザー入門ガイド-近藤2021.06.28 --*/

.case_black_type02 .btns .mttl.guide {
    position: relative;
    padding-left: 0px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 120px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.guide::after {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	margin-top: -25px;
	width: 50px;
	height: 50px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.guide {
	  margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.guide::after {
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -100px; /*-- 左移動は値+ --*/
      width: 32px;
      height: 30px;
  }
}



/*-- 選ばれる理由-近藤 2019.05.10 --*/

.case_black_type02 .btns .mttl.reason {
position:relative;
padding-left:55px; /*-- 製品名称の右移動は値+ --*/
margin-right:47px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.reason::after {
position:absolute;
top:50%;
left:0;
content:'';
display:block;
margin-top:-12px;
background:url(../img/company_icon.png) no-repeat center center;
background-size:100% auto;
width:50px;
height:23px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
	.case_black_type02 .btns .mttl.reason {
		padding-left:5px; /*-- 右移動は値+ --*/
		margin-right:0;
	}
	.case_black_type02 .mttl.reason::after {
		left:50%;
		margin-top:-6px;
		margin-left:-120px; /*-- 左移動は値+ --*/
		width:30px;
		height:13px;
	}
}

/*-- 採用情報-近藤2026.10.20 --*/

.case_black_type02 .btns .mttl.recruit {
    position: relative;
    padding-left: 55px; /*-- 製品名称の右移動は値+ --*/
    margin-right: 47px; /*-- ナビメニューの右移動は値+ --*/
}
.case_black_type02 .mttl.recruit::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    margin-top: -12px;
    background: url(../../img/company_icon.png) no-repeat center center;
    background-size: 100% auto;
    width: 50px;
    height: 23px;
}

/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
  .case_black_type02 .btns .mttl.recruit {
      margin-right: 0;
      padding-left: 25px; /*-- 右移動は値+ --*/
  }
  .case_black_type02 .mttl.recruit::after {
      top: 50%;
      left: 50%;
      margin-top: -6px;
      margin-left: -80px; /*-- 左移動は値+ --*/
      width: 30px;
      height: 13px;
  }
}


/*  ▼スマートフォン用スタイル  */
@media screen and (max-width: 767px) {
	.case_black_type02 .btns .mttl.recruit {
		padding-left:5px; /*-- 右移動は値+ --*/
		margin-right:0;
	}
	.case_black_type02 .mttl.recruit::after {
		left:50%;
		margin-top:-6px;
		margin-left:-120px; /*-- 左移動は値+ --*/
		width:30px;
		height:13px;
	}
}

/*  ▼スマートフォン用スタイル ボタン間スペース-河合2018.10.31  */
.mb_btn {
      margin-bottom: 10px;
  }


/*  ▼CTA背景画像-河合2019.10.08  */
.cta_back {
position: relative;
background: url(../img/c180/c180_catch.jpg) no-repeat center top;
background-size: cover;
padding-bottom:70px;
color:#fff;
}

/*-- TOC（ブログ内目次）のレイアウト調整 -近藤2024.07.16--*/

#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 20px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 100%
}

#toc_container.no_bullets li, #toc_container.no_bullets ul, 
#toc_container.no_bullets ul li, .toc_widget_list.no_bullets, 
.toc_widget_list.no_bullets li {
    list-style-type: disc;
    list-style: disc;
}

#toc_container p.toc_title+ul.toc_list {
    margin-top: 1em;
	line-height: 2.25em;
	margin-left: 20px;
}

#toc_container a {
    text-decoration: underline;
    text-shadow: none;
}


/*########## /PC、スマートフォン共通スタイル end ##########*/

@media screen and (min-width: 768px) {
/*########## ▼PC用スタイル ##########*/


/*########## /PC用スタイル end ##########*/
}


@media screen and (max-width: 767px) {
/*########## ▼スマートフォン用スタイル ##########*/


/*########## /スマートフォン用スタイル end ##########*/