@charset "UTF-8";
/*
Name: 			skin.css color management
Written by: 	Wishpocket.Inc
Theme Version:	1.0.0
*/


/************************************
** #189012
************************************/
header nav .headline .pc .customer,
header nav .headline .pc .news {
  color: #189012;
}
a.bullet {
    color: #189012;
}
header nav #menu .inner > ul > li .submenu {
  border-bottom-color:#189012;
}

header nav #menu .inner > ul > li .submenu li {
	border-top-color: #189012 ;
	border-left-color: #189012 ;
	border-right-color: #189012 ;
}
header nav #menu .inner > ul > li .submenu li a:hover {
  background-color: #189012;
}
header nav #menu .inner > ul > li .submenu li.listh:before {
  border-bottom-color: #189012;
}

header nav #menu .inner > ul > li .submenu li.listh a {
  background-color: #189012;
}
#breadcrumb ul li a {
  color: #189012;
}


h1.title {
  color: #189012;
}


footer nav #footer_menu > ul > li .cat ul.submenu li a {
  color: #189012;
}

body.home #service .list > a .desc span {
  color: #189012;
}
body.home #news h2 a {
  color: #189012;
}
body.home #news ul li .tit a {
  color: #189012;
}
body.page article section.case .card .data .copy {
  color: #189012;
}

body.page article section .att a {
  color: #189012;
  text-decoration: underline;
}

body.page article section.serviceTopInvoice .bgGray h3.plain {
  color: #189012;
}

@media screen and (max-width: 768px) {
a.bullet {
    color: #189012;
}

body.home #mainvisual .vis .to {
    color: #189012;
}
body.home #news > p.sp a {
    color: #189012;
}
}


/************************************
** #ecf8d9
************************************/

header nav .headline .pc .search .trigger {
  background-color: #ecf8d9;
}

h1.title {
  background-color: #ecf8d9;
}

header nav .headline .pc .search .searchform input[type="text"] {
  background-color: #ecf8d9;
}

header nav #menu .inner > ul > li > a.home {
  background-color: #ecf8d9;
}

header nav #menu .inner > ul > li > a.close {
  background-color: #ecf8d9;
}

footer .support {
  background-color: #ecf8d9;
}
body.page article .meritTopSection .sectionInner ul li a {
  background-color: #ecf8d9;
}
body.page article aside .asideInner ul li.current_page_item a {
  background-color: #ecf8d9;
}

body.page article section.serviceIntroStep .step .boxHead {
  background-color: #ecf8d9;
}

body.home #optiontool #option {
  background-color: #ecf8d9;
}

@media screen and (max-width: 768px) {
header nav .headline .sp .searchform input[type="submit"] {
background-color: #ecf8d9;
}

header nav .headline .sp .searchform input[type="submit"] {
background-color: #ecf8d9;
}

body.home #optiontool #option a.sp {
    background-color: #ecf8d9;
}
body.home #optiontool #tool a.sp {
    background-color: #ecf8d9;
}
}



/************************************
** #6bbc3b
************************************/

header nav #menu .inner > ul > li:hover > a:after {
	  background-color: #6bbc3b;
}

header nav #menu .inner > ul > li:hover > a:after, header nav #menu .inner > ul > li.current > a:after {
	  background-color: #6bbc3b;
}

body.home #merit .list a:before {
  border-bottom-color: #6bbc3b;
}


body.home #news h3 {
  border-left-color: #6bbc3b;
}


body.page article aside .asideInner ul {
  border-top-color: #6bbc3b;
}

body.page article section .ribbon {
  background-color: #6bbc3b;
  }
body.page article section .bgNet.flow .flowHeader {
  background-color: #6bbc3b;
}

body.page article section .numList li:before {
  background-color: #6bbc3b;
}

body.page article section .linedBox span i {
  color: #6bbc3b;
}
body.page article .serviceTopSystem .bgNet .merit.business .label {
  background-color: #6bbc3b;
}

body.page article section .bgNet.flow .process .label {
	  border-color: #6bbc3b;
}

body.page article section.serviceTopInvoice .bgGray .txt i {
  color: #6bbc3b;
}
body.page article section.servicePriceCost .plan_att i {
  color: #6bbc3b;
}

body.page article section.servicePriceOption .alignCenter a.option {
  background-color: #6bbc3b;
}
body.page article section.optionIntro .wizExample .discBold i {
  color: #6bbc3b;
}

body.page article section.optionIntro .wizExample .ex .label {
  background-color: #6bbc3b;
}
body.page article section.optionFlow .flowWrap .flowSec .label {
  background-color: #6bbc3b;
}
body.page article section.optionFlow .flowWrap .flowSec ul li {
  border-color: #6bbc3b;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.double .pattern {
	  border-color: #6bbc3b;
}
body.page article section.optionFlow .flowCond ul li i {
  color: #6bbc3b;
}
body.page article section.optionWizInvoice .bgGray .txtBox .txt i {
  color: #6bbc3b;
}
body.page article section.optionWizInvoice .bgNet .recommend ul li i {
  color: #6bbc3b;
}

body.page article aside .asideInner .sideTitle {
    background-color: #6bbc3b;
}

body.page .card:before, body.archive .card:before, body.single .card:before {
  border-bottom-color: #6bbc3b;
}

header nav .headline .pc .search .searchform {
  border-top-color: #6bbc3b;
}
header nav .headline .pc .search .searchform:before {
  border-bottom-color: #6bbc3b;
}

header nav .headline .pc .search .searchform input[type="submit"] {
  background-color: #6bbc3b;
}
header nav #menu .inner > ul > li .submenu li a {
  background-color: #6bbc3b;
}

footer .support > .inner h3 {
  background-color: #6bbc3b;
}

footer #copyright {
  background-color: #6bbc3b;
}
@media screen and (max-width: 768px) {
header nav #menu .inner > ul > li .submenu li a:hover {
background-color: #6bbc3b;
}
body.home section h2 {
    background-color: #6bbc3b;
  }
}

/************************************
** #e85384;
************************************/

body.home #case h3 em {
  color: #e85384;
}

body.home #merit h2 em {
  color: #e85384;
}

body.home #merit .list a p em {
  color: #e85384;
}

body.page article .lead em {
  color: #e85384;
}
body.page article aside .asideInner ul li.parent a:before {
  background-color: #e85384;
}

body.page article section .pageLead .copy em {
  color: #e85384;
}
body.page article section .txt em {
  color: #e85384;

}

body.page article section .foreUp {
  color: #e85384;
}
body.page article section .bgNet.flow .process.step .leftBox {
  border-color: #e85384;
}

body.page article section .bgNet.flow .process.step .leftBox .left i.num {
  background-color: #e85384;
}

body.page article section .linedBox span sup {
  color: #e85384;
}

body.page article section .QandA .clearfix .txt em {
  color: #e85384;
}

body.page article section .result {
  color: #e85384;
}
body.page article section .att.red {
  color: #e85384;
}

body.page article .meritTopSection .sectionInner ul li a em {
  color: #e85384;
}

body.page article .serviceTopSystem .bgNet .merit .label {
  background-color: #e85384;
}

body.page article section.serviceTopPerformance .copy em {
  color: #e85384;
}

body.page article section.optionIntro .merit .label {
  color: #e85384;
}
body.page article section.optionIntro .merit .txtBox .copy em {
  color: #e85384;
}
body.page article section.optionIntro .merit .txtBox .txt em {
  color: #e85384;
}
body.page article section.optionIntro .wizExample .ex.wiz .label {
  background-color: #e85384;
}

body.page article section.optionFlow .flowWrap .flowSec ul li.pink {
  border-color: #e85384;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.dashed {
  border-color: #e85384;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.add {
  background-color: #e85384;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip {
  border-color: #e85384;
}

body.page article section.optionFlow .flowWrap .flowSec ul li .skip {
  box-shadow: #e85384;
}
body.page article section.optionWizInvoice .bgNet .recommend .label {
  color: #e85384;
}
@media screen and (max-width: 768px) {
body.page article section.servicePriceCost .wiz p em {
color: #e85384;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.add em {
background-color: #e85384;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.dashed em, body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed em {
    border-color: #e85384;

}
}