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

## 色の区分について
メインカラーは、【#9CD9E8】
サブカラーは、【#0C2C84】

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

## rgbaカラーについて
【rgba(255,254,35,0.2)】

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

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

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

.pagetop {
  background-color: #9CD9E8;
}
.pagetop::before {
  border-top-color: #0C2C84;
  border-right-color: #0C2C84;
}
.header__sitecatch {
  color: #0C2C84;
  background-color: #9CD9E8;
}
@media screen and (min-width: 768px) {
  .header__sitecatch {
    color: #333333;
    background-color: transparent;
  }
}
.cmn-Icon {
  fill: #0C2C84;
}
.navigation__list li.navigation__list-contact::before {
  border-top-color: #9CD9E8;
  border-right-color: #9CD9E8;
}
.centralmenu {
  background-color: rgba(156,217,232,0.3);
}
@media screen and (min-width: 768px) {
  .navigation:not(.top) {
    background-color: rgba(156,217,232,0.3);
  }
  .navigation:not(.top) li a.is-active {
    border: 1px solid #9CD9E8;
  }
  .navigation:not(.top) li a.is-active span {
    color: #9CD9E8;
  }
}
.button {
  color: #ffffff;
  background-color: #0C2C84;
}

.service-carousel .item {
  border-color: rgba(156,217,232,0.3);
}


.stepflow__lists > li::before {
  color: #333;
  background-color: #9CD9E8;
}
.stepflow__lists > li::after {
  color: #333;
}
.stepflow__lists > li .step-inner::before {
  border-top-color: #9CD9E8;
  border-right-color: #9CD9E8;
}

.tab__menu__item.is-active a {
  color: #333;
  background-color: #9CD9E8;
}

.accordion__item--title::before {
  color: #0C2C84;
  background-color: #9CD9E8;
}
.accordion__item--text::before {
  color: #0C2C84;
  background-color: #9CD9E8;
}


.internetservice-feature {
  border-color: rgba(156,217,232,0.3) !important;
}
.internetservice-feature__title {
  color: #0C2C84 !important;
}
.internetservice-feature__title svg {
  fill: #0C2C84 !important;
}

.internet-info__title .icon {
  fill: #0C2C84 !important;
}
.stepflow__lists>li .step-inner.user .action::before {
  background-color: rgba(156,217,232,1);
}

.internet-price__title {
  color: #FFF;
  background-color: #FF0000;
}
.internet-application {
  background-color: #9CD9E8;
  color: #333;
}

.internet-application .button {
  color: #333;
  background-color: #0C2C84;
}
.internet-application p {
  color: #333;
}
.cloudmail .charge_table th {
  background-color: rgba(255,254,35,0.7);
}
.cloudmail .mailmanual_navigation__login_btn a {
  color: #333;
  background-color: #9CD9E8;
}
.cloudmail .mailmanual_navigation__list a.is-active {
  color: #333;;
  border: 1px solid #9CD9E8;
}
.cloudmail .customer-domain__address {
  color: #9CD9E8;
}

.fuku-genre-cta {
  background-color: #9CD9E8;
}