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

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

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


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


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

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

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

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

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

.slick-dots li.slick-active {
  background-color: #008ACF !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: #008ACF;/*メインカラーと同じ*/
}
/*****************ヘッダーに白背景がついた際の文字の色おわり*****************/
header.detail nav a::after {
  background-color: #008ACF;/*メインカラーと同じ*/
}

header.top .header-inner h1 a img {
  max-width: 30%;
}




@media screen and (max-width: 767px) {
  .hamburger .hamburger-contents .sp-logo a img {
    width: 36%;
margin-left: auto;
margin-right: auto;
}
  .mv-tag-wrap {
    background-color: #FFFFFF;
  }
  .mv-tag-wrap p {
    color: #008ACF;/*メインカラーと同じ*/
  }
}