/* CSS Document */

/*カラー情報
メインカラー：#018838
見出しカラー：#01451c
背景カラー　：#e6f3e8
*/
/*=============================================
* PC・タブレット・スマートフォン共通
=============================================*/

/* メインカラー */
.header_Left h1 a:hover,
.menuItem li a,
#remain,
.content p.form-follow,
.content ol.numbercheck_step li:before {
  color: #018838;
}
h3.notice_info,
.flowchart li.active,
.mainbtn {
  background-color: #018838;
}
.headerItem,
.menuItem li a,
.content p.taxitem,
.flowchart li,
button#add_taxitem_btn,
.content ol.numbercheck_step li:before,
fieldset.maintenance {
  border-color: #018838;
}
.menuItem li a::before,
.flowchart li::after {
  border-left-color:#018838;
}
.notice_disp dt::before {
  border-top-color: #018838;
  border-right-color: #018838;
}

/*見出しカラー*/
h2,
h4,
fieldset.maintenance h3,
fieldset .freearea h3,
fieldset .freearea strong,
h3.notice_contact + p b {
  color: #01451c;
}
h2 {
  border-color: #01451c;
}
h3 {
    border-left: 3px solid #018838;
}
/*背景カラー*/
h3,
.notice_disp dt,
.flowchart_wrapper,
.itemtable thead th,
.numberresult_table thead th,
button#add_taxitem_btn:hover,
.content ol.numbercheck_step li:before {
    background-color: #e6f3e8;
}

/*=============================================
* PC表示 769px～
=============================================*/

@media screen and (min-width: 769px) {

  /*背景カラー*/
  .numbercheck_table__topic,
  .numberresult_table th.numbercheck_table__topic {
    background-color: #e6f3e8;
  }

}

/*=============================================
* タブレット・スマートフォン表示 ～768px
=============================================*/

@media screen and (max-width: 768px) {

  /* メインカラー */
  .menu-trigger span {
    background-color: #018838;
  }
  .itemtable input:focus ,
  .itemtable .selectNum:focus {
    border-color: #018838;
  }

  /*背景カラー*/
  .numberresult_table th {
    background-color: #e6f3e8;
  }

}