/* ===========================================
# 概要
本ファイルは、サイトの色を管理するスタイルシートです。
色を変更する場合は、テキストエディタの一斉置換機能を使用し、色を変更してください。

## 色の区分について
メインカラーは、【#EB6300】
サブカラーは、【#FFFFFF】

サブカラーは、主にメインカラー上に配置している文字色です。
適宜見えやすい色に変更してください。

## rgbaカラーについて
【rgba(235,99,0, 0.2)】

メインカラーを以下のWebサイトでRGBAに変換してください。
関連色の一覧が出るので、末尾が【0.2】のカラーをコピーして利用してください。

* RGBA変換ツール *
http://hp-html.jp/rgba/

=========================================== */

.pagetop {
  background-color: #EB6300;
}

.pagetop::before {
  border-top-color: #FFFFFF;
  border-right-color: #FFFFFF;
}

.header__sitecatch {
  color: #FFFFFF;
  background-color: #EB6300;
}

@media screen and (min-width: 768px) {
  .header__sitecatch {
    color: #333333;
    background-color: transparent;
  }
}

.cmn-Icon {
  fill: #EB6300;
}

.navigation__list li.navigation__list-contact::before {
  border-top-color: #EB6300;
  border-right-color: #EB6300;
}

.centralmenu {
  background-color: rgba(235, 99, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .navigation:not(.top) {
    background-color: rgba(235, 99, 0, 0.2);
  }

  .navigation:not(.top) li a.is-active {
    border: 1px solid #EB6300;
  }

  .navigation:not(.top) li a.is-active span {
    color: #EB6300;
  }
}

.button {
  color: #FFFFFF;
  background-color: #EB6300;
}

.service-carousel .item {
  border-color: rgba(235, 99, 0, .2);
}


.stepflow__lists>li::before {
  color: #FFFFFF;
  background-color: #EB6300;
}

.stepflow__lists>li::after {
  color: #FFFFFF;
}

.stepflow__lists>li .step-inner::before {
  border-top-color: #EB6300;
  border-right-color: #EB6300;
}

.tab__menu__item.is-active a {
  color: #FFFFFF;
  background-color: #EB6300;
}

.accordion__item--title::before {
  color: #FFFFFF;
  background-color: #EB6300;
}

.accordion__item--text::before {
  color: #FFFFFF;
  background-color: #EB6300;
}


.internetservice-feature {
  border-color: rgba(235, 99, 0, .2);
}

.internetservice-feature__title {
  color: #EB6300;
}

.internetservice-feature__title svg {
  fill: #EB6300;
}

.internet-info__title .icon {
  fill: #EB6300;
}

.stepflow__lists>li .step-inner.user .action::before {
  background-color: rgba(235, 99, 0, 0.7);
}

.internet-price__title {
  color: #FFF;
  background-color: #EB6300;
}

.internet-application {
  background-color: #EB6300;
}

.internet-application .button {
  color: #333;
  background-color: #FFFFFF;
}

.internet-application p {
  color: #FFF;
}


.cloudmail .charge_table th {
  background-color: rgba(235, 99, 0, 0.2);
}

.cloudmail .mailmanual_navigation__login_btn a {
  color: #FFF;
  background-color: #EB6300;
}

.cloudmail .mailmanual_navigation__list a.is-active {
  color: #EB6300;
  border: 1px solid #EB6300;
}

.cloudmail .customer-domain__address {
  color: #EB6300;
}

.fuku-genre-cta {
  background-color: #537BC0;
}

.centralmenu__innerList li a::before {
  background-color: #537BC0;
}

.centralmenu__innerList li a::after {
  border-top-color: #537BC0;
  border-right-color: #537BC0;
}

.faq-detail-title::before {
  background-color: #537BC0;
  color: #fff;
}