@charset "UTF-8";

/* ----------------------------------------------------------------
    Placeholder
----------------------------------------------------------------- */
/* clearfix */
.lyt-hdg-l1 .hdg-l1:before,
.lyt-hdg-l1 .hdg-l1:after {
  content: "";
  display: table;
}
.lyt-hdg-l1 .hdg-l1:after {
  clear: both;
}

.nav-local-lyt-column:before,
.nav-local-lyt-column:after,
.nav-local-list:before,
.nav-local-list:after {
  content: "";
  display: table;
}
.nav-local-lyt-column:after,
.nav-local-list:after {
  clear: both;
}

.mainvisual-lyt-column:before,
.mainvisual-lyt-column:after {
  content: "";
  display: table;
}
.mainvisual-lyt-column:after {
  clear: both;
}

.related-lyt-column:before,
.related-lyt-column:after,
.related-banner-list:before,
.related-banner-list:after {
  content: "";
  display: table;
}
.related-lyt-column:after,
.related-banner-list:after {
  clear: both;
}

.list-bullet:before,
.list-bullet:after,
.list-news > li:before,
.list-news > li:after {
  content: "";
  display: table;
}
.list-bullet:after,
.list-news > li:after {
  clear: both;
}

.link-list[data-col-num="2"]:before,
.link-list[data-col-num="2"]:after,
.link-list-anchor:before,
.link-list-anchor:after {
  content: "";
  display: table;
}
.link-list[data-col-num="2"]:after,
.link-list-anchor:after {
  clear: both;
}

/* .link-list-05
----------------------------------------------- */
.link-list-05 {
  margin: 0 0 20px;
}
.link-list-05 > li {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 5px;
  display: block;
}
.link-list-05 > li:before {
  content: '';
  display: block;
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #666;
}
.link-list-05 > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: .3em;
  width: .3em;
  height: .3em;
  border-top: .1em solid #fff;
  border-right: .1em solid #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.link-list-05 > li > a {
  text-decoration: none;
}
.link-list-05 > li > a:hover,
.link-list-05 > li > a:focus,
.link-list-05 > li > a:active {
  text-decoration: underline;
}
@media only screen and (max-width: 640px) {
  .link-list-05 > li {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 22px;
  }
  .link-list-05 > li:before {
    top: .05em;
  }
  .link-list-05 > li:after {
    top: 6px;
  }
}
.link-list-05 > li > :last-child, .link-list-05 > li:last-child {
  margin-bottom: 0;
}
/* .link-list-05.center
----------------------------------------------- */
.link-list-05.center {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.link-list-05.center > li {
  margin: 0 15px 15px;
}
@media only screen and (max-width: 640px) {
  .link-list-05.center {
    display: block;
  }
}
/* .link-list-05[data-col-num="2"]
----------------------------------------------- */
.link-list-05[data-col-num="2"] {
  margin-left: -3.66%;
}
.link-list-05[data-col-num="2"] > li {
  float: left;
  width: 46.46%;
  margin-left: 3.53%;
}
.link-list-05[data-col-num="2"] > li:nth-child(2n+1) {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .link-list-05[data-col-num="2"] {
    margin-left: 0;
  }
  .link-list-05[data-col-num="2"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}

/* .link-list-06
----------------------------------------------- */
.link-list-06 {
  background: rgba(255, 255, 255, .65);
  font-size: 16px;
}
.link-list-06 > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 13px 12px 12px;
}
.link-list-06 > ul > li {
  padding: 0 20px;
  position: relative;
}
.link-list-06 > ul > li::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  margin: auto;
  background: #495258;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.link-list-06 > ul > li:last-child::after {
  display: none;
}
.link-list-06 > ul > li > a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 18px;
  text-decoration: none;
}
.link-list-06 > ul > li > a::before,
.link-list-06 > ul > li > a::after {
  content: "";
  display: block;
  position: absolute;
}
.link-list-06 > ul > li > a::before {
  width: 15px;
  height: 15px;
  background: #666;
  border-radius: 50%;
  top: 4px;
  left: 0;
}
.link-list-06 > ul > li > a::after {
  width: 4px;
  height: 4px;
  border-color: #fff;
  border-width: 1px 1px 0 0;
  border-style: solid;
  transform: rotate(45deg);
  top: 10px;
  left: 5px;
}
@media only screen  and (max-width: 640px) {
  .link-list-06 > ul {
    display: block;
    padding: 13px 16px 17px;
  }
  .link-list-06 > ul > li {
    padding: 0;
    margin: 0 0 4px;
  }
  .link-list-06 > ul > li:last-child {
    margin-bottom: 0;
  }
  .link-list-06 > ul > li::after {
    display: none;
  }
}

.btn-list-02:before,
.btn-list-02:after,
.btn-list-line:before,
.btn-list-line:after {
  content: "";
  display: table;
}
.btn-list-02:after,
.btn-list-line:after {
  clear: both;
}

.box.box-movie:before,
.box.box-movie:after,
.box-support .lyt-img:before,
.box-support .lyt-img:after {
  content: "";
  display: table;
}
.box.box-movie:after,
.box-support .lyt-img:after {
  clear: both;
}

.lyt-column:before,
.lyt-column:after,
.lyt-column-line[data-col-num="2"]:before,
.lyt-column-line[data-col-num="2"]:after,
.lyt-column-line[data-col-num="3"]:before,
.lyt-column-line[data-col-num="3"]:after,
.lyt-column-plan .list-def:before,
.lyt-column-plan .list-def:after,
.lyt-column-plan[data-col-num="2"]:before,
.lyt-column-plan[data-col-num="2"]:after,
.lyt-media:before,
.lyt-media:after,
.lyt-media > .item.ver-modal:before,
.lyt-media > .item.ver-modal:after {
  content: "";
  display: table;
}
.lyt-column:after,
.lyt-column-line[data-col-num="2"]:after,
.lyt-column-line[data-col-num="3"]:after,
.lyt-column-plan .list-def:after,
.lyt-column-plan[data-col-num="2"]:after,
.lyt-media:after,
.lyt-media > .item.ver-modal:after {
  clear: both;
}

.calculationBox > ol:before,
.calculationBox > ol:after {
  content: "";
  display: table;
}
.calculationBox > ol:after {
  clear: both;
}

.totalPriceBox .totalPriceBoxIn:before,
.totalPriceBox .totalPriceBoxIn:after {
  content: "";
  display: table;
}
.totalPriceBox .totalPriceBoxIn:after {
  clear: both;
}

.btn:before,
.btn-02:before,
.btn-03:before,
.btn-04:before,
.nav-local-list li:before,
.nav-local-list a > span:before,
.tbl-lineup .line:before,
.list-bullet > li:before,
.list-check > li:before,
.link:before,
.link-02:before,
.link-list > li:before,
.link-list-02 > li:before,
.link-list-anchor > li > a:before,
.link-list-line > li:before,
.link-zoom:before,
.nav-menu-selected:before,
.btn-list > li a:before,
.movie-catch:before,
.lyt-column-line > li:before,
.lyt-column-center[data-column-name*="flow"] > *:before,
.box-support .list-check.ver-support > li:before {
  content: "";
  display: block;
}

.nav-menu-selected {
  border: 0;
  background: transparent;
  padding: 0;
}

.btn:before,
.btn-02:before,
.btn-03:before,
.btn-04:before,
.nav-local-list a > span:before,
.list-bullet > li:before,
.list-check > li:before,
.link:before,
.link-02:before,
.link-list > li:before,
.link-list-02 > li:before,
.link-list-anchor > li > a:before,
.link-zoom:before,
.btn-list > li a:before,
.movie-catch:before,
.box-support .list-check.ver-support > li:before {
  background-image: url(/products/img/sprite-desktop.png);
}

.lyt-hdg-l1 .hdg-l1 {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
  .lyt-hdg-l1 .hdg-l1 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 860px) {
  .lyt-hdg-l1 .hdg-l1 {
    width: auto;
  }
}
.lyt-hdg-l1,
.hdg-l2,
.hdg-l3,
.hdg-l4-02 {
  line-height: 1.2;
}

.btn,
.btn-02,
.btn-03,
.btn-04,
.btn-05 {
  border-radius: 23px;
  text-align: center;
  line-height: 1.2;
  text-decoration: none;
  padding: 13px 30px 12px;
  display: inline-block;
  position: relative;
  -webkit-transition: background .2s ease-out;
  transition: background .2s ease-out;
}

.btn:before,
.btn-02:before,
.btn-03:before,
.btn-04:before,
.btn-05:before {
  position: absolute;
  top: 50%;
  right: 10px;
}

.btn > img,
.btn-02 > img,
.btn-03 > img,
.btn-04 > img,
.btn-05 > img {
  display: inline-block;
  margin: 0 12px 0 0;
  vertical-align: baseline;
}

.tbl-lineup,
.tbl,
.tbl-02,
.tbl-03,
.tbl-04,
.tbl-plan,
.tbl-function {
  width: 100%;
}

.tbl-lineup th,
.tbl th,
.tbl-02 th,
.tbl-03 th,
.tbl-04 th,
.tbl-plan th,
.tbl-function th,
.tbl-lineup td,
.tbl td,
.tbl-02 td,
.tbl-03 td,
.tbl-04 td,
.tbl-plan td,
.tbl-function td {
  word-wrap: break-word;
}

.tbl-lineup th > :last-child,
.tbl th > :last-child,
.tbl-02 th > :last-child,
.tbl-03 th > :last-child,
.tbl-04 th > :last-child,
.tbl-plan th > :last-child,
.tbl-function th > :last-child,
.tbl-lineup td > :last-child,
.tbl td > :last-child,
.tbl-02 td > :last-child,
.tbl-03 td > :last-child,
.tbl-04 td > :last-child,
.tbl-plan td > :last-child,
.tbl-function td > :last-child {
  margin-bottom: 0;
}

.tbl-lineup tr.ta-c th,
.tbl tr.ta-c th,
.tbl-02 tr.ta-c th,
.tbl-03 tr.ta-c th,
.tbl-04 tr.ta-c th,
.tbl-plan tr.ta-c th,
.tbl-function tr.ta-c th,
.tbl-lineup tr.ta-c td,
.tbl tr.ta-c td,
.tbl-02 tr.ta-c td,
.tbl-03 tr.ta-c td,
.tbl-04 tr.ta-c td,
.tbl-plan tr.ta-c td,
.tbl-function tr.ta-c td {
  text-align: center !important;
}

.tbl-lineup tr.ta-r th,
.tbl tr.ta-r th,
.tbl-02 tr.ta-r th,
.tbl-03 tr.ta-r th,
.tbl-04 tr.ta-r th,
.tbl-plan tr.ta-r th,
.tbl-function tr.ta-r th,
.tbl-lineup tr.ta-r td,
.tbl tr.ta-r td,
.tbl-02 tr.ta-r td,
.tbl-03 tr.ta-r td,
.tbl-04 tr.ta-r td,
.tbl-plan tr.ta-r td,
.tbl-function tr.ta-r td {
  text-align: right !important;
}

.tbl-lineup tr.ta-l th,
.tbl tr.ta-l th,
.tbl-02 tr.ta-l th,
.tbl-03 tr.ta-l th,
.tbl-04 tr.ta-l th,
.tbl-plan tr.ta-l th,
.tbl-function tr.ta-l th,
.tbl-lineup tr.ta-l td,
.tbl tr.ta-l td,
.tbl-02 tr.ta-l td,
.tbl-03 tr.ta-l td,
.tbl-04 tr.ta-l td,
.tbl-plan tr.ta-l td,
.tbl-function tr.ta-l td {
  text-align: left !important;
}

.tbl-lineup tr.va-t th,
.tbl tr.va-t th,
.tbl-02 tr.va-t th,
.tbl-03 tr.va-t th,
.tbl-04 tr.va-t th,
.tbl-plan tr.va-t th,
.tbl-function tr.va-t th,
.tbl-lineup tr.va-t td,
.tbl tr.va-t td,
.tbl-02 tr.va-t td,
.tbl-03 tr.va-t td,
.tbl-04 tr.va-t td,
.tbl-plan tr.va-t td,
.tbl-function tr.va-t td {
  vertical-align: top !important;
}

.tbl-lineup tr.va-m th,
.tbl tr.va-m th,
.tbl-02 tr.va-m th,
.tbl-03 tr.va-m th,
.tbl-04 tr.va-m th,
.tbl-plan tr.va-m th,
.tbl-function tr.va-m th,
.tbl-lineup tr.va-m td,
.tbl tr.va-m td,
.tbl-02 tr.va-m td,
.tbl-03 tr.va-m td,
.tbl-04 tr.va-m td,
.tbl-plan tr.va-m td,
.tbl-function tr.va-m td,
.tbl-lineup tr.va-m img,
.tbl tr.va-m img,
.tbl-02 tr.va-m img,
.tbl-03 tr.va-m img,
.tbl-04 tr.va-m img,
.tbl-plan tr.va-m img,
.tbl-function tr.va-m img {
  vertical-align: middle !important;
}

.tbl-lineup tr.va-b th,
.tbl tr.va-b th,
.tbl-02 tr.va-b th,
.tbl-03 tr.va-b th,
.tbl-04 tr.va-b th,
.tbl-plan tr.va-b th,
.tbl-function tr.va-b th,
.tbl-lineup tr.va-b td,
.tbl tr.va-b td,
.tbl-02 tr.va-b td,
.tbl-03 tr.va-b td,
.tbl-04 tr.va-b td,
.tbl-plan tr.va-b td,
.tbl-function tr.va-b td,
.tbl-lineup tr.va-b img,
.tbl tr.va-b img,
.tbl-02 tr.va-b img,
.tbl-03 tr.va-b img,
.tbl-04 tr.va-b img,
.tbl-plan tr.va-b img,
.tbl-function tr.va-b img {
  vertical-align: bottom !important;
}

.tbl-lineup td.ta-c,
.tbl td.ta-c,
.tbl-02 td.ta-c,
.tbl-03 td.ta-c,
.tbl-04 td.ta-c,
.tbl-plan td.ta-c,
.tbl-function td.ta-c {
  text-align: center !important;
}

.tbl-lineup td.ta-r,
.tbl td.ta-r,
.tbl-02 td.ta-r,
.tbl-03 td.ta-r,
.tbl-04 td.ta-r,
.tbl-plan td.ta-r,
.tbl-function td.ta-r {
  text-align: right !important;
}

.tbl-lineup td.ta-l,
.tbl td.ta-l,
.tbl-02 td.ta-l,
.tbl-03 td.ta-l,
.tbl-04 td.ta-l,
.tbl-plan td.ta-l,
.tbl-function td.ta-l {
  text-align: left !important;
}

.tbl-lineup td.va-t,
.tbl td.va-t,
.tbl-02 td.va-t,
.tbl-03 td.va-t,
.tbl-04 td.va-t,
.tbl-plan td.va-t,
.tbl-function td.va-t {
  vertical-align: top !important;
}

.tbl-lineup td.va-m,
.tbl td.va-m,
.tbl-02 td.va-m,
.tbl-03 td.va-m,
.tbl-04 td.va-m,
.tbl-plan td.va-m,
.tbl-function td.va-m,
.tbl-lineup td.va-m img,
.tbl td.va-m img,
.tbl-02 td.va-m img,
.tbl-03 td.va-m img,
.tbl-04 td.va-m img,
.tbl-plan td.va-m img,
.tbl-function td.va-m img {
  vertical-align: middle !important;
}

.tbl-lineup td.va-b,
.tbl td.va-b,
.tbl-02 td.va-b,
.tbl-03 td.va-b,
.tbl-04 td.va-b,
.tbl-plan td.va-b,
.tbl-function td.va-b,
.tbl-lineup td.va-b img,
.tbl td.va-b img,
.tbl-02 td.va-b img,
.tbl-03 td.va-b img,
.tbl-04 td.va-b img,
.tbl-plan td.va-b img,
.tbl-function td.va-b img {
  vertical-align: bottom !important;
}

/* ----------------------------------------------------------------
    Local nav
----------------------------------------------------------------- */
/* .nav-local
----------------------------------------------- */
.nav-local .item {
  vertical-align: middle;
}
.nav-local[data-nav-local*="products-top"] {
  background: #006fbc;
}
.nav-local[data-nav-local*="account-top"] {
  background: #2ca3e5;
}
.nav-local[data-nav-local*="aoiro-top"] {
  background: #3cbdde;
}
.nav-local[data-nav-local*="account-ae-top"] {
  background: #5289d5;
}
.nav-local[data-nav-local*="dealing-top"] {
  background: #ee859e;
}
.nav-local[data-nav-local*="payroll-top"] {
  background: #4db87a;
}
.nav-local[data-nav-local*="kyuyo-top"] {
  background: #8cc544;
}
.nav-local[data-nav-local*="customer-top"] {
  background: #f2a41c;
}
.nav-local[data-nav-local*="seikyu-top"] {
  background: #f59b8c;
}
@media only screen and (max-width: 640px) {
  .nav-local .item {
    width: 30%;
    padding: 0 10px;
  }
  .nav-local[data-nav-local*="products-top"] .item {
    width: auto;
    padding: 0;
  }
}

/* .nav-local-inner
----------------------------------------------- */
.nav-local-inner {
  margin-top: 21px;
  margin-bottom: 22px;
}
@media only screen and (max-width: 640px) {
  .nav-local-inner {
    margin: 10px 0 20px;
  }
}

[data-nav-local*="products-top"] .nav-local-inner {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1000px) {
  [data-nav-local*="products-top"] .nav-local-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 640px) {
  [data-nav-local*="products-top"] .nav-local-inner {
    margin: 0;
    padding: 15px 10px 30px;
  }
}

/* .nav-local-lyt-column
----------------------------------------------- */
.nav-local-lyt-column {
  margin: 0 0 0 -2%;
}
.nav-local-lyt-column > .col {
  float: left;
  margin: 0 0 0 2%;
}
.nav-local-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
.nav-local-lyt-column > .col.wide {
  width: 80%;
  float: right;
}
.nav-local-lyt-column > .col.narrow {
  width: 16%;
}
@media only screen and (max-width: 640px) {
  .nav-local-lyt-column {
    margin-left: 0;
  }
  .nav-local-lyt-column > .col {
    clear: both;
    margin-left: 0;
  }
  .nav-local-lyt-column > .col.wide {
    width: 100%;
    float: none;
  }
  .nav-local-lyt-column > .col.narrow {
    width: 100%;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
  }
  .nav-local-lyt-column > .col.narrow > .item {
    margin: 0 auto;
  }
}

/* .nav-local-list
----------------------------------------------- */
.nav-local-list {
  font-size: 0;
  line-height: 1.2;
  text-align: right;
  margin: 0;
}
.nav-local-list li {
  border-radius: 2px;
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0 5px;
  padding: 10px 5px;
  display: inline-block;
  position: relative;
}
.nav-local-list li:before {
  width: 1px;
  height: 12px;
  background: #bfbfbf;
  margin: -6px 0 0;
  position: absolute;
  top: 50%;
  right: -5px;
}
.nav-local-list li:last-child {
  margin-right: 0;
}
.nav-local-list li:last-child:before {
  display: none;
}
.nav-local-list a {
  color: #333;
  text-decoration: none;
  display: block;
}
.nav-local-list a:hover,
.nav-local-list a:active,
.nav-local-list a:focus {
  color: #ff538c;
}
.nav-local-list a:hover > span,
.nav-local-list a:active > span,
.nav-local-list a:focus > span {
  text-decoration: underline;
}
.nav-local-list a > span {
  padding-left: 24px;
  display: inline-block;
  position: relative;
}
.nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -92px -57px;
  position: absolute;
  top: 0;
  left: 0;
}
.nav-local-list .is-current {
  background: #d8ecfa;
}
.nav-local-list .is-current a {
  color: #006fbc;
  font-weight: bold;
}
@media only screen and (min-width: 641px) {
  .nav-local-list li {
    height: auto !important;
  }
}
@media only screen and (max-width: 640px) {
  .nav-local-list {
    border-bottom: 1px solid #e6e6e6;
  }
  .nav-local-list li {
    float: left;
    width: 50%;
    border-radius: 0;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e6e6e6;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
    margin: 0;
  }
  .nav-local-list li:before {
    display: none;
  }
  .nav-local-list li:nth-child(even) {
    border-right: 0;
  }
  .nav-local-list li:last-child {
    border-bottom: 0;
  }
  .nav-local-list li:nth-last-child(2):nth-child(odd) {
    border-bottom: 0;
  }
  .nav-local-list li > span {
    width: 100%;
    height: 100%;
    display: table;
  }
  .nav-local-list a {
    text-align: center;
    vertical-align: middle;
    padding: 12px 20px;
    display: table-cell;
  }
  .nav-local-list a > span {
    text-align: left;
    vertical-align: middle;
  }
  .nav-local-list a > span:before {
    top: -.15em;
  }
  .nav-local-list[data-layout="odd"] li:last-child {
    width: 100%;
  }
}

[data-nav-local*="products-top"] .nav-local-list li:before {
  background: #8eb5ec;
}
[data-nav-local*="products-top"] .nav-local-list a {
  color: #fff;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
[data-nav-local*="products-top"] .nav-local-list a:hover,
[data-nav-local*="products-top"] .nav-local-list a:active,
[data-nav-local*="products-top"] .nav-local-list a:focus {
  opacity: .7;
}
[data-nav-local*="products-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -92px -38px;
}
[data-category="products-account"] [data-nav-local*="account-top"] .nav-local-list li:before {
  background: #74cbff;
}
[data-category="products-account"] [data-nav-local*="account-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: 0 -91px;
}
[data-category^="products-account"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -19px -34px;
}
[data-category^="products-account"] .nav-local-list .is-current {
  background: #e7f6ff;
}
[data-category^="products-account"] .nav-local-list .is-current a {
  color: #0086cd;
}
[data-category="products-aoiro"] [data-nav-local*="aoiro-top"] .nav-local-list li:before {
  background: #85d5e9;
}
[data-category="products-aoiro"] [data-nav-local*="aoiro-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -38px -34px;
}
[data-category^="products-aoiro"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: 0 -53px;
}
[data-category^="products-aoiro"] .nav-local-list .is-current {
  background: #e7faff;
}
[data-category^="products-aoiro"] .nav-local-list .is-current a {
  color: #00b9ef;
}
[data-category="products-account-ae"] [data-nav-local*="account-ae-top"] .nav-local-list li:before {
  background: #8eb5ec;
}
[data-category="products-account-ae"] [data-nav-local*="account-ae-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: 0 -72px;
}
[data-category^="products-account-ae"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: 0 -34px;
}
[data-category^="products-account-ae"] .nav-local-list .is-current {
  background: #e2eeff;
}
[data-category^="products-account-ae"] .nav-local-list .is-current a {
  color: #003a8c;
}
[data-category="products-dealing"] [data-nav-local*="dealing-top"] .nav-local-list li:before {
  background: #f8bbc9;
}
[data-category="products-dealing"] [data-nav-local*="dealing-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -73px 0;
}
[data-category^="products-dealing"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -73px -19px;
}
[data-category^="products-dealing"] .nav-local-list .is-current {
  background: #ffe3e9;
}
[data-category^="products-dealing"] .nav-local-list .is-current a {
  color: #ea617c;
}
[data-category="products-payroll"] [data-nav-local*="payroll-top"] .nav-local-list li:before {
  background: #83cda2;
}
[data-category="products-payroll"] [data-nav-local*="payroll-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -19px -72px;
}
[data-category^="products-payroll"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -38px -72px;
}
[data-category^="products-payroll"] .nav-local-list .is-current {
  background: #ccf2d3;
}
[data-category^="products-payroll"] .nav-local-list .is-current a {
  color: #009740;
}
[data-category="products-kyuyo"] [data-nav-local*="kyuyo-top"] .nav-local-list li:before {
  background: #b7e280;
}
[data-category="products-kyuyo"] [data-nav-local*="kyuyo-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -73px -38px;
}
[data-category^="products-kyuyo"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -19px -91px;
}
[data-category^="products-kyuyo"] .nav-local-list .is-current {
  background: #e2f5c8;
}
[data-category^="products-kyuyo"] .nav-local-list .is-current a {
  color: #22ac38;
}
[data-category="products-customer"] [data-nav-local*="customer-top"] .nav-local-list li:before {
  background: #f8c367;
}
[data-category="products-customer"] [data-nav-local*="customer-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -19px -53px;
}
[data-category^="products-customer"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -38px -53px;
}
[data-category^="products-customer"] .nav-local-list .is-current {
  background: #fff1c7;
}
[data-category^="products-customer"] .nav-local-list .is-current a {
  color: #f08300;
}
[data-category="products-seikyu"] [data-nav-local*="seikyu-top"] .nav-local-list li:before {
  background: #f7c0b7;
}
[data-category="products-seikyu"] [data-nav-local*="seikyu-top"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -57px -72px;
}
[data-category^="products-seikyu"] .nav-local-list a > span:before {
  width: 17px;
  height: 17px;
  background-position: -92px 0;
}
[data-category^="products-seikyu"] .nav-local-list .is-current {
  background: #ffdbd5;
}
[data-category^="products-seikyu"] .nav-local-list .is-current a {
  color: #eb6d8e;
}
@media only screen and (max-width: 640px) {
  [data-nav-local*="products-top"] .nav-local-list {
    border-width: 1px;
    border-style: solid;
    border-top: 0;
  }
  [data-category="products-account"] [data-nav-local*="account-top"] .nav-local-list {
    border-color: #74cbff;
  }
  [data-category="products-account"] [data-nav-local*="account-top"] .nav-local-list li {
    border-color: #74cbff;
  }
  [data-category="products-account"] [data-nav-local*="account-top"] .nav-local-lyt-column .col.narrow {
    border-color: #8eb5ec;
  }
  [data-category="products-account"] [data-nav-local*="account-top"] .nav-local-lyt-column > .col.narrow {
    border-color: #8eb5ec;
  }
  [data-category="products-aoiro"] [data-nav-local*="aoiro-top"] .nav-local-list {
    border-color: #85d5e9;
  }
  [data-category="products-aoiro"] [data-nav-local*="aoiro-top"] .nav-local-list li {
    border-color: #85d5e9;
  }
  [data-category="products-aoiro"] [data-nav-local*="aoiro-top"] .nav-local-lyt-column .col.narrow {
    border-color: #8eb5ec;
  }
  [data-category="products-aoiro"] [data-nav-local*="aoiro-top"] .nav-local-lyt-column > .col.narrow {
    border-color: #85d5e9;
  }
  [data-category="products-account-ae"] [data-nav-local*="account-ae-top"] .nav-local-list,
  [data-category="products-ne"] [data-nav-local*="ne-top"] .nav-local-list {
    border-color: #8eb5ec;
  }
  [data-category="products-account-ae"] [data-nav-local*="account-ae-top"] .nav-local-list li,
  [data-category="products-ne"] [data-nav-local*="ne-top"] .nav-local-list li {
    border-color: #8eb5ec;
  }
  [data-category="products-account-ae"] [data-nav-local*="account-ae-top"] .nav-local-lyt-column > .col.narrow,
  [data-category="products-ne"] [data-nav-local*="ne-top"] .nav-local-lyt-column > .col.narrow {
    border-color: #8eb5ec;
  }
  [data-category="products-ne"] [data-nav-local*="ne-top"] .nav-local-lyt-column .col.narrow {
    border-color: #8eb5ec;
  }
  [data-category="products-dealing"] [data-nav-local*="dealing-top"] .nav-local-list {
    border-color: #f8bbc9;
  }
  [data-category="products-dealing"] [data-nav-local*="dealing-top"] .nav-local-list li {
    border-color: #f8bbc9;
  }
  [data-category="products-dealing"] [data-nav-local*="dealing-top"] .nav-local-lyt-column .col.narrow {
    border-color: #8eb5ec;
  }
  [data-category="products-payroll"] [data-nav-local*="payroll-top"] .nav-local-list {
    border-color: #83cda2;
  }
  [data-category="products-payroll"] [data-nav-local*="payroll-top"] .nav-local-list li {
    border-color: #83cda2;
  }
  [data-category="products-payroll"] [data-nav-local*="payroll-top"] .nav-local-lyt-column .col.narrow {
    border-color: #83cda2;
  }
  [data-category="products-kyuyo"] [data-nav-local*="kyuyo-top"] .nav-local-list {
    border-color: #b7e280;
  }
  [data-category="products-kyuyo"] [data-nav-local*="kyuyo-top"] .nav-local-list li {
    border-color: #b7e280;
  }
  [data-category="products-kyuyo"] [data-nav-local*="kyuyo-top"] .nav-local-lyt-column .col.narrow {
    border-color: #b7e280;
  }
  [data-category="products-customer"] [data-nav-local*="customer-top"] .nav-local-list {
    border-color: #f8c367;
  }
  [data-category="products-customer"] [data-nav-local*="customer-top"] .nav-local-list li {
    border-color: #f8c367;
  }
  [data-category="products-customer"] [data-nav-local*="customer-top"] .nav-local-lyt-column .col.narrow {
    border-color: #f8c367;
  }
  [data-category="products-seikyu"] [data-nav-local*="seikyu-top"] .nav-local-list {
    border-color: #f7c0b7;
  }
  [data-category="products-seikyu"] [data-nav-local*="seikyu-top"] .nav-local-list li {
    border-color: #f7c0b7;
  }
  [data-category="products-seikyu"] [data-nav-local*="seikyu-top"] .nav-local-lyt-column .col.narrow {
    border-color: #f7c0b7;
  }
}

/* .nav-local-03
----------------------------------------------- */
.nav-local-03 {
  width: 100%;
  border-top: solid 1px #f2f2f2;
}
.nav-local-03 > dl {
  margin: 0 auto;
  padding: 12px 0 10px;
  max-width: 1224px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.nav-local-03 > dl > dt {
  padding: 0 12px 0 0;
  font-size: 2rem;
  color: #4d4d4d;
  position: relative;
}
.nav-local-03 > dl > dt::after {
  content: "";
  display: block;
  background: #ccc;
  width: 1px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.nav-local-03 > dl > dt > a {
  display: block;
  color: #4d4d4d;
  text-decoration: none;
  padding: 3px 15px 3px;
}
.nav-local-03 > dl > dt > a:hover,
.nav-local-03 > dl > dt > a:active,
.nav-local-03 > dl > dt > a:focus {
  font-weight: bold;
}
.nav-local-03 > dl > dd {
  font-size: 1.4rem;
  text-align: left;
  padding: 0 10px 0 0;
}
.nav-local-03 > dl > dd > ul {
  margin: 0 0 0 25px;
}
.nav-local-03 > dl > dd > ul > li {
  display: inline-block;
  padding: 0;
}
.nav-local-03 > dl > dd > ul > li.is-current > a {
  background: #d8ecfa;
}

[data-category^="products-account"] .nav-local-03 > dl > dd > ul > li.is-current {
  background-color: transparent;
}
.nav-local-03 > dl > dd > ul > li > a {
  display: block;
  color: #4d4d4d;
  text-decoration: none;
  border-radius: 4px;
  padding: 8px 15px 7px;
  margin: 0;
  -webkit-transition: background .2s ease-out 0s;
  transition: background .2s ease-out 0s;
}
.nav-local-03 > dl > dd > ul > li > a:hover,
.nav-local-03 > dl > dd > ul > li > a:active,
.nav-local-03 > dl > dd > ul > li > a:focus {
  background: #d8ecfa;
}
[data-category^="products-account"] .nav-local-03 > dl > dd > ul > li.is-current > a,
[data-category^="products-account"] .nav-local-03 > dl > dd > ul > li > a:hover,
[data-category^="products-account"] .nav-local-03 > dl > dd > ul > li > a:active,
[data-category^="products-account"] .nav-local-03 > dl > dd > ul > li > a:focus {
  background-color: #e5f3fa;
}
[data-category^="products-payroll"] .nav-local-03 > dl > dd > ul > li.is-current > a,
[data-category^="products-payroll"] .nav-local-03 > dl > dd > ul > li > a:hover,
[data-category^="products-payroll"] .nav-local-03 > dl > dd > ul > li > a:active,
[data-category^="products-payroll"] .nav-local-03 > dl > dd > ul > li > a:focus {
  background-color: #e5f4ec;
}
[data-category^="products-dealing"] .nav-local-03 > dl > dd > ul > li.is-current > a,
[data-category^="products-dealing"] .nav-local-03 > dl > dd > ul > li > a:hover,
[data-category^="products-dealing"] .nav-local-03 > dl > dd > ul > li > a:active,
[data-category^="products-dealing"] .nav-local-03 > dl > dd > ul > li > a:focus {
  background-color: #fdeff2;
}
[data-category^="products-aoiro"] .nav-local-03 > dl > dd > ul > li.is-current > a,
[data-category^="products-aoiro"] .nav-local-03 > dl > dd > ul > li > a:hover,
[data-category^="products-aoiro"] .nav-local-03 > dl > dd > ul > li > a:active,
[data-category^="products-aoiro"] .nav-local-03 > dl > dd > ul > li > a:focus {
  background-color: #e5f8fd;
}
[data-category^="products-kyuyo"] .nav-local-03 > dl > dd > ul > li.is-current > a,
[data-category^="products-kyuyo"] .nav-local-03 > dl > dd > ul > li > a:hover,
[data-category^="products-kyuyo"] .nav-local-03 > dl > dd > ul > li > a:active,
[data-category^="products-kyuyo"] .nav-local-03 > dl > dd > ul > li > a:focus {
  background-color: #e8f7eb;
}
[data-category^="products-seikyu"] .nav-local-03 > dl > dd > ul > li.is-current > a,
[data-category^="products-seikyu"] .nav-local-03 > dl > dd > ul > li > a:hover,
[data-category^="products-seikyu"] .nav-local-03 > dl > dd > ul > li > a:active,
[data-category^="products-seikyu"] .nav-local-03 > dl > dd > ul > li > a:focus {
  background-color: #fdf0f3;
}
[data-category^="products-customer"] .nav-local-03 > dl > dd > ul > li.is-current > a,
[data-category^="products-customer"] .nav-local-03 > dl > dd > ul > li > a:hover,
[data-category^="products-customer"] .nav-local-03 > dl > dd > ul > li > a:active,
[data-category^="products-customer"] .nav-local-03 > dl > dd > ul > li > a:focus {
  background-color: #fdf2e5;
}
@media screen and (max-width: 640px) {
  .nav-local-03 > dl {
    display: block;
    padding: 14px 0 13px;
  }
  .nav-local-03 > dl > dt,
  .nav-local-03 > dl > dd {
    display: block;
  }
  .nav-local-03 > dl > dt {
    padding: 0 0 8px;
    margin: 0 11px;
    border-bottom: solid 1px #ccc;
    border-right: 0;
  }
  .nav-local-03 > dl > dt > a {
    display: block;
    width: auto;
  }
  .nav-local-03 > dl > dt::after {
    display: none;
  }
  .nav-local-03 > dl > dd > ul {
    text-align: center;
    margin: 0 0 0 10px;
  }
  .nav-local-03 > dl > dd > ul > li {
    display: block;
  }
  .nav-local-03 > dl > dd > ul > li > a {
    display: block;
    padding: 11px 10px 12px;
    border-radius: 0;
  }
}

/* .nav-local-04
----------------------------------------------- */
.nav-local-04 {
  background: #339ed7;
  text-align: center;
}
.nav-local-04 > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #0086cd;
  max-width: 1200px;
  margin: 0 auto;
  list-style: none;
}
.nav-local-04 > ul > li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.nav-local-04 > ul > li::after {
  content: "";
  display: block;
  background: #72b8dd;
  width: 1px;
  height: 26px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.nav-local-04 > ul > li:last-child::after {
  display: none;
}
.nav-local-04 > ul > li > a {
  width: 100%;
  display: block;
  font-size: 1.6rem;
  min-width: 135px;
  padding: 14px 43px 12px;
  color: #fff;
  text-decoration: none;
}
.nav-local-04 > ul > li > a:hover > span,
.nav-local-04 > ul > li > a:active > span,
.nav-local-04 > ul > li > a:focus > span {
  text-decoration: underline;
}
.nav-local-04 > ul > li > a > span {
  display: block;
  position: relative;
  padding: 0 0 0 16px;
}
.nav-local-04 > ul > li > a > span::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
[data-category="products-payroll"] .nav-local-04 {
  background: #33ac66;
}
[data-category="products-payroll"] .nav-local-04 > ul {
  background: #009740;
}
[data-category="products-payroll"] .nav-local-04 > ul > li::after {
  background: #64d895;
}
[data-category="products-payroll"] .nav-local-04 > ul > li > a > span {
  border-color: #64d895;
}
[data-category="products-seikyu"] .nav-local-04 {
  background: #ef8aa5;
}
[data-category="products-seikyu"] .nav-local-04 > ul {
  background: #eb6d8e;
}
[data-category="products-seikyu"] .nav-local-04 > ul > li::after {
  background: #ef8aa5;
}
[data-category="products-seikyu"] .nav-local-04 > ul > li > a > span {
  border-color: #ef8aa5;
}
[data-category="products-kyuyo"] .nav-local-04 {
  background: #4ebd60;
}
[data-category="products-kyuyo"] .nav-local-04 > ul {
  background: #22ac38;
}
[data-category="products-kyuyo"] .nav-local-04 > ul > li::after {
  background: #59d36d;
}
[data-category="products-kyuyo"] .nav-local-04 > ul > li > a > span {
  border-color: #59d36d;
}
[data-category="products-dealing"] .nav-local-04 {
  background: #ed7990;
}
[data-category="products-dealing"] .nav-local-04 > ul {
  background: #ea617c;
}
[data-category="products-dealing"] .nav-local-04 > ul > li::after {
  background: #f198aa;
}
[data-category="products-dealing"] .nav-local-04 > ul > li > a > span {
  border-color: #f198aa;
}
[data-category="products-customer"] .nav-local-04 {
  background: #f39c33;
}
[data-category="products-customer"] .nav-local-04 > ul {
  background: #f08300;
}
[data-category="products-customer"] .nav-local-04 > ul > li::after {
  background: #f39c33;
}
[data-category="products-customer"] .nav-local-04 > ul > li > a > span {
  border-color: #f39c33;
}
[data-category="products-aoiro"] .nav-local-04 {
  background: #33c7f2;
}
[data-category="products-aoiro"] .nav-local-04 > ul {
  background: #00b9ef;
}
[data-category="products-aoiro"] .nav-local-04 > ul > li::after {
  background: #33c7f2;
}
[data-category="products-aoiro"] .nav-local-04 > ul > li > a > span {
  border-color: #33c7f2;
}
@media only screen and (max-width: 640px) {
  .nav-local-04 {
    text-align: left;
  }
  .nav-local-04 > ul {
    display: block;
  }
  .nav-local-04 > ul > li::after {
    display: none;
  }
  .nav-local-04 > ul > li > a {
    padding: 0 10px;
  }
  .nav-local-04 > ul > li > a > span {
    padding: 15px 26px 14px;
    border-bottom: 1px solid #72b8dd;
  }
  .nav-local-04 > ul > li:last-child > a > span {
    border-bottom: 0;
  }
  .nav-local-04 > ul > li > a > span::after {
    border-width: 0 0 2px 2px;
    left: 8px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  [data-category="products-payroll"] .nav-local-04 > ul > li > a > span {
    border-bottom-color: #64d895;
  }
}

/* .nav-local-05
----------------------------------------------- */
.nav-local-05 {
  text-align: center;
}
.nav-local-05 > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nav-local-05 > ul > li {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 1 16.666666%;
  flex: 0 1 16.666666%;
  width: 16.666666%;
  min-width: 16.666666%;
  max-width: 16.666666%;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 1px 1px 0;
}
.nav-local-05 > ul > li:nth-child(6) ~ li {
  border-top-width: 0;
}
.nav-local-05 > ul > li:nth-child(6n + 1) {
  border-left-width: 1px;
}
.nav-local-05 > ul > li > a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  background: #fff;
  font-size: 1.6rem;
  padding: 12px 20px 13px;
  position: relative;
}
.nav-local-05 > ul > li > a::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-color: #757575;
  border-width: 1px 1px 0 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-local-05 > ul > li.is-current > a {
  background: #d8ecfa;
}
.nav-local-05 > ul > li.is-current > a::after {
  display: none;
}
[data-category^="products-payroll"] .nav-local-05 > ul > li.is-current > a {
  background: #e5f4ec;
}
[data-category^="products-dealing"] .nav-local-05 > ul > li.is-current > a {
  background: #fdeff2;
}
[data-category^="products-seikyu"] .nav-local-05 > ul > li.is-current > a {
  background: #fdf0f3;
}
[data-category^="products-aoiro"] .nav-local-05 > ul > li.is-current > a {
  background: #e5f8fd;
}
[data-category^="products-kyuyo"] .nav-local-05 > ul > li.is-current > a {
  background: #e8f7eb;
}
[data-category^="products-customer"] .nav-local-05 > ul > li.is-current > a {
  background: #fdf2e5;
}
@media only screen and (max-width: 640px) {
  .nav-local-05 > ul > li {
    flex-basis: 100%;
    width: 100%;
    min-width: auto;
    max-width: none;
    border-width: 0px 1px 1px 1px;
  }

  .nav-local-05 > ul > li > a {
      font-size: 1.4rem;
      padding: 12px 35px;
  }
}

/* ----------------------------------------------------------------
    Contents
----------------------------------------------------------------- */
/* .row-fluid
----------------------------------------------- */
.row-fluid.ver-bg {
  background-color: #f7f7f7;
}
.row-fluid[data-content-category="buy"] {
  background-color: #faf8f3;
  margin: 0 0 20px;
}
.row-fluid[data-content-category="update"] {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 20px;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-01"] .row-inner {
    padding-top: 0;
  }
}
.row-fluid[data-content-category="products-02"] {
  background: #e5f3fa;
}
.row-fluid[data-content-category="products-02"] .row-inner {
  padding: 31px 0 54px;
}
[data-category="products-payroll"] .row-fluid[data-content-category="products-02"] {
  background: #e5f4ec;
}
[data-category="products-seikyu"] .row-fluid[data-content-category="products-02"] {
  background: #fdf0f3;
}
[data-category="products-kyuyo"] .row-fluid[data-content-category="products-02"] {
  background: #e8f7eb;
}
[data-category="products-dealing"] .row-fluid[data-content-category="products-02"] {
  background: #fdeff2;
}
[data-category="products-customer"] .row-fluid[data-content-category="products-02"] {
  background: #fdf2e5;
}
[data-category="products-customer"] .row-fluid[data-content-category="products-02"] {
  background: #e5f3fa;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-02"] .row-inner {
    padding: 31px 10px 24px;
  }
  .row-fluid[data-content-category="products-02"] .hdg-l2-04 {
    margin: 0 0 7px;
  }
}
.row-fluid[data-content-category="products-03"] .row-inner {
  padding: 28px 0 27px;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-03"] .row-inner {
    padding: 28px 10px 27px;
  }
}

[data-category^="products-account-function"] .row-fluid[data-content-category="products-04"],
[data-category^="products-customer-function"] .row-fluid[data-content-category="products-04"],
[data-category^="products-dealing-function"] .row-fluid[data-content-category="products-04"],
[data-category^="products-kyuyo-function"] .row-fluid[data-content-category="products-04"],
[data-category^="products-payroll-function"] .row-fluid[data-content-category="products-04"],
[data-category^="products-seikyu-function"] .row-fluid[data-content-category="products-04"] {
  margin-bottom: 40px;
}
.row-fluid[data-content-category="products-04"] {
  background: #0086d1;
}
.row-fluid[data-content-category="products-04"] .row-inner {
  max-width: 1200px;
  padding: 61px 10px 40px;
}

[data-category^="products-payroll"] .row-fluid[data-content-category="products-04"] {
  background: #009740;
}
[data-category^="products-kyuyo"] .row-fluid[data-content-category="products-04"] {
  background: #22ac38;
}
[data-category^="products-dealing"] .row-fluid[data-content-category="products-04"] {
  background: #ea617c;
}
[data-category^="products-aoiro"] .row-fluid[data-content-category="products-04"] {
  background: #00b9ef;
}
[data-category^="products-customer"] .row-fluid[data-content-category="products-04"] {
  background: #f08300;
}
[data-category^="products-seikyu"] .row-fluid[data-content-category="products-04"] {
  background: #eb6d8e;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-04"] .row-inner {
    padding: 32px 10px 20px;
  }
}
.row-fluid[data-content-category="products-05"] .row-inner {
  padding: 41px 0 71px;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-05"] .row-inner {
    padding: 38px 10px 40px;
  }
  .row-fluid[data-content-category="products-05"] .hdg-l2-04 {
    margin: 0 0 25px;
  }
}
.row-fluid[data-content-category="products-06"] {
  background: #f8f8f8;
}
.row-fluid[data-content-category="products-06"] .row-inner {
  padding-bottom: 67px;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-06"] .row-inner {
    padding-top: 43px;
    padding-bottom: 41px;
  }
  .row-fluid[data-content-category="products-06"] .hdg-l2-04 {
    margin: 0 0 22px;
  }
}
.row-fluid[data-content-category="products-07"] {
  background: #e5f3fa url("/products/img/bg-index-01.jpg") no-repeat center center;
  background-size: cover;
}
.row-fluid[data-content-category="products-07"] .row-inner {
  padding: 51px 0 72px;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-07"] .row-inner {
    padding: 20px 10px 40px;
  }
}
.row-fluid[data-content-category="products-08"] {
  background: #f8f8f8;
}
.row-fluid[data-content-category="products-08"] .row-inner {
  padding-bottom: 72px;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-08"] .row-inner {
    padding-bottom: 42px;
  }
  .row-fluid[data-content-category="products-08"] .hdg-l2-04 {
    margin: 21px 0 37px;
  }
}
.row-fluid[data-content-category="products-09"] .row-inner {
  padding-top: 21px;
  padding-bottom: 72px;
}
.row-fluid[data-content-category="products-11"] {
  background-color: #dfedf7;
}
.row-fluid[data-content-category="products-11"] .row-inner {
  padding-top: 18px;
  padding-bottom: 18px;
}
.row-fluid[data-content-category="products-12"] .row-inner {
  padding-top: 22px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 640px) {
  .row-fluid[data-content-category="products-09"] .hdg-l2-04 {
    margin: 19px 0 10px;
  }
}

[data-content-category="relation"].row-fluid {
  margin: -20px 0 20px 0;
}
[data-content-category="relation"].row-fluid.relation-bg {
  background-color: #dfedf7;
}

[data-category^="products-account"] .row-fluid[data-content-category="buy"],
[data-category^="products-aoiro"] .row-fluid[data-content-category="buy"],
[data-category^="products-account-ae"] .row-fluid[data-content-category="buy"],
[data-category^="products-dealing"] .row-fluid[data-content-category="buy"],
[data-category^="products-payroll"] .row-fluid[data-content-category="buy"],
[data-category^="products-kyuyo"] .row-fluid[data-content-category="buy"],
[data-category^="products-customer"] .row-fluid[data-content-category="buy"],
[data-category^="products-seikyu"] .row-fluid[data-content-category="buy"] {
  background-color: #faf8f3;
}

/* .row-inner
----------------------------------------------- */
.row-inner {
  padding-bottom: 40px;
}
.row-inner > :last-child {
  margin-bottom: 0;
}

[data-content-category="buy"] .row-inner {
  padding: 33px 0;
}

[data-content-category="update"] .row-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

[data-content-category="relation"] .row-inner {
  padding: 18px 0;
}

[data-content-category="lead"] .row-inner {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  .row-inner {
    padding-bottom: 30px;
  }

  [data-content-category="buy"] .row-inner {
    padding: 15px 10px;
  }

  [data-content-category="update"] .row-inner {
    padding: 10px 10px 20px;
  }

  [data-content-category="relation"] .row-inner {
    padding: 10px 10px 10px;
  }
}
/* .row-indent
----------------------------------------------- */
.row-indent {
  padding: 0;
}
.row-indent > :last-child {
  margin-bottom: 40px;
}
.row-indent > .link-list-anchor:last-child {
  margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  .row-indent {
    padding: 0 0 0 10px;
  }
}
/* .mainvisual
----------------------------------------------- */
.mainvisual {
  background: #006fbc;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
}
.mainvisual a {
  color: #fff;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
.mainvisual a:hover,
.mainvisual a:active,
.mainvisual a:focus {
  opacity: .7;
}
.mainvisual .list-icon {
  font-size: 0;
  margin: 0 0 25px;
}
.mainvisual .list-icon > li {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 4px 0 0;
  display: inline-block;
}

[data-category^="products-account"] .mainvisual {
  background: #2ca3e5;
}

[data-category^="products-aoiro"] .mainvisual {
  background: #3cbdde;
}

[data-category^="products-account-ae"] .mainvisual {
  background: #5289d5;
}

[data-category^="products-dealing"] .mainvisual {
  background: #ee859e;
}

[data-category^="products-payroll"] .mainvisual {
  background: #4db87a;
}

[data-category^="products-kyuyo"] .mainvisual {
  background: #8cc544;
}

[data-category^="products-customer"] .mainvisual {
  background: #f2a41c;
}

[data-category^="products-seikyu"] .mainvisual {
  background: #f59b8c;
}

@media only screen and (max-width: 1000px) {
  .mainvisual .mainvisual-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .mainvisual {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mainvisual .list-icon {
    margin: 0 0 20px;
  }
}
/* .mainvisual[data-mainvisual="account-top"]
----------------------------------------------- */
.mainvisual[data-mainvisual="account-top"] {
  padding: 0 0 21px;
}
.mainvisual[data-mainvisual="account-top"] .hdg {
  margin: 0 0 30px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="account-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="account-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="account-top"] .mainvisual-lyt-column {
  margin: 0 0 0 -11.22%;
}
[data-mainvisual="account-top"] .mainvisual-lyt-column > .col {
  float: left;
  margin: 0 0 0 10.09%;
}
[data-mainvisual="account-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="account-top"] .mainvisual-lyt-column > .col.info {
  width: 34.47%;
}
[data-mainvisual="account-top"] .mainvisual-lyt-column > .col.goods {
  width: 45.33%;
}

@media only screen and (max-width: 640px) {
  [data-mainvisual="account-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="account-top"] .mainvisual-lyt-column > .col {
    clear: both;
    margin: 0 0 20px;
  }
  [data-mainvisual="account-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="account-top"] .mainvisual-lyt-column > .col.info,
  [data-mainvisual="account-top"] .mainvisual-lyt-column > .col.goods {
    width: 100%;
  }
}
/* .mainvisual[data-mainvisual="account-top"] .tbl-lyt-column
----------------------------------------------- */
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column {
  margin: 10px 0 0;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column > .col {
  vertical-align: top;
  padding: 0 0 0 20px;
  display: table-cell;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column > .col:first-child {
  padding-left: 0;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  table-layout: fixed;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual thead th,
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual thead td {
  padding: 5px;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual tbody th,
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 5px 0;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual .smallbusiness {
  background: #0086d1;
}
.mainvisual[data-mainvisual="account-top"] .tbl-lyt-column .tbl-mainvisual .business {
  background: #003a8c;
}
.mainvisual[data-mainvisual="aoiro-top"] {
  padding: 0 0 21px;
}
.mainvisual[data-mainvisual="aoiro-top"] .hdg {
  margin: 0 0 25px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="account-top"] .tbl-lyt-column > .col {
    width: 100% !important;
    margin: 0 0 20px;
    padding: 0;
    display: block;
  }
  .mainvisual[data-mainvisual="account-top"] .tbl-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
}
/* .mainvisual[data-mainvisual="aoiro-top"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="aoiro-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="aoiro-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column > .col.info {
  float: left;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column > .col.goods {
  float: right;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  margin: 15px 0 0;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
  padding: 5px 100px 3px;
  font-size: 16px;
  font-size: 1.6rem;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual tbody th,
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 10px 0;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
[data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual .smallbusiness {
  background: #008db0;
}

@media only screen and (max-width: 700px) {
  [data-mainvisual="aoiro-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="aoiro-top"] .mainvisual-lyt-column > .col {
    width: 100%;
    margin: 0 0 20px;
  }
  [data-mainvisual="aoiro-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="aoiro-top"] .mainvisual-lyt-column > .col.info {
    clear: both;
  }
  [data-mainvisual="aoiro-top"] .mainvisual-lyt-column > .col.goods {
    clear: both;
    text-align: center;
    margin: 0;
  }
  [data-mainvisual="aoiro-top"] .mainvisual-lyt-column .tbl-mainvisual {
    width: 100%;
    margin: 0;
  }
}
/* .mainvisual[data-mainvisual="account-ae-top"]
----------------------------------------------- */
.mainvisual[data-mainvisual="account-ae-top"] {
  margin: 0 0 40px;
  padding: 20px 0 30px;
}
.mainvisual[data-mainvisual="account-ae-top"] .hdg {
  margin: 0 0 25px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="account-ae-top"] {
    margin: 0 0 20px;
  }
  .mainvisual[data-mainvisual="account-ae-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="account-ae-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="account-ae-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="account-ae-top"] .mainvisual-lyt-column > .col.info {
  float: left;
  margin-left: 40px;
  font-size: 2rem;
}
[data-mainvisual="account-ae-top"] .mainvisual-lyt-column > .col.goods {
  float: right;
  margin: 10px 68px 0 0;
}

@media only screen and (max-width: 800px) {
  [data-mainvisual="account-ae-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="account-ae-top"] .mainvisual-lyt-column > .col {
    width: 100%;
    margin: 0 0 20px;
  }
  [data-mainvisual="account-ae-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="account-ae-top"] .mainvisual-lyt-column > .col.info {
    clear: both;
    margin-left: 0;
    font-size: 1.6rem;
  }
  [data-mainvisual="account-ae-top"] .mainvisual-lyt-column > .col.goods {
    clear: both;
    text-align: center;
    margin: 0;
  }
}
/* .mainvisual[data-mainvisual="payroll-top"]
----------------------------------------------- */
.mainvisual[data-mainvisual="payroll-top"] {
  padding: 0 0 20px;
}
.mainvisual[data-mainvisual="payroll-top"] .hdg {
  margin: 0 0 25px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="payroll-top"] {
    padding-bottom: 20px;
  }
  .mainvisual[data-mainvisual="payroll-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="payroll-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="payroll-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column > .col.info {
  float: left;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column > .col.goods {
  float: right;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin: 10px 0 0;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
  padding: 5px 20px 3px;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual tbody th,
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 10px 0;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
[data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual .smallbusiness {
  background: #008a39;
}

@media only screen and (max-width: 890px) {
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column > .col {
    width: 100%;
    margin: 0 0 20px;
  }
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column > .col.info {
    clear: both;
  }
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column > .col.goods {
    clear: both;
    text-align: center;
    margin: 0;
  }
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
  }
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
  [data-mainvisual="payroll-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
    padding: 5px 10px;
  }
}
/* .mainvisual[data-mainvisual="dealing-top"]
----------------------------------------------- */
.mainvisual[data-mainvisual="dealing-top"] {
  padding: 0 0 21px;
}
.mainvisual[data-mainvisual="dealing-top"] .hdg {
  margin: 0 0 30px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="dealing-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="dealing-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="dealing-top"] .mainvisual-lyt-column {
  margin: 0 0 0 -11.22%;
}
[data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col {
  float: left;
  margin: 0 0 0 10.09%;
}
[data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col.info {
  width: 32.47%;
}
[data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col.goods {
  width: 47.33%;
}

@media only screen and (max-width: 640px) {
  [data-mainvisual="dealing-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col {
    clear: both;
    margin: 0 0 20px;
  }
  [data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col.info,
  [data-mainvisual="dealing-top"] .mainvisual-lyt-column > .col.goods {
    width: 100%;
  }
}
/* .mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column
----------------------------------------------- */
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column {
  margin: 10px 0 0;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column > .col {
  vertical-align: top;
  padding: 0 0 0 20px;
  display: table-cell;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column > .col:first-child {
  padding-left: 0;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  table-layout: fixed;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual thead th,
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual thead td {
  padding: 5px;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual tbody th,
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 5px 0;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual .smallbusiness {
  background: #d64768;
}
.mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column .tbl-mainvisual .business {
  background: #8c0725;
}
.mainvisual[data-mainvisual="kyuyo-top"] {
  padding: 0 0 26px;
}
.mainvisual[data-mainvisual="kyuyo-top"] .hdg {
  margin: 0 0 25px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column > .col {
    width: 100% !important;
    margin: 0 0 20px;
    padding: 0;
    display: block;
  }
  .mainvisual[data-mainvisual="dealing-top"] .tbl-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
}
/* .mainvisual[data-mainvisual="kyuyo-top"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="kyuyo-top"] {
    padding-bottom: 20px;
  }
  .mainvisual[data-mainvisual="kyuyo-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column > .col.info {
  float: left;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column > .col.goods {
  float: right;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin: 10px 0 0;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
  padding: 5px 40px 3px;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual tbody th,
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 10px 0;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
[data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual .smallbusiness {
  background: #00a33e;
}

@media only screen and (max-width: 780px) {
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column > .col {
    width: 100%;
    margin: 0 0 20px;
  }
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column > .col.info {
    clear: both;
  }
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column > .col.goods {
    clear: both;
    text-align: center;
    margin: 0;
  }
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
  }
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
  [data-mainvisual="kyuyo-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
    padding: 5px 10px;
  }
}
/* .mainvisual[data-mainvisual="customer-top"]
----------------------------------------------- */
.mainvisual[data-mainvisual="customer-top"] {
  padding: 0 0 26px;
}
.mainvisual[data-mainvisual="customer-top"] .hdg {
  margin: 0 0 25px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="customer-top"] {
    padding-bottom: 20px;
  }
  .mainvisual[data-mainvisual="customer-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="customer-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="customer-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column > .col.info {
  float: left;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column > .col.goods {
  float: right;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin: 10px 0 0;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
  padding: 5px 60px 3px;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual tbody th,
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 10px 0;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
[data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual .smallbusiness {
  background: #ed6d00;
}

@media only screen and (max-width: 740px) {
  [data-mainvisual="customer-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="customer-top"] .mainvisual-lyt-column > .col {
    width: 100%;
    margin: 0 0 20px;
  }
  [data-mainvisual="customer-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="customer-top"] .mainvisual-lyt-column > .col.info {
    clear: both;
  }
  [data-mainvisual="customer-top"] .mainvisual-lyt-column > .col.goods {
    clear: both;
    text-align: center;
    margin: 0;
  }
  [data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
  }
  [data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
  [data-mainvisual="customer-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
    padding: 5px 10px;
  }
}
/* .mainvisual[data-mainvisual="seikyu-top"]
----------------------------------------------- */
.mainvisual[data-mainvisual="seikyu-top"] {
  padding: 0 0 25px;
}
.mainvisual[data-mainvisual="seikyu-top"] .hdg {
  margin: 0 0 25px;
}
.mainvisual[data-mainvisual="seikyu-top"] .link-list li:before {
  background-position: -72px -91px;
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="seikyu-top"] {
    padding-bottom: 20px;
  }
  .mainvisual[data-mainvisual="seikyu-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="seikyu-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column > .col.info {
  float: left;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column > .col.goods {
  float: right;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin: 10px 0 0;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
  padding: 5px 54px 3px;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual tbody th,
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 10px 0;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
[data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual .smallbusiness {
  background: #f54d79;
}

@media only screen and (max-width: 910px) {
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column > .col {
    width: 100%;
    margin: 0 0 20px;
  }
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column > .col.info {
    clear: both;
  }
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column > .col.goods {
    clear: both;
    text-align: center;
    margin: 0;
  }
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
  }
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
  [data-mainvisual="seikyu-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
    padding: 5px 10px;
  }
}
/* .mainvisual[data-mainvisual="ne-top"]
----------------------------------------------- */
.mainvisual[data-mainvisual="ne-top"] {
  padding: 0 0 25px;
  font-size: 20px;
  font-size: 2rem;
}
.mainvisual[data-mainvisual="ne-top"] .col.info {
  width: 62%;
}
.mainvisual[data-mainvisual="ne-top"] .hdg {
  margin: 0 0 25px;
}

@media only screen and (max-width: 910px) {
  .mainvisual[data-mainvisual="ne-top"] .col.info {
    width: auto;
  }
}

@media only screen and (max-width: 640px) {
  .mainvisual[data-mainvisual="ne-top"] {
    padding-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mainvisual[data-mainvisual="ne-top"] .hdg {
    margin: 0 0 20px;
  }
}
/* [data-mainvisual="ne-top"] .mainvisual-lyt-column
----------------------------------------------- */
[data-mainvisual="ne-top"] .mainvisual-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column > .col.info {
  float: left;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column > .col.goods {
  float: right;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin: 10px 0 0;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual thead {
  color: #fff;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
  padding: 5px 95px;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual tbody th,
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual tbody td {
  vertical-align: top;
  padding: 19px 10px 0;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .media {
  margin: 0;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual tbody .caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin: 10px 0 0;
}
[data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual .business {
  background: #003a8c;
}

@media only screen and (max-width: 910px) {
  [data-mainvisual="ne-top"] .mainvisual-lyt-column {
    margin-left: 0;
  }
  [data-mainvisual="ne-top"] .mainvisual-lyt-column > .col {
    width: 100%;
    margin: 0 0 20px;
  }
  [data-mainvisual="ne-top"] .mainvisual-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  [data-mainvisual="ne-top"] .mainvisual-lyt-column > .col.info {
    clear: both;
  }
  [data-mainvisual="ne-top"] .mainvisual-lyt-column > .col.goods {
    clear: both;
    text-align: center;
    margin: 0;
  }
  [data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
  }
  [data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual thead th,
  [data-mainvisual="ne-top"] .mainvisual-lyt-column .tbl-mainvisual thead td {
    padding: 5px 10px;
  }
}

/* .mainvisual-02
----------------------------------------------- */
.mainvisual-02 {
  background: #eff6fa;
  overflow: hidden;
}
.mainvisual-02-inner {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

/* 左の背景色 */
.mainvisual-02-inner::before {
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  background: #fdffff;
  width: calc((100vw - 100%) / 2);
  height: 100%;
  content: "";
}
/* for IE */
.mainvisual-02-inner::after {
  display: block;
  min-height: 361px;
  content: "";
}
.mainvisual-02-img {
  position: absolute;
  bottom: 0;
  left: -100px;
}
.mainvisual-02-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-self: center;
  max-width: 800px;
  width: 66%;
  padding: 0 0 20px 0;
  z-index: 1;
}
.mainvisual-02-text {
  flex: 0 0 auto;
  margin: 0 0 50px;
  display: flex;
  align-items: center;
}
.mainvisual-02-label {
  position: relative;
  color: #0086cd;
  flex-shrink: 0;
  width: 121px;
  margin: 0 50px 0 0;
  line-height: 1.2;
}
.mainvisual-02-label-text {
  position: relative;
  top: 1.2em;
  display: block;
  font-size: 1.2rem;
  text-align: left;
  letter-spacing: -.05em;
}
.mainvisual-02-label-value > em > span {
  display: none;
}
.mainvisual-02-label-value > sup {
  position: absolute;
  top: auto;
  bottom: 5px;
  right: -21px;
  font-size: 1.2rem;
}
.mainvisual-02-lead {
  position: relative;
  top: 7px;
  width: 100%;
  font-size: 2.6rem;
  line-height: 1.5;
  margin: 0;
  letter-spacing: .07em;
  text-align: left;
}
.mainvisual-02-logo {
  flex: 0 0 auto;
  margin: 0 16px 0 0;
}
.mainvisual-02-button {
  flex: 0 0 auto;
  margin: 16px 0 0 16px;
}
.mainvisual-02-button .btn {
  font-size: 1.8rem;
  padding: 13px 30px 14px;
  border-radius: 25px;
}
[data-category="products-payroll"] .mainvisual-02-label {
  color: #009740;
}
[data-category="products-dealing"] .mainvisual-02-label {
  color: #ea617c;
}
[data-category="products-kyuyo"] .mainvisual-02-label {
  color: #22ac38;
}
[data-category="products-seikyu"] .mainvisual-02-label {
  color: #eb6d8e;
}
[data-category="products-customer"] .mainvisual-02-label {
  color: #f08300;
}
[data-category="products-aoiro"] .mainvisual-02-label {
  color: #00b9ef;
}
@media only screen and (max-width: 1000px) {
  .mainvisual-02-inner {
    min-height: auto;
  }

  .mainvisual-02-button {
    margin-top: 16px;
  }

  .mainvisual-02-img {
    left: -180px;
  }
}
@media only screen and (max-width: 800px) {
  .mainvisual-02-inner {
    display: block;
  }
  /* for IE */
  .mainvisual-02-inner::after {
    display: none;
  }
  .mainvisual-02-img {
    position: static;
  }
  .mainvisual-02-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    max-width: none;
    width: 100%;
    padding: 9px 0 28px;
    flex-wrap: nowrap;
  }
  .mainvisual-02-text {
    flex-grow: 1;
    display: block;
    text-align: center;
    margin: 0;
  }
  .mainvisual-02-label {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .mainvisual-02-lead {
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0;
    text-align: center;
  }
  .mainvisual-02-label-text  {
    display: block;
    font-size: 1.4rem;
    letter-spacing: normal;
  }
  .mainvisual-02-label-text > span {
    display: block;
  }
  .mainvisual-02-label-value {
    display: block;
    position: relative;
    font-size: 5rem;
  }
  .mainvisual-02-label-value::before {
    display: block;
    position: absolute;
    top: 15px;
    left: 42px;
    width: 20px;
    height: 10px;
    background: url(/products/img/icon-crown.png);
    background-size: 100% 100%;
    content: "";
  }
  .mainvisual-02-label-value > sup {
    position: static;
  }
  .mainvisual-02-label-value > em > img {
    display: none;
  }
  .mainvisual-02-label-value em > span {
    display: inline;
    font-weight: 400;
  }
  .mainvisual-02-logo {
    max-width: 268px;
    margin: 0 auto 26px;
  }
  .mainvisual-02-button {
    margin: 0;
  }
}

@media only screen and (max-width: 640px) {
  .mainvisual-02-img img {
    width: 100%;
  }
}

/* .lyt-column-buy
----------------------------------------------- */
.lyt-column-buy {
  text-align: center;
  margin: 0 0 20px;
}
.lyt-column-buy > .col {
  text-align: center;
  vertical-align: top;
  margin: 0 25px 0 0;
  display: inline-block;
}
.lyt-column-buy > .col:last-child {
  margin-right: 0;
}
.lyt-column-buy > .col > :last-child {
  margin-bottom: 0;
}
.lyt-column-buy .lead {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 15px;
}
.lyt-column-buy[data-col-num="2"],
.lyt-column-buy[data-col-num="3"] {
  width: 100%;
  display: table;
}
.lyt-column-buy[data-col-num="2"] > .col,
.lyt-column-buy[data-col-num="3"] > .col {
  border-right: 1px solid #ccc;
  vertical-align: top;
  display: table-cell;
}
.lyt-column-buy[data-col-num="2"] > .col:last-child,
.lyt-column-buy[data-col-num="3"] > .col:last-child {
  border-right: 0;
}
.lyt-column-buy[data-col-num="2"] > .col {
  width: 50%;
  padding: 0 20px;
}
.lyt-column-buy[data-col-num="3"] > .col {
  width: 33.33%;
  padding: 0 30px;
}
.lyt-column-buy[data-col-num="3"] > .col:first-child {
  padding-left: 0;
}
.lyt-column-buy[data-col-num="3"] > .col:last-child {
  padding-right: 0;
}

@media only screen and (max-width: 640px) {
  .lyt-column-buy {
    margin: 0;
  }
  .lyt-column-buy > .col {
    height: auto !important;
    margin: 0 0 15px;
    display: block;
  }
  .lyt-column-buy .lead {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 10px;
  }
  .lyt-column-buy[data-col-num="2"] > .col,
  .lyt-column-buy[data-col-num="3"] > .col {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px;
    padding: 0 0 15px;
    display: block;
  }
  .lyt-column-buy[data-col-num="2"] > .col:last-child,
  .lyt-column-buy[data-col-num="3"] > .col:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
/* .box-lineup
----------------------------------------------- */
.box-lineup {
  background: #f7f7f7;
  margin: 0 0 20px;
  padding: 20px;
}
.box-lineup > :last-child {
  margin-bottom: 0;
}
.box-lineup .hdg {
  font-size: 30px;
  font-size: 3rem;
  color: #000;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 25px;
}
.box-lineup .hdg .img {
  vertical-align: text-top;
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 640px) {
  .box-lineup {
    padding: 10px;
  }
  .box-lineup .hdg {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 10px;
  }
  .box-lineup .hdg .img {
    margin: 0 0 10px;
    display: block;
  }
  .box-lineup .hdg .img img {
    width: 100px;
  }
}
/* .lyt-column-lineup
----------------------------------------------- */
.lyt-column-lineup > .col {
  padding: 0 0 0 20px;
  display: table-cell;
}
.lyt-column-lineup > .col:first-child {
  padding-left: 0;
}

@media only screen and (max-width: 640px) {
  .lyt-column-lineup > .col {
    width: 100% !important;
    padding: 0;
    display: block;
  }
}
/* .tbl-lineup
----------------------------------------------- */
.tbl-lineup {
  width: 100%;
  text-align: center;
  margin: 0;
  table-layout: fixed;
}
.tbl-lineup td {
  vertical-align: top;
}
.tbl-lineup thead {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.tbl-lineup thead th,
.tbl-lineup thead td {
  font-weight: normal;
  padding: 0 0 20px;
}
.tbl-lineup thead th span,
.tbl-lineup thead td span {
  border: 1px solid #333;
  padding: 8px 8px 6px;
  display: block;
}
.tbl-lineup tbody td {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 15px;
}
.tbl-lineup tbody td a {
  text-decoration: none;
}
.tbl-lineup tbody td a:hover span,
.tbl-lineup tbody td a:active span,
.tbl-lineup tbody td a:focus span {
  text-decoration: none;
}
.tbl-lineup tbody td a img {
  margin: 0 0 8px;
}
.tbl-lineup tbody td a span {
  text-decoration: underline;
  display: block;
}
.tbl-lineup .line {
  position: relative;
}
.tbl-lineup .line:before {
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  top: 0;
  left: -9px;
}
.tbl-lineup .icon-category {
  margin: 0 0 15px;
  display: block;
}

@media only screen and (max-width: 640px) {
  .tbl-lineup {
    margin: 0 0 15px;
  }
  .tbl-lineup .line:before {
    display: none;
  }
  .tbl-lineup[data-table-layout="break"] tr,
  .tbl-lineup[data-table-layout="break"] th,
  .tbl-lineup[data-table-layout="break"] td {
    min-width: 100%;
    display: block;
  }
  .tbl-lineup[data-table-layout="break"] th,
  .tbl-lineup[data-table-layout="break"] td {
    padding-bottom: 30px;
  }
  .tbl-lineup[data-table-layout="break"] th:last-child,
  .tbl-lineup[data-table-layout="break"] td:last-child {
    padding-bottom: 0;
  }
}
/* .related-lyt-column
----------------------------------------------- */
.related-lyt-column {
  margin: 0 0 40px -2.04%;
}
.related-lyt-column > .col {
  float: left;
  margin: 0 0 0 2%;
}
.related-lyt-column > .col > :last-child {
  margin-bottom: 0;
}
.related-lyt-column > .col.wide {
  width: 57.59%;
}
.related-lyt-column > .col.narrow {
  width: 38.4%;
}
.var-02 .related-lyt-column {
  margin-left: 0;
}
.var-02 .related-inner {
  padding: 12px 15px 9px;
}
.var-02 .related-lyt-column > .col {
  margin-left: -1.66%;
}
.var-02 .related-lyt-column > .col.wide {
  width: 66.167%;
  margin-left: 0;
}
.var-02 .related-lyt-column > .col.narrow {
  width: 32.167%;
  margin-left: 1.66%;
}

@media only screen and (max-width: 640px) {
  .related-lyt-column {
    margin: 0 0 20px;
  }
  .related-lyt-column > .col {
    clear: both;
    margin: 0 0 20px;
  }
  .related-lyt-column > .col:last-child {
    margin-bottom: 0;
  }
  .related-lyt-column > .col.wide,
  .related-lyt-column > .col.narrow,
  .var-02 .related-lyt-column > .col.wide,
  .var-02 .related-lyt-column > .col.narrow {
    width: 100%;
  }
  .var-02 .related-lyt-column > .col.narrow {
    margin-left: 0;
  }
  .var-02 .related-banner-list > li > a > img {
    width: 100%;
  }
}
/* .related-hdg
----------------------------------------------- */
.related-hdg {
  background: #666;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  padding: 5px 5px 4px;
}

/* .related-inner
----------------------------------------------- */
.related-inner {
  background: #faf8f3;
  padding: 15px 15px 10px;
}
.related-inner > :last-child {
  margin-bottom: 0;
}

/* .related-banner-list
----------------------------------------------- */
.related-banner-list {
  margin-left: -2.08%;
}
.related-banner-list > li {
  float: left;
  width: 47.95%;
  margin-left: 2.04%;
}
.related-banner-list > li:nth-child(2n+1) {
  clear: both;
}
.related-banner-list > li.single {
  width: 100%;
}

/* ----------------------------------------------------------------
    Headings
----------------------------------------------------------------- */
/* .lyt-hdg-l1
----------------------------------------------- */
.lyt-hdg-l1 {
  background: #006fbc;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 16px 0 11px;
}
.lyt-hdg-l1 .hdg-l1 > b {
  margin: 0 10px 0 0;
}
.lyt-hdg-l1 .hdg-l1 .name {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
}
.lyt-hdg-l1 .hdg-l1 .district {
  float: right;
  margin: -4px 0 0;
}

@media only screen and (max-width: 640px) {
  .lyt-hdg-l1 {
    font-size: 23px;
    font-size: 2.3rem;
    padding: 10px 0;
  }
  .lyt-hdg-l1 .hdg-l1 .name {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .lyt-hdg-l1 .hdg-l1 .district {
    margin: 5px 0 0;
  }
}
[data-category^="products-account"] .lyt-hdg-l1 {
  background: #2ca3e5;
}
.var-02[data-category^="products-account"] .lyt-hdg-l1 {
  background: #0086cd;
}

[data-category^="products-aoiro"] .lyt-hdg-l1 {
  background: #3cbdde;
}
.var-02[data-category^="products-aoiro"] .lyt-hdg-l1 {
  background: #00b9ef;
}

[data-category^="products-account-ae"] .lyt-hdg-l1 {
  background: #5289d5;
}

[data-category^="products-dealing"] .lyt-hdg-l1 {
  background: #ee859e;
}
.var-02[data-category^="products-dealing"] .lyt-hdg-l1 {
  background: #ea617c;
}

[data-category^="products-payroll"] .lyt-hdg-l1 {
  background: #4db87a;
}
.var-02[data-category^="products-payroll"] .lyt-hdg-l1 {
  background: #009740;
}

[data-category^="products-kyuyo"] .lyt-hdg-l1 {
  background: #8cc544;
}
.var-02[data-category^="products-kyuyo"] .lyt-hdg-l1 {
  background: #22ac38;
}

[data-category^="products-customer"] .lyt-hdg-l1 {
  background: #f2a41c;
}
.var-02[data-category^="products-customer"] .lyt-hdg-l1 {
  background: #f08300;
}

[data-category^="products-seikyu"] .lyt-hdg-l1 {
  background: #f59b8c;
}
.var-02[data-category^="products-seikyu"] .lyt-hdg-l1 {
  background: #eb6d8e;
}


/* .hdg-l1-02
----------------------------------------------- */
.hdg-l1-02 {
  margin: 0 0 60px;
  background: #005bac;
}
.hdg-l1-02 .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  padding: 15px 10px;
  max-width: 1224px;
}
.hdg-l1-02 .inner .hdg {
  flex: 0 1 auto;
  width: 100%;
  text-align: left;
  color: #fff;
  font-weight: normal;
  font-size: 3.2rem;
  letter-spacing: .04em;
}
.hdg-l1-02 .inner .hdg .sub {
  font-size: 1.8rem;
}
.hdg-l1-02 .inner .type {
  display: block;
  flex: 1 0 auto;
  color: #fff;
}
.hdg-l1-02 .inner .type > img {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 4px 0 0;
}
.hdg-l1-02.var-02 {
  margin: 0 0 60px;
}
[data-category^="products-account"] .hdg-l1-02 {
  background: #0086cd;
}
[data-category^="products-payroll"] .hdg-l1-02 {
  background: #009740;
}
[data-category^="products-dealing"] .hdg-l1-02 {
  background: #ea617c;
}
[data-category^="products-seikyu"] .hdg-l1-02 {
  background: #eb6d8e;
}
[data-category^="products-aoiro"] .hdg-l1-02 {
  background: #00b9ef;
}
[data-category^="products-kyuyo"] .hdg-l1-02 {
  background: #22ac38;
}
[data-category^="products-customer"] .hdg-l1-02 {
  background: #f08300;
}
@media screen and (max-width: 640px) {
  .hdg-l1-02 {
    margin: 0 0 26px;
    background-position: bottom left;
  }
  .hdg-l1-02 .inner {
    padding: 10px 10px 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .hdg-l1-02 .inner .hdg {
    height: auto;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 2.1rem;
  }
  .hdg-l1-02 .inner .hdg .sub {
    font-size: 1.6rem;
  }
  .hdg-l1-02.var-02 {
    margin: 0;
  }
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2 {
  border-radius: 4px;
  background: #d8ecfa;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 14px 20px;
}
.hdg-l2 .sub {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 0 15px;
}
.hdg-l2 [class^="label"] {
  vertical-align: middle;
  margin: 0 10px;
}
.hdg-l2 img {
  vertical-align: middle;
  margin: 0 10px 0 0;
}

[data-category^="products-account"] .hdg-l2 {
  background: #e5f3fa;
}

[data-category^="products-aoiro"] .hdg-l2 {
  background: #e5f8fd;
}

[data-category^="products-account-ae"] .hdg-l2 {
  background: #e2eeff;
}

[data-category^="products-dealing"] .hdg-l2 {
  background: #fdeff2;
}

[data-category^="products-payroll"] .hdg-l2 {
  background: #e5f4ec;
}

[data-category^="products-kyuyo"] .hdg-l2 {
  background: #e8f7eb;
}

[data-category^="products-customer"] .hdg-l2 {
  background: #fdf2e5;
}

[data-category^="products-seikyu"] .hdg-l2 {
  background: #fdf0f3;
}

@media only screen and (max-width: 640px) {
  .hdg-l2 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px;
  }
  .hdg-l2 .sub {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 0 10px;
  }
  .hdg-l2 [class^="label"] {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* .hdg-l2-04
----------------------------------------------- */
.hdg-l2-04 {
  text-align: center;
  font-size: 36px;
  font-weight: normal;
  margin: 36px 0 50px;
}
@media only screen and (max-width: 640px) {
  .hdg-l2-04 {
    font-size: 26px;
    margin: 43px 0 25px;
  }
}
/* .hdg-l3
----------------------------------------------- */
.hdg-l3 {
  border-left: 2px solid #005996;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 7px 15px 5px;
}
.hdg-l3 .sub {
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 0 10px;
}
.hdg-l3 [class^="label"] {
  vertical-align: middle;
  margin: 0 5px;
}

[data-category^="products-account"] .hdg-l3 {
  border-left-color: #0086cd;
}

[data-category^="products-aoiro"] .hdg-l3 {
  border-left-color: #00b9ef;
}

[data-category^="products-account-ae"] .hdg-l3 {
  border-left-color: #003a8c;
}

[data-category^="products-dealing"] .hdg-l3 {
  border-left-color: #ea617c;
}

[data-category^="products-payroll"] .hdg-l3 {
  border-left-color: #009740;
}

[data-category^="products-kyuyo"] .hdg-l3 {
  border-left-color: #22ac38;
}

[data-category^="products-customer"] .hdg-l3 {
  border-left-color: #f08300;
}

[data-category^="products-seikyu"] .hdg-l3 {
  border-left-color: #eb6d8e;
}

@media only screen and (max-width: 640px) {
  .hdg-l3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 7px 10px 5px;
  }
  .hdg-l3 .sub {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* .hdg-l4
----------------------------------------------- */
.hdg-l4 {
  display : flex;
  align-items: flex-start;
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  margin: 0 0 20px;
}

.hdg-l4 [class^="label"] {
  margin: 3px 5px 0 0;
  padding: 5px;
}

@media only screen and (max-width: 640px) {
  .hdg-l4 {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .hdg-l4 [class^="label"] {
    margin-top: 0;
    padding: 5px;
  }
}
/* .hdg-l4-02
----------------------------------------------- */
.hdg-l4-02 {
  border-bottom: 1px solid #005996;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 0 0 8px;
}
@media only screen and (max-width: 640px) {
  .hdg-l4-02 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

[data-category^="products-account"] .hdg-l4-02 {
  border-bottom-color: #0084df;
}

[data-category^="products-aoiro"] .hdg-l4-02 {
  border-bottom-color: #008db0;
}

[data-category^="products-account-ae"] .hdg-l4-02 {
  border-bottom-color: #003a8c;
}

[data-category^="products-dealing"] .hdg-l4-02 {
  border-bottom-color: #d64768;
}

[data-category^="products-payroll"] .hdg-l4-02 {
  border-bottom-color: #00943e;
}

[data-category^="products-kyuyo"] .hdg-l4-02 {
  border-bottom-color: #62ac00;
}

[data-category^="products-customer"] .hdg-l4-02 {
  border-bottom-color: #c78202;
}

[data-category^="products-seikyu"] .hdg-l4-02 {
  border-bottom-color: #e6553d;
}

/* .hdg-l5
----------------------------------------------- */
.hdg-l5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 15px;
}
@media only screen and (max-width: 640px) {
  .hdg-l5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ----------------------------------------------------------------
    List
----------------------------------------------------------------- */
/* .list-bullet
----------------------------------------------- */
.list-bullet {
  margin: 0 0 20px;
}
.list-bullet > li {
  padding-left: 15px;
  position: relative;
  margin: 0 0 5px;
}
.list-bullet > li:before {
  width: 6px;
  height: 6px;
  background-position: -57px -45px;
  position: absolute;
  top: .55em;
  left: 0;
}
.list-bullet > li > :last-child,
.list-bullet > li:last-child {
  margin-bottom: 0;
}
.list-bullet[data-col-num="2"] {
  margin-left: -2.08%;
}
.list-bullet[data-col-num="2"] > li {
  float: left;
  width: 47.95%;
  margin-left: 2.04%;
}
.list-bullet[data-col-num="2"] > li:nth-child(2n+1) {
  clear: both;
}
.list-bullet[data-col-num="3"] {
  margin-left: -2.08%;
}
.list-bullet[data-col-num="3"] > li {
  float: left;
  width: 31.22%;
  margin-left: 2.04%;
}
.list-bullet[data-col-num="3"] > li:nth-child(3n+1) {
  clear: both;
}
.list-bullet[data-col-num="4"] {
  margin-left: -2.08%;
}
.list-bullet[data-col-num="4"] > li {
  float: left;
  width: 22.95%;
  margin-left: 2.04%;
}
.list-bullet[data-col-num="4"] > li:nth-child(4n+1) {
  clear: both;
}

.list-label {
  margin-bottom: 20px;
}

.list-label > *:last-child{
  margin-bottom: 0;
}

.list-label > li{
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 1;
}

.list-label > li:last-child{
  margin-bottom: 0;
}

.list-label .list-label-content > *:last-child{
  margin-bottom: 0;
}

.list-label-content {
  flex-grow: 1;
}

.list-label .list-label-num{
  background-color: #005BAC;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding: 6.5px 8px;
  margin-right: 6px;
}

.list-label .list-label-title{
  font-size: 1.8rem;
}

[data-category^="products-dealing"] .list-label .list-label-num {
  background: #ea617c;
}
[data-category^="products-seikyu"] .list-label .list-label-num {
  background: #eb6d8e;
}

/* .list-bullet._em（文字サイズ大きめ）
----------------------------------------------- */
.list-bullet._em > li {
  font-size: 1.8rem;
}
.list-bullet._em > li:before {
  top: .65em;
}

@media only screen and (max-width: 640px) {
  .list-bullet[data-col-num="2"] {
    margin-left: 0;
  }
  .list-bullet[data-col-num="2"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }

  .list-label[data-col-num="2"] {
    margin-left: 0;
  }
  .list-label[data-col-num="2"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .list-bullet[data-col-num="3"] {
    margin-left: 0;
  }
  .list-bullet[data-col-num="3"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
  .list-label[data-col-num="3"] {
    margin-left: 0;
  }
  .list-label[data-col-num="3"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .list-bullet[data-col-num="4"] {
    margin-left: 0;
  }
  .list-bullet[data-col-num="4"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
  .list-label[data-col-num="4"] {
    margin-left: 0;
  }
  .list-label[data-col-num="4"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .list-bullet._em > li {
    font-size: 1.6rem;
  }

  .list-bullet._em > li:before {
    top: .65em;
  }
}
/* .list-number
----------------------------------------------- */
.list-number {
  margin: 0 0 20px;
}
.list-number > li {
  width: 100%;
  margin: 0 0 5px;
  display: table;
}
.list-number > li .num,
.list-number > li .note {
  vertical-align: top;
  display: table-cell;
}
.list-number > li .num {
  width: 1.5em;
  white-space: nowrap;
  padding: 0 10px 0 0;
}
.list-number > li .note > :last-child {
  margin-bottom: 0;
}

/* .list-def
----------------------------------------------- */
.list-def {
  margin: 0 0 20px;
}
.list-def > dt {
  font-weight: bold;
  margin: 0 0 5px;
}
.list-def > dd {
  margin: 0 0 15px;
}
.list-def > dd > :last-child,
.list-def > dd:last-child {
  margin-bottom: 0;
}

/* .list-line
----------------------------------------------- */
.list-line {
  letter-spacing: -.40em;
}
.list-line > li {
  letter-spacing: normal;
  margin: 0 5px 0 0;
  display: inline-block;
}

/* .list-news
----------------------------------------------- */
.list-news {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
}
.list-news > li {
  margin: 0 0 20px;
}
.list-news > li:last-child {
  margin-bottom: 0;
}
.list-news .date {
  float: left;
  clear: both;
  width: 9em;
}

[data-content-category="relation"] .list-news .date {
  width: 8em;
}

.list-news [class^="category"] {
  float: left;
  width: 7em;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  margin: 0 20px 0 0;
  padding: 5px;
  display: block;
}
.list-news .category {
  background: #006fbc;
}
.list-news .category-02 {
  background: #48c0de;
}
.list-news .text {
  overflow: hidden;
}
.list-news .text-02 {
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .list-news {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .list-news > li {
    margin: 0 0 15px;
  }
  .list-news .date {
    width: auto;
    margin: 0 20px 5px 0;
  }
  .list-news [class^="category"] {
    font-size: 11px;
    font-size: 1.1rem;
    margin: 0 0 5px;
    padding: 3px;
  }
  .list-news .text {
    clear: both;
  }

  [data-content-category="relation"] .list-news .date {
    width: 7em;
  }
}

/* .list-news-02
----------------------------------------------- */
.list-news-02 dl {
  display: table;
  width: 100%;
}
.list-news-02 dl dt {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
}
.list-news-02 dt > span {
  margin-left: 15px;
}

.list-news-02 dl dd {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-left: 20px;
}

@media only screen and (max-width: 640px) {
  .list-news-02 dl {
    display: block;
  }
  .list-news-02 dl dt {
    display: block;
  }
  .list-news-02 dl dd {
    display: block;
    padding-left: 0;
    margin: 0 0 20px;
  }
}

/* .list-movie
----------------------------------------------- */
.list-movie {
  font-size: 0;
  margin: 0;
}
.list-movie > li {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  margin: 0 20px 0 0;
  display: inline-block;
}
.list-movie > li:last-child {
  margin-right: 0;
}
.list-movie > li > :last-child {
  margin-bottom: 0;
}
.list-movie > li > a {
  text-decoration: none;
  margin: 0 0 5px;
  display: block;
}
.list-movie > li > a:hover .txt,
.list-movie > li > a:active .txt,
.list-movie > li > a:focus .txt {
  text-decoration: none;
}
.list-movie > li > a > span {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.list-movie > li .img {
  padding: 0 7px 0 0;
}
.list-movie > li .txt {
  text-decoration: underline;
}

@media only screen and (max-width: 640px) {
  .list-movie > li {
    margin: 0 0 10px;
    display: block;
  }
  .list-movie > li:last-child {
    margin-bottom: 0;
  }
  .list-movie > li > a {
    margin: 0 0 10px;
  }
  .list-movie > li .img {
    width: 40%;
  }
}
/* .list-faq
----------------------------------------------- */
.list-faq {
  margin: 0 0 30px;
}
.list-faq > li {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px;
  padding: 0 0 20px;
  display: table;
}
.list-faq > li:last-child {
  margin-bottom: 0;
}
.list-faq > li > span {
  vertical-align: middle;
}
.list-faq .question {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 20px 0 68px;
  display: table-cell;
  position: relative;
}
.list-faq .question:before {
  content: "Q.";
  font-size: 34px;
  font-size: 3.4rem;
  position: absolute;
  top: -.2em;
  left: 4px;
  display: block;
}
.list-faq .answer {
  width: 220px;
  text-align: right;
  white-space: nowrap;
  display: table-cell;
}
.list-faq .answer [class^="btn"] {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  padding-right: 48px;
  padding-left: 70px;
}
.list-faq .answer [class^="btn"]:after {
  content: "A.";
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  top: .5em;
  left: 17px;
  display: block;
}

@media only screen and (max-width: 640px) {
  .list-faq > li {
    margin: 0 0 10px;
  }
  .list-faq .question {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 0 15px 45px;
    display: block;
  }
  .list-faq .question:before {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .list-faq .answer {
    margin: 0 auto;
    display: block;
  }
}
[data-category^="products-account"] .list-faq .question:before {
  color: #0084df;
}

[data-category^="products-aoiro"] .list-faq .question:before {
  color: #008db0;
}

[data-category^="products-account-ae"] .list-faq .question:before {
  color: #003a8c;
}

[data-category^="products-dealing"] .list-faq .question:before {
  color: #d64768;
}

[data-category^="products-payroll"] .list-faq .question:before {
  color: #00943e;
}

[data-category^="products-kyuyo"] .list-faq .question:before {
  color: #62ac00;
}

[data-category^="products-customer"] .list-faq .question:before {
  color: #c78202;
}

[data-category^="products-seikyu"] .list-faq .question:before {
  color: #e6553d;
}

/* .list-check
----------------------------------------------- */
.list-check {
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 20px;
}
.list-check > li {
  padding-left: 33px;
  position: relative;
  margin: 0 0 5px;
}
.list-check > li:before {
  width: 24px;
  height: 18px;
  background-position: -47px 0;
  position: absolute;
  top: .25em;
  left: 0;
}
.list-check > li > :last-child,
.list-check > li:last-child {
  margin-bottom: 0;
}
.list-check > li .note {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
/* .list-img
----------------------------------------------- */
.list-img {
  font-size: 16px;
  font-size: 1.6rem;
}
.list-img > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 982px;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
.list-img > ul > li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-align-items: center;
  align-items: center;
  width: calc(25% - 40px);
  max-width: calc(25% - 40px);
  margin: 0 20px 13px;
  text-align: center;
}
/* IE対応 */
.list-img > ul > li  > .content {
  width: 100%;
}
.list-img > ul > li > span {
  display: block;
  max-width: 100%;
}
.list-img > ul > li > img,
.list-img > ul > li > a > img {
  margin: 0 0 22px;
}
.list-img .list-note {
  margin: 10px 0 0;
}
.list-img._col5 > ul > li {
  width: calc(20% - 30px);
  max-width: calc(20% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

.list-img._col6 > ul {
max-width: none;
}

.list-img._col6 > ul > li {
  width: calc(16.66666666666667% - 30px);
  max-width: calc(16.66666666666667% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.list-img.var-02 {
  margin: 0 0 40px;
}
.list-img.var-02 > ul {
  max-width: none;
}
.list-img.var-02 > ul > li {
  width: calc((100% / 6) - 40px);
  max-width: calc((100% / 6) - 40px);
}
.list-img.var-02._col4 > ul > li {
  width: calc((100% / 4) - 40px);
  max-width: calc((100% / 4) - 40px);
}

.list-img.var-02._col5 > ul > li {
  width: calc((100% / 5) - 40px);
  max-width: calc((100% / 5) - 40px);
}

.list-img.var-02 > ul > li > div {
  max-width: 100%;
}
.list-img.var-03 > ul > li {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: auto;
  max-width: none;
  font-size: 22px;
  text-align: left;
}
.list-img.var-03 > ul > li > img {
  margin: 0;
}
.list-img.var-03 > ul > li .content {
  min-width: 245px;
}
.list-img.var-03 > ul > li .link-03 {
  font-size: 22px;
}
.list-img.var-03 > ul > li .link-03::after {
  top: 14px;
}
.list-img .note {
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .list-img > ul > li,
  .list-img._col5 > ul > li,
  .list-img._col6 > ul > li,
  .list-img.var-02._col4 > ul > li,
  .list-img.var-02._col5 > ul > li {
    width: calc(50% - 40px);
    max-width: calc(50% - 40px);
    margin: 0 20px 16px;
  }
  .list-img > ul > li > img,
  .list-img > ul > li > a > img {
    margin: 0 0 7px;
  }
  .list-img.var-02 > ul > li {
    width: calc(50% - 40px);
    max-width: calc(50% - 40px);
  }
  .list-img.var-03 > ul > li .link-03::after {
    top: 12px;
  }
}
@media only screen and (max-width: 413px) {
  .list-img.var-03 > ul > li,
  .list-img.var-03 > ul > li .link-03 {
    font-size: 20px;
  }
  .list-img.var-03 > ul > li .content {
    min-width: 220px;
  }
  .list-img.var-03 > ul > li > img {
    max-width: 90px;
  }
}
/* ----------------------------------------------------------------
    Links
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
.link {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}
.link:before {
  width: 15px;
  height: 15px;
  background-position: -38px -91px;
  position: absolute;
  top: .15em;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .link {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 22px;
  }
  .link:before {
    top: .05em;
  }
}
/* .link-02
----------------------------------------------- */
.link-02 {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}
.link-02:before {
  width: 15px;
  height: 15px;
  background-position: -55px -91px;
  position: absolute;
  top: .15em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .link-02 {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 22px;
  }
  .link-02:before {
    top: .05em;
  }
}

/* .link-03
----------------------------------------------- */
.link-03 {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
}
.link-03::before {
  content: "";
  display: block;
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #666;
}
.link-03::after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: .3em;
  width: .3em;
  height: .3em;
  border-top: .1em solid #fff;
  border-right: .1em solid #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 640px) {
  .link-03 {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 22px;
  }
  .link-03::before {
    top: 5px;
  }
}

/* .link-list
----------------------------------------------- */
.link-list {
  margin: 0 0 20px;
}
.link-list > li {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 5px;
  display: block;
}
.link-list > li:before {
  width: 15px;
  height: 15px;
  background-position: -38px -91px;
  position: absolute;
  top: .15em;
  left: 0;
}
.link-list > li > :last-child,
.link-list > li:last-child {
  margin-bottom: 0;
}
.link-list[data-col-num="2"] {
  margin-left: -3.66%;
}
.link-list[data-col-num="2"] > li {
  float: left;
  width: 46.46%;
  margin-left: 3.53%;
}
.link-list[data-col-num="2"] > li:nth-child(2n+1) {
  clear: both;
}

@media only screen and (max-width: 640px) {
  .link-list > li {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 22px;
  }
  .link-list > li:before {
    top: .05em;
  }
}
/* .link-list[data-col-num="2"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .link-list[data-col-num="2"] {
    margin-left: 0;
  }
  .link-list[data-col-num="2"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
/* .link-list-02
----------------------------------------------- */
.link-list-02 {
  margin: 0 0 20px;
}
.link-list-02 > li {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 5px;
  display: block;
}
.link-list-02 > li:before {
  width: 15px;
  height: 15px;
  background-position: -55px -91px;
  position: absolute;
  top: .15em;
  left: 0;
}
.link-list-02 > li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  .link-list-02 > li {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 22px;
  }
  .link-list-02 > li:before {
    top: .05em;
  }
}

/* .link-list-07
----------------------------------------------- */
.link-list-07 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 14px;
}
.link-list-07-lead {
  display: block;
  font-weight: normal;
  margin: 0 20px 0 0;
}
.link-list-07 > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.link-list-07 > ul > li {
  margin: 0 18px 4px 0;
}
@media only screen and (max-width: 640px) {
  .link-list-07 {
    display: block;
  }
  .link-list-07 > ul {
    display: block;
  }
  .link-list-07 > ul > li {
    margin: 0 0 4px;
  }
  .link-list-07-lead {
    margin-bottom: 12px;
  }
}

/* .link-list-anchor
----------------------------------------------- */
.link-list-anchor {
  font-size: 0;
  margin: 0 0 20px;
}
.link-list-anchor > li {
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 29px;
  display: inline-block;
}
.link-list-anchor > li:last-child {
  margin-right: 0;
}
.link-list-anchor > li > a {
  padding-left: 17px;
  position: relative;
  display: inline-block;
}
.link-list-anchor > li > a:before {
  width: 9px;
  height: 5px;
  background-position: -111px -100px;
  position: absolute;
  top: .55em;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .link-list-anchor {
    margin-left: -3.44%;
  }
  .link-list-anchor > li {
    float: left;
    width: 46.66%;
    margin-left: 3.33%;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .link-list-anchor > li:nth-child(2n+1) {
    clear: both;
  }
}
/* .link-list-line
----------------------------------------------- */
.link-list-line {
  font-size: 0;
}
.link-list-line > li {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  position: relative;
  display: inline-block;
}
.link-list-line > li:before {
  width: 1px;
  height: 12px;
  background: #7d7d7d;
  margin: -6px 0 0;
  position: absolute;
  top: 50%;
  right: 0;
}
.link-list-line > li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.link-list-line > li:last-child:before {
  display: none;
}

@media only screen and (max-width: 640px) {
  .link-list-line > li {
    margin: 0;
    padding: 0;
    display: block;
  }
  .link-list-line > li:before {
    display: none;
  }
}
/* .link-zoom
----------------------------------------------- */
.link-zoom {
  padding-left: 22px;
  position: relative;
  display: inline-block;
}
.link-zoom:before {
  width: 17px;
  height: 17px;
  background-position: -92px -19px;
  position: absolute;
  top: .1em;
  left: 0;
}

/* .link-mv
----------------------------------------------- */
.link-mv {
  margin: 15px 0 25px 0;
}
.link-mv a {
  display: inline-block;
  padding-left: 48px;
  height: 23px;
  background: url(/products/img/icon-movie-01.png) no-repeat 0 -1px;
}

/* .nav-menu
----------------------------------------------- */
.nav-menu[data-position="top"] {
  border-bottom: 3px solid #006fbc;
  margin: 0 0 40px;
}

[data-category^="products-account"] .nav-menu[data-position="top"] {
  border-bottom-color: #0086cd;
}

[data-category^="products-aoiro"] .nav-menu[data-position="top"] {
  border-bottom-color: #00b9ef;
}

[data-category^="products-account-ae"] .nav-menu[data-position="top"] {
  border-bottom-color: #003a8c;
}

[data-category^="products-dealing"] .nav-menu[data-position="top"] {
  border-bottom-color: #ea617c;
}

[data-category^="products-payroll"] .nav-menu[data-position="top"] {
  border-bottom-color: #009740;
}

[data-category^="products-kyuyo"] .nav-menu[data-position="top"] {
  border-bottom-color: #22ac38;
}

[data-category^="products-customer"] .nav-menu[data-position="top"] {
  border-bottom-color: #f08300;
}

[data-category^="products-seikyu"] .nav-menu[data-position="top"] {
  border-bottom-color: #eb6d8e;
}

.nav-menu[data-position="bottom"] {
  margin: 35px 0 40px;
}

@media only screen and (max-width: 640px) {
  .nav-menu[data-position="top"] {
    border: 0;
  }
}
/* .nav-menu-hook
----------------------------------------------- */
.nav-menu-hook {
  display: none;
}

@media only screen and (max-width: 640px) {
  .nav-menu-hook {
    display: block;
  }
}
/* .nav-menu-selected
----------------------------------------------- */
.nav-menu-selected {
  width: 100%;
  border: 1px solid #bfbfbf;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 12px 35px 12px;
  position: relative;
}
.nav-menu-selected::before {
  width: 8px;
  height: 8px;
  display: block;
  border-style: solid;
  border-color: #fff;
  border-width: 0 0 1px 1px;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
  content: "";
}

.is-open .nav-menu-selected {
  border-bottom: 0;
}
.is-open .nav-menu-selected::before {
  margin-top: -2px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

[data-category^="products-account"] .nav-menu-selected {
  background: #0086cd;
}

[data-category^="products-aoiro"] .nav-menu-selected {
  background: #00b9ef;
}

[data-category^="products-account-ae"] .nav-menu-selected {
  background: #003a8c;
}

[data-category^="products-dealing"] .nav-menu-selected {
  background: #ea617c;
}

[data-category^="products-payroll"] .nav-menu-selected {
  background: #009740;
}

[data-category^="products-kyuyo"] .nav-menu-selected {
  background: #22ac38;
}

[data-category^="products-customer"] .nav-menu-selected {
  background: #f08300;
}

[data-category^="products-seikyu"] .nav-menu-selected {
  background: #eb6d8e;
}

/* .nav-menu-state
----------------------------------------------- */
.nav-menu-state {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* .nav-menu-list
----------------------------------------------- */
.nav-menu-list {
  width: 100%;
  border: 1px solid #bfbfbf;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
  display: table;
}
.nav-menu-list > li {
  min-height: 48px;
  border-left: 1px solid #bfbfbf;
  background: #faf8f3;
  vertical-align: top;
  margin: 0;
  display: table-cell;
}
.nav-menu-list > li:first-child {
  border-left: 0;
}
.nav-menu-list a {
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: none;
  padding: 8px 10px;
  display: table;
  table-layout: fixed;
}
.nav-menu-list a > span {
  vertical-align: middle;
  display: table-cell;
}
.nav-menu-list > .is-current {
  background: #006fbc;
}
.nav-menu-list > .is-current a {
  color: #fff;
  font-weight: bold;
}

[data-category^="products-account"] .nav-menu-list > .is-current {
  background: #0084df;
}

[data-category^="products-aoiro"] .nav-menu-list > .is-current {
  background: #008db0;
}

[data-category^="products-account-ae"] .nav-menu-list > .is-current {
  background: #003a8c;
}

[data-category^="products-dealing"] .nav-menu-list > .is-current {
  background: #d64768;
}

[data-category^="products-payroll"] .nav-menu-list > .is-current {
  background: #00943e;
}

[data-category^="products-kyuyo"] .nav-menu-list > .is-current {
  background: #62ac00;
}

[data-category^="products-customer"] .nav-menu-list > .is-current {
  background: #c78202;
}

[data-category^="products-seikyu"] .nav-menu-list > .is-current {
  background: #e6553d;
}

[data-position="top"] .nav-menu-list {
  border-radius: 3px 3px 0 0;
  border-bottom: 0;
}

[data-position="bottom"] .nav-menu-list {
  border-radius: 3px;
}

@media only screen and (max-width: 640px) {
  .nav-menu-list > li {
    width: 100%;
    height: auto !important;
    border-left: 0;
    border-bottom: 1px solid #bfbfbf;
    display: block;
  }
  .nav-menu-list a {
    padding: 12px 35px 12px;
    position: relative;
    table-layout: auto;
  }
  .nav-menu-list a:before {
    content: "";
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALCAYAAABcUvyWAAAAMklEQVQoz2OYOXPmLiDWZUAHIEEgvoZL0hiI7+CSNCdbMgOIrxLWgUvQBJsgdn/g8jkA/XFCr4MSCQgAAAAASUVORK5CIIA=);
    width: 6px;
    height: 11px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
  }

  [data-position="top"] .nav-menu-list {
    border-radius: 0;
  }

  [data-position="bottom"] .nav-menu-list {
    border-radius: 0;
    border-bottom: 0;
  }
}
/* ----------------------------------------------------------------
    Buttons
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn {
  border: 1px solid #006fbc;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #006fbc;
}
.btn:hover,
.btn:active,
.btn:focus {
  background: #d8ecfa;
  color: #006fbc;
}
.btn:before {
  width: 6px;
  height: 9px;
  background-position: -111px -34px;
  margin-top: -4.5px;
}

@media only screen and (max-width: 640px) {
  .btn {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
[data-category^="products-account"] .btn {
  border-color: #0086cd;
  color: #0086cd;
}
[data-category^="products-account"] .btn:hover,
[data-category^="products-account"] .btn:active,
[data-category^="products-account"] .btn:focus {
  background: #e7f6ff;
}
[data-category^="products-account"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -111px -56px;
  margin-top: -4.5px;
}

[data-category^="products-aoiro"] .btn {
  border-color: #00b9ef;
  color: #00b9ef;
}
[data-category^="products-aoiro"] .btn:hover,
[data-category^="products-aoiro"] .btn:active,
[data-category^="products-aoiro"] .btn:focus {
  background: #e7faff;
}
[data-category^="products-aoiro"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -111px -67px;
  margin-top: -4.5px;
}

[data-category^="products-account-ae"] .btn {
  border-color: #003a8c;
  color: #003a8c;
}
[data-category^="products-account-ae"] .btn:hover,
[data-category^="products-account-ae"] .btn:active,
[data-category^="products-account-ae"] .btn:focus {
  background: #e2eeff;
}
[data-category^="products-account-ae"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -111px -45px;
  margin-top: -4.5px;
}

[data-category^="products-dealing"] .btn {
  border-color: #ea617c;
  color: #ea617c;
}
[data-category^="products-dealing"] .btn:hover,
[data-category^="products-dealing"] .btn:active,
[data-category^="products-dealing"] .btn:focus {
  background: #ffe3e9;
}
[data-category^="products-dealing"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -111px -89px;
  margin-top: -4.5px;
}

[data-category^="products-payroll"] .btn {
  border-color: #009740;
  color: #009740;
}
[data-category^="products-payroll"] .btn:hover,
[data-category^="products-payroll"] .btn:active,
[data-category^="products-payroll"] .btn:focus {
  background: #ccf2d3;
}
[data-category^="products-payroll"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -100px -76px;
  margin-top: -4.5px;
}

[data-category^="products-kyuyo"] .btn {
  border-color: #22ac38;
  color: #22ac38;
}
[data-category^="products-kyuyo"] .btn:hover,
[data-category^="products-kyuyo"] .btn:active,
[data-category^="products-kyuyo"] .btn:focus {
  background: #e2f5c8;
}
[data-category^="products-kyuyo"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -111px -23px;
  margin-top: -4.5px;
}

[data-category^="products-customer"] .btn {
  border-color: #f08300;
  color: #f08300;
}
[data-category^="products-customer"] .btn:hover,
[data-category^="products-customer"] .btn:active,
[data-category^="products-customer"] .btn:focus {
  background: #fff1c7;
}
[data-category^="products-customer"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -111px -78px;
  margin-top: -4.5px;
}

[data-category^="products-seikyu"] .btn {
  border-color: #eb6d8e;
  color: #eb6d8e;
}
[data-category^="products-seikyu"] .btn:hover,
[data-category^="products-seikyu"] .btn:active,
[data-category^="products-seikyu"] .btn:focus {
  background: #ffdbd5;
}
[data-category^="products-seikyu"] .btn:before {
  width: 6px;
  height: 9px;
  background-position: -73px -57px;
  margin-top: -4.5px;
}

/* .btn-02
----------------------------------------------- */
.btn-02 {
  background: #006fbc;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
}
.btn-02:before {
  width: 6px;
  height: 9px;
  background-position: -57px -34px;
  margin-top: -4.5px;
}
.btn-02:hover,
.btn-02:active,
.btn-02:focus {
  color: #fff;
  background: #008def;
}

@media only screen and (max-width: 640px) {
  .btn-02 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
[data-category^="products-account"] .btn-02 {
  background: #0084df;
}
[data-category^="products-account"] .btn-02:hover,
[data-category^="products-account"] .btn-02:active,
[data-category^="products-account"] .btn-02:focus {
  background: #2ca3e5;
}

[data-category^="products-aoiro"] .btn-02 {
  background: #008db0;
}
[data-category^="products-aoiro"] .btn-02:hover,
[data-category^="products-aoiro"] .btn-02:active,
[data-category^="products-aoiro"] .btn-02:focus {
  background: #3cbdde;
}

[data-category^="products-account-ae"] .btn-02 {
  background: #003a8c;
}
[data-category^="products-account-ae"] .btn-02:hover,
[data-category^="products-account-ae"] .btn-02:active,
[data-category^="products-account-ae"] .btn-02:focus {
  background: #5289d5;
}

[data-category^="products-dealing"] .btn-02 {
  background: #d64768;
}
[data-category^="products-dealing"] .btn-02:hover,
[data-category^="products-dealing"] .btn-02:active,
[data-category^="products-dealing"] .btn-02:focus {
  background: #ee859e;
}

[data-category^="products-payroll"] .btn-02 {
  background: #00943e;
}
[data-category^="products-payroll"] .btn-02:hover,
[data-category^="products-payroll"] .btn-02:active,
[data-category^="products-payroll"] .btn-02:focus {
  background: #4db87a;
}

[data-category^="products-kyuyo"] .btn-02 {
  background: #62ac00;
}
[data-category^="products-kyuyo"] .btn-02:hover,
[data-category^="products-kyuyo"] .btn-02:active,
[data-category^="products-kyuyo"] .btn-02:focus {
  background: #8cc544;
}

[data-category^="products-customer"] .btn-02 {
  background: #f08300;
}
[data-category^="products-customer"] .btn-02:hover,
[data-category^="products-customer"] .btn-02:active,
[data-category^="products-customer"] .btn-02:focus {
  background: #f2a41c;
}

[data-category^="products-seikyu"] .btn-02 {
  background: #e6553d;
}
[data-category^="products-seikyu"] .btn-02:hover,
[data-category^="products-seikyu"] .btn-02:active,
[data-category^="products-seikyu"] .btn-02:focus {
  background: #f59b8c;
}

/* .btn-03
----------------------------------------------- */
.btn-03 {
  background: #ff8124;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
}
.btn-03:before {
  width: 6px;
  height: 9px;
  background-position: -57px -34px;
  margin-top: -4.5px;
}
.btn-03:hover,
.btn-03:active,
.btn-03:focus {
  background: #ff9c00;
  color: #fff;
}
.btn-03 > span {
  font-size: 16px;
  font-size: 1.6rem;
}
.btn-03 > .min {
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {
  .btn-03 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .btn-03 > span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .btn-03 > .min {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
/* .btn-04
----------------------------------------------- */
.btn-04 {
  border: 1px solid #ff8124;
  background: #ffe3c4;
  font-size: 20px;
  font-size: 2rem;
  color: #ff8124;
  font-weight: bold;
}
.btn-04:before {
  width: 6px;
  height: 9px;
  background-position: -81px -57px;
  margin-top: -4.5px;
}
.btn-04:hover,
.btn-04:active,
.btn-04:focus {
  background: #ffe29d;
  color: #ff8124;
}
.btn-04 > span {
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 640px) {
  .btn-04 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .btn-04 > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* .btn-05
----------------------------------------------- */
.btn-05 {
  background: #e42f5d;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
}
.btn-05:before {
  width: 6px;
  height: 9px;
  background-position: -57px -34px;
  margin-top: -4.5px;
}
.btn-05:hover,
.btn-05:active,
.btn-05:focus {
  background: #f83a6b;
  color: #fff;
}
.btn-05 > span {
  font-size: 16px;
  font-size: 1.6rem;
}
.btn-05 > .min {
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {
  .btn-05 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .btn-05 > span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .btn-05 > .min {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
/* .lyt-btn
----------------------------------------------- */
.lyt-btn {
  width: 475px;
  margin: 0 auto 40px;
}
.lyt-btn > :last-child {
  margin-bottom: 0;
}
.lyt-btn [class^="btn"] {
  width: 100%;
}

@media only screen and (max-width: 530px) {
  .lyt-btn {
    width: 100%;
  }
}
/* .lyt-btn-02
----------------------------------------------- */
.lyt-btn-02 {
  width: 202px;
  margin: 0 auto 40px;
}
.lyt-btn-02 p {
  margin: 0 0 10px;
}
.lyt-btn-02 [class^="btn"] {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .lyt-btn-02 {
    width: 100%;
  }
}
/* .btn-list
----------------------------------------------- */
.btn-list {
  margin: 0 0 30px;
}
.btn-list > li {
  margin: 0 0 10px;
}
.btn-list > li a {
  border: 1px solid #e6e6e6;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  text-decoration: none;
  padding: 18px 20px;
  display: block;
  padding-right: 50px;
  position: relative;
  -webkit-transition: background .1s ease-out;
  transition: background .1s ease-out;
}
.btn-list > li a:before {
  width: 12px;
  height: 21px;
  background-position: -111px 0;
  margin-top: -10.5px;
  position: absolute;
  top: 50%;
  right: 10px;
}
.btn-list > li a:hover,
.btn-list > li a:active,
.btn-list > li a:focus {
  color: #333;
}
.btn-list > li .txt {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 5px 0 0;
  display: block;
}

[data-category^="products-account"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-account"] .btn-list > li a:hover,
[data-category^="products-account"] .btn-list > li a:active,
[data-category^="products-account"] .btn-list > li a:focus {
  background: #f2f0e9;
}

[data-category^="products-aoiro"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-aoiro"] .btn-list > li a:hover,
[data-category^="products-aoiro"] .btn-list > li a:active,
[data-category^="products-aoiro"] .btn-list > li a:focus {
  background: #f2f0e9;
}

[data-category^="products-account-ae"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-account-ae"] .btn-list > li a:hover,
[data-category^="products-account-ae"] .btn-list > li a:active,
[data-category^="products-account-ae"] .btn-list > li a:focus {
  background: #f2f0e9;
}

[data-category^="products-dealing"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-dealing"] .btn-list > li a:hover,
[data-category^="products-dealing"] .btn-list > li a:active,
[data-category^="products-dealing"] .btn-list > li a:focus {
  background: #f2f0e9;
}

[data-category^="products-payroll"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-payroll"] .btn-list > li a:hover,
[data-category^="products-payroll"] .btn-list > li a:active,
[data-category^="products-payroll"] .btn-list > li a:focus {
  background: #f2f0e9;
}

[data-category^="products-kyuyo"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-kyuyo"] .btn-list > li a:hover,
[data-category^="products-kyuyo"] .btn-list > li a:active,
[data-category^="products-kyuyo"] .btn-list > li a:focus {
  background: #f2f0e9;
}

[data-category^="products-customer"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-customer"] .btn-list > li a:hover,
[data-category^="products-customer"] .btn-list > li a:active,
[data-category^="products-customer"] .btn-list > li a:focus {
  background: #f2f0e9;
}

[data-category^="products-seikyu"] .btn-list > li a {
  background: #faf8f3;
}
[data-category^="products-seikyu"] .btn-list > li a:hover,
[data-category^="products-seikyu"] .btn-list > li a:active,
[data-category^="products-seikyu"] .btn-list > li a:focus {
  background: #f2f0e9;
}

@media only screen and (max-width: 640px) {
  .btn-list > li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 40px 10px 10px;
  }
  .btn-list > li .txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* .btn-list-02
----------------------------------------------- */
.btn-list-02,
.btn-list-line {
  margin: -20px 0 15px -20px;
}
.btn-list-02 > li,
.btn-list-line > li {
  float: left;
  margin: 20px 0 0 20px;
}

@media only screen and (max-width: 640px) {
  .btn-list-02 {
    margin: -10px 0 15px 0;
  }
  .btn-list-02 > li {
    float: none;
    width: 100%;
    margin: 10px 0 0 0;
  }
  .btn-list-02 > li a {
    display: block;
  }
}
/* .btn-list-line
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .btn-list-line {
    margin: -10px 0 15px 0;
  }
  .btn-list-line > li {
    float: none;
    width: 100%;
    margin: 10px 0 0 0;
  }
  .btn-list-line > li a {
    display: block;
  }
}
/* ----------------------------------------------------------------
    Text
----------------------------------------------------------------- */
/* strong
----------------------------------------------- */
strong {
  color: #006fbc;
}

[data-category^="products-account"] strong {
  color: #0086cd;
}

[data-category^="products-aoiro"] strong {
  color: #00b9ef;
}

[data-category^="products-account-ae"] strong {
  color: #003a8c;
}

[data-category^="products-dealing"] strong {
  color: #ea617c;
}

[data-category^="products-payroll"] strong {
  color: #009740;
}

[data-category^="products-kyuyo"] strong {
  color: #22ac38;
}

[data-category^="products-customer"] strong {
  color: #f08300;
}

[data-category^="products-seikyu"] strong {
  color: #eb6d8e;
}

/* .label
----------------------------------------------- */
.label {
  background: #006fbc;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 5px 5px 3px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .label {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
[data-category^="products-account"] .label {
  background: #0086cd;
}

[data-category^="products-aoiro"] .label {
  background: #00b9ef;
}

[data-category^="products-account-ae"] .label {
  background: #003a8c;
}

[data-category^="products-dealing"] .label {
  background: #ea617c;
}

[data-category^="products-payroll"] .label {
  background: #009740;
}

[data-category^="products-kyuyo"] .label {
  background: #22ac38;
}

[data-category^="products-customer"] .label {
  background: #f08300;
}

[data-category^="products-seikyu"] .label {
  background: #eb6d8e;
}

/* .label-02
----------------------------------------------- */
.label-02 {
  border: 1px solid #06275e;
  color: #06275e;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  padding: 3px 5px 2px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .label-02 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* .label-03
----------------------------------------------- */
.label-03 {
  border: 1px solid #ff538c;
  color: #ff538c;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  padding: 3px 5px 2px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .label-03 {
    font-size: 10px;
    font-size: 1rem;
  }
}
/* .label-04
----------------------------------------------- */
.label-04 {
  border: 1px solid #666;
  color: #666;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .label-04 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* .lead
----------------------------------------------- */
.lead {
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 15px;
}

@media only screen and (max-width: 640px) {
  .lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
[data-category="products-account"] .lead,
[data-category="products-aoiro"] .lead,
[data-category="products-account-ae"] .lead,
[data-category="products-dealing"] .lead,
[data-category="products-payroll"] .lead,
[data-category="products-kyuyo"] .lead,
[data-category="products-customer"] .lead,
[data-category="products-seikyu"] .lead,
[data-category="products-ne"] .lead {
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 640px) {
  [data-category="products-account"] .lead,
  [data-category="products-aoiro"] .lead,
  [data-category="products-account-ae"] .lead,
  [data-category="products-dealing"] .lead,
  [data-category="products-payroll"] .lead,
  [data-category="products-kyuyo"] .lead,
  [data-category="products-customer"] .lead,
  [data-category="products-seikyu"] .lead,
  [data-category="products-ne"] .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* .lead-02
----------------------------------------------- */
.lead-02 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #006fbc;
  font-weight: bold;
  margin: 0 0 10px;
}

@media only screen and (max-width: 640px) {
  .lead-02 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
[data-category^="products-account"] .lead-02 {
  color: #0086cd;
}

[data-category^="products-aoiro"] .lead-02 {
  color: #00b9ef;
}

[data-category^="products-account-ae"] .lead-02 {
  color: #003a8c;
}

[data-category^="products-dealing"] .lead-02 {
  color: #ea617c;
}

[data-category^="products-payroll"] .lead-02 {
  color: #009740;
}

[data-category^="products-kyuyo"] .lead-02 {
  color: #22ac38;
}

[data-category^="products-customer"] .lead-02 {
  color: #f08300;
}

[data-category^="products-seikyu"] .lead-02 {
  color: #eb6d8e;
}

/* .lead-buy
----------------------------------------------- */
.lead-buy {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 6px 0 10px;
}

@media only screen and (max-width: 640px) {
  .lead-buy {
    font-size: 20px;
    font-size: 2rem;
    margin-top: 0;
  }
}
/* .lead-top
----------------------------------------------- */
[data-category^="products-account-ae"] .lead-top {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

@media only screen and (max-width: 640px) {
  .lead-top {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* .movie-catch
----------------------------------------------- */
.movie-catch {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding: 6px 0;
  padding-left: 57px;
  position: relative;
}
.movie-catch:before {
  width: 45px;
  height: 32px;
  background-position: 0 0;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .movie-catch {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* ----------------------------------------------------------------
    Table
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl {
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  background: #fff;
  margin: 0 0 20px;
}
.tbl tr > :last-child {
  border-right: 0;
}
.tbl th,
.tbl td {
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  padding: 12px 15px;
}
.tbl th {
  font-weight: normal;
}
.tbl thead th,
.tbl thead td {
  background: #666;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.tbl .head {
  background: #666;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.tbl tbody th {
  background: #faf8f3;
}
.tbl .normal {
  background: #faf8f3;
  color: #333;
}
.tbl .bl-none {
  border-left: 0;
}

@media only screen and (max-width: 640px) {
  .tbl th,
  .tbl td {
    padding: 10px;
  }
  .tbl thead th,
  .tbl thead td {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tbl .head {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tbl[data-table-layout="break"] th,
  .tbl[data-table-layout="break"] td {
    width: 100% !important;
    display: block;
  }
}
[data-category^="products-account"] .tbl thead .head-standard {
  background: #0086cd;
}
[data-category^="products-account"] .tbl thead .head-pro {
  background: #004c94;
}
[data-category^="products-account"] .tbl thead .head-net {
  background: #004179;
}

/* .tbl-02
----------------------------------------------- */
.tbl-02 tbody th {
  width: 2em;
}
.tbl-02 tbody th .hdg {
  background: #666;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  font-weight: normal;
  white-space: nowrap;
  padding: 5px 9px;
  display: block;
}
.tbl-02 tbody td {
  padding: 3px 6px;
}

/* .tbl-03
----------------------------------------------- */
.tbl-03 {
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  background: #fff;
  margin: 0 0 20px;
  margin-bottom: 60px;
}
.tbl-03 tr > :last-child {
  border-right: 0;
}
.tbl-03 th,
.tbl-03 td {
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  padding: 12px 15px;
}
.tbl-03 th {
  font-weight: normal;
}
.tbl-03 thead th,
.tbl-03 thead td {
  background: #666;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.tbl-03 .head {
  background: #666;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.tbl-03 tbody th {
  background: #faf8f3;
}
.tbl-03 .normal {
  background: #faf8f3;
  color: #333;
}
.tbl-03 .bl-none {
  border-left: 0;
}
.tbl-03 th,
.tbl-03 td {
  padding: 9px 19px 10px;
}
.tbl-03 thead th,
.tbl-03 thead td {
  background: #f7f7f7;
  color: #4c4c4c;
  font-size: 18px;
  font-size: 1.8rem;
}
.tbl-03 thead tr.sub th,
.tbl-03 thead tr.sub td {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 5px 4px;
}
.tbl-03 tbody th {
  font-size: 18px;
  font-size: 1.8rem;
  background: #fff;
  text-align: left;
}
.tbl-03 tbody td {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.tbl-03 tbody td b {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
}
.tbl-03 sub {
  font-size: 13px;
  font-size: 1.3rem;
  vertical-align: baseline;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .tbl-03 th,
  .tbl-03 td {
    padding: 10px;
  }
  .tbl-03 thead th,
  .tbl-03 thead td {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tbl-03 .head {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tbl-03[data-table-layout="break"] th,
  .tbl-03[data-table-layout="break"] td {
    width: 100% !important;
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .tbl-03 {
    margin-bottom: 30px;
  }
  .tbl-03 th,
  .tbl-03 td {
    padding: 3px 8px 5px;
  }
  .tbl-03 thead th,
  .tbl-03 thead td {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .tbl-03 thead tr.sub th,
  .tbl-03 thead tr.sub td {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .tbl-03 tbody th {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .tbl-03 tbody td {
    font-size: 10px;
    font-size: 1rem;
  }
  .tbl-03 tbody td b {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tbl-03 sub {
    font-size: 10px;
    font-size: 1rem;
  }
}
/* .tbl-04
----------------------------------------------- */
.tbl-04 {
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  background: #fff;
  margin: 0 0 20px;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.tbl-04 tr > :last-child {
  border-right: 0;
}
.tbl-04 th,
.tbl-04 td {
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  padding: 12px 15px;
}
.tbl-04 th {
  font-weight: normal;
}
.tbl-04 thead th,
.tbl-04 thead td {
  background: #666;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.tbl-04 .head {
  background: #666;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.tbl-04 tbody th {
  background: #faf8f3;
}
.tbl-04 .normal {
  background: #faf8f3;
  color: #333;
}
.tbl-04 .bl-none {
  border-left: 0;
}
.tbl-04 th,
.tbl-04 td {
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  padding: 18px;
  font-size: 16px;
  font-size: 1.6rem;
}
.tbl-04 tbody th {
  background: #f7f7f7;
  font-weight: bold;
  padding: 18px 10px;
}

@media only screen and (max-width: 640px) {
  .tbl-04 th,
  .tbl-04 td {
    padding: 10px;
  }
  .tbl-04 thead th,
  .tbl-04 thead td {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tbl-04 .head {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tbl-04[data-table-layout="break"] th,
  .tbl-04[data-table-layout="break"] td {
    width: 100% !important;
    display: block;
  }
}
/* .tbl-plan / 料金プラン
----------------------------------------------- */
.tbl-plan {
  background: #faf8f3;
  margin: 0 0 20px;
}
.tbl-plan tr > :last-child {
  border-right: 0;
}
.tbl-plan th,
.tbl-plan td {
  border-bottom: 4px solid #fff;
  border-right: 3px solid #fff;
  padding: 12px;
}
.tbl-plan th img,
.tbl-plan td img {
  vertical-align: middle;
}
.tbl-plan th {
  font-weight: bold;
}
.tbl-plan thead th {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  vertical-align: top;
  padding: 18px 20px 15px;
}
.tbl-plan thead th > span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  margin: 10px 0 0;
  display: block;
}
.tbl-plan thead td {
  background: #fff;
}
.tbl-plan tbody .head {
  background: #666;
  color: #fff;
  text-align: center;
}
.tbl-plan tbody td {
  text-align: center;
}
.tbl-plan .head-self {
  background: #00aa86;
}
.tbl-plan .col-self {
  background: #e2f7f2;
}
.tbl-plan .head-basic {
  background: #0086ca;
}
.tbl-plan .col-basic {
  background: #e6f7ff;
}
.tbl-plan .head-total {
  background: #d9393f;
}
.tbl-plan .col-total {
  background: #fff1f2;
}

@media only screen and (max-width: 640px) {
  .tbl-plan th,
  .tbl-plan td {
    padding: 10px;
  }
  .tbl-plan thead th {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px;
  }
  .tbl-plan thead th > span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* .tbl-function / 機能紹介
----------------------------------------------- */
.tbl-function {
  background: #fff;
  margin: 0 0 20px;
}
.tbl-function sup.var-02 {
  font-size: 14px;
  font-size: 1.4rem;
}
.tbl-function tr > :last-child {
  border-right: 0;
}
.tbl-function th,
.tbl-function td {
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
  vertical-align: middle;
  padding: 12px;
}
.tbl-function th img,
.tbl-function td img {
  vertical-align: middle;
}
.tbl-function th {
  font-weight: bold;
}
.tbl-function thead th {
  background: #666;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  padding: 20px 5px;
}
.tbl-function thead td {
  background: #fff;
}
.tbl-function thead .head-standard,
.tbl-function thead .head-pro,
.tbl-function thead .head-net,
.tbl-function thead .head-aoiro,
.tbl-function thead .head-ae,
.tbl-function thead .head-payroll,
.tbl-function thead .head-kyuyo {
  font-size: 14px;
  font-size: 1.4rem;
}
.tbl-function tbody {
  border-bottom: 10px solid #fff;
}
.tbl-function tbody:first-child {
  border-bottom: 0;
}
.tbl-function tbody th,
.tbl-function tbody td {
  background: #faf8f3;
}
.tbl-function tbody th {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
}
.tbl-function tbody .head {
  color: #fff;
  text-align: center;
}
.tbl-function tbody td {
  text-align: center;
}
.tbl-function tbody .even th {
  background: #f2f0e9;
}

[data-category^="products-account"] .tbl-function thead .head-online {
  background: #2ca3e5;
}
[data-category^="products-account"] .tbl-function thead .head-standard {
  background: #0086cd;
}
[data-category^="products-account"] .tbl-function thead .head-pro {
  background: #004c94;
}
[data-category^="products-account"] .tbl-function thead .head-net {
  background: #004179;
}
[data-category^="products-account"] .tbl-function tbody .head {
  background: #0086cd;
}
[data-category^="products-account"] .tbl-function tbody .online {
  background: #e9f7ff;
}
[data-category^="products-account"] .tbl-function tbody .standard {
  background: #e8f6fc;
}
[data-category^="products-account"] .tbl-function tbody .pro {
  background: #edf4fc;
}
[data-category^="products-account"] .tbl-function tbody .net {
  background: #edf2ff;
}
[data-category^="products-account"] .tbl-function tbody .even .online {
  background: #d7edfa;
}
[data-category^="products-account"] .tbl-function tbody .even .standard {
  background: #d7eef8;
}
[data-category^="products-account"] .tbl-function tbody .even .pro {
  background: #dce9f9;
}
[data-category^="products-account"] .tbl-function tbody .even .net {
  background: #dee5fa;
}

[data-category^="products-aoiro"] .tbl-function thead .head-aoiro_ol {
  background: #38bfef;
}
[data-category^="products-aoiro"] .tbl-function thead .head-shiroiro_ol {
  background: #3cbdde;
}
[data-category^="products-aoiro"] .tbl-function thead .head-aoiro {
  background: #00b9ef;
}
[data-category^="products-aoiro"] .tbl-function thead .head-standard {
  background: #0086d1;
}
[data-category^="products-aoiro"] .tbl-function tbody .head {
  background: #00b9ef;
}
[data-category^="products-aoiro"] .tbl-function tbody .aoiro_ol {
  background: #edf9fd;
}
[data-category^="products-aoiro"] .tbl-function tbody .shiroiro_ol {
  background: #ecfafd;
}
[data-category^="products-aoiro"] .tbl-function tbody .aoiro {
  background: #eaf9fd;
}
[data-category^="products-aoiro"] .tbl-function tbody .standard {
  background: #e7faff;
}
[data-category^="products-aoiro"] .tbl-function tbody .even .aoiro_ol {
  background: #e1f6fd;
}
[data-category^="products-aoiro"] .tbl-function tbody .even .shiroiro_ol {
  background: #e2f4f9;
}
[data-category^="products-aoiro"] .tbl-function tbody .even .aoiro {
  background: #d7f2f9;
}
[data-category^="products-aoiro"] .tbl-function tbody .even .standard {
  background: #d7eef8;
}

[data-category^="products-account-ae"] .tbl-function thead .head-ae {
  background: #04275e;
}
[data-category^="products-account-ae"] .tbl-function thead .head-pro {
  background: #053e8e;
}
[data-category^="products-account-ae"] .tbl-function thead .head-standard {
  background: #0086d1;
}
[data-category^="products-account-ae"] .tbl-function tbody .head {
  background: #5289d5;
}
[data-category^="products-account-ae"] .tbl-function tbody .ae {
  background: #edf2ff;
}
[data-category^="products-account-ae"] .tbl-function tbody .pro {
  background: #edf4fc;
}
[data-category^="products-account-ae"] .tbl-function tbody .standard {
  background: #e8f6fc;
}
[data-category^="products-account-ae"] .tbl-function tbody .even .ae {
  background: #dee5fa;
}
[data-category^="products-account-ae"] .tbl-function tbody .even .pro {
  background: #dce9f9;
}
[data-category^="products-account-ae"] .tbl-function tbody .even .standard {
  background: #d7eef8;
}

[data-category^="products-dealing"] .tbl-function thead .head-seikyu {
  background: #f59b8c;
}
[data-category^="products-dealing"] .tbl-function thead .head-standard {
  background: #ea617c;
}
[data-category^="products-dealing"] .tbl-function thead .head-pro {
  background: #d70b2a;
}
[data-category^="products-dealing"] .tbl-function thead .head-net {
  background: #8c0725;
}
[data-category^="products-dealing"] .tbl-function thead .head-misoca {
  background: #00a6ba;
}
[data-category^="products-dealing"] .tbl-function tbody .head {
  background: #ea617c;
}
[data-category^="products-dealing"] .tbl-function tbody .seikyu {
  background: #fff0ed;
}
[data-category^="products-dealing"] .tbl-function tbody .standard {
  background: #ffecf1;
}
[data-category^="products-dealing"] .tbl-function tbody .pro {
  background: #ffebee;
}
[data-category^="products-dealing"] .tbl-function tbody .net {
  background: #fae1e3;
}
[data-category^="products-dealing"] .tbl-function tbody .misoca {
  background: #dcf4f7;
}
[data-category^="products-dealing"] .tbl-function tbody .even .seikyu {
  background: #ffe9e5;
}
[data-category^="products-dealing"] .tbl-function tbody .even .standard {
  background: #ffdee7;
}
[data-category^="products-dealing"] .tbl-function tbody .even .pro {
  background: #ffdbe0;
}
[data-category^="products-dealing"] .tbl-function tbody .even .net {
  background: #f9d0d2;
}
[data-category^="products-dealing"] .tbl-function tbody .even .misoca {
  background: #ceeef2;
}

[data-category^="products-payroll"] .tbl-function thead .head-payroll-ol {
  background: #6eb92c;
}
[data-category^="products-payroll"] .tbl-function thead .head-payroll {
  background: #009740;
}
[data-category^="products-payroll"] .tbl-function thead .head-kyuyo {
  background: #22ac38;
}
[data-category^="products-payroll"] .tbl-function tbody .head {
  background: #009740;
}
[data-category^="products-payroll"] .tbl-function tbody .payroll-ol {
  background: #f1ffde;
}
[data-category^="products-payroll"] .tbl-function tbody .payroll {
  background: #e5fff0;
}
[data-category^="products-payroll"] .tbl-function tbody .kyuyo {
  background: #f1ffde;
}
[data-category^="products-payroll"] .tbl-function tbody .even .payroll-ol {
  background: #e5f6cd;
}
[data-category^="products-payroll"] .tbl-function tbody .even .payroll {
  background: #d3f7e2;
}
[data-category^="products-payroll"] .tbl-function tbody .even .kyuyo {
  background: #e5f6cd;
}

[data-category^="products-kyuyo"] .tbl-function thead .head-kyuyo {
  background: #22ac38;
}
[data-category^="products-kyuyo"] .tbl-function tbody .head {
  background: #22ac38;
}
[data-category^="products-kyuyo"] .tbl-function tbody .kyuyo {
  background: #f1ffde;
}
[data-category^="products-kyuyo"] .tbl-function tbody .even .kyuyo {
  background: #e5f6cd;
}

[data-category^="products-customer"] .tbl-function tbody .head {
  background: #f08300;
}

[data-category^="products-seikyu"] .tbl-function tbody .head {
  background: #eb6d8e;
}

@media only screen and (max-width: 640px) {
  .tbl-function th,
  .tbl-function td {
    padding: 10px;
  }
  .tbl-function thead th {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .tbl-function thead .head-standard,
  .tbl-function thead .head-pro,
  .tbl-function thead .head-net,
  .tbl-function thead .head-aoiro,
  .tbl-function thead .head-ae,
  .tbl-function thead .head-payroll,
  .tbl-function thead .head-kyuyo {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .tbl-function tbody th {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* .tbl-scroll
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .tbl-scroll {
    overflow-x: scroll;
    margin-bottom: 20px;
  }
  .tbl-scroll::-webkit-scrollbar-track {
    background: #e2e2e2;
  }
  .tbl-scroll::-webkit-scrollbar {
    height: 5px;
  }
  .tbl-scroll::-webkit-scrollbar-thumb {
    background: #666;
  }
  .tbl-scroll > table {
    width: 860px;
    margin-bottom: 0;
  }
}
/* ----------------------------------------------------------------
   Box
----------------------------------------------------------------- */
/* .box
----------------------------------------------- */
.box {
  border: 1px solid #e6e6e6;
  margin: 0 0 20px;
  padding: 15px 20px;
}
.box > :last-child {
  margin-bottom: 0;
}
.box .box-hdg {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: normal;
  margin: 0 0 5px;
}
.box.box-movie .movie-catch {
  width: 38%;
  vertical-align: middle;
  display: table-cell;
}
.box.box-movie .list-movie {
  vertical-align: middle;
  display: table-cell;
}
@media only screen and (max-width: 640px) {
  .box.box-movie .movie-catch {
    width: 100% !important;
    text-align: center;
    display: block;
  }
  .box.box-movie .list-movie {
    display: block;
  }
}

/* .box-02
----------------------------------------------- */
.box-02 {
  border: 2px solid #005996;
  margin: 0 0 20px;
  padding: 20px;
}
.box-02 > :last-child {
  margin-bottom: 0;
}
.box-02 .box-hdg {
  color: #005996;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 10px;
}
[data-category^="products-account"] .box-02 {
  border-color: #0086cd;
}
[data-category^="products-account"] .box-02 .box-hdg {
  color: #0086cd;
}
[data-category^="products-aoiro"] .box-02 {
  border-color: #00b9ef;
}
[data-category^="products-aoiro"] .box-02 .box-hdg {
  color: #00b9ef;
}
[data-category^="products-account-ae"] .box-02 {
  border-color: #003a8c;
}
[data-category^="products-account-ae"] .box-02 .box-hdg {
  color: #003a8c;
}
[data-category^="products-dealing"] .box-02 {
  border-color: #ea617c;
}
[data-category^="products-dealing"] .box-02 .box-hdg {
  color: #ea617c;
}
[data-category^="products-payroll"] .box-02 {
  border-color: #009740;
}
[data-category^="products-payroll"] .box-02 .box-hdg {
  color: #009740;
}
[data-category^="products-kyuyo"] .box-02 {
  border-color: #22ac38;
}
[data-category^="products-kyuyo"] .box-02 .box-hdg {
  color: #22ac38;
}
[data-category^="products-customer"] .box-02 {
  border-color: #f08300;
}
[data-category^="products-customer"] .box-02 .box-hdg {
  color: #f08300;
}
[data-category^="products-seikyu"] .box-02 {
  border-color: #eb6d8e;
}
[data-category^="products-seikyu"] .box-02 .box-hdg {
  color: #eb6d8e;
}

/* .box-support
----------------------------------------------- */
.box-support {
  background-color: #f3f3f3;
  margin: 0 5px 20px;
  padding: 20px 50px 40px;
}
.box-support > :last-child {
  margin-bottom: 0;
}
.box-support .box-hdg {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1.2;
  font-weight: normal;
  margin: 0 0 15px;
}
.box-support .box-lead {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 30px;
}
.box-support .box-panel {
  padding: 40px 35px 16px;
  margin: 0 -35px 0 -35px;
  background-color: #fff;
}
.box-support .box-panel > :last-child {
  margin-bottom: 0;
}
.box-support .lyt-img > li {
  float: left;
  width: 48.24%;
}
.box-support .lyt-img > li:nth-child(2n) {
  margin-left: 3.52%;
}
.box-support .lyt-img > li:nth-child(n+3) {
  margin-top: 10px;
}
.box-support .lyt-img > li > .caption {
  font-size: 8px;
  font-size: 0.8rem;
  text-align: right;
  line-height: 1.2;
  margin-top: 10px;
}
.box-support .list-check.ver-support {
  margin: 20px 0 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
.box-support .list-check.ver-support > li {
  padding-left: 30px;
  position: relative;
  margin: 0;
}
.box-support .list-check.ver-support > li:before {
  width: 23px;
  height: 19px;
  background-position: -125px 0;
  position: absolute;
  top: .25em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .box-support {
    margin: 0 0 20px;
    padding: 20px 10px;
  }
  .box-support .box-hdg {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .box-support .box-lead {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .box-support .box-panel {
    padding: 20px 10px 6px;
    margin: 0 -5px;
  }
  .box-support .lyt-img > li {
    float: none;
    width: 100%;
    text-align: center;
  }
  .box-support .lyt-img > li:nth-child(2n) {
    margin-left: 0;
  }
  .box-support .lyt-img > li:nth-child(n+3) {
    margin-top: 0;
  }
  .box-support .lyt-img > li:not(:last-child) {
    margin-bottom: 10px;
  }
  .box-support .lyt-img > li > .caption {
    font-size: 8px;
    font-size: 0.8rem;
    margin-top: 5px;
  }
  .box-support .list-check.ver-support {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 20px 0;
  }
}

/* ----------------------------------------------------------------
    Column
----------------------------------------------------------------- */
/* .lyt-column
----------------------------------------------- */
.lyt-column {
  margin-bottom: 20px;
}
.lyt-column > .col {
  margin-bottom: 20px;
}
.lyt-column > .col > :last-child {
  margin-bottom: 0;
}
.lyt-column.ver-box > .col {
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  background: #faf8f3;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
  padding: 22px 10px;
}
.lyt-column.ver-box > .col .media,
.lyt-column.ver-box > .col .txt {
  width: 100%;
  vertical-align: middle;
  display: table;
}
.lyt-column.ver-box > .col .media {
  margin-bottom: 15px;
}
.lyt-column.ver-box > .col .txt .txt-inner {
  vertical-align: middle;
  display: table-cell;
}
.lyt-column.ver-box > .col .txt .txt-inner > :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  .lyt-column > .col {
    height: auto !important;
  }
  .lyt-column > .col:last-child {
    margin-bottom: 0;
  }
}
[data-category^="products-account"] .lyt-column.ver-box > .col,
[data-category^="products-aoiro"] .lyt-column.ver-box > .col,
[data-category^="products-account-ae"] .lyt-column.ver-box > .col,
[data-category^="products-dealing"] .lyt-column.ver-box > .col,
[data-category^="products-payroll"] .lyt-column.ver-box > .col,
[data-category^="products-kyuyo"] .lyt-column.ver-box > .col,
[data-category^="products-customer"] .lyt-column.ver-box > .col,
[data-category^="products-seikyu"] .lyt-column.ver-box > .col {
  background: #faf8f3;
}

.lyt-column.ver-box-02 > .col .hdg {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  padding: 8px 15px;
}
.lyt-column.ver-box-02 > .col .hdg.ver-self {
  background: #00aa86;
}
.lyt-column.ver-box-02 > .col .hdg.ver-basic {
  background: #0086ca;
}
.lyt-column.ver-box-02 > .col .hdg.ver-total {
  background: #d9393f;
}
.lyt-column.ver-box-02 > .col .inner {
  border: 1px solid #e6e6e6;
  border-top: 0;
  padding: 13px 15px;
}
.lyt-column.ver-box-02 > .col .inner > :last-child {
  margin-bottom: 0;
}

[data-category^="products-account"] .lyt-column.ver-box-02 > .col .inner,
[data-category^="products-aoiro"] .lyt-column.ver-box-02 > .col .inner,
[data-category^="products-account-ae"] .lyt-column.ver-box-02 > .col .inner,
[data-category^="products-dealing"] .lyt-column.ver-box-02 > .col .inner,
[data-category^="products-payroll"] .lyt-column.ver-box-02 > .col .inner,
[data-category^="products-kyuyo"] .lyt-column.ver-box-02 > .col .inner,
[data-category^="products-customer"] .lyt-column.ver-box-02 > .col .inner,
[data-category^="products-seikyu"] .lyt-column.ver-box-02 > .col .inner {
  background: #faf8f3;
}

.lyt-column.ver-top-feature .lyt-media > .item {
  margin-bottom: 0;
}
.lyt-column.ver-top-feature .lyt-media .list-def > dt {
  font-size: 18px;
  font-size: 1.8rem;
}
.lyt-column[data-col-num="2"] {
  margin-left: -2.08%;
}
.lyt-column[data-col-num="2"] > .col {
  float: left;
  width: 47.95%;
  margin-left: 2.04%;
}
.lyt-column[data-col-num="2"] > .col:nth-child(2n+1) {
  clear: both;
}
.lyt-column[data-col-num="3"] {
  margin-left: -2.08%;
}
.lyt-column[data-col-num="3"] > .col {
  float: left;
  width: 31.22%;
  margin-left: 2.04%;
}
.lyt-column[data-col-num="3"] > .col:nth-child(3n+1) {
  clear: both;
}
.lyt-column[data-col-num="4"] {
  margin-left: -2.08%;
}
.lyt-column[data-col-num="4"] > .col {
  float: left;
  width: 22.95%;
  margin-left: 2.04%;
}
.lyt-column[data-col-num="4"] > .col:nth-child(4n+1) {
  clear: both;
}
.lyt-column[data-col-num="5"] {
  margin-left: -2.08%;
}
.lyt-column[data-col-num="5"] > .col {
  float: left;
  width: 17.95%;
  margin-left: 2.04%;
}
.lyt-column[data-col-num="5"] > .col:nth-child(5n+1) {
  clear: both;
}

@media only screen and (max-width: 640px) {
  .lyt-column.ver-box > .col {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
  }
  .lyt-column.ver-box > .col .media,
  .lyt-column.ver-box > .col .txt {
    height: auto !important;
  }
  .lyt-column.ver-box > .col .media {
    margin-bottom: 10px;
  }
  .lyt-column.ver-box-02 > .col .inner {
    height: auto !important;
  }
  .lyt-column.ver-top-feature .lyt-media .list-def > dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* .lyt-column[data-col-num="2"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-column[data-col-num="2"] {
    margin-left: 0;
  }
  .lyt-column[data-col-num="2"] > .col {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
/* .lyt-column[data-col-num="3"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-column[data-col-num="3"] {
    margin-left: 0;
  }
  .lyt-column[data-col-num="3"] > .col {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
/* .lyt-column[data-col-num="4"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-column[data-col-num="4"] {
    margin-left: 0;
  }
  .lyt-column[data-col-num="4"] > .col {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
/* .lyt-column[data-col-num="5"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-column[data-col-num="5"] {
    margin-left: 0;
  }
  .lyt-column[data-col-num="5"] > .col {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
/* .lyt-column-line
----------------------------------------------- */
.lyt-column-line {
  margin-bottom: 40px;
}
.lyt-column-line > li {
  text-align: center;
  position: relative;
}
.lyt-column-line > li:last-child:before {
  display: none;
}
.lyt-column-line > li:before {
  width: 1px;
  height: 72px;
  background: #bfbfbf;
  margin: -36px 0 0;
  position: absolute;
  top: 50%;
}
.lyt-column-line > li > :last-child {
  margin-bottom: 0;
}
.lyt-column-line[data-col-num="2"] {
  margin-left: -14.58%;
}
.lyt-column-line[data-col-num="2"] > li {
  float: left;
  width: 37.27%;
  margin-left: 12.72%;
}
.lyt-column-line[data-col-num="2"] > li:nth-child(2n+1) {
  clear: both;
}
.lyt-column-line[data-col-num="2"] > li:before {
  right: -70px;
}
.lyt-column-line[data-col-num="3"] {
  margin-left: -4.79%;
}
.lyt-column-line[data-col-num="3"] > li {
  float: left;
  width: 28.72%;
  margin-left: 4.57%;
}
.lyt-column-line[data-col-num="3"] > li:nth-child(3n+1) {
  clear: both;
}
.lyt-column-line[data-col-num="3"] > li:before {
  right: -25px;
}

@media only screen and (max-width: 640px) {
  .lyt-column-line > li {
    margin: 0 0 40px;
  }
  .lyt-column-line > li:last-child {
    margin-bottom: 0;
  }
  .lyt-column-line > li:before {
    width: 200px;
    height: 1px;
    background: #bfbfbf;
    margin: 0 -100px 0 0;
    position: absolute;
    top: auto;
    bottom: -20px;
  }
}
/* .lyt-column-line[data-col-num="2"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-column-line[data-col-num="2"] {
    margin-left: 0;
  }
  .lyt-column-line[data-col-num="2"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .lyt-column-line[data-col-num="2"] > li:before {
    right: 50%;
  }
}
/* .lyt-column-line[data-col-num="3"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-column-line[data-col-num="3"] {
    margin-left: 0;
  }
  .lyt-column-line[data-col-num="3"] > li {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .lyt-column-line[data-col-num="3"] > li:before {
    right: 50%;
  }
}
/* .lyt-column-center
----------------------------------------------- */
.lyt-column-center {
  text-align: center;
  font-size: 0;
  margin: -20px 0 30px -20px;
}
.lyt-column-center > li > :last-child {
  margin-bottom: 0;
}
.lyt-column-center > * {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 20px 0 0 20px;
  vertical-align: top;
}
.lyt-column-center[data-column-name*="flow"] {
  margin: -40px 0 40px -60px;
}
.lyt-column-center[data-column-name*="flow"] > * {
  margin: 40px 0 0 60px;
  width: 279px;
  position: relative;
}
.lyt-column-center[data-column-name*="flow"] > *:before {
  border-width: 25px 20px;
  border-style: solid;
  border-color: transparent transparent transparent #bababa;
  margin-top: -25px;
  position: absolute;
  left: -40px;
  top: 50%;
}
.lyt-column-center[data-column-name*="flow"] > *:first-child:before {
  display: none;
}
.lyt-column-center[data-column-name*="flow"] .box {
  text-align: left;
}
.lyt-column-center[data-column-name*="flow"] .box .hdg {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 10px;
}
.lyt-column-center[data-column-name*="flow"] .box .hdg .title {
  display: block;
  margin-top: 10px;
}
.lyt-column-center[data-column-name*="icon-none"] > *:before {
  display: none;
}
.lyt-column-center[data-column-name="feature"],
.lyt-column-center[data-column-name="support"] {
  margin: -10px 0 50px -16px;
}
.lyt-column-center[data-column-name="feature"] > *,
.lyt-column-center[data-column-name="support"] > * {
  width: 146px;
  margin: 20px 0 0 16px;
  font-size: 16px;
  font-size: 1.6rem;
}
.lyt-column-center[data-column-name="feature"] > * .box-img,
.lyt-column-center[data-column-name="support"] > * .box-img {
  display: inline-block;
}
.lyt-column-center[data-column-name="feature"] > * .box-img > .inner,
.lyt-column-center[data-column-name="support"] > * .box-img > .inner {
  display: table-cell;
  vertical-align: middle;
  width: 146px;
  height: 146px;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  background: #fff;
}
.lyt-column-center[data-column-name="feature"] > * .box-img > .inner .title,
.lyt-column-center[data-column-name="support"] > * .box-img > .inner .title {
  font-size: 1.4rem;
  line-height: 1.27;
  font-weight: bold;
  margin-bottom: 5px;
}
.lyt-column-center[data-column-name="feature"] > * .txt {
  display: block;
  margin-top: 10px;
}
.lyt-column-center[data-column-name="support"] {
  margin: -20px 0 50px -17px;
}
.lyt-column-center[data-column-name="support"] > * {
  width: 122px;
  margin: 20px 0 0 17px;
  font-size: 15px;
  font-size: 1.5rem;
}
.lyt-column-center[data-column-name="support"] > * .txt {
  display: block;
  margin-top: 10px;
}
.lyt-column-center[data-column-name="support"] > * .box-img > .inner {
  width: 122px;
  height: 122px;
}

/* ==================================================================== */

.lyt-column-center[data-col="4"],
.lyt-column-center[data-col="3"] {
  margin: 30px 0 50px -47px;
}
.lyt-column-center[data-col="4"] > *,
.lyt-column-center[data-col="3"] > * {
  width: 197px;
  margin: 20px 0 0 47px;
  font-size: 18px;
  font-size: 1.8rem;
}
.lyt-column-center[data-col="4"] > * .box-img,
.lyt-column-center[data-col="3"] > * .box-img {
  display: inline-block;
}
.lyt-column-center[data-col="4"] > * .box-img > .inner,
.lyt-column-center[data-col="3"] > * .box-img > .inner {
  background-color: #e7f6ff;
  display: table-cell;
  vertical-align: middle;
  width: 181px;
  height: 181px;
  border-radius: 50%;
}
[data-category="cp-anshin_support-aoiro"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="cp-anshin_support-aoiro"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #e7faff;
}
[data-category="cp-anshin_support-payroll"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="cp-anshin_support-payroll"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #ccf2d3;
}
[data-category="cp-anshin_support-dealing"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="cp-anshin_support-dealing"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #ffe3e9;
}
[data-category="cp-anshin_support-kyuyo"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="cp-anshin_support-kyuyo"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #e2f5c8;
}
[data-category="cp-anshin_support-seikyu"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="cp-anshin_support-seikyu"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #ffdbd5;
}
[data-category="cp-anshin_support-customer"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="cp-anshin_support-customer"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #fff1c7;
}

[data-category="products-payroll-price"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="products-payroll-price"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #ccf2d3;
}
[data-category="products-dealing-price"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="products-dealing-price"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #ffe3e9;
}
[data-category="products-aoiro-price"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="products-aoiro-price"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #e7faff;
}
[data-category="products-kyuyo-price"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="products-kyuyo-price"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #e2f5c8;
}
[data-category="products-seikyu-price"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="products-seikyu-price"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #ffdbd5;
}
[data-category="products-customer-price"] .lyt-column-center[data-col="4"] > * .box-img > .inner,
[data-category="products-customer-price"] .lyt-column-center[data-col="3"] > * .box-img > .inner {
  background: #fff1c7;
}

.lyt-column-center[data-col="4"] > * .box-img > .inner .title,
.lyt-column-center[data-col="3"] > * .box-img > .inner .title {
  font-size: 1.4rem;
  line-height: 1.27;
  font-weight: bold;
  margin-bottom: 5px;
}
.lyt-column-center[data-col="4"] > * .txt {
  display: block;
  margin-top: 10px;
}
.lyt-column-center[data-col="3"] {
  margin: 30px 0 60px -15px;
}
.var-02 .lyt-column-center[data-col="3"] > *,
.var-02 .lyt-column-center[data-col="4"] > * {
  width: 290px;
  margin: 20px 0 0 15px;
  font-size: 16px;
  font-size: 1.6rem;
}
.lyt-column-center[data-col="3"] > * .txt {
  display: block;
  margin-top: 10px;
}
.lyt-column-center[data-col="3"] > * .box-img > .inner {
  width: 208px;
  height: 208px;
}
.lyt-column-center[data-col="3"] > * .box-img > .inner .title {
  font-size: 2.1rem;
  margin-bottom: 15px;
}
.lyt-column-center[data-col="3"] > * .txt {
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .lyt-column-center[data-col="4"],
  .lyt-column-center[data-col="3"] {
    margin: 20px 0 50px -47px;
  }
  .var-02 .lyt-column-center[data-col="3"],
  .var-02 .lyt-column-center[data-col="4"] {
    margin: 30px 0 40px -15px;
  }
  .lyt-column-center[data-col="4"] > *,
  .lyt-column-center[data-col="3"] > * {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  .lyt-column-center[data-col="3"] > * .box-img > .inner .title {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}



@media only screen and (max-width: 640px) {
  .lyt-column-center {
    margin: 0 0 20px 0;
  }
  .lyt-column-center > * {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    margin: 20px 0 0 0;
  }
}
@media only screen and (max-width: 1200px) {
  .lyt-column-center[data-column-name*="flow"] {
    margin: -40px 0 40px -30px;
  }
  .lyt-column-center[data-column-name*="flow"] > * {
    margin: 40px 0 0 30px;
  }
  .lyt-column-center[data-column-name*="flow"] > *:before {
    left: -24px;
  }
}
@media only screen and (max-width: 640px) {
  .lyt-column-center[data-column-name*="flow"] {
    margin: 20px 0 30px 0;
  }
  .lyt-column-center[data-column-name*="flow"] > * {
    width: 100%;
    display: block;
    margin: 20px 0 0 0;
  }
  .lyt-column-center[data-column-name*="flow"] > *:before {
    left: 50%;
    top: 10px;
    border-width: 10px 12px;
    border-color: #bababa transparent transparent transparent;
    margin-left: -12px;
  }
  .lyt-column-center[data-column-name*="flow"] > *:first-child {
    margin-top: 0;
  }
  .lyt-column-center[data-column-name*="flow"] .box {
    height: auto !important;
  }
  .lyt-column-center[data-column-name*="flow"] .box .hdg {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 640px) {
  .lyt-column-center[data-column-name="feature"],
  .lyt-column-center[data-column-name="support"] {
    margin: -20px 0 30px -17px;
  }
  .lyt-column-center[data-column-name="feature"] > *,
  .lyt-column-center[data-column-name="support"] > * {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
  }
}
/* .lyt-column-plan
----------------------------------------------- */
.lyt-column-plan {
  margin: 0 0 20px;
}
.lyt-column-plan .hdg {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 10px;
  padding: 10px 10px 8px;
}
.lyt-column-plan .box-plan {
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  background: #f2f0e9;
  text-align: center;
  padding: 0 0 20px;
}
.lyt-column-plan .box-plan > :last-child {
  margin-bottom: 0;
}
.lyt-column-plan .title {
  background: #faf8f3;
  margin: 0;
  padding: 13px 5px 23px;
}
.lyt-column-plan .hdg-price {
  background: #666;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 15px;
  padding: 7px 10px 5px;
}
.lyt-column-plan .list-plan {
  margin: 0 20px 20px;
}
.lyt-column-plan .list-plan > li {
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px;
  padding: 0 0 15px;
}
.lyt-column-plan .list-plan > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.lyt-column-plan .list-plan > li > :last-child {
  margin-bottom: 0;
}
.lyt-column-plan .list-def {
  line-height: 1.2;
  margin: 0;
}
.lyt-column-plan .list-def > dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 5px;
}
.lyt-column-plan .list-def > dd {
  font-size: 14px;
  font-size: 1.4rem;
}
.lyt-column-plan .list-def > dd b {
  font-size: 20px;
  font-size: 2rem;
}
.lyt-column-plan [class^="btn"] {
  margin: 0 20px;
}
.lyt-column-plan[data-col-num="1"] .list-plan > li {
  margin: 0 0 15px;
  padding: 0 20px 15px;
}
.lyt-column-plan[data-col-num="1"] .lyt-column {
  margin-bottom: 0;
}
.lyt-column-plan[data-col-num="1"] .list-bullet {
  text-align: left;
}
.lyt-column-plan[data-col-num="1"] [class^="btn"] {
  width: 450px;
  margin: 0 auto;
}
.lyt-column-plan[data-col-num="2"] {
  margin: 0 0 0 -2.91%;
}
.lyt-column-plan[data-col-num="2"] > .col {
  float: left;
  margin: 0 0 0 2.83%;
}
.lyt-column-plan[data-col-num="2"] > .col > :last-child {
  margin-bottom: 0;
}
.lyt-column-plan[data-col-num="2"] > .col.narrow {
  width: 30.76%;
}
.lyt-column-plan[data-col-num="2"] > .col.wide {
  width: 63.56%;
}

[data-category^="products-account"] .lyt-column-plan .hdg.ver-smallbusiness {
  background: #0086cd;
}
[data-category^="products-account"] .lyt-column-plan .hdg.ver-business {
  background: #004c94;
}
[data-category^="products-account"] .lyt-column-plan .box-plan {
  background: #f2f0e9;
}
[data-category^="products-account"] .lyt-column-plan .title {
  background: #faf8f3;
}
[data-category^="products-account"] .lyt-column-plan .hdg-price {
  background: #666;
}

[data-category^="products-aoiro"] .lyt-column-plan .hdg.ver-business {
  background: #00b9ef;
}
[data-category^="products-aoiro"] .lyt-column-plan .box-plan {
  background: #f2f0e9;
}
[data-category^="products-aoiro"] .lyt-column-plan .title {
  background: #faf8f3;
}
[data-category^="products-aoiro"] .lyt-column-plan .hdg-price {
  background: #666;
}

[data-category^="products-dealing"] .lyt-column-plan .hdg.ver-smallbusiness {
  background: #ea617c;
}
[data-category^="products-dealing"] .lyt-column-plan .hdg.ver-business {
  background: #d70b2a;
}
[data-category^="products-dealing"] .lyt-column-plan .box-plan {
  background: #f2f0e9;
}
[data-category^="products-dealing"] .lyt-column-plan .title {
  background: #faf8f3;
}
[data-category^="products-dealing"] .lyt-column-plan .hdg-price {
  background: #666;
}

[data-category^="products-payroll"] .lyt-column-plan .hdg.ver-business {
  background: #009740;
}
[data-category^="products-payroll"] .lyt-column-plan .box-plan {
  background: #f2f0e9;
}
[data-category^="products-payroll"] .lyt-column-plan .title {
  background: #faf8f3;
}
[data-category^="products-payroll"] .lyt-column-plan .hdg-price {
  background: #666;
}

[data-category^="products-kyuyo"] .lyt-column-plan .hdg.ver-business {
  background: #22ac38;
}
[data-category^="products-kyuyo"] .lyt-column-plan .box-plan {
  background: #f2f0e9;
}
[data-category^="products-kyuyo"] .lyt-column-plan .title {
  background: #faf8f3;
}
[data-category^="products-kyuyo"] .lyt-column-plan .hdg-price {
  background: #666;
}

[data-category^="products-customer"] .lyt-column-plan .hdg.ver-business {
  background: #f08300;
}
[data-category^="products-customer"] .lyt-column-plan .box-plan {
  background: #f2f0e9;
}
[data-category^="products-customer"] .lyt-column-plan .title {
  background: #faf8f3;
}
[data-category^="products-customer"] .lyt-column-plan .hdg-price {
  background: #666;
}

[data-category^="products-seikyu"] .lyt-column-plan .hdg.ver-business {
  background: #eb6d8e;
}
[data-category^="products-seikyu"] .lyt-column-plan .box-plan {
  background: #f2f0e9;
}
[data-category^="products-seikyu"] .lyt-column-plan .title {
  background: #faf8f3;
}
[data-category^="products-seikyu"] .lyt-column-plan .hdg-price {
  background: #666;
}

@media only screen and (max-width: 640px) {
  .lyt-column-plan {
    margin: 0 0 20px;
  }
  .lyt-column-plan .title {
    padding: 13px 10px;
  }
  .lyt-column-plan .list-plan {
    margin: 0 10px 15px;
  }
  .lyt-column-plan .list-plan > li {
    margin: 0 0 15px;
    padding: 0 10px 10px;
  }
  .lyt-column-plan .list-def > dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .lyt-column-plan .list-def > dd {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .lyt-column-plan .list-def > dd b {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lyt-column-plan [class^="btn"] {
    margin: 0 10px;
    display: block;
  }
  .lyt-column-plan[data-col-num="1"] [class^="btn"] {
    width: auto;
    margin: 0 10px;
  }
  .lyt-column-plan[data-col-num="2"] {
    margin: 0 0 20px;
  }
  .lyt-column-plan[data-col-num="2"] > .col {
    clear: both;
    margin: 0 0 20px;
  }
  .lyt-column-plan[data-col-num="2"] > .col:last-child {
    margin-bottom: 0;
  }
  .lyt-column-plan[data-col-num="2"] > .col.wide,
  .lyt-column-plan[data-col-num="2"] > .col.narrow {
    width: 100%;
  }
}
/* ----------------------------------------------------------------
    Media
----------------------------------------------------------------- */
/* .media
----------------------------------------------- */
.media {
  text-align: center;
  margin: 0 0 40px;
}
.media.ver-modal .media-inner {
  text-align: center;
  position: relative;
  display: inline-block;
}
.media.ver-modal .media-inner img {
  width: 100%;
}
.media.ver-modal .media-inner > span {
  display: block;
}
.media.ver-modal .media-inner .caption {
  text-align: left;
  padding: 0 6.5em 0 0;
}
.media.ver-modal .media-inner .link-modal {
  text-align: left;
  margin: 5px 0 0 10px;
  position: absolute;
  right: 0;
}

/* .lyt-column-media
----------------------------------------------- */
.lyt-column-media {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lyt-column-media > .col {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .lyt-column-media > .col {
    width: 100%;
  }
}

/* .lyt-media
----------------------------------------------- */
.lyt-media {
  margin: 0 0 20px;
}
.lyt-media > .item {
  text-align: center;
  margin-bottom: 10px;
}
.lyt-media > .col {
  overflow: hidden;
}
.lyt-media > .col > :last-child {
  margin-bottom: 0;
}
.lyt-media > :last-child {
  margin-bottom: 0;
}
.lyt-media > .item.ver-modal > img,
.lyt-media > .item.ver-modal > a,
.lyt-media > .item.ver-modal > span {
  display: block;
}
.lyt-media > .item.ver-modal .caption {
  float: left;
  text-align: left;
}
.lyt-media > .item.ver-modal .link-modal {
  float: right;
  text-align: left;
  margin: 5px 0 0 10px;
}
.lyt-media[data-item-layout="left"] > .item {
  float: left;
  margin-right: 50px;
}

/* .lyt-media ._pos-center
----------------------------------------------- */
.lyt-media._pos-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lyt-media._pos-center .item {
  box-sizing: border-box;
}
.lyt-media._pos-center .col {
  box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
  .lyt-media._pos-center {
    flex-direction: column;
  }
  .lyt-media._pos-center > .col {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* .lyt-media[data-item-layout="left"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-media[data-item-layout="left"] > .item {
    float: none;
    margin-right: 0;
  }
  .lyt-media[data-item-layout="left"].sp-keep > .item {
    float: left;
    width: 30%;
    margin-right: 20px;
  }

  .lyt-column .lyt-media[data-item-layout="left"] > .item {
    margin-right: 0;
  }
  .lyt-column .lyt-media[data-item-layout="left"].sp-keep > .item {
    margin-right: 10px;
  }
}
.lyt-column .lyt-media[data-item-layout="left"] > .item {
  margin-right: 20px;
}

/* .lyt-media[data-item-layout="right"]
----------------------------------------------- */
.lyt-media[data-item-layout="right"] > .item {
  float: right;
  margin-left: 50px;
}

@media only screen and (max-width: 640px) {
  .lyt-media[data-item-layout="right"] > .item {
    float: none;
    margin-left: 0;
  }
  .lyt-media[data-item-layout="right"].sp-keep > .item {
    float: right;
    width: 30%;
    margin-left: 20px;
  }

  .lyt-column .lyt-media[data-item-layout="right"] > .item {
    margin-left: 0;
  }
  .lyt-column .lyt-media[data-item-layout="right"].sp-keep > .item {
    margin-left: 10px;
  }
}
.lyt-column .lyt-media[data-item-layout="right"] > .item {
  margin-left: 20px;
}

/* .lyt-media[data-item-layout="left-sp"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-media[data-item-layout="left-sp"] > .item {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
}
/* .lyt-media[data-item-layout="right-sp"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .lyt-media[data-item-layout="right-sp"] > .item {
    float: right;
    width: 30%;
    margin-left: 20px;
  }
}
/* .media-list
----------------------------------------------- */
.media-list {
  text-align: center;
  letter-spacing: -.40em;
  margin: 0 0 30px;
}
.media-list > li {
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 10px 10px 0;
  display: inline-block;
}
.media-list > li:last-child {
  margin-right: 0;
}

/* .caption
----------------------------------------------- */
.caption {
  font-size: 8px;
  font-size: 0.8rem;
  margin-top: 5px;
  display: block;
}

@media only screen and (max-width: 640px) {
  .caption {
    font-size: 8px;
    font-size: 0.8rem;
  }
}
/* ----------------------------------------------------------------
    弥生ネットワーク：シミュレーション
----------------------------------------------------------------- */
/* #pBox1, #pBox2
----------------------------------------------- */
#pBox1,
#pBox2 {
  border: 1px solid #e6e6e6;
  background: #faf8f3;
  margin: 0 0 20px;
  padding: 20px;
}

#pBox1 > :first-child,
#pBox2 > :first-child {
  margin-top: 0;
}

#pBox1 > :last-child,
#pBox2 > :last-child {
  margin-bottom: 0;
}

/* .estimatUpStep
----------------------------------------------- */
.estimatUpStep {
  margin: 20px 0 0 20px;
}
.estimatUpStep li {
  font-weight: bold;
  list-style: decimal;
}
.estimatUpStep li p {
  font-weight: normal;
  margin-bottom: 0;
}

/* .prerequisiteBox
----------------------------------------------- */
.prerequisiteBox {
  width: 100%;
  margin: 22px auto 0;
  border-top: 2px solid #eae1c6;
  border-bottom: 2px solid #eae1c6;
  border-collapse: collapse;
}
.prerequisiteBox th,
.prerequisiteBox td {
  padding: 10px 0;
  vertical-align: middle;
}
.prerequisiteBox th {
  width: 30%;
  font-weight: normal;
  text-align: center;
  padding: 15px 10px 15px;
}
.prerequisiteBox td {
  font-size: 14px;
  font-size: 1.4rem;
}
.prerequisiteBox td > :last-child {
  margin-bottom: 0;
}
.prerequisiteBox ul {
  margin-left: 20px;
}
.prerequisiteBox ul li {
  list-style: disc;
}

/* .pat1
----------------------------------------------- */
.pat1 {
  text-align: center;
  margin: 20px auto 0;
  overflow: hidden;
}

/* .pat4
----------------------------------------------- */
.pat4 {
  text-align: center;
}

/* .calculationBox
----------------------------------------------- */
.calculationBox > ol {
  text-align: center;
  margin: 20px 0 0;
}
.calculationBox > ol > li {
  width: 35%;
  text-align: left;
  margin: 0 0 0 40px;
  display: inline-block;
}
.calculationBox > ol > li:first-child {
  margin-left: 0;
}
.calculationBox > ol > li select {
  width: 100%;
}
@media only screen and (max-width: 414px) {
  .calculationBox > ol > li select,
  .calculationBox > .pat1 > select {
      width: 120%;
      margin-left: -10%;
      font-size: 16px;
      font-size: 1.6rem;
      height: 30px;
      -ms-transform: scale(.8);
      -webkit-transform: scale(.8);
      transform: scale(.8);
  }
  .calculationBox > ol > li select option,
  .calculationBox > .pat1 > select option {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 640px) {
  .calculationBox > ol > li {
    width: auto;
    margin: 20px 0 0;
    display: block;
  }
  .calculationBox > ol > li:first-child {
    margin-top: 0;
  }
}
/* .btnCalculation
----------------------------------------------- */
.btnCalculation {
  margin: 30px auto 0;
  display: inline-block;
}

/* .btnCalculation02
----------------------------------------------- */
.btnCalculation02 {
  margin: 20px auto 0;
}

/* .arrowBox
----------------------------------------------- */
.arrowBox {
  margin: 35px 0 0;
}

/* .totalPriceBox
----------------------------------------------- */
.totalPriceBox {
  border: 1px solid #e6e6e6;
  background: #fff;
  text-align: center;
  margin: 20px 0 0;
  padding: 15px 20px;
}
.totalPriceBox > :last-child {
  margin-bottom: 0;
}
.totalPriceBox .productImg,
.totalPriceBox .productDetail {
  vertical-align: top;
  display: inline-block;
}
.totalPriceBox .productImg {
  width: 50px;
  margin-right: 30px;
}
.totalPriceBox .productDetail {
  margin-top: 15px;
}
.totalPriceBox .productName {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.totalPriceBox dl {
  margin: 20px 0 0;
  overflow: hidden;
}
.totalPriceBox dl dt,
.totalPriceBox dl dd {
  vertical-align: bottom;
  display: inline-block;
}
.totalPriceBox dl .price {
  color: #f00;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 38px;
}
.totalPriceBox dl .price + .price {
  display: none;
}

@media only screen and (max-width: 640px) {
  .totalPriceBox .productImg {
    margin-right: 0;
  }
  .totalPriceBox .productName {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .totalPriceBox dl .price {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
  }
}
/* .noteTxt
----------------------------------------------- */
.noteTxt {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 5px 0 0;
}
.noteTxt._em {
  color: #d9393f;
  text-align: right;
}

#boxCal .noteTxt {
  text-align: center;
}

/* .noteTxt02
----------------------------------------------- */
.noteTxt02 {
  margin: 11px 0 0;
}

#boxCal .noteTxt02 {
  text-align: center;
}

/* .priceMenu
----------------------------------------------- */
.priceMenu {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
  margin: 20px auto 0;
}
.priceMenu th {
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
}
.priceMenu th.breakdown {
  background: #005996;
}
.priceMenu th.item {
  background: #006fbc;
  border-left: 1px solid #fff;
}
.priceMenu th.menu {
  border-left: none;
}
.priceMenu td {
  border-top: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
.priceMenu td.menu {
  border-left: 1px solid #ccc;
}
.priceMenu td.price {
  text-align: right;
}
.priceMenu td.yayoi {
  border-right: 1px solid #ccc;
  text-align: center;
}
.priceMenu td input {
  margin-right: 17px;
}
.priceMenu td .productName {
  padding-left: 30px;
}
.priceMenu p {
  margin-bottom: 0;
}
.priceMenu .item {
  width: 20%;
}
.priceMenu .menu {
  width: 70%;
}
.priceMenu .yayoi {
  width: 10%;
}

@media only screen and (max-width: 640px) {
  .priceMenu th {
    padding: 5px 3px;
  }
}
/* .reCal
----------------------------------------------- */
.reCal {
  text-align: center;
}

/* .noteList
----------------------------------------------- */
.noteList.is-hidden {
  display: none;
}

/* .priceMenu
----------------------------------------------- */
[data-category="products-account-ae-spec"] .spec-list-yss-ae li a {
    padding-left: 25px;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
}
[data-category="products-account-ae-spec"] .spec-list-yss-ae li a:before {
    content: "";
    display: block;
    background-image: url(/common_a/img/sprite.png);
    width: 15px;
    height: 15px;
    background-position: -48px -45px;
    position: absolute;
    top: .15em;
    left: 0;
}
[data-category="products-account-ae-spec"] .spec-list-link {
    text-align:right;
}
[data-category="products-account-ae-spec"] .spec-list-link a {
    padding-left: 25px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
}
[data-category="products-account-ae-spec"] .spec-list-link a:before {
    content: "";
    display: block;
    background-image: url(/common_a/img/sprite.png);
    width: 15px;
    height: 15px;
    background-position: -48px -45px;
    position: absolute;
    top: .15em;
    left: 0;
}
@media only screen and (max-width: 640px) {
    [data-category="products-account-ae-spec"] .spec-list-yss-ae li a,
    [data-category="products-account-ae-spec"] .spec-list-link a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
/* .boxEach
----------------------------------------------- */
.boxEach.is-hidden{
    display: none;
}

/* .hdg-l2-05
----------------------------------------------- */
.hdg-l2-05 {
  font-weight: normal;
  text-align: center;
  font-size: 36px;
  margin: 0 0 32px;
}

[data-category="products-account-price"] .hdg-l2-05 > span {
  color: #0086cd;
}
[data-category="products-aoiro-price"] .hdg-l2-05 > span {
  color: #00b9ef;
}
[data-category="products-aoiro-function-index"] .hdg-l2-05 > span {
  color: #00b9ef;
}
[data-category="products-account-function-index"] .hdg-l2-05 > span {
  color: #0086CD;
}
[data-category="products-payroll-price"] .hdg-l2-05 > span{
  color: #009740;
}
[data-category="products-dealing-price"] .hdg-l2-05 > span{
  color: #ea617c;
}
[data-category="products-kyuyo-price"] .hdg-l2-05 > span{
  color: #22ac38;
}
[data-category="products-seikyu-price"] .hdg-l2-05 > span{
  color: #eb6d8e;
}
[data-category="products-customer-price"] .hdg-l2-05 > span{
  color: #f08300;
}
@media only screen and (max-width: 640px) {
  .hdg-l2-05 {
    font-size: 26px;
    margin: 0 0 20px;
  }
}

/* .hdg-l3-06
----------------------------------------------- */
.hdg-l3-06 {
  text-align: center;
  font-weight: normal;
  font-size: 26px;
  margin: 0 0 40px;
}
.hdg-l3-06 > span {
  display: inline-block;
  border-bottom: 2px solid;
  padding: 0 0 8px;
}
[data-category*="products-account"] .hdg-l3-06 > span {
  border-color: #0086cd;
}
[data-category*="products-aoiro"] .hdg-l3-06 > span {
  border-color: #00b9ef;
}
[data-category*="products-payroll"] .hdg-l3-06 > span {
  border-color: #009740;
}
[data-category*="products-seikyu"] .hdg-l3-06 > span {
  border-color: #eb6d8e;
}
[data-category*="products-kyuyo"] .hdg-l3-06 > span {
  border-color: #22ac38;
}
[data-category*="products-dealing"] .hdg-l3-06 > span {
  border-color: #ea617c;
}
[data-category*="products-customer"] .hdg-l3-06 > span {
  border-color: #f08300;
}
@media only screen and (max-width: 640px) {
  .hdg-l3-06 {
    margin: 0 0 20px;
    font-size: 22px;
  }
}
/* .lead-06
----------------------------------------------- */
.lead-06 {
  text-align: center;
  font-size: 18px;
  margin: 0 0 27px;
}
/* .lead-06-02
----------------------------------------------- */
.lead-06-02 {
  text-align: center;
  font-size: 16px;
  margin: 0 0 24px;
}
/* .list-news-05
----------------------------------------------- */
.list-news-05 {
  padding: 0;
  margin: 0 0 32px;
  font-size: 14px;
  list-style: none;
}
.list-news-05 > li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 9px;
}
.list-news-05 > li:last-child {
  margin-bottom: 0;
}
.list-news-05-date {
  display: block;
  min-width: 145px;
  font-weight: normal;
}
.list-news-05-category {
  color: #0086cd;
  font-size: 12px;
  width: 66px;
  border: 1px solid #0086cd;
  text-align: center;
  margin: 0 20px 0 0;
  line-height: 1.45;
}
.list-news-05-category.var-0086cd {
  color: #0086cd;
  border-color: #0086cd;
}
.list-news-05-category.var-new {
  color: #ff658c;
  border-color: #ff658c;
}
.list-news-05-title a {
  text-decoration: none;
}
@media only screen and (max-width: 640px) {
  .list-news-05 > li {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 19px;
  }
  .list-news-05-date {
    min-width: 122px;
  }
  .list-news-05-category {
    width: 66px;
  }
  .list-news-05-title {
    width: 100%;
    margin: 7px 0 0;
  }
}
/* .lyt-lineup
----------------------------------------------- */
.lyt-lineup {
  margin: 0 0 42px;
}
.lyt-lineup-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: -32px 0 0 -32px;
}
.lyt-lineup-col {
  background: #fff;
  width: calc((100% / 3) - 32px);
  padding: 15px 15px;
  margin: 32px 0 0 32px;
}
.lyt-lineup-hdg {
  text-align: center;
  background: #0086cd;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  padding: 3px 3px 4px;
  margin: 0 0 26px;
}
.lyt-lineup-col.var-02 .lyt-lineup-hdg {
  background: #004c94;
}
.lyt-lineup-col.var-03 .lyt-lineup-hdg {
  background: #004179;
}
.lyt-lineup-img {
  text-align: center;
  margin: 0 0 14px;
}
.lyt-lineup-text {
  margin: 8px 0 0;
}
.lyt-lineup-description {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 6px;
}
.lyt-lineup-description p {
  margin-bottom: 0;
}
.lyt-lineup-lead {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 6px;
}
.lyt-lineup-notice {
  margin: 5px 0 0;
}
.lyt-lineup-notice small {
  font-size: 13px;
}
.lyt-lineup-box {
  background: #f3f3f3;
  padding: 6px 16px;
}
.lyt-lineup-box b {
  display: block;
  text-align: center;
  font-size: 14px;
  margin: 0 0 8px;
}
.lyt-lineup-box > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lyt-lineup-box > ul > li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 2px;
}
.lyt-lineup-box > ul > li:last-child {
  margin-bottom: 0;
}
.lyt-lineup-box > ul > li::before,
.lyt-lineup-box > ul > li::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
}
.lyt-lineup-box > ul > li::before {
  background: #fff;
  width: 17px;
  height: 17px;
  border: 1px solid #0086d1;
  border-radius: 50%;
  top: 0;
  left: 0;
}
.lyt-lineup-box > ul > li::after {
  width: 10px;
  height: 5px;
  border-color: #0086d1;
  border-width: 0 0 1px 1px;
  border-style: solid;
  left: 3px;
  top: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
[data-category="products-dealing"] .lyt-lineup-hdg {
  background: #ea617c;
}
[data-category="products-dealing"] .lyt-lineup-col.var-02 .lyt-lineup-hdg {
  background: #d70b2a;
}
[data-category="products-dealing"] .lyt-lineup-col.var-03 .lyt-lineup-hdg {
  background: #8c0725;
}
@media only screen and (max-width: 640px) {
  .lyt-lineup-inner {
    display: block;
    margin: 0;
  }
  .lyt-lineup-hdg {
    font-size: 16px;
    padding: 7px 3px 8px;
    margin: 0 0 19px;
  }
  .lyt-lineup-col {
    width: 100%;
    padding: 0 0 15px;
    margin: 0 0 20px;
  }
  .lyt-lineup-description {
    padding: 0 10px;
  }
  .lyt-lineup-box {
    margin: 0 15px;
  }
}
/* .lyt-lineup-02
----------------------------------------------- */
.lyt-lineup-02 {
  margin: 0 0 42px;
}
.lyt-lineup-02-inner {
  background: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 40px;
}
.lyt-lineup-02-col {
  padding: 15px 15px;
}
.lyt-lineup-02-col.var-01 {
  width: 70%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 50px 15px 15px;
}
.lyt-lineup-02-col.var-01 .lyt-lineup-02-img {
  width: 150px;
  min-width: 89px;
  margin: 0 50px 0 0;
}
.lyt-lineup-02-col.var-01 .lyt-lineup-02-lead {
  text-align: left;
  margin: 0 0 26px;
}
.lyt-lineup-02-col.var-02 {
  width: 30%;
  padding: 15px 15px 0 50px;
  position: relative;
}
.lyt-lineup-02-col.var-02::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  margin: auto;
  background: #cdcdcd;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.lyt-lineup-02-hdg {
  text-align: center;
  background: #0086d1;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  padding: 3px 3px 4px;
  margin: 0 0 26px;
}
.lyt-lineup-02-col.var-02 .lyt-lineup-02-hdg {
  background: #004c94;
}
.lyt-lineup-02-col.var-03 .lyt-lineup-02-hdg {
  background: #004179;
}
.lyt-lineup-02-img {
  text-align: center;
  margin: 0 0 14px;
}
.lyt-lineup-02-description {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 6px;
}
.lyt-lineup-02-description p {
  margin-bottom: 0;
}
.lyt-lineup-02-lead {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 6px;
}
.lyt-lineup-02-notice {
  margin: 5px 0 0;
}
.lyt-lineup-02-notice small {
  font-size: 13px;
}
.lyt-lineup-02-box {
  background: #f3f3f3;
  padding: 8px 24px 24px;
}
.lyt-lineup-02-box b {
  display: block;
  text-align: center;
  font-size: 14px;
  margin: 0 0 8px;
}
.lyt-lineup-02-box > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.lyt-lineup-02-box > ul > li {
  position: relative;
  padding: 0 0 0 24px;
  margin: 0 0 6px;
}
.lyt-lineup-02-box > ul > li:last-child {
  margin-bottom: 0;
}
.lyt-lineup-02-box > ul > li::before,
.lyt-lineup-02-box > ul > li::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
}
.lyt-lineup-02-box > ul > li::before {
  background: #fff;
  width: 17px;
  height: 17px;
  border: 1px solid #0086d1;
  border-radius: 50%;
  top: 1px;
  left: 0;
}
.lyt-lineup-02-box > ul > li::after {
  width: 10px;
  height: 5px;
  border-color: #0086d1;
  border-width: 0 0 1px 1px;
  border-style: solid;
  left: 3px;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 640px) {
  .lyt-lineup-02-inner {
    display: block;
    margin: 0;
    padding: 15px 20px;
  }
  .lyt-lineup-02-hdg {
    font-size: 16px;
    padding: 7px 3px 8px;
    margin: 0 0 19px;
  }
  .lyt-lineup-02-col {
    width: 100%;
    padding: 0 0 15px;
    margin: 0 0 20px;
  }
  .lyt-lineup-02-col.var-01 {
    width: 100%;
    padding: 0 0 5px;
    flex-direction: column-reverse;
  }
  .lyt-lineup-02-col.var-01 .lyt-lineup-02-img {
    width: 89px;
    margin: 0 auto 14px;
  }
  .lyt-lineup-02-col.var-01 .lyt-lineup-02-lead {
    margin: 0 0 13px;
  }
  .lyt-lineup-02-col.var-02 {
    width: 100%;
    padding: 30px 0 0;
  }
  .lyt-lineup-02-col.var-02::before {
    width: 100%;
    height: 1px;
    bottom: auto;
  }
}
/* .lyt-lineup-03
----------------------------------------------- */
.lyt-lineup-03 {
  margin: 0 0 40px;
}
.lyt-lineup-03-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -30px 0 0 -30px;
}
.lyt-lineup-03-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: calc((100% / 3) - 30px);
  margin: 30px 0 0 30px;
}
.lyt-lineup-03-hdg {
  font-size: 22px;
  font-weight: normal;
  color: #0086cd;
  margin: 0 0 12px;
  text-align: center;
}
.lyt-lineup-03-box {
  background: #f3f3f3;
  padding: 8px 17px;
}
.lyt-lineup-03-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lyt-lineup-03-list > li {
  padding: 0 0 0 24px;
  position: relative;
}
.lyt-lineup-03-list > li::before,
.lyt-lineup-03-list > li::after {
  content: "";
  display: block;
  position: absolute;
}
.lyt-lineup-03-list > li::before {
  width: 17px;
  height: 17px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #0086cd;
  top: 3px;
  left: 0;
}
[data-category="products-aoiro"] .lyt-lineup-03-list > li::before {
  border-color: #00b9ef;
}
[data-category="products-payroll"] .lyt-lineup-03-list > li::before {
  border-color: #009740;
}
[data-category="products-dealing"] .lyt-lineup-03-list > li::before {
  border-color: #ea617c;
}
[data-category="products-kyuyo"] .lyt-lineup-03-list > li::before {
  border-color: #22ac38;
}
[data-category="products-customer"] .lyt-lineup-03-list > li::before {
  border-color: #f08300;
}
[data-category="products-seikyu"] .lyt-lineup-03-list > li::before {
  border-color: #eb6d8e;
}
.lyt-lineup-03-list > li::after {
  width: 10px;
  height: 5px;
  border-color: #0086cd;
  border-width: 0 0 1px 1px;
  border-style: solid;
  left: 3px;
  top: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
[data-category="products-aoiro"] .lyt-lineup-03-list > li::after {
  border-color: #00b9ef;
}
[data-category="products-payroll"] .lyt-lineup-03-list > li::after {
  border-color: #009740;
}
[data-category="products-dealing"] .lyt-lineup-03-list > li::after {
  border-color: #ea617c;
}
[data-category="products-kyuyo"] .lyt-lineup-03-list > li::after {
  border-color: #22ac38;
}
[data-category="products-customer"] .lyt-lineup-03-list > li::after {
  border-color: #f08300;
}
[data-category="products-seikyu"] .lyt-lineup-03-list > li::after {
  border-color: #eb6d8e;
}
.lyt-lineup-03-img {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 30px;
}
[data-category="products-aoiro"] .lyt-lineup-03-hdg {
  color: #00b9ef;
}
[data-category="products-payroll"] .lyt-lineup-03-hdg {
  color: #009740;
}
[data-category="products-dealing"] .lyt-lineup-03-hdg {
  color: #ea617c;
}
[data-category="products-kyuyo"] .lyt-lineup-03-hdg {
  color: #22ac38;
}
[data-category="products-customer"] .lyt-lineup-03-hdg {
  color: #f08300;
}
[data-category="products-seikyu"] .lyt-lineup-03-hdg {
  color: #eb6d8e;
}
@media only screen  and (max-width: 640px) {
  .lyt-lineup-03-inner {
    display: block;
    margin: 0;
  }
  .lyt-lineup-03-col {
    width: 100%;
    margin: 0 0 20px;
  }
  .lyt-lineup-03-hdg {
    font-size: 18px;
  }
  .lyt-lineup-03-list > li {
    margin: 0 0 2px;
  }
  .lyt-lineup-03-list > li::before {
    top: 1px;
  }
  .lyt-lineup-03-list > li::after {
    top: 6px;
  }
}
/* .lyt-btn-07
----------------------------------------------- */
.lyt-btn-07 {
  background: #fff;
  padding: 20px 100px;
  margin: 0 0 20px;
}
.lyt-btn-07-inner {
  display: -webkit-flex;
  display: flex;
}
.lyt-btn-07-col {
  text-align: center;
  width: 50%;
  position: relative;
  padding: 4px 20px 14px;
}
.lyt-btn-07-col:nth-child(odd) {
  border-right: 1px solid #cdcdcd;
}
.lyt-btn-07-lead {
  font-size: 14px;
  margin: 0 0 15px;
}
.lyt-btn-07-lead em {
  font-size: 18px;
}
.lyt-btn-07-btn {
  margin: 0;
}
.lyt-btn-07-btn a {
  font-weight: normal;
  font-size: 1.8rem;
  padding: 16px 30px 17px;
  border-radius: 27px;
}
@media only screen  and (max-width: 640px) {
  .lyt-btn-07 {
    padding: 20px 10px 25px;
    margin: 0 0 16px;
  }
  .lyt-btn-07-inner {
    display: block;
  }
  .lyt-btn-07-col {
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 0;
    padding-bottom: 24px;
    margin-bottom: 19px;
  }
  .lyt-btn-07-col:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .lyt-btn-07-col:nth-child(odd) {
    border-right: 0;
  }
}
/* .lyt-function
----------------------------------------------- */
.lyt-function {
  margin: 0 0 40px;
  clear: both;
}
.lyt-function-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -30px 0 0 -32px;
}
.lyt-function-col {
  display: -webkit-flex;
  display: flex;
  width: calc(50% - 32px);
  margin: 30px 0 0 32px;
}
.lyt-function-col > a {
  display: block;
  width: 100%;
  background: #e5f3fa;
  text-decoration: none;
  padding: 41px 37px 43px 40px;
  position: relative;
}
.lyt-function-col > a:hover,
.lyt-function-col > a:focus,
.lyt-function-col > a:active {
  color: #4c4c4c;
}
.lyt-function-col > a::before,
.lyt-function-col > a::after {
  content: "";
  display: block;
  position: absolute;
}
.lyt-function-col > a::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 36px 36px;
  border-color: transparent;
  border-bottom-color: #0086cd;
  -webkit-transition: .3s;
  transition: .3s;
  right: 0;
  bottom: 0;
}
.lyt-function-col > a::after {
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 2px 0 0;
  right: 8px;
  bottom: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lyt-function-col > a:hover::before,
.lyt-function-col > a:focus::before,
.lyt-function-col > a:active::before {
  border-bottom-color: #ff538c;
}
.lyt-function-hdg {
  font-size: 24px;
  font-weight: normal;
  padding: 0 0 0 12px;
  border-left: 2px solid #0086cd;
  margin: 0 0 20px;
  line-height: 1.35;
}
.lyt-function-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.lyt-function-description {
  margin: 0;
}
.lyt-function-description b {
  display: block;
  text-align: center;
  color: #0086cd;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 19px;
  padding: 0 0 0 16px;
}
.lyt-function-icon {
  -webkit-flex: 0  1 132px;
  flex: 0  1 132px;
  width: 132px;
  min-width: 132px;
  padding: 8px 0 0;
  margin: 0 20px 0 5px;
}
.lyt-function-col > a:hover .lyt-function-icon img,
.lyt-function-col > a:focus .lyt-function-icon img,
.lyt-function-col > a:active .lyt-function-icon img {
  opacity: 1;
}
[data-category="products-payroll"] .lyt-function-col > a {
  background: #e5f4ec;
}
[data-category="products-payroll"] .lyt-function-col > a::before {
  border-bottom-color: #009740;
}
[data-category="products-payroll"] .lyt-function-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-payroll"] .lyt-function-hdg {
  border-color: #009740;
}
[data-category="products-payroll"] .lyt-function-description b {
  color: #009740;
}
[data-category="products-seikyu"] .lyt-function-col > a {
  background: #fdf0f3;
}
[data-category="products-seikyu"] .lyt-function-col > a::before {
  border-bottom-color: #eb6d8e;
}
[data-category="products-seikyu"] .lyt-function-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-seikyu"] .lyt-function-hdg {
  border-color: #eb6d8e;
}
[data-category="products-seikyu"] .lyt-function-description b {
  color: #eb6d8e;
}
[data-category="products-kyuyo"] .lyt-function-col > a {
  background: #e8f7eb;
}
[data-category="products-kyuyo"] .lyt-function-col > a::before {
  border-bottom-color: #22ac38;
}
[data-category="products-kyuyo"] .lyt-function-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-kyuyo"] .lyt-function-hdg {
  border-color: #22ac38;
}
[data-category="products-kyuyo"] .lyt-function-description b {
  color: #22ac38;
}
[data-category="products-dealing"] .lyt-function-col > a {
  background: #fdeff2;
}
[data-category="products-dealing"] .lyt-function-col > a::before {
  border-bottom-color: #ea617c;
}
[data-category="products-dealing"] .lyt-function-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-dealing"] .lyt-function-hdg {
  border-color: #ea617c;
}
[data-category="products-dealing"] .lyt-function-description b {
  color: #ea617c;
}
[data-category="products-customer"] .lyt-function-col > a {
  background: #fdf2e5;
}
[data-category="products-customer"] .lyt-function-col > a::before {
  border-bottom-color: #f08300;
}
[data-category="products-customer"] .lyt-function-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-customer"] .lyt-function-hdg {
  border-color: #f08300;
}
[data-category="products-customer"] .lyt-function-description b {
  color: #f08300;
}
[data-category="products-aoiro"] .lyt-function-col > a {
  background: #e5f3fa;
}
[data-category="products-aoiro"] .lyt-function-col > a::before {
  border-bottom-color: #00b9ef;
}
[data-category="products-aoiro"] .lyt-function-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-aoiro"] .lyt-function-hdg {
  border-color: #00b9ef;
}
[data-category="products-aoiro"] .lyt-function-description b {
  color: #00b9ef;
}
@media only screen  and (max-width: 640px) {
  .lyt-function {
    margin: 0 0 30px;
  }
  .lyt-function-inner {
    display: block;
    margin: 0;
  }
  .lyt-function-col {
    width: 100%;
    margin: 0 0 20px;
  }
  .lyt-function-col > a {
    padding: 20px 21px 34px;
  }
  .lyt-function-hdg {
    font-size: 19px;
    padding: 0 0 3px 11px;
    margin: 0 0 13px;
    line-height: 1.15;
  }
  .lyt-function-icon {
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
  }
  .lyt-function-description {
    font-size: 14px;
  }
  .lyt-function-description > b {
    margin: 0 0 6px;
  }
  .lyt-function-content {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/* .lyt-case
----------------------------------------------- */
.lyt-case {
  margin: 0 0 40px;
}
.lyt-case-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -30px 0 0 -32px;
}
.lyt-case-col {
  display: -webkit-flex;
  display: flex;
  width: calc(50% - 32px);
  margin: 30px 0 0 32px;
  min-height: 189px;
}
.lyt-case-col > a {
  width: 100%;
  background: #fff;
  text-decoration: none;
  padding: 23px 30px 31px 178px;
  position: relative;
}
.lyt-case-col > a:hover,
.lyt-case-col > a:focus,
.lyt-case-col > a:active {
  color: #4c4c4c;
}
.lyt-case-col > a::before,
.lyt-case-col > a::after {
  content: "";
  display: block;
  position: absolute;
}
.lyt-case-col > a::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 36px 36px;
  border-color: transparent;
  border-bottom-color: #0086cd;
  -webkit-transition: .3s;
  transition: .3s;
  right: 0;
  bottom: 0;
}
.lyt-case-col > a::after {
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 2px 0 0;
  right: 8px;
  bottom: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lyt-case-col > a:hover::before,
.lyt-case-col > a:focus::before,
.lyt-case-col > a:active::before {
  border-bottom-color: #ff538c;
}
.lyt-case-hdg {
  font-size: 24px;
  font-weight: normal;
  padding: 0 0 0 20px;
  border-left: 2px solid #0091da;
  margin: 0 0 30px;
}
.lyt-case-lead {
  color: #0086cd;
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 14px;
  line-height: 1.5;
}
.lyt-case-lead b {
  font-weight: normal;
}
.lyt-case-icon {
  width: 128px;
  margin: 0 20px 0 0;
  padding: 0;
  position: absolute;
  top: 30px;
  left: 30px;
}
.lyt-case-col > a:hover .lyt-case-icon img,
.lyt-case-col > a:focus .lyt-case-icon img,
.lyt-case-col > a:active .lyt-case-icon img {
  opacity: 1;
}
.lyt-case-detail {
  margin: 0;
}
.lyt-case-detail dt {
  min-width: 63px;
  background: #666;
  color: #fff;
  font-size: 12px;
  padding: 2px 4px;
  margin: 0 9px 0 0;
  text-align: center;
}
.lyt-case-detail-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 0 5px;
}
[data-category="products-payroll"] .lyt-case-lead {
  color: #009740;
}
[data-category="products-payroll"] .lyt-case-col > a::before {
  border-bottom-color: #009740;
}
[data-category="products-payroll"] .lyt-case-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-seikyu"] .lyt-case-lead {
  color: #eb6d8e;
}
[data-category="products-seikyu"] .lyt-case-col > a::before {
  border-bottom-color: #eb6d8e;
}
[data-category="products-seikyu"] .lyt-case-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-kyuyo"] .lyt-case-lead {
  color: #22ac38;
}
[data-category="products-kyuyo"] .lyt-case-col > a::before {
  border-bottom-color: #22ac38;
}
[data-category="products-kyuyo"] .lyt-case-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-dealing"] .lyt-case-lead {
  color: #ea617c;
}
[data-category="products-dealing"] .lyt-case-col > a::before {
  border-bottom-color: #ea617c;
}
[data-category="products-dealing"] .lyt-case-col > a:hover::before {
  border-bottom-color: #ff538c;
}
[data-category="products-customer"] .lyt-case-lead {
  color: #f08300;
}
[data-category="products-customer"] .lyt-case-col > a::before {
  border-bottom-color: #f08300;
}
[data-category="products-customer"] .lyt-case-col > a:hover::before {
  border-bottom-color: #ea617c;
}
[data-category="products-aoiro"] .lyt-case-lead {
  color: #00b9ef;
}
[data-category="products-aoiro"] .lyt-case-col > a::before {
  border-bottom-color: #00b9ef;
}
[data-category="products-aoiro"] .lyt-case-col > a:hover::before {
  border-bottom-color: #ea617c;
}
@media only screen  and (max-width: 640px) {
  .lyt-case {
    margin: 0 0 31px;
  }
  .lyt-case-inner {
    display: block;
    margin: 0;
  }
  .lyt-case-col {
    width: 100%;
    min-height: 0;
    margin: 0 0 30px;
  }
  .lyt-case-col > a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 14px 20px 35px;
  }
  .lyt-case-col > a::before {
    border-width: 0 0 40px 40px;
  }
  .lyt-case-col > a::after {
    bottom: 8px;
  }
  .lyt-case-lead {
    width: calc(100% - 94px);
    -webkit-order: 2;
    order: 2;
  }
  .lyt-case-icon {
    -webkit-flex: 0 1 80px;
    flex: 0 1 80px;
    width: 80px;
    min-width: 80px;
    margin: 0 14px 0 0;
    position: static;
    -webkit-order: 1;
    order: 1;
    padding: 6px 0 0;
  }
  .lyt-case-detail {
    width: 100%;
    margin: 8px 0 0;
    -webkit-order: 3;
    order: 3;
  }
  .lyt-case-detail dt {
    width: 62px;
    margin: 0 10px 0 0;
  }
}
/* .lyt-performance
----------------------------------------------- */
.lyt-performance {
  margin: 0 0 24px;
}
.lyt-performance-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.lyt-performance-col.var-01 {
  width: 67%;
}
.lyt-performance-col.var-02 {
  width: 31%;
}
.lyt-performance-hdg {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  background: #0086cd;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 30px;
}
.lyt-performance-content {
  font-size: 18px;
}
.lyt-performance-notice {
  font-size: 12px;
}
.lyt-performance-media {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.lyt-performance-media > span {
  display: block;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  max-width: 100%;
}
.lyt-performance-col.var-02 .lyt-performance-media {
  -webkit-justify-content: center;
  justify-content: center;
}
[data-category="products-payroll"] .lyt-performance-hdg {
  background: #009740;
}
[data-category="products-seikyu"] .lyt-performance-hdg {
  background: #eb6d8e;
}
[data-category="products-kyuyo"] .lyt-performance-hdg {
  background: #22ac38;
}
[data-category="products-dealing"] .lyt-performance-hdg {
  background: #ea617c;
}
[data-category="products-customer"] .lyt-performance-hdg {
  background: #f08300;
}
[data-category="products-aoiro"] .lyt-performance-hdg {
  background: #00b9ef;
}
@media only screen  and (max-width: 640px) {
  .lyt-performance {
    margin: 0 0 19px;
  }
  .lyt-performance-inner {
    display: block;
  }
  .lyt-performance-col.var-01 {
    width: 100%;
    margin: 0 0 27px;
  }
  .lyt-performance-col.var-02 {
    width: 100%;
    margin: 0;
  }
  .lyt-performance-media {
    display: block;
    text-align: center;
  }
  .lyt-performance-media > span {
    display: block;
    margin: 0 0 16px;
  }
  .lyt-performance-hdg {
    font-size: 20px;
    padding: 1px 4px 4px;
    margin: 0 0 20px;
  }
}
/* .lyt-recommend
----------------------------------------------- */
.lyt-recommend {
  margin: 0 0 38px;
}
.lyt-recommend-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -42px 0 0 -42px;
}
.lyt-recommend-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: calc((100% / 3) - 42px);
  margin: 42px 0 0 42px;
}
.lyt-recommend-hdg {
  font-size: 22px;
  font-weight: normal;
  color: #0086cd;
  text-align: center;
  margin: 0 0 8px;
}
.lyt-recommend-content {
  width: 100%;
  text-align: left;
  font-size: 14px;
}
.lyt-recommend-img {
  margin: 0 0 38px;
}
@media only screen  and (max-width: 640px) {
  .lyt-recommend-inner {
    display: block;
    margin: 0;
  }
  .lyt-recommend-col {
    width: 100%;
    margin: 0 0 32px;
  }
  .lyt-recommend-hdg {
    font-size: 18px;
    margin: 0 0 3px;
  }
  .lyt-recommend-img {
    margin: 0 0 32px;
  }
}
/* .lyt-media-02
----------------------------------------------- */
.lyt-media-02 {
  max-width: 940px;
  margin: 0 auto 20px;
}
.lyt-media-02-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: -42px 0 0 -42px;
}
.lyt-media-02-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: calc(25% - 42px);
  margin: 42px 0 0 42px;
}
.lyt-media-02-hdg {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 9px;
}
.lyt-media-02-content {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
}
.lyt-media-02-img {
  margin: 0 0 14px;
}
@media only screen  and (max-width: 640px) {
  .lyt-media-02-inner {
    margin: -20px 0 0 -20px;
  }
  .lyt-media-02-col {
    width: calc(50% - 20px);
    margin: 20px 0 0 20px;
  }
  .lyt-media-02-img {
    margin: 0 0 10px;
  }
  .lyt-media-02-hdg {
    margin: 0 0 6px;
  }
}
/* .lyt-media-03
----------------------------------------------- */
.lyt-media-03{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.lyt-media-03-col {
 width: 25%;
 margin-right: 50px;
 text-align: justify;
}
@media only screen  and (max-width: 640px) {
  .lyt-media-03{
    flex-direction: column-reverse;
  }
  .lyt-media-03-col {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
   }
   .lyt-media-03 img{
    height: auto;
  }
}






/* .kakuteishinkoku-lyt-media
----------------------------------------------- */
.kakuteishinkoku-lyt-media-hdg {
  margin: 60px 0 20px;
  color: #005bac;
  font-weight: 400;
  font-size: 2.4rem;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .kakuteishinkoku-lyt-media-hdg {
    margin: 40px 0 20px;
    font-size: 2rem;
  }
}

.kakuteishinkoku-lyt-media {
  display: flex;
  flex-wrap: wrap;
  margin: -22px 0 10px -15px;
}

.kakuteishinkoku-lyt-media-inner {
  width: calc(100% / 3 - 15px);
  border: solid 1px #e6ebf1;
  margin: 22px 0 0 15px;
  flex-grow: 1;
  background-color: #fff;
}

.kakuteishinkoku-lyt-media-inner a {
  text-decoration: none;
}

.kakuteishinkoku-lyt-media-thumbnail {
  width: 100%;
}

.kakuteishinkoku-lyt-media-content {
  position: relative;
  max-width: 100%;
  padding: 8px 18px 11px 10px;
}

.kakuteishinkoku-lyt-media-content >:last-child {
  margin-bottom: 0;
}

.kakuteishinkoku-lyt-media-content::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #005bac;
  border-bottom: 2px solid #005bac;
  content: "";
  transform: rotate(-45deg) translateY(-50%);
}

.kakuteishinkoku-lyt-media-title {
  margin-bottom: 20px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 640px) {
  .kakuteishinkoku-lyt-media {
    display: block;
    margin: 0 auto;
  }

  .kakuteishinkoku-lyt-media-inner {
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}

/* ==================================================================== */

/* .tbl-scroll
----------------------------------------------- */
.tbl-scroll {
  margin-bottom: 45px;
}
.tbl-price {
  border-spacing: 4px;
  border-collapse: separate;
  font-size: 1.6rem;
  line-height: 1.2;
  width: 100%;
}
.tbl-price th, .tbl-price td{
  width: 20%;
  height: 87px;
  background-color: #f7f7f7;
  padding: 2px 20px;
  box-sizing: border-box;
}
.tbl-price th{
  background-color: #faf8f3;
  font-weight: bold;
  color: #333333;
}
.tbl-price thead th{
  background-color: #666666;
  font-weight: bold;
  color: #fff;
}
.tbl-price td{
  text-align: center;
}
.tbl-price thead td{
  background-color: #e2e2e2;
}
.tbl-price tbody th{
  padding: 20px 15px;
}
.tbl-price tbody td, .tbl-price tbody th{
  height: auto;
}
.tbl-price strong {
  color: inherit;
  font-size: 2rem;
}

.tbl-price thead .col-self, .tbl-price thead .col-basic, .tbl-price thead .col-total {
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.8rem;
}
.tbl-price thead .col-self {
  background-color: #00aa86;
}
.tbl-price thead .col-basic {
  background-color: #0086ca;
}
.tbl-price thead .col-total {
  background-color: #d9393f;
}

.tbl-price thead .col-direct {
  background-color: #e2e2e2;
  color: #333333;
  text-align: center;
  padding: 2px;
}

.tbl-price tbody .col-self, .tbl-price tbody .col-basic, .tbl-price tbody .col-total {
  font-size: 1.4rem;
  padding: 2px;
  vertical-align: middle;
}
.tbl-price tbody .col-self {
  background-color: #e2f7f2;
  color: #00aa86;
}
.tbl-price tbody .col-basic {
  background-color: #e6f7ff;
  color: #0086ca;
}
.tbl-price tbody .col-total {
  background-color: #fff1f2;
  color: #d9393f;
}

@media only screen and (max-width: 640px) {
  .tbl-scroll {
    overflow-x: scroll;
    margin-bottom: 20px;
  }
  .tbl-scroll::-webkit-scrollbar-track {
    background: #e2e2e2;
  }
  .tbl-scroll::-webkit-scrollbar {
    height: 5px;
  }
  .tbl-scroll::-webkit-scrollbar-thumb {
    background: #666;
  }
  .tbl-scroll > table {
    width: 860px;
    margin-bottom: 0;
  }
}

/* list
----------------------------------------------- */
.list-note li {
  display: table;
  margin-bottom: 5px;
  font-size: 1.4rem;
}
.list-note li .list-mark {
  display: table-cell;
  padding-right: 10px;
  white-space: nowrap;
}
.list-note li .list-body {
  display: table-cell;
}
.list-note li:last-child {
  margin-bottom: 0;
}

.list-qa {
  margin-bottom: 45px;
}
.list-qa > li {
  margin-bottom: 5px;
}
.list-qa > li .icon-qa {
  position: absolute;
  top: 12px;
  left: 19px;
  width: 24px;
}
.list-qa > li .question {
  position: relative;
  display: block;
  padding: 17px 52px 10px 63px;
  width: 100%;
  border: 0;
  background-color: #fff;
  text-align: left;
  font-weight: normal;
  font-size: 1.8rem;
  cursor: pointer;
  border: solid 1px #e6e6e6;
}
.list-qa > li .answer {
  position: relative;
  display: none;
  padding: 17px 23px 16px 63px;
  background-color: #fff;
}
.list-qa > li .answer .icon-qa {
  top: 20px;
}
.list-qa > li .answer p, .list-qa > li .answer ul {
  margin-bottom: 10px;
}
.list-qa > li .answer *:last-child {
  margin-bottom: 0;
}
.list-qa > li .btn-tgl {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 32px;
  height: 32px;
  color: transparent;
}
.list-qa > li .btn-tgl::before, .list-qa > li .btn-tgl::after {
  display: block;
  content: '';
  position: absolute;
  background-color: #005bac;
  -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.list-qa > li .btn-tgl::before {
  top: 1px;
  right: 15px;
  width: 2px;
  height: 32px;
}
.list-qa > li .btn-tgl::after {
  top: 16px;
  right: 0;
  width: 32px;
  height: 2px;
}
.list-qa > li.is-open .btn-tgl::before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.list-qa > li.is-open .btn-tgl::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
@media screen and (max-width: 640px) {
  .list-note li {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .list-qa {
    margin-bottom: 30px;
  }
  .list-qa > li .icon-qa {
    top: 17px;
    left: 10px;
    width: 17px;
  }
  .list-qa > li .question {
    padding: 15px 36px 14px 39px;
    font-size: 1.3rem;
  }
  .list-qa > li .answer {
    padding: 15px 15px 14px 39px;
    font-size: 1.2rem;
  }
  .list-qa > li .answer .list-note li {
    font-size: 1.2rem;
  }
  .list-qa > li .btn-tgl::before {
    top: 7px;
    right: 7px;
    width: 2px;
    height: 16px;
  }
  .list-qa > li .btn-tgl::after {
    top: 14px;
    right: 0;
    width: 16px;
    height: 2px;
  }
}
.js-unavailable .list-qa > li .answer {
  display: block;
}
[data-category^="products-ne"] .list-qa > li {
  margin-bottom: 25px;
}
[data-category^="products-ne"] .list-qa > li .question {
  cursor: default;
  border: none;
  font-weight: bold;
}
[data-category^="products-ne"] .list-qa > li .answer {
  display: block;
  padding-bottom: 30px;
  border-bottom: solid 1px #e6e6e6;
}

/* helper
----------------------------------------------- */
.show-sp {
  display: none !important;
}
@media (max-width: 640px) {
  .hide-sp {
    display: none !important;
  }
  .show-sp {
    display: block !important;
  }
}

/* btn-column
----------------------------------------------- */
.btn-column {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0;
}
.btn-column._col5 {
  margin-bottom: 10px;
}
.btn-column._col2 > li,
.btn-column._col5 > li {
  margin-bottom: 20px;
}
.btn-column._col2 > li {
  width: 49%;
}
.btn-column._col5 > li {
  width: 19%;
}
.btn-column > li > a {
  display: block;
  padding: 16px 4px 22px;
  background-color: #f7f7f7;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 0 0 #d9d9d9;
  box-shadow: 0 5px 0 0 #d9d9d9;
  color: #333;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  position: relative;
}
.btn-column._col2 > li > a {
  height: 118px;
}
.btn-column._col5 > li > a {
  /*height: 96px;*/
}
.btn-column._col2 > li > a:after,
.btn-column._col5 > li > a:after {
  content: "";
  display: block;
  position: absolute;
}
.btn-column._col2 > li > a:after {
  width: 7px;
  height: 13px;
  background-image: url(/products/function_list/img/index-icon-37.png);
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-column._col5 > li > a:after {
  width: 12px;
  height: 7px;
  background-image: url(/products/function_list/img/index-icon-36.png);
  left: 50%;
  bottom: 7px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.btn-column > li > a span {
  font-size: 15px;
  font-weight: bold;
}
.btn-column > li > a:hover {
  opacity: .6;
}
.btn-column._parallel > li > a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 30px 0 0;
  font-size: 18px;
}
.btn-column._parallel > li > a span {
  font-size: 18px;
}
.btn-column > li > a > div {
  margin-top: 10px;
}
.btn-column._parallel > li > a > div {
  margin-top: 0;
}
.btn-column._parallel > li > a > .img {
  width: 26%;
  padding: 0 10px;
}
.btn-column._parallel > li > a > .text {
  width: 74%;
  padding-left: 10px;
  text-align: left;
}
.btn-column ._kaikei {
  color: #0086cd;
}
.btn-column ._shinkoku {
  color: #00b9ef;
}
.btn-column ._kyuyo {
  color: #239b50;
}
.btn-column ._hanbai {
  color: #ea617c;
}
.btn-column ._seikyu {
  color: #eb6d8e;
}
.btn-column ._misoca {
  color: #00a6ba;
}
@media only screen and (max-width: 640px) {
  .btn-column {
    margin-left: 0;
  }
  .btn-column._col5 {
    display: none;
  }
  .btn-column > li {
    float: none;
  }
  .btn-column._col2 > li,
  .btn-column._col5 > li {
    width: 100%;
    max-width: 469px;
    margin-left: 0;
  }
  .btn-column._col2 > li > a {
    height: 85px;
  }
  .btn-column._parallel > li > a,
  .btn-column._parallel > li > a span{
    font-size: 14px;
  }
  .btn-column._parallel > li > a > .img {
    width: 30%;
  }
  .btn-column._parallel > li > a > .img._narrow {
    padding: 0 7%;
  }
  .btn-column._parallel > li > a > .text {
    width: 70%;
  }
}

/* .table-function
----------------------------------------------- */
.table-function {
  margin: 0 0 40px;
  overflow: auto;
}
.table-function-inner {
  width: 100%;
  max-width: 1200px;
  min-height: 140px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.table-function-icon {
  width: 132px;
  min-height: 132px;
  margin: 0 38px 0 0;
  background: #eaf5fb;
  border-radius: 50%;
}
.table-function-content {
  width: calc(100% - 170px);
}
.table-function-table {
  width: 100%;
  table-layout: fixed;
}
.table-function-table th,
.table-function-table td {
  border: 1px solid #fff;
  padding: 8px 14px;
}
.table-function-table th {
  background: #eaf5fb;
  width: 40%;
  max-width: 243px;
  font-weight: normal;
}
.table-function-table td {
  background: #f8f8f8;
}
[data-category^="products-payroll"] .table-function-table th {
  background: #e5f4ec;
}
[data-category^="products-payroll"] .table-function-icon {
  background: #e5f4ec;
}
[data-category^="products-dealing"] .table-function-table th {
  background: #fdeff2;
}
[data-category^="products-dealing"] .table-function-icon {
  background: #fdeff2;
}
[data-category^="products-seikyu"] .table-function-table th {
  background: #fdf0f3;
}
[data-category^="products-seikyu"] .table-function-icon {
  background: #fdf0f3;
}
[data-category^="products-aoiro"] .table-function-table th {
  background: #e5f8fd;
}
[data-category^="products-kyuyo"] .table-function-table th {
  background: #e8f7eb;
}
[data-category^="products-kyuyo"] .table-function-icon {
  background: #e8f7eb;
}
[data-category^="products-customer"] .table-function-table th {
  background: #fdf2e5;
}
[data-category^="products-customer"] .table-function-icon {
  background: #fdf2e5;
}
@media only screen and (max-width: 640px) {
  .table-function-inner {
    min-width: 820px;
  }
}

/* js-adjustHeight
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .js-adjustHeight .target {
    height: auto !important;
  }
}

/* ==================================================================== */

.fw-bold {
  font-weight: 700 !important;
    font-size: 1.3rem;
}



.fw-bold-yt {
  font-weight: 700 !important;
  font-size: 1.5rem;
  color: #000000;
    text-shadow:
            3px 3px 3px #ffffff, -3px -3px 3px #ffffff,
           -3px 3px 3px #ffffff,  3px -3px 3px #ffffff,
            3px 0px 3px #ffffff, -3px -0px 3px #ffffff,
            0px 3px 3px #ffffff,  0px -3px 3px #ffffff;
    margin: 0;
}

.fw-bold-yt:hover {
  font-weight: 700 !important;
  font-size: 1.5rem;
  color: #ffffff;
    text-shadow:
            3px 3px 3px #000000, -3px -3px 3px #000000,
           -3px 3px 3px #000000,  3px -3px 3px #000000,
            3px 0px 3px #000000, -3px -0px 3px #000000,
            0px 3px 3px #000000,  0px -3px 3px #000000;
    margin: 0;

}