/************************** common ***************/
/** font-colour **/
.main_fc {
    color: #004ca5;
}
/** bg **/
.main_bg {
    background-color: #004ca5;
}
/** ttl **/
.h2_ttl {
    color: #004ca5;
}
.h2_ttl::after{
    background-color: #004ca5;
}

/** btn **/
.btn_sub a,
.btn_sub button {
    background-color: rgba(0,76,165,0.1);
}
.btn_style.color_pt a,
.btn_style.color_pt button {
    background: #004ca5;
}
.btn_style.color_pt2 a,
.btn_style.color_pt2 button {
  background-color: rgba(0,76,165,0.1);
}
/** footer **/
/* フッター追従ボタン */
.fixed_area .search_btn svg #maincolor {
    fill: url(#linear-deepblue1);
}
.fixed_area .form_btn svg #maincolor {
    fill: url(#linear-deepblue2);
}
.fixed_area svg text#form_txt {
    fill: #004ca5;
}
/** お知らせエリア **/
.news_area .news_link::before{
    background-color: #004ca5;
}

/************************** TOP ***************/
/** header **/
header .mv_area.top_mv {
    background: -moz-linear-gradient(top, #4D9AF5, #004CA5);
background: -webkit-linear-gradient(top, #4D9AF5, #004CA5);
background: linear-gradient(top, #4D9AF5, #004CA5);
}

/** タブ切り替え **/
.tab_box .btn_area ul {
    border-color:#004ca5;
}
.tab_box .tab_btn {
    border-right-color:#004ca5;
    color: #004ca5;
}
.tab_box .tab_btn.active {
    background-color:#004ca5;
}

/************************** 会員登録 ***************/
/* flow_area */
.flow_area ul li.first{
    background-image: url("/common/img/form/flow01_deepblue.png");
}
.flow_area ul li.second{
    background-image: url("/common/img/form/flow02_deepblue.png");
}
.flow_area ul li.last{
    background-image: url("/common/img/form/flow03_deepblue.png");
}

/************************** ブログ ***************/
.blog_area .fav a{
    background-color: #004ca5;
}
.blog_area .h1_blogttl{
    border-color: #004ca5;
}
.blog_area .h1_blogttl::before{
background-color: #004ca5;
}
.blog_area .h2_blogttl
,.blog_area h2{
    border-bottom-color: #004ca5;
}
.blog_area .h2_blogttl::after
,.blog_area h2::after{
    background-color: #004ca5;
}
.blog_area .h3_blogttl::after
,.blog_area h3::after{  
    background-color: #004ca5;
}

 .link_b,
.blog_area .content_area a{  
    color: #004ca5;
    text-decoration: underline;
}
.blog_area ul.blog_ul li::before,
.blog_area ul.disc li::before{ 
    background-color: #004ca5;
}
.blog_area ol.blog_ol li::before,
.blog_area ol.olnum li::before{  
    background-color: #004ca5;
}

/************************** リフォーム事例 ***************/
.case_link.fav .icon_fav{
    background: #004ca5;
}
.category_linkbox ul li.main_c::before{
    background: #004ca5;
}
.reform_area ul.tag_area  li{
    border-color: #004ca5;
    color: #004ca5;
} 
/************************** 架電予約 ***************/
.reserve_area .calendar_box .ttl_area ul li.prev a,
.reserve_area .calendar_box .ttl_area ul li.next a{
    background: #004ca5;
}
.reserve_area .select_date button {
    background-color: #004ca5;
}
.modaal_calendar table.swiper-mypagination td.re_link {
    color: #004ca5;
}
@media (max-width: 992px) { 
    /** nav_area **/
    .right_icon .btn_area::after,
    .mv_area .logo_area .notification_icon::before {
          background-color: #004ca5;
    }
    /** footer **/
/* フッター追従ボタン */
.fixed_area .form_btn svg #maincolor_sp {
    fill: url(#linear-deepblue3);
}
}
.bordercol{
    border-color: #004ca5;
}
.bordercol:after{
    background-color: #004ca5 !important;
}