@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  color_blue.css
 style info :  カラー（青ベース） cssの定義
=================================================================== */
/****************************************
_setting.css
*****************************************/
/****************************************
_button.css
*****************************************/
.btn a, .btn_half a, .btn_onethird a, .btn_twothird a, .btn_free a, .btn_fs_s a, .btn_circle a {
  border-color: #329bd2 #329bd2 #329bd2 #329bd2;
  color: #329bd2;
  background-color: rgba(255, 255, 255, 0.7);
}

.btn a:hover,
.btn_half a:hover,
.btn_onethird a:hover,
.btn_twothird a:hover,
.btn_fs_s a:hover,
.btn_free a:hover {
  background-color: #0E86C7;
  color: #ffffff;
  border-color: #0E86C7;
}

.btn_bg a {
  text-decoration: none;
  background-color: #329bd2;
  color: #ffffff;
}

.btn_bg a:hover {
  background-color: #0E86C7;
}

/* txt lilnk ***/
.txt_link a {
  color: #329bd2;
}

/* ページ内のナビゲーション ***/
.list_txt_link3 li,
.list_txt_link4 li {
  border-color: #329bd2;
}

.list_txt_link3 a:hover,
.list_txt_link4 a:hover {
  background-color: #329bd2;
  color: #ffffff;
}

/****************************************
_flow.css
*****************************************/
/* flow 01 ***/
.flow_ver01 .flow_item {
  background-color: #EBF0F7;
}
.flow_ver01 .flow_item .finum {
  color: #329bd2;
}
.flow_ver01 .flow_item .finum::after {
  background-color: #329bd2;
}
.flow_ver01 .flow_item::after {
  border-color: #FFC732 transparent transparent transparent;
}
.flow_ver01 .flow_txt {
  background-color: #f5f5f5;
}

@media only screen and (max-width: 691px) {
  .flow_ver01 .flow_item .finum {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .flow_ver01::after {
    border-color: #329bd2 transparent transparent transparent;
  }
}
/* flow 02 ***/
.flow_txt_arr .txt {
  background-color: #329bd2;
  color: #ffffff;
}

.flow_txt_arr:not(:last-child) .txt::after {
  border-color: transparent transparent transparent #329bd2;
}

.flow_txt_arr .detail {
  background-color: #f9f9f9;
}

@media only screen and (max-width: 690px) {
  .flow_txt_arr:not(:last-child)::after {
    border-color: #999999 transparent transparent transparent;
  }
}
.flow_ver02_2 .flow_txt:not(:last-child)::after {
  border-color: transparent transparent transparent #999999;
}

.flow_ver02_2 .flow_txt .txt {
  background-color: #329bd2;
  color: #ffffff;
}

.flow_ver02_2 .flow_txt .detail {
  background-color: #f9f9f9;
}

@media only screen and (max-width: 690px) {
  .flow_ver02_2 .flow_txt:not(:last-child)::after {
    border-color: #999999 transparent transparent transparent;
  }
}
/* 1日のスケジュール ***/
.schedule_line::before {
  background-color: #dddddd;
}

.schedule_line_time .item {
  color: #ffffff;
  background-color: #282F3A;
}

.schedule_line_txt {
  border-color: #eeeeee;
}

.schedule_line_txt.leftside::after,
.schedule_line_txt.rightside::before {
  background-color: #cc0000;
}

.schedule_line_txt dt {
  color: #cc0000;
}

@media only screen and (max-width: 690px) {
  .schedule_main_intro {
    background-color: #f9f9f9;
  }

  .schedule_line_txt.leftside::before {
    background-color: #cc0000;
  }
}
/* flow 03 歴史 年表 ***/
.flow_ver03_tab::before {
  border-color: #333333;
}

/****************************************
_news.css
*****************************************/
/* 基本設定 ***/
.rss_box dl {
  border-color: #eeeeee;
}

.rss_title a {
  color: #329bd2;
}

.rss_new {
  background-color: #329bd2;
  color: #ffffff;
}

/* 2個目以降非表示 スライドで表示 ***/
#rss_open::before {
  color: #ffffff;
  background-color: #329bd2;
}

/* TOP_NEWS-B ***/
#top_rss_b {
  background-image: url("../image/common/top_rss_bg.jpg");
}
#top_rss_b .col_bg {
  background-color: rgba(255, 255, 255, 0.7);
  border-color: #ffffff;
}

.top_rss_b_con dl {
  border-color: #ffffff;
}

/* TOP_NEWS-C ***/
#top_rss_c {
  background-color: #f9f9f9;
}

#top_rss_c .title {
  color: #329bd2;
}
#top_rss_c .title::after {
  background-color: #329bd2;
}

/* TOP_NEWS-D ***/
#top_rss_d {
  background-color: #ffffff;
  background-image: url("../image/top_rss_d_bg.jpg");
}

.rss_d_name {
  background-color: #0E86C7;
  color: #ffffff;
}

.top_rss_d_con .rss_title a {
  color: #333333;
}
.top_rss_d_con .rss_title a:hover {
  color: #329bd2;
}

.top_rss_d_con dl {
  border-color: #ffffff;
}

/****************************************
_title.css
*****************************************/
/* bese ***/
/* pagetitle ***/
#pagetitle01 {
  background-color: #066598;
}
#pagetitle01 h2 {
  color: #ffffff;
}

#pagetitle02 {
  background-color: #f5f5f5;
}
#pagetitle02 h2 {
  color: #333333;
}
#pagetitle02 h2:after {
  background-color: #329bd2;
}

#pagetitle03 {
  background-color: #f5f5f5;
}
#pagetitle03 h2 {
  color: #333333;
}
#pagetitle03 h2:after {
  background-color: #329bd2;
}

#pagetitle04,
.pagetitle04 {
  background-image: url(../image/title02_bg.jpg);
}
#pagetitle04 h2,
.pagetitle04 h2 {
  color: #ffffff;
}

#pagetitle05 {
  background-color: #066598;
}
#pagetitle05 h2 {
  color: #ffffff;
}

#pagetitle06 {
  background-color: #f5f5f5;
}
#pagetitle06 h2 {
  color: #333333;
}
#pagetitle06 h2:after {
  background-color: #DF0000;
}

#pagetitle07 {
  background-color: #f5f5f5;
}
#pagetitle07 h2 {
  color: #333333;
}

#pagetitle08 {
  background-color: #f5f5f5;
}
#pagetitle08 h2 {
  color: #333333;
}

/* h3 ***/
.title03_bl {
  border-color: #329bd2;
}

.title03_blb {
  border-color: #329bd2;
}

.title03_blb2 {
  border-color: #329bd2;
}

.title03_blb2:after {
  background-color: #329bd2;
}

.title03_bbl {
  border-color: #329bd2;
}

.title03_bbs:after {
  background-color: #329bd2;
}

.title03_bb2 {
  border-color: #eeeeee;
}

.title03_bb2:after {
  background-color: #329bd2;
}

.title03_bg {
  background-color: #329bd2;
  color: #ffffff;
}

.title03_bgbb {
  background-color: #329bd2;
  border-color: #066598;
  color: #ffffff;
}

.title03_tc_bbs:after {
  background-color: #329bd2;
}

.title03_tc_verticalbm:after {
  background-color: #329bd2;
}

.title03_tc_verticalbm .ttv {
  background-color: #ffffff;
}

.title03_crossbar .title_in {
  background-color: #ffffff;
}
.title03_crossbar::before {
  border-color: #333333;
}

.title03_icon {
  background-image: url("../image/title_icon.png");
}

/* h4 ***/
.title04_bl {
  border-color: #329bd2;
}

.title04_bbl {
  border-color: #329bd2;
}

.title04_bbs:after {
  background-color: #329bd2;
}

.title04_bb2 {
  border-color: #329bd2;
}

.title04_bb2:after {
  background-color: #329bd2;
}

.title04_bg {
  background-color: #329bd2;
  color: #ffffff;
}

.title04_square:after {
  background-color: #329bd2;
}

.title04_crossbar .title_in {
  background-color: #ffffff;
}
.title04_crossbar::before {
  border-color: #333333;
}

.title04_icon {
  background-image: url("../image/title_icon.png");
}

/* h5 ***/
.title05_bl {
  border-color: #329bd2;
}

.title05_bbl {
  border-bottom: 1px solid #329bd2;
}

.title05_bbs:after {
  background-color: #329bd2;
}

.title05_bb2 {
  border-color: #329bd2;
}

.title05_bb2:after {
  background-color: #329bd2;
}

.title05_bg {
  background-color: #329bd2;
  color: #ffffff;
}

.title05_square:after {
  background-color: #329bd2;
}

.title05_crossbar .title_in {
  background-color: #ffffff;
}
.title05_crossbar::before {
  border-color: #333333;
}

.title05_icon {
  background-image: url("../image/title_icon.png");
}

/****************************************
_table.css
*****************************************/
/* base ***/
th, td {
  border-color: #eeeeee;
}

/* table 01 ***/
table.tab01 {
  table-layout: fixed;
}

table.tab01 th {
  background-color: #329bd2;
  color: #ffffff;
}

table.tab01 th.th_sub {
  background-color: #999999;
}

/* table 02 ***/
table.tab02 tr:nth-child(2n) {
  background-color: #f5f5f5;
}

/* table 03 ***/
table.tab03 tr:nth-child(2n) {
  background-color: #f5f5f5;
}

table.tab03 tr:nth-child(2n) th {
  background-color: #329bd2;
}

table.tab03 th {
  background-color: #329bd2;
  color: #ffffff;
}

/* table 04 ***/
table.tab04 th {
  background-color: #329bd2;
  color: #ffffff;
}

table.tab04 thead th:nth-child(2n) {
  background-color: #329bd2;
}

table.tab04 tbody td:nth-child(2n) {
  background-color: #f5f5f5;
}

/* table 05 ***/
table.tab05 th {
  background-color: #329bd2;
  color: #ffffff;
}

/* table 06 ***/
table.tab06 th {
  background-color: #329bd2;
  color: #ffffff;
}

@media only screen and (max-width: 690px) {
  table.tab06 tbody td::before {
    background-color: #329bd2;
    color: #ffffff;
  }
}
/* table 07 ***/
table.tab07 thead {
  border-color: #329bd2;
}

table.tab07 thead th {
  color: #329bd2;
}

table.tab07 thead th:not(:last-child),
table.tab07 tbody th,
table.tab07 tbody td:not(:last-child) {
  border-color: #CCCCCC;
}

table.tab07 tbody tr:not(:last-child) th,
table.tab07 tbody tr:not(:last-child) td {
  border-color: #CCCCCC;
}

/* table 08 ***/
table.tab08 tbody tr:not(:last-child) th,
table.tab08 tbody tr:not(:last-child) td {
  border-color: #CCCCCC;
}

table.tab08 th {
  color: #329bd2;
}

table.tab08 th::after {
  background-color: #CCCCCC;
}

@media only screen and (max-width: 690px) {
  table.tab08 tbody tr:not(:last-child) td {
    border-color: #CCCCCC;
  }

  table.tab08 tbody td {
    padding-bottom: 16px;
  }

  table.tab08 th {
    color: #329bd2;
  }
}
/* table 09 ***/
table.tab09 th,
table.tab09 td {
  border-color: #EEEEEE;
}

table.tab09 tr:nth-child(2n) {
  background-color: #f9f9f9;
}

/* table 10 ***/
table.tab10 th,
table.tab10 td {
  border-color: #dddddd;
}

table.tab10 th {
  color: #329bd2;
}

table.tab10 th::after {
  color: #329bd2;
}

@media only screen and (max-width: 690px) {
  table.tab10 tr:first-child th {
    border-color: #dddddd;
  }
}
/****************************************
_subnav.css
*****************************************/
/* column2 ***/
#subnav.sb_col2 ul li a {
  border-color: #bbbbbb;
}

#subnav.sb_col2 ul li a:hover {
  color: #329bd2;
  background-color: #f9f9f9;
}

#subnav.sb_col2 ul li.current a {
  border-color: #bbbbbb;
  color: #329bd2;
  background-color: #f9f9f9;
}

#subnav.sb_col2 ul li.current ul {
  border-color: #bbbbbb;
}

#subnav_title.sb_col2 a {
  background-color: #329bd2;
  color: #ffffff;
}

#subnav_title.sb_col2 a:hover {
  background-color: #0E86C7;
}

/* column1 01 ***/
#subnav.sb_col1_1 ul li a:hover {
  background-color: #f7f7f7;
}

#subnav.sb_col1_1 ul li a::after {
  color: #329bd2;
}

#subnav.sb_col1_1 ul li a {
  border-color: #f3f3f3;
}

#subnav.sb_col1_1 ul li.current a {
  background-color: #f7f7f7;
}
#subnav.sb_col1_1 ul li.current a::after {
  color: #329bd2;
}

#subnav_title.sb_col1_1 a {
  background-color: #ffffff;
  color: #329bd2;
}

#subnav_title.sb_col1_1 a::before {
  background-color: #dddddd;
}

@media only screen and (max-width: 690px) {
  #subnav.col1_1 ul li a::before,
  #subnav.col1_1 ul li.current a::before {
    color: #329bd2;
  }
}
/****************************************
_media.css
*****************************************/
/* standard ***/
.media .media_in .catelist a {
  background-color: #329bd2;
  color: #ffffff;
}

/* grid 採用TOP ***/
.grid_media_title {
  background-color: #999999;
  color: #ffffff;
}

.grid_media_con {
  background-color: #f9f9f9;
}

.grid_media {
  border-color: #ffffff;
  background-color: #f9f9f9;
}

.grid_media_txt .catelist a {
  color: #ffffff;
  background-color: #555555;
}

@media only screen and (max-width: 690px) {
  .grid_media_section .slick-prev::before,
  .grid_media_section .slick-next::before {
    color: #000000;
  }
}
/****************************************
blog_layout.css
*****************************************/
/* common ***/
time {
  color: #555555;
}

/* article list ***/
article {
  border-color: #dddddd;
}
article .info time {
  color: #000000;
}

/* SNS ***/
.sns_share.foot {
  border-color: #dddddd;
}
.sns_share .line a {
  background-color: #00c300;
  color: #ffffff;
}

/* next prev ***/
#nextprev li a:hover {
  color: #3DBEDE;
}

/* contact ***/
.contact .title {
  color: #ffffff;
  background-color: #3DBEDE;
}
.contact .txt {
  border-color: #eeeeee;
}
.contact .txt div.tel span {
  background-image: url(../image/common/icon_tel.png);
}
.contact .txt div.mail a {
  background-color: #329bd2;
  color: #ffffff;
}
.contact .txt div.mail a .in {
  background-image: url(../image/common/icon_letter.png);
}

/* relation ***/
#relation .title {
  border-color: #eeeeee;
}

.relationlist time {
  color: #777777;
}

/****************************************
blog_navi.css
*****************************************/
/* category navi common header ***/
.catenavi {
  border-color: #eeeeee;
}
.catenavi .catenavi_in li a:after {
  background-color: #329bd2;
}
.catenavi .catenavi_in li a:hover {
  color: #329bd2;
}

/* search ***/
.blog_search {
  border-color: #eeeeee;
}
.blog_search input.submit_btn {
  background-image: url(../image/common/icon_search.png);
  background-color: #329bd2;
}

/* side ***/
.side .title {
  background-color: #329bd2;
  color: #ffffff;
}
.side .cate li a {
  color: #ffffff;
  background-color: #329bd2;
}
.side .cate li a:hover {
  background-color: #0E86C7;
}
.side .tag li a {
  background-color: url(../image/common/icon_sharp.png);
  color: #329bd2;
}
.side .btn {
  background-color: #fafafa;
  background-color: #fafafa;
  border-color: #eeeeee;
  color: #329bd2;
}
.side .btn:hover {
  background-color: #329bd2;
  color: #ffffff;
}
.side .btn:hover span:before {
  border-color: #ffffff;
}
.side .sweep {
  border-color: #eeeeee;
}

/* blog list category ***/
.catelist, .taglist a {
  color: #3DBEDE;
}

.taglist a {
  color: #f5f5f5;
  background-color: #066598;
}
.taglist a:before {
  color: #f5f5f5;
}

.catelist a {
  color: #f5f5f5;
  background-color: #066598;
}
.catelist a:before {
  color: #f5f5f5;
}

/* archive year month tag category list ***/
.archivelist .list a {
  border-color: #f5f5f5;
  color: #555555;
}
.archivelist .list a:hover, .archivelist .list a.current {
  background-color: #FFC732;
  color: #ffffff;
}

/* pager new old ***/
.newold a, .pager a {
  color: #329bd2;
}

.pager span {
  background-color: #FFC732;
  color: #ffffff;
}

/****************************************
common.css
*****************************************/
/* pagetop ***/
a.pagetop {
  background-image: url(../image/common/pagetop.gif);
}

/* ぱんくず locator ***/
#locator01 {
  background-color: #3DBEDE;
  color: #ffffff;
}
#locator01 a {
  color: #ffffff;
}

/* キャッチ・強調　テキスト ***/
.txt_color_white {
  color: #ffffff !important;
}

.txt_color_key {
  color: #329bd2 !important;
}

.txt_bg_blue {
  background-color: #329bd2 !important;
  color: #ffffff;
}

.txt_bg_green {
  background-color: #329bd2 !important;
  color: #ffffff;
}

.catch_bb:after {
  background-color: #329bd2;
}

.title_jp {
  color: #333333;
}

.title_jp_s {
  color: #333333;
}

.title_en {
  color: #329bd2;
}

.title_simple {
  color: #878787;
}

/* side banner ***/
#contents_right .banner_iconimg .banner_in a,
.banner_iconimg .banner_in a {
  background-color: #329bd2;
  color: #ffffff;
}
#contents_right .banner_iconimg .banner_in a:hover,
.banner_iconimg .banner_in a:hover {
  background-color: #0E86C7;
}

.banner_bgimg .banner_in a {
  background-color: rgba(6, 101, 152, 0.8);
  color: #ffffff;
}
.banner_bgimg .banner_in a:hover {
  background-color: #066598;
}

.banner_bgimg .bigglink:hover a {
  background-color: #066598;
}

.sidefix_banner li a {
  background-color: #329bd2;
  color: #ffffff;
}

.sidefix_banner li.sfb_1 a {
  background-color: #3DBEDE;
}

.sidefix_banner li.sfb_2 a {
  background-color: #066598;
}

.sidefix_banner li.sfb_3 a {
  background-color: #FFC732;
}

/****************************************
cv.css
*****************************************/
/* base ***/
/* CV style 1 ***/
.cv_style01 {
  background-image: url(../image/common/footer_contact_bg.jpg);
}

/* CV style 4 ***/
.t-default .cv_style04 {
  background-color: #ffffff;
}

.cv_style04 {
  background-image: url(../image/footer_contact_bg_.jpg);
      background-position: 0 60%;
}

.cv_style04_btn a {
  color: #ffffff;
  background-color: #329bd2;
}
.cv_style04_btn a:hover {
  background-color: #0E86C7;
}

/****************************************
layout.css
*****************************************/
/* background ***/
.col_bg {
  background-color: #f5f5f5;
}

.col_bg_pwide {
  background-color: #f5f5f5;
}

.col_bg_white {
  background-color: #ffffff;
}

.col_border {
  border-color: #f5f5f5;
}

/****************************************
module.css
*****************************************/
/* txt position ***/
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
  background: #329bd2;
}

/* list stylen ***/
.list_material li .material-icons {
  color: #329bd2;
}

.list_material_bg li {
  background-image: url("../image/ic_feedback_black_24dp_2x.png");
}

.list_counter li.list_c::after {
  color: #329bd2;
}

/****************************************
sub.css
*****************************************/
/* 特徴　強み　選ばれる理由 企業理念 など ***/
.col_vm_area {
  background-color: #f9f9f9;
}

@media only screen and (max-width: 979px) {
  .col_vm_area .col_vm_txt {
    background-color: #f9f9f9;
  }
}
/* 企業理念 ***/
.rinen > p {
  background-color: #ffffff;
}
.rinen > p::after, .rinen > p::before {
  background-color: #999999;
}

/*　faq QA　よくある質問 ***/
.qa_q {
  color: #fff;
  background-color: #329bd2;
}

.qa_click_q {
  background-color: #f5f5f5;
}

.qa_click_q::before {
  background-color: #329bd2;
}

.qa_click_q::after {
  border-color: #ffffff;
}

.qa_click_q.active::after {
  border-color: #ffffff;
}

.qa_q_simple .init,
.qa_a_simple .init {
  color: #329bd2;
  border-color: #329bd2;
}

.qa_a_simple .init {
  color: #ffffff;
  border-color: #3DBEDE;
  background-color: #3DBEDE;
}

@media only screen and (max-width: 690px) {
  .qa_click_q::after {
    border-color: #329bd2;
  }

  .qa_click_q.active::after {
    border-color: #329bd2;
  }
}
/*　サイトマップ ***/
#sitemap a {
  color: #333333;
}

#sitemap li::before {
  color: #aaaaaa;
}

/* page contact ***/
.colcontact {
  background-color: #f5f5f5;
}

/* side contact ***/
.sidecontact_in {
  background-color: #EBF0F7;
}

/* form contact ***/
.formflow li:after {
  border-color: #329bd2;
}

.formflow li.prev {
  background-color: #dddddd;
}

.formflow li.age {
  background-color: #329bd2;
}

.formflow li.next {
  background-color: #3DBEDE;
}

/* side search ***/
.sub_search .search_txt {
  border-color: #eeeeee;
}
.sub_search .submit_btn {
  background-image: url("../image/common/icon_search.png");
}

/* submain area A ***/
.sm_a_area .sm_a_block {
  background-image: url("../image/sub_sample_bg_1000450.jpg");
}

/* submain area B ***/
.sm_b_area {
  background-image: url("../image/sub_sample_bg_2000450.jpg");
  color: #ffffff;
}

.sm_b_block {
  background-color: rgba(162, 188, 14, 0.6);
}

/* submain area C ***/
.sm_c_area_txt {
  background-color: #ffffff;
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
}

/* submain area D ***/
.col2_vm_v2 {
  background-color: #f5f5f5;
}
.col2_vm_v2 .flt_vm {
  background-color: #ffffff;
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
}

/* sub area C TOPari ***/
.sub_c_block:hover .sub_c_image::after {
  background-color: rgba(0, 0, 0, 0.7);
}

.sub_c_caption {
  color: #ffffff;
}

.sub_c_area .flt, .sub_c_area .flr {
  border-color: #ffffff;
}

@media only screen and (max-width: 979px) {
  .sub_c_caption {
    color: #000000;
  }

  .sub_c_block:hover .sub_c_image::after {
    background-color: transparent;
  }
}
@media only screen and (max-width: 690px) {
  .sub_c_area .flt {
    border-color: #ffffff;
  }
}
/* sub area D ***/
.sub_d_area .bigglink figcaption {
  background-color: #f9f9f9;
}
.sub_d_area .bigglink::before {
  border-color: rgba(255, 255, 255, 0);
}
.sub_d_area .bigglink.bl-hover::before {
  border-color: #329bd2;
}

.sub_d_area figcaption .txt_link a {
  color: #000000;
}

.sub_d_area_spyoko .bigglink figcaption {
  background-color: #f9f9f9;
}
.sub_d_area_spyoko .bigglink::before {
  border-color: rgba(255, 255, 255, 0);
}
.sub_d_area_spyoko .bigglink.bl-hover::before {
  border-color: #329bd2;
}

.sub_d_area_spyoko figcaption .txt_link a {
  color: #000000;
}

/* interview ***/
.interview_txt {
  background-color: #ffffff;
  border-color: #329bd2;
}

.interview_section > div.bl-hover .interview_txt {
  background-color: #329bd2;
  color: #ffffff;
  border-bottom-color: #282F3A;
}
.interview_section > div.bl-hover .interview_txt a {
  color: #ffffff;
}

.interview_section > div.bl-hover .img::before {
  background-color: #329bd2;
}

/* tab switch sub_i_area ***/
.tabswitch_list li a {
  background-color: #329bd2;
  color: #ffffff;
  border-color: #329bd2;
}
.tabswitch_list li.active a {
  background-color: #ffffff;
  color: #329bd2;
}

.tabswitch_con {
  border-color: #329bd2;
}

/* sub area K ***/
.sub_k_list li a:hover::before {
  border-color: #329bd2;
}

/* sub area L ***/
.sub_l_list li a:hover::before {
  border-color: #329bd2;
}

/* sub area O ***/
.sub_o_area .col {
  border-color: #cccccc;
}
.sub_o_area .col::before {
  border-color: #329bd2;
}

.sub_o_dl dt {
  color: #329bd2;
  border-color: #dddddd;
}

@media only screen and (max-width: 690px) {
  .sub_o_dl dt {
    color: #329bd2;
  }
}
/* sub area P ***/
.sub_p_area_y > .col2_m > .col,
.sub_p_area_t > .col2_m > .col {
  background-color: #f9f9f9;
  border-color: #cccccc;
}
.sub_p_area_y > .col2_m > .col::before,
.sub_p_area_t > .col2_m > .col::before {
  border-color: #329bd2;
}

/* point 01 ***/
.point01 .point_name {
  background-color: #329bd2;
  color: #ffffff;
}

/****************************************
top.css
*****************************************/
/* メインイメージ ***/
.topmain_catch {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.topmain_txt {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.top_att {
  background-color: #f9f9f9;
}

.top_att .b_r {
  border-color: #ffffff;
}

@media only screen and (max-width: 691px) {
  .top_att .b_r {
    border-color: .5px solid #ffffff;
  }
}
/* top 共通タイトル ***/
.title_jp {
  color: #333333;
}

.title_en {
  color: #329bd2;
}

/* top area B ***/
#area_b {
  background-image: url("../image/top_area_b_bg.jpg");
}
#area_b .col {
  border-color: #f3f3f3;
  border-bottom-color: #066598;
  background-color: #ffffff;
  box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.2);
}

/* top area B ***/
#area_b_tabsp {
  background-image: url("../image/top_area_b_bg.jpg");
}
#area_b_tabsp .col {
  border-color: #f3f3f3;
  border-bottom-color: #066598;
  background-color: #ffffff;
  box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.2);
}

/* top area C ***/
#area_c {
  background-image: url(../image/top_area_c_bg.jpg);
}

/* top area D ***/
#area_d .area_d_box {
  border-color: #ffffff;
  background-color: #f5f5f5;
}

#area_d .material-icons {
  color: #ffffff;
  background-color: #329bd2;
}

#area_d .area_d_box.bl-hover {
  background-color: #329bd2;
  color: #ffffff;
}
#area_d .area_d_box.bl-hover a {
  color: #ffffff;
}

#area_d .area_d_box.bl-hover .material-icons {
  color: #329bd2;
  background-color: #ffffff;
}

/* area submain A ***/
.area_e_box {
  background-image: url("../image/top_area_e_bg.jpg");
}

/* top area F ***/
#area_f {
  background-image: url("../image/top_area_f_bg.jpg");
}
#area_f .area_f_block .area_f_box {
  background-color: rgba(162, 188, 14, 0.6);
  color: #ffffff;
}

/* top area_g ***/
#area_g {
  background-color: #F8F8EB;
}
#area_g .col_bg_white {
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
}

#area_g .material-icons {
  background-color: #329bd2;
  color: #ffffff;
}

#area_g .col_bg_white.bl-hover {
  background-color: #329bd2;
  color: #ffffff;
}

#area_g .col_bg_white.bl-hover .material-icons {
  color: #329bd2;
  background-color: #ffffff;
}

#area_g .col_bg_white.bl-hover a {
  color: #ffffff;
}

/* top area H ***/
#area_h {
  background-image: url("../image/top_area_h_bg.jpg");
  color: #ffffff;
}

/* top area I ***/
#area_i {
  background-color: #f5f5f5;
}
#area_i .col_bg_white {
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
  border-color: #ffffff;
}

#area_i .col_bg_white.bl-hover {
  border-color: #329bd2;
}

/* top area J ***/
.area_j_block:hover .area_j_image::after {
  background-color: rgba(0, 0, 0, 0.7);
}

.area_j_caption {
  color: #ffffff;
}

#area_j_02 .flt, #area_j_02 .flr {
  border-color: #ffffff;
}

@media only screen and (max-width: 979px) {
  .area_j_caption {
    color: #000000;
  }

  .area_j_block:hover .area_j_image::after {
    background-color: transparent;
  }
}
@media only screen and (max-width: 690px) {
  #area_j_02 .flt {
    border-color: #ffffff;
  }
}
/* top area L ***/
.area_l_list li {
  border-color: #f3f3f3;
}

.area_l_list a {
  border-color: #f3f3f3;
}

.area_l_list li.bl-hover .area_l_list a {
  background-image: url("../image/common/arr03.png");
  color: #329bd2;
}

.area_l_list li.bl-hover {
  background-color: #f3f3f3;
}

.sns_fb a {
  background-color: #315096;
}

/*指定カラー 変えない*/
.sns_yt a {
  background-color: #CD201F;
}

/*指定カラー 変えない*/
.sns_line a {
  background-color: #00C300;
}

/*指定カラー 変えない*/
/* top area N ***/
#area_n {
  background-image: url("../image/top_area_n_bg.jpg");
}

@media only screen and (max-width: 690px) {
  #area_n {
    background-image: url("../image/top_area_n_bg_sp.jpg");
  }
  #area_n .area_n_block {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 479px) {
  #area_n .area_n_block {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
/* top area O ***/
#area_o_con .area_o_col.bl-hover::after {
  background-color: rgba(0, 0, 0, 0.2);
}

#service01 {
  background-image: url("../image/area_o_img01.jpg");
}

#service02 {
  background-image: url("../image/area_o_img01.jpg");
}

#service03 {
  background-image: url("../image/area_o_img01.jpg");
}

#service04 {
  background-image: url("../image/area_o_img01.jpg");
}

#service05 {
  background-image: url("../image/area_o_img01.jpg");
}

#service06 {
  background-image: url("../image/area_o_img01.jpg");
}

#service07 {
  background-image: url("../image/area_o_img01.jpg");
}

#service08 {
  background-image: url("../image/area_o_img01.jpg");
}

#service09 {
  background-image: url("../image/area_o_img01.jpg");
}

#service10 {
  background-image: url("../image/area_o_img01.jpg");
}

#service11 {
  background-image: url("../image/area_o_img01.jpg");
}

#service12 {
  background-image: url("../image/area_o_img01.jpg");
}

#service13 {
  background-image: url("../image/area_o_img01.jpg");
}

#service14 {
  background-image: url("../image/area_o_img01.jpg");
}

#service15 {
  background-image: url("../image/area_o_img01.jpg");
}

.area_o_title {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

.area_o_btn a {
  background: #329bd2;
  color: #ffffff;
}
.area_o_btn a:hover {
  background-color: #0E86C7;
}

.area_o_col.bl-hover .area_o_btn a {
  background-color: #0E86C7;
}

@media only screen and (max-width: 690px) {
  .area_o_btn a:hover {
    background-color: #0E86C7;
  }
}
/* area_p  PC 4列 / タブレット 2列 / スマホ 2列 ***/
#area_p {
  background-color: #f5f5f5;
}

.area_p_title {
  color: #ffffff;
  background-color: #0E86C7;
}

.area_p_list li a {
  background-color: #ffffff;
  border-color: #ffffff;
}
.area_p_list li a:hover {
  border-color: #329bd2;
}

/* top グリット2 用 ***/
.gridline_section .flt:not(:first-child) {
  border-color: #ffffff;
}

.col2.gridline_section .flr {
  border-color: #ffffff;
}

.gridline_section .bg_color {
  background-color: #f5f5f5;
}

.gridline_section .grid_icon:hover::before {
  border-color: #cc0000;
}

@media only screen and (max-width: 690px) {
  .col4.gridline_section .flr,
  .col4.gridline_section .flt {
    border-color: #ffffff;
  }
}
/* sub area C SUBari ***/
.sub_c_block:hover .sub_c_image::after {
  background-color: rgba(0, 0, 0, 0.7);
}

.sub_c_caption {
  color: #ffffff;
}

.sub_c_area .flt, .sub_c_area .flr {
  border-color: #ffffff;
}

@media only screen and (max-width: 979px) {
  .sub_c_caption {
    color: #000000;
  }

  .sub_c_block:hover .sub_c_image::after {
    background-color: transparent;
  }
}
@media only screen and (max-width: 690px) {
  .sub_c_area .flt {
    border-color: #ffffff;
  }
}
/****************************************
top_grid.css
*****************************************/
/* メインイメージ ***/
.topmain_txt02,
.topmain_txt03 {
  color: #ffffff;
}

.mainimage01 {
  background-image: url(../image/mainimage01_bg.jpg);
}

.mainimage02 {
  background-image: url(../image/mainimage02_bg.jpg);
}

.mainimage03 {
  background-image: url(../image/mainimage03_bg.jpg);
}

/* top グリット 用 ***/
.blink.imgliq::before {
  background-color: transparent;
}

.blink.imgliq.black_tm::before {
  background-color: rgba(0, 0, 0, 0.3);
}

.blink.imgliq:hover::before,
.grid_col2.grid_heig3.blink.imgliq:hover::before {
  background-color: rgba(204, 0, 0, 0.3);
}

.grid_section .bg_color {
  background-color: #f5f5f5;
}

.grid_section .grid_icon::before {
  border-color: rgba(204, 0, 0, 0);
}

.grid_section .grid_icon::before:hover {
  border-color: #cc0000;
}

/****************************************
slick.css
*****************************************/
/* 基本設定 ***/
.slick-prev:before,
.slick-next:before {
  color: #329bd2;
}

.slick-dots li button:before {
  color: #329bd2;
}
.slick-dots li.slick-active button:before {
  color: #329bd2;
}
.gallery_slide_nav .slick-slide img{border-color: rgba(50,155,210,0);}
.gallery_slide_nav .slick-slide.slick-current img {
  border-color: #329bd2;
}

.gallery_slide_nav .slick-next {
  background-color: rgba(0, 0, 0, 0.5);
}

.gallery_slide_nav .slick-prev::before,
.gallery_slide_nav .slick-next::before {
  color: #ffffff;
}

.gallery_slide_nav .slick-prev:hover,
.gallery_slide_nav .slick-next:hover,
.gallery_slide_nav .slick-prev:focus,
.gallery_slide_nav .slick-next:focus {
  background-color: rgba(0, 0, 0, 0.9);
}

/****************************************
jquery.flexslider.css
*****************************************/
.flex-direction-nav a {
  color: rgba(0, 0, 0, 0.8);
}

.flex-pauseplay a {
  color: #000;
}

.flex-control-paging li a {
  background: rgba(0, 0, 0, 0.8);
}

/****************************************
_header.css
*****************************************/
/* header 01 ***/
header#header01 .h_lead .h_nav + .h_nav:last-child a:hover {
  background-color: #3DBEDE;
  color: #ffffff;
}
header#header01 .h_lead .h_nav + .h_nav:last-child .on {
  background-color: #3DBEDE;
  color: #ffffff;
}
header#header01 .h_menu .h_contact a {
  color: #ffffff;
}

.h_search input.search_txt {
  background-color: #f5f5f5;
  color: #777777;
}
.h_search input.submit_btn {
  background-color: #555555;
  background-image: url("../image/common/icon_search.png");
}

.h_mail a {
  background-color: #329bd2;
}
.h_mail a:hover {
  background-color: #0E86C7;
}

@media only screen and (max-width: 979px) {
  .h_contact .sptab_tel a {
    color: #333333 !important;
  }
}
/* global navigation globalnav 03 ***/
#globalnav01 {
  border-color: #eeeeee;
}
#globalnav01 #globalnav_in ul li:hover a {
  color: #329bd2;
}
#globalnav01 #globalnav_in ul li a {
  border-color: #eeeeee;
}
#globalnav01 #globalnav_in ul li a:hover {
  color: #329bd2;
}
#globalnav01 #globalnav_in ul li.main_current a {
  color: #329bd2;
}
#globalnav01 #globalnav_in ul li:last-child a {
  border-color: #eeeeee;
}

@media only screen and (max-width: 979px) {
  #globalnav01 #globalnav_in {
    background-color: #ffffff;
  }
  #globalnav01 #globalnav_in ul {
    background-color: #ffffff;
    border-color: #f5f5f5;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
  }
  #globalnav01 #globalnav_in ul li {
    border-color: #f5f5f5;
  }
  #globalnav01 #globalnav_in ul li:last-child {
    border-color: 1px solid #f5f5f5;
  }
  #globalnav01 #globalnav_in ul li a:after {
    border-color: #333333;
  }
}
#gnav_btn01 {
  background-image: url(../image/common/gnav_btn.png);
  background-size: 65%;
}

/* sp contact ***/
@media only screen and (max-width: 690px) {
  #sp_hcontact_nav ul {
    border-color: #f5f5f5;
  }
  #sp_hcontact_nav ul li.sphc_nav_mail a {
    background-color: #329bd2;
    color: #ffffff;
  }
  #sp_hcontact_nav ul li.sphc_nav_mail a:hover {
    background-color: #0E86C7;
  }

  .sp_hcontact {
    background-color: #f5f5f5;
  }
  .sp_hcontact li.sphc_nav_mail {
    background-color: #329bd2;
  }
  .sp_hcontact li.sphc_nav_mail a {
    background-color: #329bd2;
    color: #ffffff;
  }
}
/* fixed ***/
@media only screen and (max-width: 979px) {
  header#header01 {
    background-color: #ffffff;
  }
}
/* pc megamenu ***/
#globalnav01 #globalnav_in ul .megamenu .megamenu_in {
  box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.3);
  background-color: #555555;
}
#globalnav01 #globalnav_in ul .megamenu .megamenu_in > li a {
  color: #ffffff;
  background-color: #555555;
}
#globalnav01 #globalnav_in ul .megamenu .megamenu_in > li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/****************************************
_footer.css
*****************************************/
#footnav .tworow li a:hover {
  color: #ffffff;
}

/* footer bottom ***/
#f_bottom_wrap03 {
  background-color: #329bd2;
}

#f_bottom_wrap03 .f_bottom_nav a {
  border-color: #ffffff;
  color: #ffffff;
}

#f_bottom_wrap03 .copyright {
  color: #ffffff;
}

@media only screen and (max-width: 690px) {
  footer#footer03 .footer_in {
    border-color: #f5f5f5;
  }
  footer#footer03 .footer_in .f_top_nav li a,
  footer#footer03 .footer_in .f_top_nav.tworow li a {
    border-color: #f5f5f5;
  }
  footer#footer03 .footer_in .f_top_nav li a:after,
  footer#footer03 .footer_in .f_top_nav.tworow li a:after {
    color: #ffffff;
  }
}

/*# sourceMappingURL=color.css.map */
