/*---------------------色変更箇所---------------------*/

.bg_main {
    background-color: #017C81;
}
.bg_sub {
    background-color: #EFEFEF;
}
.f_main {
    color: #017C81;
}
.border-color {
    border-color: #017C81 !important; /*メインカラーと同じ*/
}

.cmn-btn.bg_main:hover {
    background-color: #FFFFFF;
    color: #017C81;
  }
.cmn-btn.bg_main:hover span.position-absolute {
    color: #017C81;
  }
.cmn-btn.bg_white:hover {
    background-color: #017C81;/*メインカラーと同じ*/
    color: #FFFFFF;
  }
.cmn-btn.bg_white:hover span{
    color: #FFFFFF;
  }


/*****************ブラウザ上でテキストなどを選択した時の背景色と文字色*****************/
::selection {
  background-color: #017C81;/*メインカラーと同じ*/
  color: #FFFFFF;/*※コーポレートカラーが濃い・暗い場合は #FFFFFF を推奨*/
}
/*****************ブラウザ上でテキストなどを選択した時の背景色と文字色 おわり*****************/


.detail03 .detail03-title::before {
  background-color: #017C81;/*メインカラーと同じ*/
}

table a:hover {
  color: #017C81;/*メインカラーと同じ*/
  opacity: 0.6;
}
main .detail03 .detail03-inner .detail03-row03 .detail03-row03-item p {
  color: #FFFFFF; /*働く環境 キャプションの文字色　※コーポレートカラーが濃い・暗い場合は #FFFFFF を推奨*/
}

.section-title::before {
  background-color: #017C81;/*メインカラーと同じ*/
}

main .sub_cont07 table a.opacity:hover {
  color: #017C81;/*メインカラーと同じ*/
}

.slick-arrow::before {
  color: #8D8D8D;/*スライダーの矢印の色*/
}

.slick-dots li.slick-active {
  background-color: #017C81 !important;/*メインカラーと同じ*/
}

/*****************ヘッダーに白背景がついた際の文字の色*****************/
header.detail.scroll nav a {
  color: #373737;
}
header.detail.scroll nav span.f_16 {
  color: #373737;
}
header.detail.scroll nav a.cmn-btn {
  color: #FFFFFF;/*エントリーボタンの文字色*/
}
header.detail.scroll nav a.cmn-btn:hover {
  color: #017C81;/*メインカラーと同じ*/
}
/*****************ヘッダーに白背景がついた際の文字の色おわり*****************/
header.detail nav a::after {
  background-color: #017C81;/*メインカラーと同じ*/
}


@media screen and (max-width: 767px) {
  .mv-tag-wrap {
    background-color: #FFFFFF;
  }
  .mv-tag-wrap p {
    color: #017C81;/*メインカラーと同じ*/
  }
}

/*****************八洲重量ウェブサイ固有設定ここから*****************/
.txt_right {
  text-align: right;
}
.pc_block {
  display: block;
}
.sp_block {
  display: none;
}
.text_tsuzi {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 767px) {
  .pc_block {
    display: none;
  }
  .sp_block {
    display: block;
  }
  
}
/*****************八洲重量ウェブサイ固有設定ここまで*****************/