@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  color_blue.css
 style info :  カラー（青ベース） cssの定義
=================================================================== */
/*------------------------------------------------

_setting.css

-------------------------------------------------*/
/*.pb img,.pb1 img,.pb2 img{border-color: #999999;}*/
/*------------------------------------------------

_button.css

-------------------------------------------------*/
@layer legacy{
[data-static-html] .btn_half a, [data-static-html] .btn_onethird a, [data-static-html] .btn_twothird a, [data-static-html] .btn_free a, [data-static-html] .btn_fs_s a, [data-static-html] .btn_circle a {
  border-color: #293337 #293337 #293337 #293337;
  color: #293337;
  background-color: rgba(255, 255, 255, 0.7);
}


[data-static-html] .btn_half a:hover,
[data-static-html] .btn_onethird a:hover,
[data-static-html] .btn_twothird a:hover,
[data-static-html] .btn_fs_s a:hover,
[data-static-html] .btn_free a:hover {
  background-color: #13181a;
  color: #ffffff;
  border-color: #13181a;
}

[data-static-html] .btn_bg a {
  text-decoration: none;
  background-color: #293337;
  color: #ffffff;
}

[data-static-html] .btn_bg a:hover {
  background-color: #13181a;
}

/* txt lilnk ***/
[data-static-html] .txt_link a {
  color: #165EAD;
}

/* ページ内のナビゲーション ***/
[data-static-html] .list_txt_link3 li,
[data-static-html] .list_txt_link4 li {
  border-color: #165EAD;
}

[data-static-html] .list_txt_link3 a:hover,
[data-static-html] .list_txt_link4 a:hover {
  background-color: #165EAD;
  color: #ffffff;
}

/*------------------------------------------------

_flow.css

-------------------------------------------------*/
/* flow 02 ***/
[data-static-html] .flow_txt_arr .txt {
  background-color: #165EAD;
  color: #ffffff;
}

[data-static-html] .flow_txt_arr:not(:last-child) .txt::after {
  border-color: transparent transparent transparent #165EAD;
}

[data-static-html] .flow_txt_arr .detail {
  background-color: #f9f9f9;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .flow_txt_arr:not(:last-child)::after {
    border-color: #999999 transparent transparent transparent;
  }
}

[data-static-html] .flow_ver02_2 .flow_txt:not(:last-child)::after {
  border-color: transparent transparent transparent #999999;
}

[data-static-html] .flow_ver02_2 .flow_txt .txt {
  background-color: #165EAD;
  color: #ffffff;
}

[data-static-html] .flow_ver02_2 .flow_txt .detail {
  background-color: #f9f9f9;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .flow_ver02_2 .flow_txt:not(:last-child)::after {
    border-color: #999999 transparent transparent transparent;
  }
}

/* flow 03 ***/
/* 1日のスケジュール ***/
[data-static-html] .schedule_line::before {
  background-color: #dddddd;
}

[data-static-html] .schedule_line_time .item {
  color: #ffffff;
  background-color: #282F3A;
}

[data-static-html] .schedule_line_txt {
  border-color: #eeeeee;
}

[data-static-html] .schedule_line_txt.leftside::after,
[data-static-html] .schedule_line_txt.rightside::before {
  background-color: #165EAD;
}

[data-static-html] .schedule_line_txt dt {
  color: #165EAD;
}

[data-static-html] .schedule_line_txt_in {
  background-color: #ffffff;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .schedule_main_intro {
    background-color: #f9f9f9;
  }
  [data-static-html] .schedule_line_txt.leftside::before {
    background-color: #165EAD;
  }
}

/* flow 03 歴史 年表 ***/
[data-static-html] .flow_ver03_tab::before {
  border-color: #333333;
}

/* flow 04 採用 選考流れ ***/
[data-static-html] .flow_ver04::before {
  background-color: #cccccc;
}

[data-static-html] .flow_ver04_num {
  background-color: #165EAD;
  color: #ffffff;
}

[data-static-html] .flow_ver04_d {
  border-color: #cccccc;
}

[data-static-html] .flow_ver04_info .info + .info {
  border-color: #999999;
}

/*------------------------------------------------

_news.css

-------------------------------------------------*/
/* 基本設定 ***/
[data-static-html] .rss_box dl {
  border-color: #eeeeee;
}

[data-static-html] .rss_title a {
  color: #165EAD;
}

[data-static-html] .rss_new {
  background-color: #165EAD;
  color: #ffffff;
}

/* 2個目以降非表示 スライドで表示 ***/
[data-static-html] #rss_open::before {
  color: #ffffff;
  background-color: #293337;
}

/* TOP_NEWS-B ***/
[data-static-html] #top_rss_b {

}

[data-static-html] #top_rss_b .col_bg {
  background-color: rgba(255, 255, 255, 0.7);
  border-color: #ffffff;
}

[data-static-html] .top_rss_b_con dl {
  border-color: #ffffff;
}

/* TOP_NEWS-C ***/
[data-static-html] #top_rss_c {
  background-color: #f9f9f9;
}

[data-static-html] #top_rss_c .title {
  color: #165EAD;
}

[data-static-html] #top_rss_c .title::after {
  background-color: #165EAD;
}

/* TOP_NEWS-D ***/
[data-static-html] #top_rss_d {
  background-color: #ffffff;

}

[data-static-html] .rss_d_name {
  background-color: #13181a;
  color: #ffffff;
}

[data-static-html] .top_rss_d_con .rss_title a {
  color: #333333;
}

[data-static-html] .top_rss_d_con .rss_title a:hover {
  color: #165EAD;
}

[data-static-html] .top_rss_d_con dl {
  border-color: #ffffff;
}

/* TOP_NEWS-E ***/
[data-static-html] #top_rss_e .rss_box {
  background-color: #ffffff;
}

/* NEWS-F ***/
[data-static-html] .rss_f {
  border-color: #dddddd;
}

[data-static-html] .rss_f_title {
  border-color: #dddddd;
}

/*------------------------------------------------

_title.css

-------------------------------------------------*/
/* h2 ***/
/* h3 ***/
/* h4 ***/
/*------------------------------------------------

_table.css

-------------------------------------------------*/
/* base ***/
[data-static-html] th, [data-static-html] td {
  border-color: #eeeeee;
}

/* table 01 ***/
[data-static-html] table.tab01 {
  table-layout: fixed;
}

[data-static-html] table.tab01 th {
  background-color: #165EAD;
  color: #ffffff;
}

[data-static-html] table.tab01 th.th_sub {
  background-color: #999999;
}

/* table 02 ***/
[data-static-html] table.tab02 tr:nth-child(2n) {
  background-color: #f5f5f5;
}

/* table 04 ***/
[data-static-html] table.tab04 th {
  background-color: #165EAD;
  color: #ffffff;
}

[data-static-html] table.tab04 thead th:nth-child(2n) {
  background-color: #165EAD;
}

[data-static-html] table.tab04 tbody td:nth-child(2n) {
  background-color: #f5f5f5;
}

/* table 05 ***/
[data-static-html] table.tab05 th {
  background-color: #165EAD;
  color: #ffffff;
}

/* table 06 ***/
[data-static-html] table.tab06 th {
  background-color: #165EAD;
  color: #ffffff;
}

@media only screen and (max-width: 690px) {
  [data-static-html] table.tab06 tbody td::before {
    background-color: #165EAD;
    color: #ffffff;
  }
}

/* table 07 ***/
[data-static-html] table.tab07 thead {
  border-color: #165EAD;
}

[data-static-html] table.tab07 thead th {
  color: #165EAD;
}

[data-static-html] table.tab07 thead tr th,
[data-static-html] table.tab07 thead tr td,
[data-static-html] table.tab07 tbody tr th,
[data-static-html] table.tab07 tbody tr td {
  border-color: #CCCCCC;
}

/* table 08 ***/
[data-static-html] table.tab08 tbody tr:not(:last-child) th,
[data-static-html] table.tab08 tbody tr:not(:last-child) td {
  border-color: #CCCCCC;
}

[data-static-html] table.tab08 th {
  color: #165EAD;
}

[data-static-html] table.tab08 th::after {
  background-color: #CCCCCC;
}

@media only screen and (max-width: 690px) {
  [data-static-html] table.tab08 tbody tr:not(:last-child) td {
    border-color: #CCCCCC;
  }
  [data-static-html] table.tab08 tbody td {
    padding-bottom: 16px;
  }
  [data-static-html] table.tab08 th {
    color: #165EAD;
  }
}

/* table 09 ***/
[data-static-html] table.tab09 th,
[data-static-html] table.tab09 td {
  border-color: #EEEEEE;
}

[data-static-html] table.tab09 tr:nth-child(2n) {
  background-color: #f9f9f9;
}

/* table 10 ***/
[data-static-html] table.tab10 th,
[data-static-html] table.tab10 td {
  border-color: #dddddd;
}

[data-static-html] table.tab10 th {
  color: #165EAD;
}

[data-static-html] table.tab10 th::after {
  color: #165EAD;
}

@media only screen and (max-width: 690px) {
  [data-static-html] table.tab10 tr:first-child th {
    border-color: #dddddd;
  }
}

/*------------------------------------------------

_subnav.css

-------------------------------------------------*/
/* column2 ***/
[data-static-html] #subnav.sb_col2 ul li a {
  border-color: #bbbbbb;
}

[data-static-html] #subnav.sb_col2 ul li a:hover {
  color: #165EAD;
  background-color: #f9f9f9;
}

[data-static-html] #subnav.sb_col2 ul li.current a {
  border-color: #bbbbbb;
  color: #165EAD;
  background-color: #f9f9f9;
}

[data-static-html] #subnav.sb_col2 ul li.current ul {
  border-color: #bbbbbb;
}

[data-static-html] #subnav_title.sb_col2 a {
  background-color: #293337;
  color: #ffffff;
}

[data-static-html] #subnav_title.sb_col2 a:hover {
  background-color: #13181a;
}

/* column2 NO.02***/
[data-static-html] #subnav.sb_col2_accordion ul li a {
  border-color: #bbbbbb;
}

[data-static-html] #subnav.sb_col2_accordion ul li a:hover {
  color: #165EAD;
  background-color: #f9f9f9;
}

[data-static-html] #subnav.sb_col2_accordion ul li.current a {
  border-color: #bbbbbb;
  color: #165EAD;
  background-color: #f9f9f9;
}

[data-static-html] #subnav.sb_col2_accordion ul li.current ul {
  border-color: #bbbbbb;
}

[data-static-html] #subnav_title.sb_col2_accordion a {
  background-color: #293337;
  color: #ffffff;
}

[data-static-html] #subnav_title.sb_col2_accordion a:hover {
  background-color: #13181a;
  color: #ffffff;
}

/* column1 01 ***/
[data-static-html] #subnav.sb_col1_1 ul li a:hover {
  background-color: #f7f7f7;
}

[data-static-html] #subnav.sb_col1_1 ul li a::after {
  color: #165EAD;
}

[data-static-html] #subnav.sb_col1_1 ul li a {
  border-color: #f3f3f3;
}

[data-static-html] #subnav.sb_col1_1 ul li.current a {
  background-color: #f7f7f7;
}

[data-static-html] #subnav.sb_col1_1 ul li.current a::after {
  color: #165EAD;
}

[data-static-html] #subnav_title.sb_col1_1 a {
  background-color: #ffffff;
  color: #165EAD;
}

[data-static-html] #subnav_title.sb_col1_1 a::before {
  background-color: #dddddd;
}

@media only screen and (max-width: 690px) {
  [data-static-html] #subnav.col1_1 ul li a::before,
  [data-static-html] #subnav.col1_1 ul li.current a::before {
    color: #165EAD;
  }
}

/* column1 02 ***/
[data-static-html] .sb_col1_2_wrap {
  background-color: #eeeeee;
}

[data-static-html] #subnav_title {
  border-color: #cccccc;
}

[data-static-html] #subnav_title a:hover {
  color: #165EAD;
}

[data-static-html] #subnav_list li {
  border-color: #cccccc;
}

[data-static-html] #subnav_list li.current a, [data-static-html] #subnav_list li a:hover {
  color: #165EAD;
  text-decoration: none;
}

/*------------------------------------------------

_media.css

-------------------------------------------------*/
/* standard ***/
/* grid 採用TOP ***/
/*------------------------------------------------

blog_layout.css

-------------------------------------------------*/
/* common ***/
[data-static-html] time {
  color: #555555;
}

/*
article#main a {
  color: #165EAD;
  text-decoration: underline;
}


article#main .btn_bg a,
article#main .catelist a,
article#main .taglist a {
  text-decoration: none;
}

article#main .btn_bg a,
article#main .catelist a,
article#main .taglist a,
article#main .btn_bg a:hover,
article#main .catelist a:hover,
article#main .taglist a:hover {
  color: #ffffff;
}

article#main .dlb_btn a {
  color: #ffffff;
}
*/

/* article list ***/
[data-static-html] article {
  border-color: #dddddd;
}

[data-static-html] article .info time {
  color: #000000;
}

/* SNS ***/
[data-static-html] .sns_share {
  /*&.head{	border-color: #f5f5f5;}*/
}

[data-static-html] .sns_share.foot {
  border-color: #dddddd;
}

[data-static-html] .sns_share .line a {
  background-color: #00c300;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* next prev ***/
[data-static-html] #nextprev li a:hover {
  color: #FD7377;
}

/* contact ***/
[data-static-html] .contact .title {
  color: #ffffff;
  background-color: #FD7377;
}

[data-static-html] .contact .txt {
  border-color: #eeeeee;
}

[data-static-html] .contact .txt div.tel span {

}

[data-static-html] .contact .txt div.mail a {
  background-color: #293337;
  color: #ffffff;
}

[data-static-html] .contact .txt div.mail a .in {

}

/* relation ***/
[data-static-html] #relation .title {
  border-color: #eeeeee;
}

[data-static-html] .relationlist time {
  color: #999999;
}

/* article main title ***/
/*BMの見出しとあわせてください。*/
/*
article#main h2 {
  border-color: #165EAD;
}
*/
[data-static-html] article#main h3 {
  border-color: #165EAD;
}

/*------------------------------------------------

blog_navi.css

-------------------------------------------------*/
/* category navi common header ***/
[data-static-html] .catenavi {
  border-color: #eeeeee;
}

[data-static-html] .catenavi .catenavi_in li a:after {
  background-color: #165EAD;
}

[data-static-html] .catenavi .catenavi_in li a:hover {
  color: #165EAD;
}

/* search ***/
[data-static-html] .blog_search {
  border-color: #eeeeee;
}

[data-static-html] .blog_search input.submit_btn {
  background-image: url("/files/user/contents/service/semicon/common/icon_search.png");
  background-color: #165EAD;
}

/* side ***/


[data-static-html] .side .cate li a {
  color: #ffffff;
  background-color: #293337;
}

[data-static-html] .side .cate li a:hover {
  background-color: #13181a;
}

[data-static-html] .side .tag li a {

  color: #165EAD;
}
/*
.side .btn {
  background-color: #fafafa;
  background-color: #fafafa;
  border-color: #eeeeee;
  color: #165EAD;
}

.side .btn:hover {
  background-color: #165EAD;
  color: #ffffff;
}

.side .btn:hover span:before {
  border-color: #ffffff;
}
*/
[data-static-html] .side .sweep {
  border-color: #eeeeee;
}

/* blog list category ***/
[data-static-html] .catelist, [data-static-html] .taglist a {
  color: #FD7377;
}

[data-static-html] .taglist a {
  color: #f5f5f5;
  background-color: #FFC732;
}

[data-static-html] .taglist a:before {
  color: #f5f5f5;
}

[data-static-html] .catelist a {
  color: #f5f5f5;
  background-color: #066598;
}

[data-static-html] .catelist a:before {
  color: #f5f5f5;
}

/* archive year month tag category list ***/
[data-static-html] .archivelist .list a {
  border-color: #f5f5f5;
  color: #555555;
  text-decoration: none;
}

[data-static-html] .archivelist .list a:hover, [data-static-html] .archivelist .list a.current {
  background-color: #165EAD;
  color: #ffffff;
}

/* pager new old ***/
[data-static-html] .newold a, [data-static-html] .pager a {
  color: #165EAD;
}

[data-static-html] .pager span {
  background-color: #FFC732;
  color: #ffffff;
}

/*------------------------------------------------

common.css

-------------------------------------------------*/
/* pagetop ***/
[data-static-html] a.pagetop {

}

/* ぱんくず locator ***/
[data-static-html] #locator_t_under,
[data-static-html] #locator_template_c2,
[data-static-html] #locator_t_up {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

/* キャッチ・強調　テキスト ***/
[data-static-html] .txt_color_white, [data-static-html] .txt_color_white a {
  color: #ffffff !important;
}

[data-static-html] .txt_color_key, [data-static-html] .txt_color_key a {
  color: #165EAD !important;
}

[data-static-html] .txt_bg_blue {
  background-color: #165EAD !important;
  color: #ffffff;
}

[data-static-html] .txt_bg_green {
  background-color: #165EAD !important;
  color: #ffffff;
}

/* side banner ***/
/* sub area T ***/
/*------------------------------------------------

cv.css

-------------------------------------------------*/
/* base ***/
/* CV style 1 ***/
/* CV style 4 ***/
/*------------------------------------------------

layout.css

-------------------------------------------------*/
/* background ***/
[data-static-html] .col_bg {
  background-color: #f5f5f5;
}

[data-static-html] .col_bg_pwide {
  background-color: #f5f5f5;
}

[data-static-html] .col_bg_white {
  background-color: #ffffff;
}

[data-static-html] .col_border {
  border-color: #cccccc;
}

[data-static-html] .bg_next::after {
  border-color: #f5f5f5 transparent transparent transparent;
}

/*------------------------------------------------

module.css

-------------------------------------------------*/
/* txt position ***/
[data-static-html] .flex-control-paging li a:hover,
[data-static-html] .flex-control-paging li a.flex-active {
  background: #293337;
}

/* list stylen ***/
[data-static-html] .list_material li .material-icons {
  color: #165EAD;
}

[data-static-html] .list_material_bg li {

}

[data-static-html] .list_counter li.list_c::after {
  color: #165EAD;
}

/*------------------------------------------------

sub.css

-------------------------------------------------*/
/* 特徴　強み　選ばれる理由 企業理念 など ***/
/* 企業理念 ***/
[data-static-html] .rinen > p {
  background-color: #ffffff;
}

[data-static-html] .rinen > p::after, [data-static-html] .rinen > p::before {
  background-color: #999999;
}

/*　faq QA　よくある質問 ***/
[data-static-html] .qa_q {
  color: #fff;
  background-color: #165EAD;
}

[data-static-html] .qa_click_q {
  background-color: #f5f5f5;
}

[data-static-html] .qa_click_q::before {
  background-color: #165EAD;
}

[data-static-html] .qa_click_q::after {
  border-color: #ffffff;
}

[data-static-html] .qa_click_q.active::after {
  border-color: #ffffff;
}

[data-static-html] .qa_q_simple .init,
[data-static-html] .qa_a_simple .init {
  color: #165EAD;
  border-color: #165EAD;
}

[data-static-html] .qa_a_simple .init {
  color: #ffffff;
  border-color: #FD7377;
  background-color: #FD7377;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .qa_click_q::after {
    border-color: #165EAD;
  }
  [data-static-html] .qa_click_q.active::after {
    border-color: #165EAD;
  }
}

/*　サイトマップ ***/
[data-static-html] #sitemap a {
  color: #333333;
}

[data-static-html] #sitemap li::before {
  color: #aaaaaa;
}

/* page contact ***/
[data-static-html] .colcontact {
  background-color: #f5f5f5;
}

/* side contact ***/
[data-static-html] .sidecontact_in {
  background-color: rgba(237, 28, 33, 0.3);
}

/* form contact ***/
[data-static-html] .formflow li:after {
  border-color: #165EAD;
}

[data-static-html] .formflow li.prev {
  background-color: #dddddd;
}

[data-static-html] .formflow li.age {
  background-color: #165EAD;
}

[data-static-html] .formflow li.next {
  background-color: #FD7377;
}

/* side search ***/
[data-static-html] .sub_search .search_txt {
  border-color: #eeeeee;
}

[data-static-html] .sub_search .submit_btn {
  background-image: url("/files/user/contents/service/semicon/common/icon_search.png");
}

[data-static-html] .sub_search input.search_txt {
  background-color: #f5f5f5;
  color: #777777;
}

[data-static-html] .sub_search input.submit_btn {
  background-color: #555555;
  background-image: url("/files/user/contents/service/semicon/common/icon_search.png");
}

/* submain area A ***/
/* submain area B ***/
[data-static-html] .sm_b_area {

  color: #ffffff;
}

[data-static-html] .sm_b_block {
  background-color: rgba(162, 188, 14, 0.6);
}

/* submain area C ***/
/* submain area D ***/
[data-static-html] .col2_vm_v2 {
  background-color: #f5f5f5;
}

[data-static-html] .col2_vm_v2 .flt_vm {
  background-color: #ffffff;
  -webkit-box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
}

/* sub area C TOPari ***/
[data-static-html] .sub_c_block:hover .sub_c_image::after {
  background-color: rgba(0, 0, 0, 0.7);
}

[data-static-html] .sub_c_caption {
  color: #ffffff;
}

[data-static-html] .sub_c_area .flt, [data-static-html] .sub_c_area .flr {
  border-color: #ffffff;
}

@media only screen and (max-width: 979px) {
  [data-static-html] .sub_c_caption {
    color: #000000;
  }
  [data-static-html] .sub_c_block:hover .sub_c_image::after {
    background-color: rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 690px) {
  [data-static-html] .sub_c_area .flt {
    border-color: #ffffff;
  }
}

/* sub area D ***/
[data-static-html] .sub_d_area .col figcaption {
  background-color: #f9f9f9;
}

[data-static-html] .sub_d_area .col::before {
  border-color: rgba(255, 255, 255, 0);
}

[data-static-html] .sub_d_area .col.bl-hover::before {
  border-color: #165EAD;
}

[data-static-html] .sub_d_area figcaption .txt_link a {
  color: #000000;
}

[data-static-html] .sub_d_area_spyoko .col figcaption {
  background-color: #f9f9f9;
}

[data-static-html] .sub_d_area_spyoko .col::before {
  border-color: rgba(255, 255, 255, 0);
}

[data-static-html] .sub_d_area_spyoko .col.bl-hover::before {
  border-color: #165EAD;
}

[data-static-html] .sub_d_area_spyoko figcaption .txt_link a {
  color: #000000;
}

/* sub area U ***/
/* sub area W ***/
/* interview ***/
[data-static-html] .interview_txt {
  background-color: #ffffff;
  border-color: #165EAD;
}

[data-static-html] .interview_section > div.bl-hover .interview_txt {
  background-color: #165EAD;
  color: #ffffff;
  border-bottom-color: #282F3A;
}

[data-static-html] .interview_section > div.bl-hover .interview_txt a {
  color: #ffffff;
}

[data-static-html] .interview_section > div.bl-hover .img::before {
  background-color: #165EAD;
}

/* tab switch sub_i_area ***/
/* sub area K ***/
/* sub area L ***/
[data-static-html] .sub_l_list li a:hover::before {
  border-color: #165EAD;
}

/* sub area O ***/
[data-static-html] .sub_o_area .col {
  border-color: #cccccc;
}

[data-static-html] .sub_o_area .col::before {
  border-color: #165EAD;
}

[data-static-html] .sub_o_dl dt {
  color: #165EAD;
  border-color: #dddddd;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .sub_o_dl dt {
    color: #165EAD;
  }
}

/* sub area P ***/
[data-static-html] .sub_p_area_y > .col2_m > .col,
[data-static-html] .sub_p_area_t > .col2_m > .col {
  background-color: #f9f9f9;
  border-color: #cccccc;
}

[data-static-html] .sub_p_area_y > .col2_m > .col::before,
[data-static-html] .sub_p_area_t > .col2_m > .col::before {
  border-color: #165EAD;
}

/* sub area R ***/
/* sub area S ***/
[data-static-html] .sub_s_area .col {
  background-color: rgba(237, 28, 33, 0.1);
}

[data-static-html] .sub_s_area .col:nth-child(2),
[data-static-html] .sub_s_area .col:nth-child(3),
[data-static-html] .sub_s_area .col:nth-child(6),
[data-static-html] .sub_s_area .col:nth-child(7) {
  background-color: rgba(237, 28, 33, 0.3);
}

@media only screen and (max-width: 690px) {
  [data-static-html] .sub_s_area .col, [data-static-html] .sub_s_area .col:nth-child(3), [data-static-html] .sub_s_area .col:nth-child(7) {
    background-color: rgba(237, 28, 33, 0.1);
  }
  [data-static-html] .sub_s_area .col:nth-child(2n) {
    background-color: rgba(237, 28, 33, 0.3);
  }
}

[data-static-html] .sub_s_num {
  background-color: #165EAD;
  color: #ffffff;
}

/* point 01 ***/
[data-static-html] .point01 .point_name {
  background-color: #165EAD;
  color: #ffffff;
}

/* guideline06 ***/
[data-static-html] .rg_profile {

}

/* submain area E ***/
/*** submain area G 1 ***/
[data-static-html] .sm_g_area {
  background-color: #f5f5f5;
}

[data-static-html] .sm_g_block {
  background-color: #ffffff;
  border-top: 5px solid;
  -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#ff8008), to(#ffc837));
  border-image: -webkit-gradient(linear, left top, right top, from(#ff8008), to(#ffc837));
  -o-border-image: -o-linear-gradient(left, #ff8008, #ffc837);
  border-image: linear-gradient(to right, #ff8008, #ffc837);
  border-image-slice: 100%;
  border-image-slice: 100%;
  border-image-slice: 1;
}

/*** submain area G 2 ***/
[data-static-html] .sm_g_area2 {
  background-color: #f5f5f5;
}

[data-static-html] .sm_g_block2:before,
[data-static-html] .sm_g_block2:after {
  background: -webkit-gradient(linear, left top, right bottom, from(#f00), to(#00f));
  background: -moz-linear-gradient(left, #f00, #00f);
  background: -webkit-gradient(linear, left top, right top, from(#f00), to(#00f));
  background: -webkit-linear-gradient(left, #f00, #00f);
  background: -o-linear-gradient(left, #f00, #00f);
  background: linear-gradient(left, #f00, #00f);
}

[data-static-html] .sm_g_block2_in {
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 1px solid #ff0000;
  border-right: 1px solid #0000ff;
}

/*** submain area H ***/
@media only screen and (max-width: 690px) {
  [data-static-html] .sub_h_area .col, [data-static-html] .sub_h_area .col:nth-child(3), [data-static-html] .sub_h_area .col:nth-child(7) {
    background-color: rgba(237, 28, 33, 0.1);
  }
  [data-static-html] .sub_h_area .col:nth-child(2n) {
    background-color: rgba(237, 28, 33, 0.3);
  }
}

/*** submain area i ***/
[data-static-html] .sm_i_area .col.bl-hover {
  background-color: #f7f7f7;
}

[data-static-html] .sm_i_area .col::before {
  border-color: #dddddd;
}

[data-static-html] .sm_i_area .col.bl-hover::before {
  border-color: #165EAD;
}

/*** submain area j ***/
[data-static-html] .sm_j_area_normal {
  background-color: #f5f5f5;
}

[data-static-html] .sm_j_area_normal .sm_j_list li {
  background-color: #ffffff;
  border: 1px solid #ffffff;

}

/** list link **/
/*** submain area K ***/
/* top area B ***/
[data-static-html] #area_b_tabsp {

}

[data-static-html] #area_b_tabsp .col {
  border-color: #cccccc;
  border-bottom-color: #066598;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 4px rgba(0, 0, 0, 0.2);
}

/*------------------------------------------------

top.css

-------------------------------------------------*/
/* メインイメージ ***/
/* top 共通タイトル ***/
/* top area B ***/
/* top area C ***/
/* top area D ***/
[data-static-html] #area_d .area_d_box {
  border-color: #ffffff;
  background-color: #f5f5f5;
}

[data-static-html] #area_d .material-icons {
  color: #ffffff;
  background-color: #165EAD;
}

[data-static-html] #area_d .area_d_box.bl-hover {
  background-color: #165EAD;
  color: #ffffff;
}

[data-static-html] #area_d .area_d_box.bl-hover a {
  color: #ffffff;
}

[data-static-html] #area_d .area_d_box.bl-hover .material-icons {
  color: #165EAD;
  background-color: #ffffff;
}

/* area submain A ***/
[data-static-html] .area_e_box {

}

/* top area F ***/
/* top area_g ***/
[data-static-html] #area_g {
  background-color: #F8F8EB;
}

[data-static-html] #area_g .col_bg_white {
  -webkit-box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
}

[data-static-html] #area_g .far {
  color: #165EAD;
}

[data-static-html] #area_g .col_bg_white.bl-hover {
  background-color: #165EAD;
  color: #ffffff;
}

[data-static-html] #area_g .col_bg_white.bl-hover .far {
  color: #165EAD;
  background-color: #ffffff;
}

[data-static-html] #area_g .col_bg_white.bl-hover a {
  color: #ffffff;
}

/* top area H ***/
[data-static-html] #area_h {

  color: #ffffff;
}

/* top area I ***/
[data-static-html] #area_i {
  background-color: #f5f5f5;
}

[data-static-html] #area_i .col {
  -webkit-box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
  border-color: #ffffff;
}

[data-static-html] #area_i .col.bl-hover {
  border-color: #165EAD;
}

/* top area J ***/
[data-static-html] .area_j_block:hover .area_j_image::after {
  background-color: rgba(0, 0, 0, 0.7);
}

[data-static-html] .area_j_caption {
  color: #ffffff;
}

[data-static-html] #area_j_02 .flt, [data-static-html] #area_j_02 .flr {
  border-color: #ffffff;
}

[data-static-html] #area_j_03 .area_j_image_txt {
  background-color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 979px) {
  [data-static-html] .area_j_caption {
    color: #000000;
  }
  [data-static-html] .area_j_block:hover .area_j_image::after {
    background-color: rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 690px) {
  [data-static-html] #area_j_02 .flt {
    border-color: #ffffff;
  }
}

/* top area L ***/
[data-static-html] .area_l_list li {
  border-color: #cccccc;
}

[data-static-html] .area_l_list a {
  border-color: #cccccc;
}

[data-static-html] .area_l_list li.bl-hover .area_l_list a {

  color: #165EAD;
}

[data-static-html] .area_l_list li.bl-hover {
  background-color: #cccccc;
}

[data-static-html] .sns_fb a {
  background-color: #315096;
}

/*指定カラー 変えない*/
[data-static-html] .sns_yt a {
  background-color: #CD201F;
}

/*指定カラー 変えない*/
[data-static-html] .sns_line a {
  background-color: #00C300;
}

/*指定カラー 変えない*/
/* top area N ***/
[data-static-html] #area_n {

}

@media only screen and (max-width: 690px) {
  [data-static-html] #area_n {

  }
  [data-static-html] #area_n .area_n_block {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

@media only screen and (max-width: 479px) {
  [data-static-html] #area_n .area_n_block {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

/* top area O ***/
[data-static-html] #area_o_con .area_o_col.bl-hover::after {
  background-color: rgba(0, 0, 0, 0.2);
}

[data-static-html] #service01 {

}

[data-static-html] .area_o_title {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

[data-static-html] .area_o_btn a {
  background: #293337;
  color: #ffffff;
}

[data-static-html] .area_o_btn a:hover {
  background-color: #13181a;
}

[data-static-html] .area_o_col.bl-hover .area_o_btn a {
  background-color: #13181a;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .area_o_btn a:hover {
    background-color: #13181a;
  }
}

/* area_p  PC 4列 / タブレット 2列 / スマホ 2列 ***/
[data-static-html] #area_p {
  background-color: #f5f5f5;
}

[data-static-html] .area_p_title {
  color: #ffffff;
  background-color: #13181a;
}

[data-static-html] .area_p_list li a {
  background-color: #ffffff;
  border-color: #ffffff;
}

[data-static-html] .area_p_list li a:hover {
  border-color: #165EAD;
}

/* area_q ***/
[data-static-html] #area_q {
  background-color: #f5f5f5;
}

[data-static-html] #area_q .col {
  background-color: #ffffff;
  border-color: #ffffff;
  -webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.05);
}

[data-static-html] #area_q .bl-hover {
  -webkit-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  border-color: #165EAD;
}

[data-static-html] #area_q_y {
  background-color: #f5f5f5;
}

[data-static-html] #area_q_y .col {
  border-color: #dddddd;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.05);
}

[data-static-html] #area_q_y .col .img100 {
  padding: 4px;
}

[data-static-html] #area_q_y .col .img100 img {
  background-color: #f5f5f5;
}

[data-static-html] #area_q_y .bl-hover {
  border-color: #165EAD;
}

[data-static-html] #area_q_y .bl-hover .area_r_txt a {
  color: #165EAD;
}

/* top グリット2 用 ***/
[data-static-html] .gridline_section .flt:not(:first-child) {
  border-color: #ffffff;
}

[data-static-html] .col2.gridline_section .flr {
  border-color: #ffffff;
}

[data-static-html] .gridline_section .bg_color {
  background-color: #f5f5f5;
}

[data-static-html] .gridline_section .grid_icon:hover::before {
  border-color: #cc0000;
}

@media only screen and (max-width: 690px) {
  [data-static-html] .col4.gridline_section .flr,
  [data-static-html] .col4.gridline_section .flt {
    border-color: #ffffff;
  }
}

/* sub area C SUBari ***/
[data-static-html] .sub_c_block:hover .sub_c_image::after {
  background-color: rgba(0, 0, 0, 0.7);
}

[data-static-html] .sub_c_caption {
  color: #ffffff;
}

[data-static-html] .sub_c_area .flt, [data-static-html] .sub_c_area .flr {
  border-color: #ffffff;
}

@media only screen and (max-width: 979px) {
  [data-static-html] .sub_c_caption {
    color: #000000;
  }
  [data-static-html] .sub_c_block:hover .sub_c_image::after {
    background-color: rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 690px) {
  [data-static-html] .sub_c_area .flt {
    border-color: #ffffff;
  }
}

/* top area R ***/
[data-static-html] #area_r_con .bigglink {
  background-color: #ffffff;
}

[data-static-html] #area_r_con .bl-hover {
  -webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
}

[data-static-html] .area_r_title {
  border-color: #165EAD;
}

[data-static-html] #area_r_con {

}

[data-static-html] #area_r_con .bigglink {
  border-color: #eaeaea;
}

/*------------------------------------------------

top_grid.css

-------------------------------------------------*/
/* メインイメージ ***/
/* top グリット 用 ***/
/*------------------------------------------------

slick.css

-------------------------------------------------*/
/* 基本設定 ***/
[data-static-html] .slick-prev:before,
[data-static-html] .slick-next:before {
  color: #293337;
}

[data-static-html] .slick-dots li button:before {
  color: #293337;
}

[data-static-html] .slick-dots li.slick-active button:before {
  color: #293337;
}

/*------------------------------------------------

jquery.flexslider.css

-------------------------------------------------*/
[data-static-html] .flex-direction-nav a {
  color: rgba(0, 0, 0, 0.8);
}

[data-static-html] .flex-pauseplay a {
  color: #000;
}

[data-static-html] .flex-control-paging li a {
  background: rgba(0, 0, 0, 0.8);
}

/*------------------------------------------------

_header01.css

-------------------------------------------------*/
/*------------------------------------------------

_header02.css

-------------------------------------------------*/
/*------------------------------------------------

_header03.css

-------------------------------------------------*/
/*------------------------------------------------

_footer.css

-------------------------------------------------*/
/*------------------------------------------------

_footer02.css

-------------------------------------------------*/
/*------------------------------------------------

_footer03.css

-------------------------------------------------*/
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	top new corporate 2

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
[data-static-html] .top_title_center_underbar_en,
[data-static-html] .top_title_left_underbar_en,
[data-static-html] .top_title_s_left_underbar_en {
  color: #165EAD;
}

/*---------------------------------------------------------------------------

製品詳細テンプレ

----------------------------------------------------------------------------*/
/*-- template item product btn -----------------------------------------*/
[data-static-html] .templateitem_btn_area {
  background-color: #EEF7FC;
}

/* btn */
[data-static-html] .templateitem_btn li a {
  border: 1px solid #999999;
  background-color: #ffffff;
}

[data-static-html] .templateitem_btn li a::after {
  border-top: solid 3px #58AFE2;
  border-right: solid 3px #58AFE2;
}

[data-static-html] .templateitem_btn li a:hover {
  border-color: #dddddd;
}

/*-- template item product link -----------------------------------------*/
/* link */
[data-static-html] .templateitem_link li a {
  background-color: #8A9395;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

[data-static-html] .templateitem_link li a::after {
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
}

[data-static-html] .templateitem_link li a:hover {
  border-color: #dddddd;
}

/*-- template item product contents title -----------------------------------------*/
[data-static-html] .templateitemcon_title::after {
  background-color: #58AFE2;
}

[data-static-html] .templateitemcon_lead {
  color: #374252;
}

/*-- template item product contents 01 -----------------------------------------*/
[data-static-html] .templateitemcon01_area {
  background-color: #F7F8FB;
}

[data-static-html] .templateitemcon01_catch {
  color: #374252;
}

/*-- template item product contents 10 -----------------------------------------*/
[data-static-html] .templateitemcon10_area {
  background-color: #C9D2D4;
}

[data-static-html] .templateitemcon10_title {
  color: #4E5759;
}

[data-static-html] .templateitemcon10_box::after {
  background-color: rgba(0, 0, 0, 0.5);
}

[data-static-html] .templateitemcon10_txt {
  color: #ffffff;
}

[data-static-html] .templateitemcon10_txt a {
  color: #ffffff;
}

[data-static-html] .templateitemcon10_txt a[target="_blank"]::before {

}

[data-static-html] .templateitemcon10_box:hover::after {
  background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 979px) {
  [data-static-html] .templateitemcon10_txt a[target="_blank"]::after {

  }
}

/*-- template item product contents 11 -----------------------------------------*/
[data-static-html] .templateitemcon11_box::after {
  background-color: rgba(0, 0, 0, 0.6);
}

[data-static-html] .templateitemcon11_title {
  color: #ffffff;
}

[data-static-html] .templateitemcon11_txt {
  color: #ffffff;
}

[data-static-html] .templateitemcon11_btn a {
  color: #ffffff;
  border: 1px solid #ffffff;
}

[data-static-html] .templateitemcon11_btn a::after {
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
}

[data-static-html] .templateitemcon11_btn a:hover {
  background-color: #ffffff;
  color: #374252;
}

[data-static-html] .templateitemcon11_btn a:hover::after {
  border-color: #374252;
}
}