@charset "UTF-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#summary #gNavi > ul > .navi02 > a {
  border-bottom: 4px solid #A5A5A5;
}
#function #gNavi > ul > .navi03 > a,
#function-pos #gNavi > ul > .navi03 > a,
#function-self #gNavi > ul > .navi03 > a,
#function-semiself #gNavi > ul > .navi03 > a,
#function-store #gNavi > ul > .navi03 > a,
#function-stock #gNavi > ul > .navi03 > a,
#function-customer #gNavi > ul > .navi03 > a,
#function-hq #gNavi > ul > .navi03 > a {
		border-bottom: 4px solid #A5A5A5;
}
.industries #gNavi > ul > .navi05 > a {
	border-bottom: 4px solid #A5A5A5;
}
#advantage #gNavi > ul > .navi06 > a {
	border-bottom: 4px solid #A5A5A5;
}
#spec #gNavi > ul > .navi07 > a {
	border-bottom: 4px solid #A5A5A5;
}
#support #gNavi > ul > .navi08 > a {
	border-bottom: 4px solid #A5A5A5;
}
#pos #gNavi > ul > .navi10 > a {
	border-bottom: 4px solid #A5A5A5;
}
#system #gNavi > ul > .navi11 > a,
#freetax #gNavi > ul > .navi11 > a,
#howto #gNavi > ul > .navi11 > a,
#flow #gNavi > ul > .navi11 > a,
#unified-commerce #gNavi > ul > .navi11 > a {
		border-bottom: 4px solid #A5A5A5;
}

#system #main .comIndustry .textBox .title a,
#related #main .comIndustry .textBox .title a {
  border-bottom: 2px solid transparent;
}

#system #main .comIndustry .textBox .title a:hover,
#related #main .comIndustry .textBox .title a:hover {
	border-bottom: none;
}

.industries #gNavi > ul > .navi02 > a {
  border-bottom: none !important;
}

/* normal list */
.ul li,
.ol li {
  margin-bottom: 4px;
  padding-left: 1.5em;
  position: relative;
}

.ul li:last-child,
.ol li:last-child {
  margin-bottom: 0;
}

.ul li::before {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0.2em;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #595959;
  border-radius: 50%;
}

.ol {
  list-style: decimal;
  padding-left: 1.5em;
}

.ol li {
  padding-left: 0;
}

#main .label {
  display: inline-block;
  margin: 0 10px 5px 0;
  padding: 4px 10px 2px;
  background: #052F5F;
  color: #fff;
  vertical-align: middle;
}

#main .label.label-red {
  background: #8e2943;
}

#main .functionBox {
  margin-bottom: 17px;
}

#main .functionBox .mainBox {
  margin-bottom: 32px;
}

#main .functionBox .photoBox {
  padding-top: 12px;
  float: left;
}

#main .functionBox .textBox {
  float: right;
  width: 600px;
}

#main .functionBox .textBox p {
  margin-bottom: 30px;
}

#main .functionBox .additionalBox {
  padding: 30px 20px;
  border: 2px solid #052F5F;
  text-align: center;
}

#main .functionBox .additionalBox h3 {
  margin-bottom: 20px;
  font-size: 24px;
}

#main .functionBox .additionalBox h3 .new {
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
}

#main .functionBox .additionalBox .photo {
  margin: 32px 0;
}

#main .functionBox .additionalBox .innerUl > li {
  width: 48.45%;
}

#main .functionBox .additionalBox .innerUl .title {
  margin-bottom: 16px;
  padding: 6px 5px 4px 5px;
  background: #052F5F;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}

#main .functionBox .additionalBox .innerUl ul {
  text-align: left;
}

#main img {
  max-width: 100%;
  height: auto;
}

#main p {
  line-height: 1.8;
}

#main .greyBox {
  padding: 30px 20px 37px;
  background-color: #F2F2F2;
}

#main .functionBox .greyBox .title {
  margin-bottom: 20px;
  line-height: 1.3;
}

#main .greyBox .title span {
  padding: 4px 3px 3px;
  display: inline-block;
  min-width: 94px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  position: relative;
  box-sizing: border-box;
  background-color: #052F5F;
}

#main .greyBox .title span:after {
  width: 16px;
  height: 30px;
  background: url(../img/common/icon05.png) no-repeat right top;
  position: absolute;
  top: 0;
  right: -16px;
  content: "";
}

#main .comUl li {
  margin-bottom: 17px;
  padding: 1px 0 0 43px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  background: url(../img/common/icon04.png) no-repeat left top;
}

#main .comUl li a {
  text-decoration: underline;
}

#main .comUl li a:hover {
  text-decoration: none;
}

#main .comUl li:last-child {
  margin-bottom: 0 !important;
}

#main .greyBox .comUl li {
  letter-spacing: -0.2px;
}

#main .greyBox .comUl li span.small {
  margin: 10px 0 15px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  display: block;
}

#main .greyBox .functionDl dt {
  width: 70px;
  float: left;
}

#main .greyBox .functionDl dd {
  padding-left: 4em;
}

#main .blueBox {
  padding: 50px 0 51px;
  background-color: #D5E7FF;
}

#main .blueBox03 {
  margin: 0 0 50px 0;
  padding: 20px 0 40px;
}

#main .blueBox04 {
  margin: 0 0 50px 0;
  padding: 20px 0 40px;
  background-color: #dcdfef;
}

#main .blueBox05 {
  background-color: #dcdfef !important;
}

#main .blueBox06 {
  margin: 0 0 50px 0;
  padding: 20px 0 0;
  background-color: #dcdfef;
}

#main .blueBox06 ul {
  padding: 0 0 20px 0;
}

#main .blueBox .title {
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: bold;
}

#main .blueBox .title a,
#main .blueBox .title span {
  display: inline-block;
  text-decoration: none;
  border-bottom: 2px solid #272727;
}

#main .blueBox .title a:hover {
  border-bottom: none;
}

#main .blueBox03 .title {
  margin-top: 15px;
}

#main .blueBox02 .title img,
#main .blueBox03 .title img {
  vertical-align: middle;
  margin-right: 15px;
}

#main .systemBox {
  margin-bottom: 80px;
  padding: 60px 0 40px;
  background-color: #F2F2F2;
}

#main .systemUl {
  margin-bottom: -19px;
}

#main .systemUl li {
  margin: 0 48px 40px 0;
  float: left;
  width: 368px;
  background-color: #fff;
  box-shadow: 2px 2px 2px #CCC;
}

#main .systemUl .liStyle img {
  width: 100%;
}

#main .systemUl li:nth-child(3n) {
  margin-right: 0;
}

#main .systemUl li .photo {
  padding: 20px 0;
  text-align: center;
}

#main .systemUl li .sub {
  padding: 16px 20px 22px;
  border-top: 1px solid #D8D8D8;
}

#main .systemUl li .sub p {
  line-height: 1.6;
}

#main .systemUl li .sub p a {
  font-size: 15px;
  color: #4a5880;
  text-decoration: underline;
}

#main .systemUl li .sub p a.linkText {
  font-size: 18px;
  color: #4a5880;
  text-decoration: underline;
}

#main .systemUl li .sub p a:hover {
  text-decoration: none;
}

#main .systemUl li .sub .title {
  margin-bottom: 5px;
  font-size: 18px;
  color: #4a5880;
  font-weight: bold;
  text-align: center;
}

#main .systemUl li .comUl li {
  float: none;
  box-shadow: none;
  width: auto;
  margin: 0;
  font-size: 15px;
  background-color: transparent;
}

#main .useBox {
  margin: 0 auto;
  width: 1200px;
}

#main .useBox .comImgBoxL .textBox {
  padding: 0;
  width: 620px;
}

#main .useBox p {
  margin-bottom: 42px;
}

#camera #main .useBox p.comColorTtl {
  margin: 42px 0 10px;
}

#main .blueLink {
  color: #093FAD;
  text-decoration: underline;
}

#main .blueLink:hover {
  text-decoration: none;
}

#main .useBox .text03 {
  margin-bottom: 80px;
}

#main .easeBox {
  margin-bottom: 70px;
}

#main .easeBox .lBox {
  padding-top: 5px;
  float: left;
  width: 540px;
}

#main .easeBox .lBox .comTitle {
  margin-bottom: 15px;
}

#main .comTitle {
  margin-bottom: 15px;
  font-size: 24px;
  color: #042f5f;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
}

#main .easeBox .rBox {
  margin-top: 9px;
  float: right;
  width: 600px;
  box-sizing: border-box;
  padding: 28px 20px 26px;
  background-color: #F2F2F2;
}

#main .easeBox .rBox01 {
  background-color: #fff;
}

#main .easeBox .rBox02 {
  background-color: #fff;
  padding: 0 20px 26px;
  margin: 0;
}

#main .easeBox .rBox p {
  margin-bottom: 26px;
  line-height: 1.7;
  letter-spacing: -0.5px;
}

#main .easeBox .rBox p:last-child {
  margin-bottom: 0;
}

#main .easeBox .rBox .title {
  margin-bottom: 4px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

#main .easeBox .rBox .title span {
  margin-right: 7px;
  width: 30px;
  height: 30px;
  border-radius: 300px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0;
  line-height: 1.5;
  vertical-align: middle;
  background-color: #04305F;
  display: inline-block;
}

#main .easeBox .rBox .textBox {
  float: left;
  width: 300px;
}

#main .easeBox .rBox .photoBox {
  float: right;
}

#main .easeBox .lBox .ttlBox .comTitle {
  float: left;
  width: 260px;
  text-align: center;
}

#main .easeBox .lBox .ttlBox .comTitle:nth-child(2n) {
  float: right;
}

#main .easeBox02 {
  margin-bottom: 33px;
}

#main .easeBox02 .rBox .textBox {
  width: 380px;
}

#main .easeBox02 .rBox .photoBox {
  padding-right: 20px;
}

#main .useBox .pageTop {
  margin-bottom: 57px;
}

#main .saleBox {
  margin-bottom: 33px;
  position: relative;
}

#main .saleBox .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -30px;
}

#main .saleBox .subSale {
  float: left;
  width: 580px;
  box-sizing: border-box;
  border: 1px solid #042F5F;
}

#main .saleBox .subSale:nth-child(2) {
  float: right;
}

#main .saleBox .title {
  margin-bottom: 0;
  padding: 9px 10px 7px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #042F5F;
}

#main .saleList {
  margin-bottom: 40px;
  position: relative;
}

#main .saleList:before {
  margin: -40px 0 0 -32px;
  width: 63px;
  height: 112px;
  background: url(../img/common/com_arrow.jpg) no-repeat;
  background-size: 63px 112px;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
}

#main .saleList p {
  margin: 0 auto 10px;
  padding: 3px 5px;
  width: 340px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  background-color: #03255E;
}

#main .saleList > li {
  width: 550px;
  float: left;
}

#main .saleList > li:last-child {
  float: right;
}

#main .saleList > li img {
  width: 100%;
  height: 270px;
  margin-top: -200px;
}

#main .saleList > li:last-child img {
  margin-top: -200px;
}

#main .saleList > li .comUl {
  margin-top: 100px;
  position: relative;
  z-index: 5;
  width: 270px;
  float: right;
  top: 54px;
}

#main .saleList > li:last-child .comUl {
  margin-top: 40px;
}

#main .saleList > li .comUl li {
  font-size: 16px;
}

#main .proBox .phoBox {
  margin-bottom: 10px;
}

#main .proBox p {
  font-size: 14px;
}

#main .useBox .text {
  margin-bottom: 50px;
}

#main .useBox .text02 {
  margin-bottom: 50px;
  letter-spacing: -0.5px;
}

#main .saleBox .subSale .inner {
  padding: 28px 19px 30px;
  position: relative;
}

#main .saleBox .subSale .inner .comUl li {
  margin-bottom: 21px;
}

#main .saleBox .subSale .photo01 {
  margin-bottom: 28px;
  text-align: center;
}

#main .saleBox .subSale:nth-child(2) .inner .comUl02 {
  position: absolute;
  left: 20px;
  top: 580px;
}

#main .useBox .list {
  margin: 0 10px 28px;
}

#main .useBox .list li {
  float: left;
  width: 560px;
}

#main .useBox .list li:nth-child(2) {
  float: right;
}

#main .useBox .list li .comTitle {
  margin-bottom: 12px;
}

#main .useBox .list li:nth-child(2) img {
  margin-left: -10px;
}

#main .useBox .list li span {
  display: block;
  font-size: 14px;
  margin-top: 18px;
}

#main .saleBox02 .subSale {
  width: 480px;
}

#main .saleBox02 .subSale .inner {
  padding-bottom: 31px;
}

#main .saleBox02 .subSale:nth-child(2) {
  width: 680px;
}

#main .saleBox02 .subSale .comUl03 {
  margin-bottom: 31px;
  width: 300px;
}

#main .saleBox02 .subSale .photo02 {
  margin-bottom: 18px;
}

#main .saleBox02 .subSale .infoUl > li {
  float: left;
  width: 300px;
}

#main .saleBox02 .subSale .infoUl > li:nth-child(2n) {
  float: right;
}

#main .saleBox02 .subSale .infoUl > li .comUl {
  margin-top: 20px;
}

#main .saleBox02 .topBox {
  position: relative;
}

#main .saleBox02 .topBox span {
  position: absolute;
  bottom: -41px;
  left: 264px;
}

#main .saleBox04 .subSale {
  width: 560px;
  border-width: 2px;
}

#main .saleBox04 .subSale.before {
  border-color: #a4a4a4;
}

#main .saleBox04 .subSale.before .title {
  background: #a4a4a4;
}

#main .saleBox04 .subSale.after {
  border-color: #419b91;
}

#main .saleBox04 .subSale.after .title {
  background: #419b91;
}

#main .saleBox04 .subSale .inner {
  padding: 20px 20px 30px;
}

#main .saleBox04 .arrow {
  width: 0;
  height: 0;
  margin-top: -40px;
  border-style: solid;
  border-width: 45px 0 45px 60px;
  border-color: transparent transparent transparent #052f5f;
  font-size: 0;
}

#main .cashierUl {
  margin-bottom: 35px;
}

#main .cashierUl > li {
  float: left;
  width: 580px;
}

#main .cashierUl > li:nth-child(2n) {
  float: right;
}

#main .cashierUl > li .title {
  margin-bottom: 0;
  padding: 9px 10px 7px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #052F5F;
}

#main .cashierUl > li > ul > .liStyle {
  border-color: #91402D;
}

#main .cashierUl > li > ul > .liStyle .title {
  background-color: #91402D;
}

#main .cashierUl > li > ul > li {
  margin-bottom: 30px;
  border: 1px solid #052F5F;
}

#main .cashierUl > li > ul > li:last-child {
  margin-bottom: 0;
}

#main .cashierUl > li .inner {
  padding: 19px 10px 20px 20px;
}

#main .cashierUl > li .inner p {
  margin-bottom: 0;
}

#main .cashierUl > li ul li ul li {
  line-height: 1.77;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: -0.4px;
}

#main .cashierUl02 {
  padding: 0;
}

#main .cashierUl02 > li {
  line-height: 1.77;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: -0.4px;
}

#main .cashierUl03 {
  padding: 0 0 0 20px;
}

#main .cashierUl03 > li {
  list-style: disc;
}

#main .saleBox03 .subSale .inner {
  padding: 28px 10px 30px;
}

#main .saleBox03 .saleTitle {
  margin-bottom: 20px;
  text-align: center;
}

#main .saleBox03 .saleTitle span {
  display: inline-block;
  padding: 5px 20px;
  text-align: center;
  color: #fff;
  background-color: #052f5f;
  border-radius: 8px;
}

#main .saleBox03 .saleTitle02 span {
  background-color: #7F7F7F;
}

#main .saleBox03 .comUl04 {
  margin: 0 30px 40px;
}

#main .saleBox03 .saleUl {
  margin: 0 auto;
  width: 370px;
}

#main .saleBox03 .saleUl li {
  float: left;
}

#main .saleBox03 .saleUl li:nth-child(2n) {
  float: right;
}

#main .screenUl {
  margin-bottom: 20px;
}

#main .screenUl li {
  float: left;
  width: 50%;
}

#main .screenUl li:nth-child(2n) {
  float: right;
}

#main .screenUl li .comTitle {
  font-size: 20px;
  margin: 0;
}

#main .saleBox03 .photo02 {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

#main .saleBox03 .photo02 span {
  position: absolute;
  display: block;
  bottom: -80px;
  left: 45%;
}

#main .industry {
  margin: 30px 0 -16px;
}

#main .industry02 {
  padding: 60px 0 16px;
}

#main .industry02 .photoBox {
  width: 540px;
}

#main .industry03 {
  padding: 30px 0;
}

#main .industry03 .comImgBoxL,
#main .industry03 .comImgBoxR {
  width: 1080px;
  margin: 0 auto;
}

#main .industry03 .photoBox {
  width: 380px;
}

#main .industry03 .comImgBoxL .photoBox,
#main .industry03 .comImgBoxR .textBox {
  padding-left: 40px;
}

#main .comImgBoxL .helpdesk li {
  font-size: 16px;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 10px;
}

#main .comImgBoxL .helpdesk li span {
  font-weight: bold;
}

#main .indent-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
}

#main .indent-list .mark {
  margin-right: 7px;
}

#main .photoList03 li {
  width: 380px;
}

#main .pos-functionBox .textBox {
  margin-top: 48px;
}

#main .effectBox {
  padding: 20px 40px;
}

#main .effectBox .title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: bold;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main p {
    line-height: 1.6;
  }
  #main .functionBox .photoBox {
    float: none;
    padding: 0;
    margin-bottom: 20px;
  }
  #main .functionBox .textBox {
    float: none;
    width: auto;
  }
  #main .functionBox .textBox p {
    margin-bottom: 20px;
  }
  #main .functionBox .additionalBox {
    padding: 20px 15px;
    box-sizing: border-box;
  }
  #main .functionBox .additionalBox h3 {
    margin-bottom: 10px;
    font-size: 18px;
    text-align: left;
  }
  #main .functionBox .additionalBox .textP {
    text-align: left;
  }
  #main .functionBox .additionalBox h3 .new {
    font-size: 14px;
  }
  #main .functionBox .additionalBox .photo {
    margin: 20px 0;
  }
  #main .functionBox .additionalBox .innerUl > li {
    width: 100%;
  }
  #main .functionBox .additionalBox .innerUl > li:not(:last-child) {
    margin-bottom: 20px;
  }
  #main .functionBox .additionalBox .innerUl .title {
    margin-bottom: 10px;
    padding: 6px 5px 4px 5px;
    font-size: 16px;
  }
  #main .greyBox {
    padding: 20px 15px;
  }
  #main .greyBox .title span {
    padding: 7px 3px 5px;
  }
  #main .comUl li {
    margin-bottom: 10px;
    padding: 0 0 0 27px;
    font-size: 14px;
    background-size: 20px auto;
  }
  #main .comUl li a {
    text-decoration: underline !important;
  }
  #main .comUl li span.small {
    margin-bottom: 10px;
    font-size: 12px !important;
  }
  #main .blueBox {
    padding: 20px 0;
  }
  #main .blueBox .title {
    font-size: 19px;
    line-height: 1.3;
  }
  #main .blueBox .title a,
  #main .blueBox .title span {
    letter-spacing: -1px;
  }
  #main .blueBox .title a:hover {
    border-bottom: 2px solid #272727;
  }
  #main .blueBox .title img {
    margin: 0 auto 15px;
    width: 40px;
    display: block;
  }
  #main .systemBox {
    margin-bottom: 30px;
    padding: 30px 0;
  }
  #main .systemUl {
    margin: 0;
  }
  #main .systemUl li {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }
  #main .systemUl li .sub {
    padding-bottom: 15px;
    height: auto !important;
  }
  #main .systemUl li .sub .title {
    font-size: 16px;
  }
  #main .systemUl li .photo {
    width: 250px;
    height: auto !important;
    margin: 0 auto;
  }
  #main .systemUl li .sub p a.linkText {
    font-size: 15px;
  }
  #main .useBox {
    width: auto;
    margin: 0 15px;
  }
  #main .easeBox .lBox {
    margin-bottom: 15px;
    float: none;
    width: auto;
    padding: 0;
  }
  #main .comTitle {
    font-size: 18px;
  }
  #main .blueLink:hover {
    text-decoration: underline;
  }
  #main .easeBox {
    margin-bottom: 30px;
  }
  #main .easeBox .rBox {
    float: none;
    width: auto;
    margin: 0;
    padding: 15px 10px 15px 15px;
  }
  #main .easeBox .rBox p {
    margin-bottom: 15px;
  }
  #main .easeBox .rBox .title {
    font-size: 17px;
  }
  #main .easeBox .rBox .title span {
    padding-top: 2px;
  }
  #main .easeBox .rBox .textBox {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  #main .easeBox .rBox .photoBox {
    float: none;
    margin: 0 auto;
    width: 240px;
  }
  #main .easeBox .lBox .ttlBox .comTitle {
    font-size: 14px;
    width: 50%;
  }
  #main .easeBox02 .rBox .photoBox {
    padding: 0;
    width: 100px;
  }
  #main .useBox .pageTop {
    margin: 0 0 20px;
  }
  #main .useBox p {
    margin-bottom: 20px;
  }
  #main .useBox .text {
    margin-bottom: 20px;
  }
  #main .proBox .phoBox {
    margin-bottom: 8px;
  }
  #main .proBox p {
    font-size: 11px;
  }
  #main .saleBox .subSale {
    margin-bottom: 15px;
    float: none !important;
    width: auto !important;
  }
  #main .saleBox .arrow {
    display: none;
  }
  #main .saleBox .title {
    font-size: 18px;
  }
  #main .saleBox .subSale .inner {
    padding: 20px 15px;
    height: auto !important;
  }
  #main .saleBox .subSale .photo01 {
    margin-bottom: 15px;
  }
  #main .saleBox .subSale .photo02 {
    margin-bottom: 15px;
  }
  #main .saleBox .subSale .inner .comUl li {
    margin-bottom: 10px;
  }
  #main .saleBox .subSale:nth-child(2) .inner .comUl02 {
    position: relative;
    left: inherit;
    bottom: inherit;
  }
  #main .saleList {
    margin-bottom: 30px;
  }
  #main .saleList:before {
    display: none;
  }
  #main .saleList p {
    width: 270px;
  }
  #main .saleList > li {
    margin-bottom: 20px;
    width: auto;
    float: none !important;
  }
  #main .saleList > li:last-child {
    margin-bottom: 0;
  }
  #main .saleList > li img {
    margin-top: 0 !important;
    width: 100%;
    height: auto;
  }
  #main .saleList > li .comUl {
    margin: 0 0 15px !important;
    width: auto;
    float: none;
    top: 0;
  }
  #main .saleList > li:last-child .comUl {
    margin-top: 40px;
  }
  #main .saleList > li .comUl li {
    font-size: 15px;
  }
  #main .useBox .text02 {
    letter-spacing: 0;
    margin-bottom: 20px;
  }
  #main .useBox .list {
    margin: 0;
  }
  #main .useBox .list li {
    float: none !important;
    width: auto;
    margin-bottom: 15px;
  }
  #main .useBox .list li:nth-child(2) img {
    margin: 0;
  }
  #main .saleBox02 .subSale .comUl03 {
    width: auto;
    margin-bottom: 20px;
  }
  #main .saleBox02 .topBox span {
    display: none;
  }
  #main .saleBox02 .subSale .infoUl > li {
    float: none !important;
    width: auto;
    margin-bottom: 15px;
  }
  #main .saleBox02 .subSale .infoUl > li:last-child {
    margin-bottom: 0;
  }
  #main .saleBox04 .subSale {
    width: 100%;
  }
  #main .saleBox04 .subSale .inner {
    padding: 15px;
  }
  #main .saleBox {
    margin-bottom: 10px;
  }
  #main .cashierUl > li {
    float: none !important;
    width: auto;
    margin-bottom: 15px;
  }
  #main .cashierUl > li:last-child {
    margin-bottom: 0;
  }
  #main .cashierUl > li > ul > li {
    margin-bottom: 15px;
  }
  #main .cashierUl > li .title {
    font-size: 18px;
    padding: 5px;
  }
  #main .cashierUl > li .inner {
    padding: 15px;
  }
  #main .saleBox03 .subSale .photo01 {
    margin: 0 auto 20px;
    width: 240px;
  }
  #main .saleBox03 .comUl04 {
    margin: 0 0 20px;
  }
  #main .saleBox03 .saleUl {
    margin: 0;
    width: auto;
  }
  #main .saleBox03 .saleUl li {
    width: 48%;
  }
  #main .screenUl {
    margin-bottom: 10px;
  }
  #main .screenUl li .comTitle {
    font-size: 12px;
  }
  #main .saleBox03 .subSale .photo02 {
    margin-bottom: 30px;
  }
  #main .saleBox03 .photo02 span {
    display: none;
  }
  #main .comImgBoxL .helpdesk li {
    font-size: 14px;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 10px;
  }
  #main .comImgBoxL .helpdesk li span {
    font-weight: bold;
  }
  #main .industry02 {
    padding-top: 30px;
  }
  #main .industry02 .comImgBoxR {
    margin-bottom: 20px;
  }
  #main .industry02 .headLine01 img {
    width: auto;
  }
  #main .industry02 .photoBox,
  #main .industry03 .photoBox,
  #main .industry03 .comImgBoxL,
  #main .industry03 .comImgBoxR {
    width: 100%;
  }
  #main .industry03 .comImgBoxL .photoBox,
  #main .industry03 .comImgBoxR .textBox {
    padding-left: 0;
  }
  #main .photoList03 li {
    width: 100%;
    margin-bottom: 20px;
  }
  #main .pos-functionBox .textBox {
    margin-top: 0;
  }
  #main .effectBox {
    padding: 20px 15px;
  }
  #main .effectBox .title {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
/*------------------------------------------------------------
	/products/pcp/function/
------------------------------------------------------------*/
#function #main .industry {
  margin-top: 0;
}

#function #main .retailBox {
  background-color: #D5E7FF;
}

#function #main .retailBox .retailUl .title {
  text-align: center;
}

/*------------------------------------------------------------
	/products/pcp/function/store/
------------------------------------------------------------*/
#function-store #main .easeBox {
  margin-bottom: 20px;
}

#function-store #main .easeBox .lBox {
  width: 490px;
}

#main .easeBox .storeBox {
  float: right;
  width: 690px;
}

#main .easeBox .storeBox .sweat {
  float: left;
}

#main .easeBox .storeBox .comUl {
  padding-top: 22px;
  float: right;
  width: 370px;
}

#main .easeBox .storeBox .sub {
  margin-bottom: 20px;
}

#function-store .headLine02 {
  letter-spacing: -1px;
}

#function-store .storeTextImg {
  text-align: center;
}

#function-store .storeUlText {
  margin: 0 auto;
  text-align: center;
}

#function-store .storeUlText ul {
  display: inline-block;
  text-align: left;
}

#function-store .textP {
  margin: -60px 0 0 100px;
}

#function-store .storeTextImg02 {
  margin: 0 auto 80px;
  width: 930px;
  position: relative;
}

#function-store .storeTextImg02 .comList {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 570px;
}

#function-store #main .systemBox02 {
  margin-bottom: 40px;
  background-color: #fff;
  padding-top: 0;
}

#function-store #main .systemBox02 .systemUl li {
  box-shadow: none;
}

#function-store #main .systemBox02 .systemUl li .photo {
  padding: 0;
}

#function-store #main .systemBox02 .systemUl li .sub {
  border-top: none;
}

#function-store #main .photo {
  margin-bottom: 10px;
}

#function-store #main .photo01 {
  margin-bottom: 60px;
}

#main .comUl05 {
  margin-bottom: 10px;
}

#main .comUl05 li .title {
  margin-bottom: 0;
  font-weight: bold;
}

#main .comUl05 li {
  font-weight: normal;
}

#main .h2Ttl02 {
  letter-spacing: -1.7px;
}

/*------------------------------------------------------------
	/products/pcp/function/hq/
------------------------------------------------------------*/
#function-hq .useBox p a {
  font-size: 18px;
  color: #4a5880;
  text-decoration: underline;
}

#function-hq .useBox p a:hover {
  text-decoration: none;
}

#function-hq .hqText {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px !important;
}

#function-hq .comUl li {
  margin-bottom: 17px;
  padding: 1px 0 0 43px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  background: url(../img/common/icon04.png) no-repeat left top;
}

#function-hq .hqTextImg {
  text-align: center;
  margin-bottom: 40px;
}

@media all and (min-width: 768px) and (max-width: 1310px) {
  #main .mainImg .textBox .title span {
    font-size: 30px;
  }
  #main .mainImg .textBox p {
    font-size: 15px;
  }
  #main .h2Ttl02 {
    letter-spacing: 0;
  }
}
@media all and (min-width: 0px) and (max-width: 767px) {
  #main .mainImg .textBox .title span {
    letter-spacing: 0 !important;
  }
  #function-store #main .easeBox .lBox {
    width: auto;
  }
  #main .easeBox .storeBox {
    float: none;
    width: auto;
  }
  #main .easeBox .storeBox .sweat {
    float: none;
  }
  #main .easeBox .storeBox .comUl {
    float: none;
    width: auto;
  }
  #function-store #main .easeBox {
    margin-bottom: 0;
  }
  #function-store .textP {
    margin: 20px 0;
  }
  #function-store .storeTextImg02 {
    margin-bottom: 30px;
    width: auto;
  }
  #function-store .storeTextImg02 .comList {
    position: relative;
    left: inherit;
    bottom: inherit;
    width: auto;
  }
  #function-store #main .systemBox02 {
    padding: 0;
  }
  #function-store #main .systemBox02 .systemUl li .sub {
    padding-left: 0;
    padding-right: 0;
  }
  #function-store #main .photo01 {
    margin-bottom: 20px;
  }
}
/*------------------------------------------------------------
	/products/pcp/function/stock/
------------------------------------------------------------*/
#main .stockImg {
  margin: 0 0 40px;
  text-align: center;
}

#main .stockImg02 {
  margin-bottom: 50px;
  text-align: center;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .stockImg {
    margin-left: 0;
  }
}
/*------------------------------------------------------------
	/products/pcp/function/inventories-tablet/
------------------------------------------------------------*/
#tablet .mainImg .textBox .title span {
  margin-right: -90px;
}

#main .tabletBox .photoBox {
  padding: 30px 0 0 20px;
}

#main .tabletBox02 .textBox {
  width: 530px;
}

#tablet #main .textImg {
  margin-bottom: 40px;
  text-align: center;
}

#main .tabletBox03 table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
}

#main .tabletBox03 table thead th {
  color: #fff;
  background-color: #052f5f;
  border: 2px solid #fff;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

#main .tabletBox03 table tbody th {
  background-color: #CBCDD3;
  border: 2px solid #fff;
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
  font-weight: normal;
}

#main .tabletBox03 table tbody td {
  background-color: #CBCDD3;
  border: 2px solid #fff;
  text-align: left;
  vertical-align: middle;
  padding: 10px 5px;
}

#main .tabletBox03 table tbody tr:nth-child(2n) td,
#main .tabletBox03 table tbody tr:nth-child(2n) th {
  background-color: #E7E8EA;
}

#main .tabletBox03 table .style01 {
  width: 6%;
}

#main .tabletBox03 table .style02 {
  width: 22%;
}

#main .tabletBox03 table .style03 {
  width: 18%;
}

#main .tabletBox03 table .style04 {
  width: 15%;
}

#main .tabletBox03 table .style05 {
  width: 39%;
}

#tablet #main .borderBox {
  margin-bottom: 45px;
  padding: 20px;
  border: 3px solid #052f5f;
}

#tablet #main .borderBox p {
  margin: 0;
}

#main .tabletBox03 .tableA .style01 {
  width: 8%;
}

#main .tabletBox03 .tableA .style02 {
  width: 30%;
}

#main .tabletBox03 .tableA .style03 {
  width: 62%;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .tabletBox .photoBox {
    padding: 0;
  }
  #main .tabletBox02 .mainBox {
    margin: 0 0 20px;
  }
  #main .tabletBox02 .textBox {
    width: auto;
  }
  #tablet .h2Ttl span {
    margin: 0;
  }
  #tablet #main .borderBox {
    padding: 15px;
  }
}
/*------------------------------------------------------------
	/products/pcp/function/service-tablet/
------------------------------------------------------------*/
#main .serviceBox .photoBox {
  padding-top: 0;
}

#main .serviceBox .textBox {
  width: 570px;
}

#main .serviceUl {
  margin: 0 auto 40px;
  width: 1100px;
}

#main .serviceUl > li {
  width: 353px;
  margin: 0 20px 30px 0;
  float: left;
  text-align: center;
}

#main .serviceUl > li p {
  margin: 0;
  font-size: 15px;
}

#main .serviceUl > li:nth-child(3n) {
  margin-right: 0;
}

#main .serviceUl > li .photo {
  margin-bottom: 10px;
}

#main .serviceUl > li .title {
  margin: 0 0 20px 15px;
  padding: 0 5px;
  font-size: 18px;
  color: #fff;
  position: relative;
  background-color: #002060;
}

#main .serviceUl > li .title:after {
  width: 16px;
  height: 33px;
  margin-right: -16px;
  background: url(../img/common/arrow02.gif) no-repeat right top;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
}

#main .serviceUl > li .title:before {
  width: 16px;
  height: 33px;
  margin-left: -16px;
  background: url(../img/common/arrow01.gif) no-repeat left top;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

#main .serviceUl > li:first-child .title {
  margin-left: 0;
}

#main .serviceUl > li:first-child .title:before {
  background: none;
}

#main .serviceUl > li .pBox p {
  float: left;
  width: 50%;
  text-align: left;
}

#main .serviceUl > li .pBox p:nth-child(2) {
  float: right;
  text-align: center;
}

#main .serviceUl > li .sub {
  padding: 20px;
  background-color: #D6E8FF;
}

#main .serviceUl > li .sub ul li {
  text-align: left;
  font-size: 16px;
  padding: 0 0 10px 1em;
  text-indent: -1em;
}

#main .serviceUl > li .sub ul li:last-child {
  padding-bottom: 0;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .serviceBox .textBox {
    width: auto;
  }
  #main .serviceBox .mainBox {
    margin: 0 0 20px;
  }
  #main .serviceUl {
    width: auto;
  }
  #main .serviceUl > li {
    float: none;
    width: auto !important;
    margin: 0 0 20px;
    height: auto !important;
  }
  #main .serviceUl > li p {
    font-size: 14px;
  }
  #main .serviceUl > li .title {
    margin-left: 0;
    height: auto !important;
  }
  #main .serviceUl > li .title:after,
  #main .serviceUl > li .title:before {
    display: none !important;
  }
  #main .serviceUl > li .sub {
    padding: 15px;
    height: auto !important;
  }
}
/*------------------------------------------------------------
	/products/pcp/function/customer/
------------------------------------------------------------*/
#main .customerBox .headLine02 {
  letter-spacing: -1px;
}

#main .customerBox .h2Ttl02 {
  letter-spacing: -1.7px;
}

#main .customerBox .serviceUl {
  width: auto;
}

#main .customerBox .serviceUl > li {
  width: 380px;
}

#main .customerBox .serviceUl > li .title {
  line-height: 1.8;
  text-align: center;
}

#main .customerBox .serviceUl > li p {
  text-align: left;
}

#main .customerBox .serviceUl > li .title02 {
  margin: 15px 0;
  text-align: center;
}

#main .customerBox .serviceUl > li .title02 span {
  font-size: 18px;
  min-width: 320px;
  display: inline-block;
  color: #fff;
  padding: 2px 5px;
  border-radius: 30px;
  background-color: #002060;
}

#main .customerBox .serviceUl > li .photo02 {
  margin-top: 35px;
  border-top: 1px solid #333;
  padding-top: 15px;
}

#main .saleBox .subSale .inner .customerPhoto {
  text-align: center;
}

#main .customerTextImg {
  text-align: center;
  margin-bottom: 60px;
}

#main .customerTextImg01 {
  text-align: left;
}

#main .data {
  margin-bottom: 40px;
  padding: 15px 20px 30px;
  border: 5px solid #D6E8FF;
}

#main .data .title {
  margin-bottom: 30px;
}

#main .data .title span {
  color: #fff;
  border-radius: 30px;
  min-width: 300px;
  text-align: center;
  background-color: #052f5f;
  display: inline-block;
}

#main .data .comUl {
  margin: 0 50px 30px;
}

#main .data .dataUl {
  margin-left: 50px;
}

#main .data .dataUl li {
  margin-right: 20px;
  float: left;
  width: 320px;
}

#main .data .dataUl li:last-child {
  padding-left: 40px;
  margin-right: 0;
}

#main .data .dataUl li .title02 {
  margin: 0 0 10px;
  font-size: 18px;
}

#main .data .dataUl li .title02 span {
  padding: 2px 2px 0;
  display: inline-block;
  color: #fff;
  min-width: 150px;
  text-align: center;
  border-radius: 30px;
  background-color: #591014;
}

#main .data .dataUl li p {
  margin: 0 -10px 10px 0;
  line-height: 1.5;
  font-size: 15px;
}

#main .data .dataImg {
  text-align: center;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .customerBox .serviceUl > li .textP {
    height: auto !important;
  }
  #main .customerBox .serviceUl > li .title02 span {
    min-width: inherit;
    display: block;
  }
  #main .customerBox .serviceUl > li .photo02 {
    margin-bottom: 40px;
  }
  #main .customerBox .serviceUl > li:last-child .photo02 {
    margin-bottom: 0;
  }
  #main .data {
    padding: 15px 10px;
  }
  #main .data .title {
    font-size: 16px;
  }
  #main .data .title span {
    min-width: inherit;
    display: block;
    padding-top: 1px;
  }
  #main .data .comUl {
    margin: 0 0 20px;
  }
  #main .data .dataUl {
    margin: 0;
  }
  #main .data .dataUl li {
    padding: 0 !important;
    float: none;
    width: auto;
    margin: 0 0 20px;
  }
  #main .data .dataUl li:last-child {
    margin-bottom: 0;
  }
  #main .data .dataUl li .title02 {
    font-size: 16px;
  }
  #main .data .dataUl li p {
    margin-right: 0;
  }
}
/*------------------------------------------------------------
	/products/
------------------------------------------------------------*/
#products #pagePath {
  margin-bottom: 0;
}

#products #main {
  margin-bottom: 0;
}

#products #main .industry {
  margin: 0;
  background-color: transparent;
}

#products #main .retailBox .retailUl .title {
  text-align: center;
}

#products #main .industry .comLinkUl li:before {
  background: none !important;
}

/*------------------------------------------------------------
	/products/pcp/
------------------------------------------------------------*/
#pcp #main {
  margin-bottom: 0;
}

#pcp #main .retailBox {
  background-color: #F2F2F2;
}

#pcp #main .industry {
  margin: 0;
  background-color: transparent;
}

#pcp #main .retailBox {
  margin-bottom: 50px;
}

#main .pcpBox {
  margin: 40px 0;
  padding: 40px 0;
  background-color: #f2f2f2;
}

#pcp #main .blueBox02 {
  margin: 30px 0 0;
}

#pcp #main .blueBox .title a:hover {
  padding-bottom: 2px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #pcp #main .industry {
    padding: 0 0 20px;
  }
  #main .pcpBox {
    margin: 30px 0;
    padding: 30px 0;
  }
  #pcp #main .blueBox .title a:hover {
    border-bottom: 2px solid #272727;
    padding-bottom: 0;
  }
}
/*------------------------------------------------------------
	/products/pcp/summary/
------------------------------------------------------------*/
#main .summaryBox .comImgBoxL .textBox {
  padding: 0;
  width: 620px;
}

#main .summaryBox .features .textBox {
  width: 740px;
}

#main .summaryBox02 {
  margin-bottom: 20px;
}

#main .summaryBox02 .subSummary {
  margin-right: 1%;
  float: left;
  width: 32%;
}

#main .summaryBox02 .subSummary02 {
  width: 680px;
}

#main .summaryBox02 .title {
  margin-bottom: 20px;
  border-bottom: 2px solid #052f5f;
}

#main .summaryBox02 .summaryTitle {
  margin-bottom: 0;
  font-size: 18px;
  float: left;
  color: #fff;
  background-color: #052f5f;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  padding: 2px 14px;
}

#main .summaryBox02 .inner {
  float: right;
  width: 1120px;
}

#main .summaryBox02 .textList {
  margin: 0 0 15px 7px;
}

#main .summaryBox02 .textList li {
  float: left;
  width: 110px;
  margin: 0 5px 8px 0;
  font-size: 14px;
  text-align: center;
  padding: 2px;
  color: #fff;
  box-sizing: border-box;
  background-color: #052f5f;
}

#main .summaryBox02 .summaryUl li {
  float: left;
  width: 100px;
  margin-right: 10px;
  text-align: center;
}

#main .summaryBox02 .summaryUl li span {
  display: block;
  font-size: 16px;
  margin-top: 5px;
}

#main .summaryBox02 .textList02 {
  margin-left: 60px;
}

#main .summaryBox02 dl {
  display: table;
  width: 280px;
  margin: 0 auto;
}

#main .summaryBox02 dt {
  width: 75px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#main .summaryBox02 dd {
  padding-left: 10px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

#main .summaryBox02 .subInner {
  margin-bottom: 10px;
}

#main .summaryBox02 .subInner dl {
  float: left;
  width: 250px;
  margin: 0;
}

#main .summaryBox02 .subInner .textList {
  float: left;
  margin: 0;
  width: 360px;
}

#main .btmP span {
  display: block;
  color: #fff;
  text-align: center;
  width: 700px;
  padding: 5px;
  box-sizing: border-box;
  background-color: #052f5f;
}

#main .computerUl {
  margin: 0 auto 30px;
  width: 1100px;
}

#main .computerUl > li {
  float: left;
  width: 350px;
  margin-right: 20px;
}

#main .computerUl > li:nth-child(3n) {
  margin-right: 0;
}

#main .computerUl > li .photo {
  margin-bottom: 15px;
  text-align: center;
}

#main .computerUl > li .title {
  margin-bottom: 15px;
  color: #fff;
  text-align: center;
  padding: 5px;
  background-color: #052f5f;
}

#main .computerUl > li ul li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 15px;
}

#main .computerUl > li ul li span {
  color: #052f5f;
}

#summary .systemBox {
  margin-bottom: 0;
}

#summary #main .industry {
  margin-top: 0;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .summaryBox02 .summaryTitle {
    margin-bottom: 10px;
    float: none;
  }
  #main .summaryBox02 .inner {
    float: none;
    width: auto;
  }
  #main .summaryBox02 .subSummary {
    margin: 0 0 20px;
    float: none;
    width: auto;
  }
  #main .summaryBox02 .subSummary02 {
    margin-bottom: 0;
  }
  #main .summaryBox02 .textList {
    margin: 0 0 15px;
  }
  #main .summaryBox02 .textList li {
    width: 32.3333%;
    padding: 2px;
    height: auto !important;
    margin-right: 1%;
    font-size: 12px;
  }
  #main .summaryBox02 .textList li:nth-child(3n) {
    margin-right: 0;
  }
  #main .summaryBox02 .summaryUl li {
    width: 32%;
    margin-right: 1%;
  }
  #main .summaryBox02 .summaryUl li:nth-child(3n) {
    margin-right: 0;
  }
  #main .summaryBox02 .summaryUl li img {
    width: auto !important;
  }
  #main .summaryBox02 dl {
    width: auto;
  }
  #main .summaryBox02 .subInner dl {
    float: none;
    width: auto;
    margin-bottom: 15px;
  }
  #main .summaryBox02 dt img {
    width: auto !important;
  }
  #main .summaryBox02 .subInner .textList {
    float: none;
    width: auto;
  }
  #main .btmP span {
    width: auto;
  }
  #main .computerUl {
    width: auto;
  }
  #main .computerUl > li {
    float: none;
    width: auto;
    margin: 0 0 15px;
  }
  #main .computerUl > li .photo img {
    width: auto !important;
  }
}
/*------------------------------------------------------------
	/products/pcp/spec/
------------------------------------------------------------*/
#spec #main .blueBox {
  margin-bottom: 40px;
}

#spec #main .blueBox02 {
  margin-bottom: 60px;
}

#spec #main .photo01 {
  margin-bottom: 30px;
  text-align: center;
}

#spec #main .photoList {
  margin-bottom: 30px;
}

#spec #main .photoList li {
  float: left;
}

#spec #main .photoList li:nth-child(2n) {
  float: right;
}

#spec #main .h2Ttl {
  letter-spacing: -1px;
}

#spec #main .photoList02 {
  margin: 0 -15px 20px 0;
}

#spec #main .photoList02 li {
  float: left;
  padding: 0 15px 12px 0;
}

#spec #main .photoList span {
  margin-top: 20px;
  display: block;
}

#spec #main .greenBox .headLine02 {
  border-bottom-color: #006b7e;
}

#spec #main .greenBox .headLine02 span {
  background-color: #006b7e;
}

#spec #main .greenBox .headLine06 {
  color: #006b7e;
  font-size: 22px;
}

#main .comTable {
  margin-bottom: 40px;
  width: 100%;
  border-collapse: collapse;
}

#main .comTable th {
  padding: 8px 2px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
  background-color: #002060;
}

#main .comTable td {
  padding: 8px 2px 8px 10px;
  font-size: 15px;
  border: 2px solid #fff;
  text-align: left;
  vertical-align: middle;
  background-color: #F2F2F2;
}

#main .comTable .style01 {
  width: 17%;
}

#main .comTable .style02 {
  width: 17%;
}

#main .comTable .style03 {
  width: 17%;
}

#main .comTable .style04 {
  width: 16%;
}

#main .comTable .style05 {
  width: 16%;
}

#main .comTable .style06 {
  width: 17%;
}

#main .comTable .tableUl li {
  text-indent: -1em;
  padding: 0 0 5px 1em;
}

#main .comTable .tdStyle {
  vertical-align: top;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #spec #main .photoList li {
    padding-bottom: 15px;
    float: none !important;
  }
  #spec #main .photoList li:last-child {
    padding-bottom: 0;
  }
  #spec #main .photoList02 {
    margin: 0 0 20px;
  }
  #spec #main .photoList02 li {
    float: none;
    padding: 0 0 15px;
  }
  #spec #main .greenBox .headLine06 {
    font-size: 15px;
  }
  #main .tableBox {
    margin-bottom: 20px;
    overflow-x: auto;
  }
  #main .tableBox table {
    margin-bottom: 0;
    width: 400px;
    white-space: nowrap;
  }
  #main .tableBox02 table {
    width: 100%;
    white-space: normal;
  }
  #main .comTable th {
    font-size: 13px;
    padding: 5px 2px;
  }
  #main .comTable td {
    padding: 5px 2px 5px 10px;
    font-size: 13px;
  }
}
/*------------------------------------------------------------
	/products/pcp/pos/
------------------------------------------------------------*/
#pos #main .h2Ttl {
  letter-spacing: -0.8px;
}

#main .receiptUl li {
  margin-bottom: 25px;
  float: left;
  width: 560px;
  overflow: hidden;
}

#main .receiptUl li:nth-child(2n) {
  float: right;
}

#main .receiptUl li .photoBox {
  float: left;
}

#main .receiptUl li .textBox {
  float: right;
  width: 370px;
}

#main .receiptUl li .textBox p {
  margin-bottom: 0;
  font-size: 15px;
}

#main .receiptUl li .textBox .title {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 5px;
}

#main .receiptUl li .textBox p span {
  display: block;
  font-size: 12px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #pos #main .comImgBoxL .textBox .title {
    font-size: 17px;
  }
  #main .receiptUl li {
    float: none !important;
    width: auto;
    height: auto !important;
  }
  #main .receiptUl li .photoBox {
    float: none;
    margin: 0 auto 20px;
    width: 170px;
  }
  #main .receiptUl li .textBox {
    float: none;
    width: auto;
  }
}
/*------------------------------------------------------------
	/products/related/
------------------------------------------------------------*/
#related #pagePath {
  margin-bottom: 0;
}

#related #main .industry {
  margin-top: 0;
  background-color: #fff;
}

#related .industry.bgblue {
  background-color: #C3E6EA !important;
}

#related #main .retailBox {
  background-color: #dcdfef;
}

/*------------------------------------------------------------
	products/pcp/function/tablet-pos/
------------------------------------------------------------*/
#main .spaceUl li {
  float: left;
  width: 580px;
}

#main .spaceUl li p {
  margin-right: -40px;
  font-size: 15px;
}

#main .spaceUl li .sub {
  margin: 0 auto;
  width: 416px;
}

#main .spaceUl li:nth-child(2n) {
  float: right;
}

#main .spaceUl li .photo {
  text-align: center;
  margin-bottom: 26px;
}

#main .spaceUl li:nth-child(2n) .photo {
  margin: -63px -20px 20px -70px;
}

#main .spaceUl li:nth-child(2n) p {
  margin: 0;
  text-align: center;
}

#main .spaceUl li:nth-child(2n) p span {
  display: inline-block;
  text-align: left;
}

#main .spaceUl02 li .sub {
  width: 278px;
}

#main .spaceUl02 li .sub .photo {
  margin-bottom: 45px;
}

#main .hardware .textBox {
  padding: 40px 20px 0 0;
}

#tablet-pos .headLine02 {
  font-size: 23px;
}

#tablet-pos .greyBox span.textSpan {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

#tablet-pos .tablet-posTextimg {
  text-align: center;
  margin-bottom: 40px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .useBox .text03 {
    margin-bottom: 20px;
  }
  #main .spaceUl li {
    margin-bottom: 20px;
    float: none !important;
    width: auto;
  }
  #main .spaceUl li .photo {
    margin-bottom: 20px !important;
  }
  #main .spaceUl li .sub {
    width: auto;
  }
  #main .spaceUl li:nth-child(2n) .photo {
    margin: 0 0 20px;
  }
  #main .spaceUl li:nth-child(2n) p {
    text-align: left;
  }
  #main .spaceUl li p {
    margin: 0;
  }
  #main .hardware .mainBox {
    margin: 0 0 20px;
  }
  #main .hardware .textBox {
    padding: 0;
  }
  #main .greyBox .functionDl dt {
    width: 55px;
  }
  #main .greyBox .functionDl dd {
    padding-left: 4.2em;
    word-wrap: break-word;
  }
}
/*------------------------------------------------------------
	/products/pcp/advantage/
------------------------------------------------------------*/
#main .summaryBox .choosing .textBox {
  width: 740px;
}

/*------------------------------------------------------------
	/products/pcp/system/
------------------------------------------------------------*/
#system #pagePath {
  margin-bottom: 0;
}

#system .industry {
  background-color: #fff;
}

#system .industry.bgblue {
  background-color: #C3E6EA !important;
}

#system .retailBox {
  padding: 80px 0 80px;
  background-color: #fff !important;
}

#system .comIndustry {
  margin: 0 0 40px !important;
}

#system .comIndustry:last-child {
  margin-bottom: 0 !important;
}

/*------------------------------------------------------------
	/products/pcp/system/freetax
------------------------------------------------------------*/
#freetax #pagePath,
#howto #pagePath,
#flow #pagePath {
  /* margin-bottom: 0; */
}

#freetax #main .mainImg .textBox .title span {
  font-size: 36px;
}
@media all and (min-width: 0px) and (max-width: 767px) {
	#freetax #main .mainImg .textBox .title span {
		font-size: 23px;
	}
}

#main .greyBox01 {
  margin-bottom: 5px;
}

#freetax .blueBox {
  margin-bottom: 40px;
}

#freetax .useBox .imgList {
  margin-bottom: 40px;
}

#freetax .useBox .imgList li {
  width: 582px;
  float: left;
}

#freetax .useBox .imgList li img {
  margin-bottom: 20px;
  border: 1px solid #D8D8D8;
}

#freetax .useBox .imgList li:nth-child(2) {
  float: right;
}

#freetax .useBox .imgList li p {
  margin: 0 0 0 20px;
  font-weight: bold;
  font-size: 16px;
}

#freetax .useBox .imgList li .iconTxt {
  padding-left: 40px;
  background: url(../img/common/icon04.png) no-repeat left top;
}

#freetax .useBox .imgList li .comColorTtl {
  font-size: 20px;
}

#freetax .taxUl {
  width: 845px;
}

#freetax .taxUl > li {
  width: 246px;
}

#freetax .taxUl > li:nth-child(2) {
  width: 260px;
}

#freetax .taxUl > li:last-child {
  width: 258px;
}

#freetax .taxUl > li .title {
  font-size: 20px;
  margin-bottom: 0;
}

#freetax .taxBox .photoBox {
  margin-bottom: 40px;
  padding: 0;
  float: left;
}

#freetax .tabletBox03 {
  margin: 0 auto 40px;
  width: 900px;
}

#freetax .tabletBox04 {
  margin: 0 auto 40px;
}

#main .tabletBox04 table {
  margin-bottom: 0;
}

#main .tabletBox04 .tableB {
  margin-bottom: 5px;
}

#freetax .tabletBox04 .comTtl01 {
  margin-left: -20px;
}

#freetax .tabletBox03 ul {
  font-size: 14px;
}

#freetax .tabletBox03 ul li {
  padding-left: 1em;
  text-indent: -1em;
}

#freetax .tabletBox03 .ttl {
  margin-bottom: 5px;
  padding: 3px 35px 0;
  min-width: 190px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  background-color: #664E78;
}

#freetax .tabletBox03 .notes {
  font-size: 0.89em;
  font-weight: normal;
}

#freetax .tabletBox03 .red {
  color: #BE375A;
}

#freetax .tabBoxStyle table thead th,
#freetax .tabBoxStyle table thead td {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #052f5f;
}

#freetax .tabBoxStyle table tbody th,
#freetax .tabBoxStyle table tbody td {
  padding: 1px 5px;
  text-align: left;
}

#freetax .tabBoxStyle table tbody th {
  width: 40%;
  color: #fff;
  font-size: 21px;
  border-left: 2px solid #000;
  background-color: #03255E !important;
}

#freetax .tabBoxStyle table tbody td {
  font-size: 14px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  background-color: inherit !important;
}

#freetax .tabBoxStyle table thead th,
#freetax .tabBoxStyle table thead td {
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  font-size: 21px;
}

#freetax .tabBoxStyle table thead td {
  border-right: 2px solid #000;
}

#freetax .tabletBox03 .tableA {
  border-collapse: separate;
}

#freetax .tabletBox03 .tableA th,
#freetax .tabletBox03 .tableA td {
  border: none !important;
}

#freetax .tabletBox03 .tableA .trStyle01 th,
#freetax .tabletBox03 .tableA .trStyle01 td {
  padding: 25px 0 0;
}

#freetax .tabletBox03 .tableA tbody th {
  width: 20%;
  font-size: 14px;
}

#freetax .tabletBox03 .tableA tbody td {
  position: relative;
  font-size: 30px;
  width: 20%;
  text-align: center;
}

#freetax .tabletBox03 .tableA tbody td .num {
  position: absolute;
  bottom: 3px;
  font-size: 12px;
  vertical-align: bottom;
}

#freetax .tabletBox03 .tableA tbody td .circle {
  font-size: 36px;
}

#freetax .tabletBox03 .tableA thead th {
  padding: 10px 5px;
  font-size: 16px;
}

#freetax .tabletBox03 .tableA .trStyle01 th,
#freetax .tabletBox03 .tableA .trStyle01 td,
#freetax .tabletBox03 .tableB .trStyle02 th,
#freetax .tabletBox03 .tableB .trStyle02 td {
  background-color: #fff !important;
}

#freetax .tabletBox03 .tableB .trStyle02 th,
#freetax .tabletBox03 .tableB .trStyle02 td {
  padding: 1px 5px;
  border: 2px solid #000;
}

#freetax .tabletBox03 .tableB .trStyle02 th {
  width: 20%;
  color: #fff;
  font-size: 18px;
  background-color: #052E60 !important;
}

#freetax .tabletBox03 .tableB .trStyle02 td {
  padding: 3px 5px;
  width: 20%;
  font-size: 14px;
}

#freetax .tabletBox03 ul {
  font-size: 14px;
}

#freetax .webBox {
  margin-bottom: 50px;
}

#freetax .webBox .imgBox {
  margin: 0 auto 15px;
  width: 925px;
}

#freetax .webBox .photoBox {
  float: left;
}

#freetax .webBox .textBox {
  width: 535px;
  float: right;
}

#freetax .webBox .textBox ul li {
  margin-bottom: 7px;
  font-size: 20px;
}

#freetax .webBox .photoUl {
  margin: 0 auto;
  width: 1060px;
}

#freetax .webBox .photoUl li {
  margin-right: 27px;
  width: 335px;
  float: left;
}

#freetax .webBox .photoUl li:last-child {
  margin-right: 0;
}

#freetax .webBox .photoUl li:first-child span {
  margin-left: 10px;
}

#freetax .webBox .photoUl li span {
  color: #473870;
  font-weight: bold;
  display: inline-block;
  margin: 10px 0 0 22px;
}

#freetax .h2Ttl01 {
  letter-spacing: -1px;
}

#freetax .tabletBox03 .tabBoxStyle.tableC table tbody th {
  border: 2px solid #000;
}

#freetax .tabletBox03 .tabBoxStyle.tableC table tbody .thStyle {
  border-bottom: 2px solid #fff;
}

#freetax .tabBoxStyle.tableC th {
  padding: 10px 5px;
  width: 30%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-left: 2px solid #000;
}

#freetax .tabBoxStyle.tableC th .txt {
  font-size: 14px;
}

#freetax .tabBoxStyle.tableC td {
  padding: 10px 15px;
  font-size: 16px;
}

#freetax .tabBoxStyle.tableC .tdStyle {
  border-top: 2px solid #000;
}

#freetax .tabBoxStyle.tableC td dt {
  float: left;
  position: relative;
  margin-right: 10px;
}

#freetax .tabBoxStyle.tableC td dt .midDot {
  margin-top: -5px;
  position: absolute;
  left: -10px;
  top: 5%;
}

#freetax .tabBoxStyle.tableC td dd {
  padding-left: 15em;
}

#freetax .tabBoxStyle.tableC td dd > span {
  margin-left: 15px;
}

#freetax .tabBoxStyle.tableC td dd > span span {
  font-size: 12px;
}

#freetax .tabBoxStyle.tableC td dd .sTxt span {
  margin-left: 25px;
}

#freetax .tabBoxStyle.tableC td p {
  margin-bottom: 5px;
}

#freetax .tabBoxStyle.tableC td ul {
  margin: 0 auto;
  width: 480px;
  font-size: 12px;
}

#freetax .tabBoxStyle.tableC td .orTxt {
  margin: 0 0 2px 15px;
}

#freetax .tabBoxStyle.tableC td .dlStyle dd {
  padding-bottom: 8px;
  font-size: 12px;
}

#freetax .tabBoxStyle.tableC td .dlStyle dd p {
  margin-bottom: 0;
  padding-left: 1em;
  text-indent: -1em;
}

#freetax .tabBoxStyle.tableC td .img {
  margin: -20px 0 0 45px;
}

#freetax .tabletBox03 .tabBoxStyle table tbody .thStyle01 {
  border-bottom: 2px solid #000;
}

#freetax .btmTxt {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  text-align: left;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #freetax .useBox .imgList {
    margin-bottom: 20px;
  }
  #freetax .useBox .imgList li {
    margin-bottom: 20px;
    width: auto;
    float: none !important;
  }
  #freetax .useBox .imgList li:last-child {
    margin-bottom: 0;
  }
  #freetax .useBox .imgList li img {
    margin-bottom: 10px;
  }
  #freetax .useBox .imgList li p {
    margin: 0;
    font-size: 14px;
  }
  #freetax .useBox .imgList li .iconTxt {
    padding-left: 27px;
    background-size: 20px auto;
  }
  #freetax .useBox .imgList li .comColorTtl {
    font-size: 16px;
  }
  #freetax .taxUl {
    width: auto;
  }
  #freetax .taxUl > li {
    width: auto !important;
  }
  #freetax .taxBox .mainBox {
    margin: 0;
  }
  #freetax .taxBox .textBox {
    float: none;
    width: auto;
  }
  #freetax .taxBox .textBox p {
    margin-bottom: 15px;
    font-size: 14px;
  }
  #freetax .taxBox .textBox .comColorTtl {
    font-size: 16px;
  }
  #freetax .taxBox .photoBox {
    margin-bottom: 15px;
    float: none;
  }
  #freetax .tabletBox03 {
    margin: 0 0 20px;
    width: auto;
  }
  #freetax .tabletBox04 {
    margin: 0 0 20px;
  }
  #main .tabletBox04 .tableB {
    margin-bottom: 15px;
  }
  #freetax .tabletBox04 .comTtl01 {
    margin-left: 0;
  }
  #freetax .tabletBox03 .ttl {
    font-size: 14px;
  }
  #freetax .tabletBox03 .tabBoxStyle {
    margin-bottom: 15px;
    overflow-x: auto;
  }
  #freetax .tabletBox03 .tabBoxStyle table {
    margin-bottom: 15px;
    width: 767px;
  }
  #freetax .tabBoxStyle table thead th,
  #freetax .tabBoxStyle table thead td {
    font-size: 17px;
  }
  #freetax .tabBoxStyle table tbody th {
    width: 27%;
    font-size: 17px;
  }
  #freetax .tabletBox03 .tabBox {
    margin-bottom: 15px;
    overflow-x: auto;
  }
  #freetax .tabBox table {
    margin-bottom: 15px;
    width: 767px;
  }
  #freetax .tabletBox03 .tableA tbody th {
    font-size: 11px;
  }
  #freetax .tabletBox03 .tableA tbody td {
    font-size: 25px;
  }
  #freetax .tabletBox03 .tableA tbody td .num {
    font-size: 10px;
  }
  #freetax .tabletBox03 .tableA tbody td .circle {
    font-size: 31px;
  }
  #freetax .tabletBox03 .tableA thead th {
    font-size: 16px;
  }
  #freetax .tabletBox03 .tableB .trStyle02 th {
    font-size: 16px;
  }
  #freetax .tabletBox03 .tableB .trStyle02 td {
    font-size: 12px;
  }
  #freetax .tabletBox03 ul {
    font-size: 12px;
  }
  #freetax .webBox {
    margin-bottom: 20px;
  }
  #freetax .webBox .imgBox {
    margin: 0 0 15px;
    width: auto;
  }
  #freetax .webBox .photoBox {
    float: none;
  }
  #freetax .webBox .textBox {
    width: auto;
    float: none;
  }
  #freetax .webBox .textBox ul li {
    font-size: 16px;
  }
  #freetax .webBox .photoUl {
    width: auto;
  }
  #freetax .webBox .photoUl li {
    margin-right: 0;
    width: auto;
    float: none;
  }
  #freetax .webBox .photoUl li span {
    margin: 10px 0 0 0;
  }
  #freetax .webBox .photoUl li:first-child span {
    margin-left: 0;
  }
  #freetax .h2Ttl01 {
    letter-spacing: 0;
  }
  #freetax .tabBoxStyle.tableC th {
    font-size: 17px;
  }
  #freetax .tabBoxStyle.tableC th .txt {
    font-size: 12px;
  }
  #freetax .tabBoxStyle.tableC td {
    font-size: 14px;
  }
  #freetax .tabBoxStyle.tableC td dd > span span {
    font-size: 10px;
  }
  #freetax .tabBoxStyle.tableC td .dlStyle dd {
    font-size: 10px;
  }
  #freetax .tabBoxStyle.tableC td .img {
    width: 45px;
  }
  #freetax .btmTxt {
    margin-right: 0;
    font-size: 12px;
    text-align: left;
  }
}
/*------------------------------------------------------------
	/products/pcp/system/webmd
------------------------------------------------------------*/
#webmd .blueBox {
  margin-bottom: 40px;
}

#webmd .photo {
  margin-bottom: 50px;
  text-align: center;
}

#main .webmdImgBox {
  margin-bottom: 50px;
}

#main .webmdImgBox .photoBox {
  float: left;
}

#main .webmdImgBox .textBox {
  width: 600px;
  float: right;
}

#main .webmdImgBox .textBox p {
  margin-bottom: 25px;
}

#main .webmdImgBox .textBox p:last-child {
  margin-bottom: 0;
}

#main .webmdImgBox .textBox .comColorTtl {
  margin-bottom: 0;
}

#main .webmdImgBox .textBox .soluList {
  font-size: 15px;
}

#main .webmdImgBox .textBox .soluList li {
  margin-bottom: 2px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .webmdImgBox {
    margin-bottom: 30px;
  }
  #main .webmdImgBox .photoBox {
    margin-bottom: 15px;
    float: none;
  }
  #main .webmdImgBox .textBox {
    width: auto;
    float: none;
  }
  #main .webmdImgBox .textBox p {
    margin-bottom: 18px;
  }
  #main .webmdImgBox .textBox .soluList {
    font-size: 13px;
  }
}
/*------------------------------------------------------------
	/products/industries
------------------------------------------------------------*/
#industries #pagePath {
  margin-bottom: 0;
}

#main .industriesBox {
  margin-bottom: 0;
  background-color: #D3E6FE;
}

#main .industriesBox li {
  box-shadow: none;
}

#main .industriesBox li a {
  display: block;
}

#main .industriesBox li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

#main .industriesBox li .photo {
  padding: 0;
}

#main .industriesBox li .sub {
  border: none;
}

#main .industriesBox li .title {
  color: #3C3F87;
  text-align: center;
}

#industries .industry {
  margin-top: 0;
  background-color: #fff;
}

#industries .industry.bgblue {
  background-color: #C3E6EA !important;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .systemUl li .photo {
    width: 100%;
  }
  #industries .mainImg .textBox .title span {
    font-size: 23px;
  }
}
/*------------------------------------------------------------
	/products/pcp/system/freetax/howto
------------------------------------------------------------*/
#howto #main .mainImg .textBox .title span {
  letter-spacing: -3px;
}

#howto .useBox .hpTxt {
  margin-bottom: 10px;
}

#howto .useBox .linkTxt a {
  color: #4774F7;
  text-decoration: underline;
}

#howto .useBox .linkTxt a:hover {
  text-decoration: none;
}

#main .comPurpleBox .imgBox {
  margin-bottom: 30px;
}

#main .comPurpleBox .photoBox {
  width: 612px;
  text-align: center;
}

#main .comPurpleBox .photoBox p {
  margin: 20px auto 0;
  padding: 6px 12px;
  width: 568px;
  font-size: 16px;
  text-align: left;
  box-sizing: border-box;
  background-color: #F2D8C5;
}

#main .comPurpleBox .photoBox p span {
  display: block;
  color: #1376AC;
  font-size: 18px;
  font-weight: bold;
}

#main .comPurpleBox .textBox .title {
  margin-bottom: 15px;
  color: #473853;
  font-weight: bold;
}

#main .comPurpleBox .textBox .linkTxt a {
  color: #000;
  font-size: 16px;
}

#main .comPurpleBox .rBox {
  float: right;
}

#main .comPurpleBox .fBox {
  width: 570px;
  float: left;
}

#howto .photo {
  margin-bottom: 50px;
  text-align: center;
}

#howto .photoList {
  margin: 0 auto 35px;
  width: 940px;
}

#howto .photoList li {
  float: left;
}

#howto .photoList li:nth-child(2) {
  float: right;
}

#howto .comIndustry {
  padding: 50px 0 !important;
  background-color: #D3E6FE !important;
}

#howto .comIndustry .textBox {
  background-color: inherit;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #howto .useBox .linkTxt a:hover {
    text-decoration: underline;
  }
  #howto .useBox .linkTxt a {
    word-break: break-all;
  }
  #main .comPurpleBox .mainBox {
    margin: 0;
  }
  #main .comPurpleBox .imgBox {
    margin-bottom: 15px;
  }
  #main .comPurpleBox .photoBox {
    width: auto;
  }
  #main .comPurpleBox .photoBox p {
    margin: 15px 0;
    padding: 3px 5px;
    width: auto;
    font-size: 12px;
  }
  #main .comPurpleBox .photoBox p span {
    font-size: 14px;
  }
  #main .comPurpleBox .textBox .title {
    margin-bottom: 7px;
  }
  #main .comPurpleBox .textBox p {
    margin-bottom: 0;
  }
  #main .comPurpleBox .textBox .linkTxt {
    margin-bottom: 0;
  }
  #main .comPurpleBox .textBox .linkTxt a {
    font-size: 12px;
  }
  #main .comPurpleBox .rBox {
    float: none;
  }
  #main .comPurpleBox .fBox {
    width: auto;
    float: none;
  }
  #howto .photo {
    margin-bottom: 30px;
  }
  #howto .photoList {
    margin-bottom: 20px;
    width: auto;
  }
  #howto .photoList li {
    margin-bottom: 10px;
    float: none !important;
  }
  #howto .comIndustry {
    padding: 0 !important;
  }
}
/*------------------------------------------------------------
	/products/pcp/system/freetax/flow
------------------------------------------------------------*/
#flow .comPurpleBox .textBox {
  width: 570px;
}

#flow .comPurpleBox .flowBox .textBox {
  width: auto;
}

#flow .comPurpleBox .flowBox .photoBox {
  width: auto;
  text-align: center;
}

#main .comPurpleBox .textBox .purpleLink {
  width: 385px;
  text-align: center;
}

#main .comPurpleBox .textBox .purpleLink a {
  padding: 17px 15px 13px;
  display: block;
  color: #fff;
  font-size: 16px;
  background-color: #664E78;
}

#main .comPurpleBox .textBox .purpleLink a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#flow .tableBox {
  margin: 0 auto 50px;
  width: 1130px;
}

#flow .tableBox .fTab {
  float: left;
}

#flow .tableBox .rTab {
  float: right;
}

#flow .tableBox .tabBox {
  width: 540px;
}

#flow .tableBox .tabBox table {
  width: 100%;
  border-collapse: collapse;
}

#flow .tableBox .tabBox thead th {
  padding: 4px 5px 6px;
  color: #fff;
  background-color: #4A6DA8;
}

#flow .tableBox .tabBox th,
#flow .tableBox .tabBox td {
  padding: 3px 5px 6px;
  width: 50%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #C3C3C3;
}

#flow .tableBox .tabBox tbody th {
  color: #4E81B6;
}

#flow .tableBox .tabBox tbody td {
  vertical-align: top;
}

#flow .tableBox .tabBox tbody td ul {
  margin: 0 10px;
  text-align: left;
  font-size: 15px;
}

#flow .tableBox .tabBox tbody td li {
  padding-left: 1em;
  text-indent: -1em;
}

#main .comPurpleBox .ulList {
  margin: 0 0 25px 90px;
  color: #052F60;
}

#main .comPurpleBox .ulList li {
  margin-right: 10px;
  display: inline;
}

#main .comPurpleBox .ulList li:last-child {
  margin-right: 0;
}

#flow .linkList {
  margin-bottom: 60px;
}

#flow .linkList a {
  text-decoration: underline;
}

#flow .linkList a:hover {
  text-decoration: none;
}

#flow .photo {
  margin-bottom: 40px;
  text-align: center;
}

#flow .comIndustry {
  padding: 50px 0 !important;
  background-color: #D3E6FE !important;
}

#flow .comIndustry .textBox {
  background-color: inherit;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #flow .comPurpleBox .textBox {
    width: auto;
  }
  #flow .comPurpleBox .photoBox {
    margin-bottom: 20px;
  }
  #main .comPurpleBox .textBox .purpleLink {
    margin: 10px auto;
    width: 280px;
  }
  #main .comPurpleBox .textBox .purpleLink a {
    padding: 6px 5px 4px;
    font-size: 12px;
  }
  #flow .tableBox {
    margin: 0 auto 30px;
    overflow-x: auto;
    width: 100%;
  }
  #flow .tableBox .tabBox {
    width: 100%;
    margin-bottom: 20px;
  }
  #flow .tableBox .fTab,
  #flow .tableBox .rTab {
    float: none;
  }
  #main .comPurpleBox .ulList {
    margin: 0 0 25px;
  }
  #flow .linkList {
    margin-bottom: 30px;
  }
  #flow .linkList a:hover {
    text-decoration: underline;
  }
  #flow .photo {
    margin-bottom: 20px;
  }
  #flow .comIndustry {
    padding: 0 !important;
  }
  #flow .comIndustry .textBox .title a:hover {
    border-bottom: none;
  }
}
/*------------------------------------------------------------
	/products/pcp/system/gis
------------------------------------------------------------*/
#gis #main .comUl li {
  letter-spacing: -0.9px;
}

#gis .functionBox .txtList {
  margin: 0 auto;
  width: 423px;
}

#gis .functionBox .txtList li p {
  margin: 0 0 7px;
  padding: 7px 5px 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #052F60;
}

#gis .functionBox .txtList01 {
  margin: 10px auto 20px;
  width: 508px;
}

#gis .functionBox .txtList01 > li {
  margin-bottom: 0;
  width: 260px;
  float: left;
}

#gis .functionBox .txtList01 > li p {
  padding: 4px 5px 1px;
}

#gis .functionBox .txtList01 > li:last-child {
  width: 240px;
  float: right;
}

#gis .functionBox .txtUl {
  margin: 0 auto;
  width: 205px;
}

#gis .functionBox .txtUl li {
  margin-bottom: 3px;
}

#gis .functionBox .txtUl li:last-child {
  margin-bottom: 0;
}

#gis .blueBox {
  margin-bottom: 90px;
}

#gis .imgBox {
  margin: 0 auto 50px;
  width: 1120px;
}

#gis .imgBox .photoBox .woman {
  margin: 5px 0 0 0;
  color: #DA474F;
  display: block;
}

#gis .imgBox01 .photoBox {
  margin-right: 0;
}

#gis .imgBox .photoBox .borderBox {
  margin-top: 15px;
  padding: 5px 10px;
  border: 3px solid #D5E7FE;
}

#gis .imgBox .photoBox .borderBox p {
  margin-bottom: 5px;
  font-size: 16px;
}

#gis .imgBox .photoBox .borderBox ul {
  margin-bottom: 5px;
}

#gis .imgBox .photoBox .borderBox li {
  margin-right: 10px;
  float: left;
  font-size: 16px;
}

#gis .imgBox .photoBox .borderBox .green {
  color: #91CE5D;
}

#gis .imgBox .photoBox .borderBox .red {
  color: #DA474F;
}

#gis .imgBox .photoBox .borderBox .yellow {
  color: #FFFF45;
}

#gis .imgBox .photoBox .borderBox .blue {
  color: #0070C0;
}

#gis .imgBox .photoBox .borderBox .circleTxt {
  margin-bottom: 0;
}

#gis .imgBox .textBox {
  width: 180px;
  float: left;
}

#gis .imgBox .textBox li {
  margin-bottom: 15px;
  padding: 10px 5px 8px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #093F86;
}

#gis .imgBox .textBox li:last-child {
  margin-bottom: 0;
}

#gis .imgBox .textBox li p {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
}

#gis .imgBox .textBox li p span {
  display: block;
  font-size: 16px;
  font-weight: bold;
}

#gis .imgBox02 .photoBox {
  margin: 8px -145px 0 0;
}

#gis .imgBox02 .textBox {
  margin-right: 0;
}

#gis .imgBox02 .textBox li {
  margin-bottom: 9px;
}

#gis .starUl {
  margin-bottom: 80px;
}

#gis .starUl li {
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 17px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #gis #main .comUl li {
    letter-spacing: 0;
  }
  #gis .functionBox .txtList {
    width: auto;
  }
  #gis .functionBox .txtList01 {
    width: auto;
  }
  #gis .functionBox .txtList01 li {
    margin: 0 auto 10px;
    width: 240px;
    float: none !important;
  }
  #gis .functionBox .txtUl {
    width: 160px;
  }
  #gis .functionBox .txtUl li {
    margin: 0 0 5px;
    width: auto;
    float: none;
  }
  #gis .blueBox {
    margin-bottom: 35px;
  }
  #gis .imgBox {
    margin: 0 auto 25px;
    width: auto;
  }
  #gis .imgBox .photoBox {
    margin: 0 0 15px;
    float: none;
  }
  #gis .imgBox .photoBox .borderBox {
    margin-top: 10px;
    border: 2px solid #D5E7FE;
  }
  #gis .imgBox .photoBox .borderBox p {
    font-size: 12px;
  }
  #gis .imgBox .photoBox .borderBox ul {
    margin-bottom: 5px;
  }
  #gis .imgBox .photoBox .borderBox li {
    font-size: 14px;
  }
  #gis .imgBox01 .photoBox {
    margin-right: 0;
  }
  #gis .imgBox02 .photoBox {
    margin: 0 0 15px;
  }
  #gis .imgBox .photoBox .woman {
    margin: 5px 0 0;
  }
  #gis .imgBox .textBox {
    margin: 0 auto;
    float: none;
  }
  #gis .imgBox .textBox li p {
    font-size: 12px;
  }
  #gis .imgBox .textBox li p span {
    font-size: 14px;
  }
  #gis .imgBox .textBox li img {
    width: 68px;
  }
  #gis .starUl {
    margin-bottom: 40px;
  }
  #gis .starUl li {
    font-size: 14px;
  }
}
/*------------------------------------------------------------
	/products/system/qr-payment
------------------------------------------------------------*/
#qrpayment .comUlBox li {
  width: 25%;
}

#qrpayment .lead {
  margin-bottom: 20px;
}

#qrpayment .notes {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
}

#qrpayment .useList {
  margin-bottom: 1.2em;
}

#qrpayment .useList .num {
  display: inline-block;
  width: 24px;
  height: 23px;
  margin-right: 2px;
  padding: 1px 0 0 0;
  border-radius: 50%;
  background: #664E78;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  vertical-align: text-top;
}

#qrpayment .qrpayBox .photoBox {
  margin-bottom: 30px;
  border: 1px solid #D8D8D8;
  text-align: center;
}

#qrpayment .qrpayBox .photoBox.border0 {
  border: none;
}

#qrpayment .qrpaySolution {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#qrpayment .qrpaySolution .photoBox {
  width: 520px;
}

#qrpayment .qrpaySolution .arrow {
  width: 72px;
}

#qrpayment .qrpayList li {
  width: 364px;
  margin-bottom: 30px;
  padding: 15px 20px 10px;
  border: 2px solid #664E78;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#qrpayment .qrpayList p {
  margin-bottom: 10px;
  font-size: 16px;
}

#qrpayment .qrpayList p span {
  color: #4CB3C0;
  font-weight: bold;
}

#qrpayment .qrpayList .notes {
  font-size: 14px;
}

#qrpayment .qrpayList .title {
  font-size: 18px;
  font-weight: bold;
  color: #664E78;
  text-align: center;
}

#qrpayment .qrpayList .photo {
  height: 80px;
  margin: 0 10px 10px;
  text-align: center;
}

#qrpayment .qrpayList .photo img {
  width: auto;
  max-height: 100%;
}

#qrpayment .tableWrap {
  margin-bottom: 30px;
}

#qrpayment .table01 {
  width: 80%;
  margin: 0 auto;
  border-spacing: 0;
  border-collapse: collapse;
}

#qrpayment .table01 th,
#qrpayment .table01 td {
  padding: 10px 10px 8px;
  background: #fff;
  border: 1px solid #bbb;
  font-size: 16px;
  word-wrap: break-word;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#qrpayment .table01 th,
#qrpayment .table01 thead td {
  font-weight: bold;
  text-align: center;
}

#qrpayment .table01 thead th {
  background: #CBCDD3;
}

#qrpayment .table01 thead td {
  background: #DC444C;
  color: #fff;
}

#qrpayment .table02 {
  margin: 0 auto;
  border-spacing: 0;
  border-collapse: collapse;
}

#qrpayment .table02 th,
#qrpayment .table02 td {
  padding: 10px 10px 8px;
  background: #fff;
  border: 1px solid #bbb;
  font-size: 16px;
  word-wrap: break-word;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#qrpayment .table02 th {
  background: #e5e7e9;
  white-space: nowrap;
}

#qrpayment .table02 th,
#qrpayment .table02 thead td {
  font-weight: bold;
}

#qrpayment .table02 thead th,
#qrpayment .table02 thead td {
  background: #3c5d86;
  color: #fff;
}

#qrpayment .qrpayService .textBox {
  width: 466px;
}

#qrpayment .qrpayService .photoBox {
  width: 680px;
  padding-top: 16px;
}

#qrpayment .checkList {
  margin-top: 20px;
}

#qrpayment .checkList li {
  margin-bottom: 10px;
  padding: 1px 0 10px 43px;
  background: url(../img/common/icon_check.png) no-repeat 0 0;
  background-size: 30px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}

#qrpayment #sec04 .functionBox .photoBox {
  padding-top: 0;
  border: none;
}

@media (max-width: 767px) {
  #qrpayment .lead {
    margin-bottom: 10px;
  }
  #qrpayment .notes {
    font-size: 13px;
  }
  #qrpayment .qrpayBox .photoBox {
    margin-bottom: 20px;
  }
  #qrpayment .qrpaySolution .photoBox {
    width: 100%;
  }
  #qrpayment .qrpaySolution .arrow {
    width: 40px;
    margin: -10px auto 10px;
    transform: rotate(90deg);
  }
  #qrpayment .qrpayList li {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 10px 0;
  }
  #qrpayment .qrpayList p {
    font-size: 14px;
  }
  #qrpayment .qrpayList .notes {
    font-size: 12px;
  }
  #qrpayment .qrpayList .title {
    font-size: 16px;
  }
  #qrpayment .tableWrap {
    overflow-x: scroll;
    margin-bottom: 20px;
  }
  #qrpayment .table01 {
    width: 100%;
  }
  #qrpayment .table02 {
    width: 640px;
  }
  #qrpayment .table01 th,
  #qrpayment .table01 td,
  #qrpayment .table02 th,
  #qrpayment .table02 td {
    font-size: 14px;
  }
  #qrpayment .qrpayService .textBox {
    width: 100%;
    margin-bottom: 10px;
  }
  #qrpayment .qrpayService .photoBox {
    width: 100%;
    padding-top: 0;
    box-sizing: border-box;
  }
  #qrpayment .checkList li {
    margin-bottom: 5px;
    padding: 0 0 0 30px;
    background-size: 20px;
  }
}
/* house */
#qrpayment .boxTitle {
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 4px 25px 2px;
  color: #fff;
  text-align: center;
  background-color: #002b62;
}

#qrpayment .houseBox01 {
  margin: 0 0 24px;
}

#qrpayment .houseBox01 > li {
  width: 580px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#qrpayment .houseBox01 .bg_gray {
  background-color: #d8d8d8 !important;
}

#qrpayment .houseBox01 .photo {
  margin: 10px 0 0;
}

#qrpayment .houseBox01 .checkList {
  padding: 15px 15px 5px;
  background-color: #fff;
}

#qrpayment .houseBox01 .checkList li {
  padding: 1px 0 10px 30px;
  background-size: 24px;
  font-size: 16px;
  font-weight: normal;
}

#qrpayment .houseBox01 .red {
  color: #9e4530;
}

#qrpayment .houseBox01 .green {
  color: #006b7e;
}

#qrpayment .houseTitle {
  margin-bottom: 20px;
  background-color: #C4E6EA;
}

#qrpayment .houseTitle span {
  display: inline-block;
  padding: 10px 10px 9px;
}

#qrpayment .houseTitle .num {
  padding-right: 18px;
  padding-left: 18px;
  background-color: #002b62;
  color: #fff;
  text-align: center;
}

#qrpayment .houseList:after {
  content: "";
  display: block;
  width: 364px;
}

#qrpayment .houseList li {
  padding: 0;
  border: none;
}

#qrpayment .houseList li .photo {
  height: 90px;
  margin-right: 0;
  margin-left: 0;
  padding: 15px 20px;
  border-bottom: 1px solid #d8d8d8;
}

#qrpayment .houseList li p {
  padding: 0 20px;
}

#qrpayment .houseList li .notes {
  margin-bottom: 15px;
  text-indent: 0;
}

#qrpayment .qrpayList02 li {
  width: 580px;
  padding: 0;
  border: none;
}

#qrpayment .qrpayList02 dt {
  padding: 4px 4px 2px;
  background-color: #002b62;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#qrpayment .qrpayList02 dd {
  padding: 20px;
}

@media (max-width: 767px) {
  #qrpayment .houseBox01 {
    margin: 0;
  }
  #qrpayment .houseBox01 > li {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
  }
  #qrpayment .houseBox01 .checkList {
    padding: 10px 10px 0;
  }
  #qrpayment .houseBox01 .checkList li {
    font-size: 14px;
  }
  #qrpayment .houseTitle {
    display: flex;
  }
  #qrpayment .houseTitle .num {
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
  }
  #qrpayment .houseList:after {
    display: none;
  }
}
/*------------------------------------------------------------
	/products/industries/stores
------------------------------------------------------------*/
#main .summaryBox .storeBox .textBox {
  width: 610px;
}

#stores .summaryBox .storeBox .textBox {
  width: 580px;
}

#main .storeBox .comTitle02 a:after {
  display: none;
}

#main .storeBox .comTitle02 {
  margin-bottom: 10px !important;
}

#main .storeBox .textBox p {
  margin-bottom: 15px;
  font-size: 14px;
}

#main .storeBox .textBox .comTitle02 {
  font-size: 18px;
}

#main .storeBox .comTitle02 span,
#main .storeBox .comTitle02 a {
  background-color: #002B62;
  border-radius: 0;
}

#main .inBlueBox {
  margin-bottom: 35px;
  padding: 30px 0;
}

#main .useBox .inBlueBox {
  margin-top: 20px;
  padding: 20px 30px;
}

#main .useBox .inBlueBox ul li {
  margin-bottom: 8px;
  padding-left: 1em;
  text-indent: -1em;
}

#main .useBox .inBlueBox ul li:last-child {
  margin-bottom: 0;
}

#stores .customerBox .headLine02 {
  letter-spacing: -1.5px;
}

#stores .headLine07 {
  letter-spacing: -1.5px;
}

#stores .headLine07 span {
  letter-spacing: 0;
}

#stores .retailBox02 .retailUl li .whiteBox {
  padding: 20px 10px;
}

#main .picBox {
  text-align: center;
  margin-bottom: 40px;
}

#main .picBox .photo {
  margin: 0 auto 20px;
  text-align: center;
}

#main .picBox ul {
  margin: 0 auto;
  text-align: center;
  padding: 15px 20px;
  background-color: #F1F1F1;
  display: inline-block;
  text-align: left;
}

#main .picBox ul li {
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 18px;
}

#main .picBox ul li:last-child {
  margin-bottom: 0;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #stores .mainImg .textBox .title {
    letter-spacing: -1px;
  }
  #main .summaryBox .storeBox .textBox {
    width: auto;
  }
  #main .storeBox .textBox .comTitle02 {
    font-size: 14px;
  }
  #main .inBlueBox {
    margin-bottom: 20px;
    padding: 15px 0;
  }
  #stores .headLine08 {
    margin-bottom: 10px;
    padding: 0;
    letter-spacing: 0;
  }
  #stores .retailBox02 .retailUl li .whiteBox {
    padding: 10px 10px;
  }
  #main .useBox .inBlueBox {
    margin-top: 10px;
    padding: 10px 10px;
  }
  #main .useBox .inBlueBox .mainBox {
    margin: 0;
  }
  #main .useBox .inBlueBox ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  #main .picBox {
    margin-bottom: 20px;
  }
  #main .picBox .photo {
    margin: 0 0 10px;
  }
  #main .picBox ul {
    padding: 10px 5px;
    width: auto;
  }
  #main .picBox ul li {
    margin-bottom: 3px;
    font-size: 14px;
  }
}
/*------------------------------------------------------------
	/products/industries/jewelers
------------------------------------------------------------*/
#jewelers .summaryBox .storeBox .textBox {
  width: 580px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #jewelers .summaryBox .storeBox .textBox {
    width: auto;
  }
}
/*------------------------------------------------------------
	/products/industries/apparel
------------------------------------------------------------*/
#apparel .headLineApparel {
  font-size: 24px;
}

#apparel .summaryBox {
  padding-bottom: 60px;
}

#apparel .useBox {
  margin-bottom: 60px;
}

#apparel .useBox p {
  margin-bottom: 24px;
}

#apparel .pt {
  padding-top: 40px;
}

#apparel #main .easeBox {
  margin-bottom: 40px;
}

#apparel .btnCenter {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#apparel .headLine13.bnone {
  border-bottom: none;
}

#apparel .summaryBox .comImgBoxL .textBox {
  padding-top: 38px;
}

#apparel .checkListBox {
  margin-bottom: -32px;
}

#apparel .checkListBox li {
  width: 584px;
  margin-bottom: 32px;
  background: #dbdff0;
}

#apparel .checkListBox a {
  display: block;
  height: 100%;
}

#apparel .checkListBox a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#apparel .checkListBox dl {
  position: relative;
  height: 100%;
}

#apparel .checkListBox dt {
  position: relative;
  padding: 10px 15px;
  background: #002b62;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#apparel .checkListBox dt:before,
#apparel .checkListBox dt:after {
  content: "";
  display: block;
  position: absolute;
}

#apparel .checkListBox dt:before {
  top: 50%;
  left: 10px;
  width: 32px;
  height: 30px;
  margin-top: -15px;
  background: url(../img/products/industries/apparel/icon_check.png) no-repeat 0 0;
  background-size: contain;
}

#apparel .checkListBox dt:after {
  top: 50%;
  right: 10px;
  width: 10px;
  height: 16px;
  margin-top: -8px;
  background: url(../img/common/icon01.png) no-repeat right top;
}

#apparel .checkListBox dd {
  padding: 20px 20px 80px;
}

#apparel .checkListBox .photo {
  position: absolute;
  right: 20px;
  bottom: 10px;
}

#apparel .notes {
  text-indent: -1em;
  padding-left: 1em;
}

#apparel .photoList02 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#apparel .photoList02 li {
  margin: 0 15px 12px 0;
}

#apparel .deserveList li {
  position: relative;
  width: 320px;
}

#apparel .deserveList li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -90px;
  margin-top: -25px;
  width: 60px;
  height: 50px;
  background: url(../img/products/industries/apparel/icon_arrow.png) no-repeat 0 0;
  background-size: contain;
}

#apparel .deserveList li:last-child:after {
  display: none;
}

#apparel .deserveList figure {
  margin: 0 auto;
  padding: 0;
}

#apparel .deserveList figure img,
#apparel .storeBox02col .photoBox img {
  border: 1px solid #dfdfdf;
}

#apparel .deserveList figcaption {
  margin-top: 10px;
  font-size: 16px;
}

#apparel .storeBox02col {
  width: 560px;
}

#apparel .pointBox {
  padding: 20px 30px 10px;
}

#apparel .pointBox .headLine04,
#apparel .pointBox p {
  margin-bottom: 10px;
}

#apparel .pointBox .title {
  display: inline-block;
  padding: 10px 15px 8px;
  background: #4CB3C0;
  color: #fff;
  font-weight: bold;
}

#apparel #main .saleList > li:first-child .btmPho img {
  margin-top: -210px;
}

#apparel #main .saleList .btmPho02 img {
  height: auto;
  margin-top: -10px;
}

#apparel .useBox .deserveBox {
  margin-bottom: 40px;
  text-align: center;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #apparel .headLineApparel {
    font-size: 20px;
  }
  #apparel .summaryBox {
    padding-bottom: 30px;
  }
  #apparel .useBox {
    margin-bottom: 30px;
  }
  #apparel .useBox p {
    margin-bottom: 12px;
  }
  #apparel .pt {
    padding-top: 20px;
  }
  #apparel #main .easeBox {
    margin-bottom: 20px;
  }
  #apparel .btnCenter {
    width: 80%;
  }
  #apparel .checkListBox {
    margin-bottom: -10px;
  }
  #apparel .checkListBox li {
    width: 100%;
    margin-bottom: 10px;
  }
  #apparel .checkListBox dt:before {
    width: 24px;
    height: 22px;
    margin-top: -11px;
  }
  #apparel .checkListBox dd {
    padding: 10px;
  }
  #apparel .checkListBox .photo {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  #apparel .checkListBox .photo img {
    width: auto;
    height: 64px;
  }
  #apparel .photoList02 {
    flex-wrap: nowrap;
  }
  #apparel .photoList02 li {
    margin: 0 3px 2px 0;
  }
  #apparel .deserveList li {
    width: 100%;
    margin-bottom: 50px;
  }
  #apparel .deserveList li:last-child {
    margin-bottom: 0;
  }
  #apparel .deserveList li:after {
    top: auto;
    right: 50%;
    bottom: -35px;
    margin: 0 0 0 -12px;
    width: 30px;
    height: 25px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #apparel .deserveList figure {
    width: 80%;
  }
  #apparel .deserveList figcaption {
    font-size: 14px;
  }
  #apparel .storeBox02col {
    width: 100%;
    margin-bottom: 30px;
  }
  #apparel .pointBox {
    padding: 10px;
  }
  #apparel .useBox .deserveBox {
    margin-bottom: 20px;
  }
}
/*------------------------------------------------------------
	/products/industries/confectionery
------------------------------------------------------------*/
#confectionery .tablet-posTextimg {
  text-align: center;
  margin-bottom: 40px;
}

/*------------------------------------------------------------
	/products/industries/game-center
------------------------------------------------------------*/
#game-center .useBox .deserveBox {
  margin-bottom: 90px;
  text-align: center;
}

/*------------------------------------------------------------
	/products/industries/in-house
------------------------------------------------------------*/
#in-house .useBox .deserveBox {
  margin-bottom: 80px;
  text-align: center;
}

/*------------------------------------------------------------
	/products/industries/toy-store
------------------------------------------------------------*/
#toy-store .useBox .deserveBox {
  margin-bottom: 80px;
  text-align: center;
}

/*------------------------------------------------------------
	/products/solution
------------------------------------------------------------*/
#solution .mainImg .textBox .title span {
  font-size: 33px;
}

#solution #pagePath {
  margin-bottom: 0;
  background-color: #F2F2F2;
}

#solution .industry {
  background-color: #fff;
}

#solution .retailUl li a {
  box-shadow: none;
}

#solution .retailUl li .whiteBox {
  border-top: 1px solid #D3E6FE;
}

#solution .retailUl li .whiteBox .title {
  color: #093F86;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #solution .mainImg .textBox .title span {
    font-size: 23px;
  }
}
/*------------------------------------------------------------
	/products/solution/auto
------------------------------------------------------------*/
#main .taxBox .photoBox {
  float: left;
}

#main .comBox {
  margin-bottom: 30px;
}

#main .comBox .comColorTtl {
  margin-bottom: 5px;
  font-size: 19px;
}

#main .comBox .comColorTtl span {
  margin-right: 20px;
  display: inline-block;
  color: #DA474F;
  line-height: 1;
  border-bottom: 2px solid #DA474F;
}

#main .comBox p {
  margin-bottom: 15px;
  font-size: 18px;
}

#main .comBox p:last-child {
  margin-bottom: 0;
}

#main .safeList {
  margin-bottom: 40px;
}

#main .safeList li {
  margin-right: 100px;
  width: 274px;
  float: left;
}

#main .safeList li:last-child {
  margin-right: 0;
}

#main .safeList .comColorTtl {
  margin-bottom: 2px;
  font-size: 19px;
}

#main .safeList li .img {
  margin-bottom: 10px;
}

#main .safeList li p {
  margin-bottom: 0;
  font-size: 16px;
}

#auto .useBox .text {
  margin-bottom: 0;
}

#main .useBox .blueTxt {
  margin: 0 auto 13px;
  width: 980px;
  font-weight: bold;
}

#main .useBox .blueTxt2 {
  margin: 0 auto 13px;
  width: auto;
  font-weight: bold;
}

#main .useBox .photo04 {
  text-align: center;
}

#main .soluBox {
  margin-top: 30px;
}

#main .retailBox02 .storeTxt {
  margin-bottom: 50px;
}

#main .borderUl li:first-child .whiteBox {
  border-top: 1px solid #F1F1F1;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #auto .useBox .mainBox {
    margin: 0;
  }
  #main .comBox .mainBox {
    margin: 0;
  }
  #main .comBox .comColorTtl {
    font-size: 16px;
  }
  #main .comBox p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  #main .safeList {
    margin-bottom: 30px;
  }
  #main .safeList .comColorTtl {
    font-size: 16px;
    text-align: center;
  }
  #main .safeList li {
    width: auto;
    margin: 0 0 20px;
    float: none;
  }
  #main .safeList li:last-child {
    margin-bottom: 0;
  }
  #main .safeList li p {
    font-size: 14px;
  }
  #main .useBox .blueTxt {
    margin: 0 0 13px;
    width: auto;
  }
  #main .serviceList {
    margin-bottom: 0;
    width: auto;
  }
  #main .serviceList li {
    margin: 0 0 20px;
    width: auto !important;
  }
  #main .serviceList li:last-child {
    margin: 0;
  }
  #main .soluBox {
    margin-top: 15px;
  }
  #main .retailBox02 .storeTxt {
    margin-bottom: 20px;
  }
}
/*------------------------------------------------------------
	/products/solution/signage
------------------------------------------------------------*/
#main .greyBox .text04 {
  margin-left: 43px;
  line-height: 1.5;
  font-size: 16px;
}

#main .soluImgBox {
  margin-bottom: 50px;
}

#main .soluImgBox .photoBox {
  float: left;
}

#main .soluImgBox .textBox {
  width: 560px;
  float: right;
}

#main .soluImgBox .textBox p {
  margin-bottom: 25px;
}

#main .soluImgBox .textBox p:last-child {
  margin-bottom: 0;
}

#main .soluImgBox .textBox .comColorTtl {
  margin-bottom: 0;
}

#main .soluImgBox .textBox .soluList {
  font-size: 15px;
}

#main .soluImgBox .textBox .soluList li {
  margin-bottom: 2px;
}

#signage .useBox .photo,
#signage .useBox .text05 {
  text-align: center;
}

#main .imgUl {
  margin-bottom: 40px;
}

#main .imgUl li {
  margin-right: 30px;
  float: left;
  width: 380px;
}

#main .imgUl li:last-child {
  margin-right: 0;
}

#main .imgUl .photo {
  margin-bottom: 10px;
}

#main .imgUl .comColorTtl {
  font-size: 16px;
}

#main .imgUl p {
  margin-bottom: 0;
  font-size: 15px;
}

#main .useBox .photo03 {
  margin-bottom: 40px;
}

#main .useBox .text06 a {
  text-decoration: underline;
}

#main .useBox .text06 a:hover {
  text-decoration: none;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #main .greyBox .text04 {
    margin-left: 25px;
    font-size: 13px;
  }
  #main .soluImgBox {
    margin-bottom: 30px;
  }
  #main .soluImgBox .photoBox {
    margin-bottom: 15px;
    float: none;
  }
  #main .soluImgBox .textBox {
    width: auto;
    float: none;
  }
  #main .soluImgBox .textBox p {
    margin-bottom: 18px;
  }
  #main .soluImgBox .textBox .soluList {
    font-size: 13px;
  }
  #main .imgUl {
    margin-bottom: 25px;
  }
  #main .imgUl li {
    margin: 0 0 15px;
    float: none;
    width: auto;
  }
  #main .imgUl li .photo {
    margin: 0 auto 10px;
    width: 200px;
  }
  #main .imgUl li:last-child {
    margin: 0;
  }
  #main .imgUl .photo {
    margin-bottom: 7px;
  }
  #main .imgUl .comColorTtl {
    font-size: 14px;
  }
  #main .imgUl p {
    font-size: 13px;
  }
  #main .useBox .photo03 {
    margin-bottom: 25px;
  }
  #main .useBox .text06 a:hover {
    text-decoration: underline;
  }
}
/*------------------------------------------------------------
	/products/solution/camera
------------------------------------------------------------*/
#main .soluImgBox .textBox .effectList li {
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}

#main .soluImgBox .textBox .effectList li:last-child {
  margin-bottom: 0;
}

#main .cashierUl .topTtl {
  margin-bottom: 15px;
  padding: 5px 0 3px;
  color: #fff;
  text-align: center;
  background-color: #052F5F;
}

/*------------------------------------------------------------
	/products/related/
------------------------------------------------------------*/
#related #pagePath {
  margin-bottom: 0;
}

#related .industry {
  background-color: #fff;
}

#related .retailBox {
  padding: 30px 0 60px;
}

#related .comIndustry {
  margin: 0 0 40px !important;
}

#related .comIndustry:last-child {
  margin-bottom: 0 !important;
}

/*------------------------------------------------------------
	/products/related/communication
------------------------------------------------------------*/
#communication .mainImg .textBox .title span {
  font-size: 30px;
}

#main .functionBox .photoBox01 {
  width: 566px;
}

#main .functionBox .photoBox01 span {
  display: block;
  color: #093F86;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

#communication .functionBox p {
  letter-spacing: -0.4px;
}

#communication .commuUl {
  margin-bottom: 50px;
}

#communication .commuUl .photoBox {
  float: left;
}

#communication .commuUl .textBox {
  width: 640px;
  float: right;
}

#communication .commuUl > li {
  margin-bottom: 50px;
}

#communication .commuUl > li:last-child {
  margin-bottom: 0;
}

#communication .commuUl .textBox .subTtl {
  margin-bottom: 5px;
  font-weight: bold;
}

#communication .commuUl .textBox ul li {
  padding-left: 1em;
  text-indent: -1em;
}

#communication .commuUl .textBox .ulTxt {
  margin-bottom: 10px;
}

#communication .commuUl .textBox .ulTxt li {
  margin-bottom: 5px;
  font-size: 17px;
  letter-spacing: -0.6px;
}

#communication .commuUl .textBox .arrow {
  margin-bottom: 10px;
  text-align: center;
}

#communication .commuUl .textBox .pointBox {
  padding: 15px 40px;
  color: #052F60;
  border-radius: 30px;
  background-color: #D4E2FD;
}

#communication .commuUl .pointBox .title {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: bold;
}

#communication .commuUl .pointBox li {
  line-height: 1.8;
}

#communication .commuUl .textBox .pointBox01 li {
  padding-left: 0;
  text-indent: 0;
}

#communication .useBox .photo {
  margin-bottom: 90px;
  text-align: center;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #communication .mainImg .textBox .title span {
    font-size: 23px;
  }
  #main .functionBox .photoBox01 {
    width: auto;
  }
  #main .functionBox .photoBox01 span {
    display: block;
    font-size: 16px;
  }
  #communication .functionBox p {
    letter-spacing: 0px;
  }
  #communication .commuUl {
    margin-bottom: 30px;
  }
  #communication .commuUl > li {
    margin-bottom: 50px;
  }
  #communication .commuUl .photoBox {
    margin-bottom: 15px;
    float: none;
  }
  #communication .commuUl .textBox {
    width: auto;
    float: none;
  }
  #communication .commuUl > li:last-child {
    margin-bottom: 0;
  }
  #communication .commuUl .textBox .subTtl {
    margin-bottom: 5px;
  }
  #communication .commuUl .textBox .ulTxt {
    margin-bottom: 8px;
  }
  #communication .commuUl .textBox .ulTxt li {
    font-size: 14px;
    letter-spacing: 0;
  }
  #communication .commuUl .textBox .arrow {
    margin: 0 auto;
    width: 50px;
    margin-bottom: 8px;
  }
  #communication .commuUl .textBox .pointBox {
    padding: 10px 20px;
    border-radius: 20px;
  }
  #communication .commuUl .pointBox .title {
    font-size: 18px;
  }
  #communication .commuUl .pointBox li {
    line-height: 1.6;
  }
  #communication .useBox .photo {
    margin-bottom: 45px;
  }
}
/*------------------------------------------------------------
	/products/related/lams
------------------------------------------------------------*/
#lams .soluImgBox .textBox {
  width: 600px;
}

#lams .useBox .midPho {
  margin-bottom: 40px;
  text-align: center;
}

#main .methodUl {
  margin-bottom: 65px;
}

#main .methodUl > li {
  padding: 20px 40px;
  width: 585px;
  float: left;
  box-sizing: border-box;
  border-radius: 30px;
  background-color: #D4E2FD;
}

#main .methodUl > li:last-child {
  float: right;
}

#main .methodUl > li .iconTxt {
  margin-bottom: 15px;
  padding: 5px 0 25px 115px;
  font-size: 16px;
  background: url(../img/products/related/lams/img01.jpg) no-repeat left top;
}

#main .methodUl > li:last-child .iconTxt {
  padding-left: 145px;
  background: url(../img/products/related/lams/img02.jpg) no-repeat left top;
}

#main .methodUl > li .iconTxt span {
  display: block;
  font-size: 22px;
  font-weight: bold;
}

#main .methodUl > li li {
  margin-bottom: 5px;
}

#main .methodUl > li li span {
  margin-right: 5px;
  color: #664D7B;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #lams .soluImgBox .textBox {
    width: auto;
  }
  #lams .useBox .midPho {
    margin-bottom: 25px;
  }
  #main .methodUl {
    margin-bottom: 30px;
  }
  #main .methodUl > li {
    margin-bottom: 15px;
    padding: 10px 20px;
    width: auto;
    float: none !important;
    border-radius: 20px;
  }
  #main .methodUl > li:last-child {
    margin-bottom: 0;
  }
  #main .methodUl > li .iconTxt {
    margin-bottom: 10px;
    padding: 8px 0 8px 58px;
    font-size: 12px;
    background: url(../img/products/related/lams/img01.jpg) no-repeat left center;
    background-size: 50px 47px;
  }
  #main .methodUl > li:last-child .iconTxt {
    padding-left: 75px;
    background: url(../img/products/related/lams/img02.jpg) no-repeat left center;
    background-size: 68px 43px;
  }
  #main .methodUl > li .iconTxt span {
    font-size: 18px;
  }
}
@media all and (min-width: 0px) and (max-width: 767px) {
  #lams .soluImgBox .textBox {
    width: auto;
  }
  #lams .useBox .midPho {
    margin-bottom: 25px;
  }
  #main .methodUl {
    margin-bottom: 30px;
  }
  #main .methodUl > li {
    margin-bottom: 15px;
    padding: 10px 20px;
    width: auto;
    float: none !important;
    border-radius: 20px;
  }
  #main .methodUl > li:last-child {
    margin-bottom: 0;
  }
  #main .methodUl > li .iconTxt {
    margin-bottom: 10px;
    padding: 8px 0 8px 58px;
    font-size: 12px;
    background: url(../img/products/related/lams/img01.jpg) no-repeat left center;
    background-size: 50px 47px;
  }
  #main .methodUl > li:last-child .iconTxt {
    padding-left: 75px;
    background: url(../img/products/related/lams/img02.jpg) no-repeat left center;
    background-size: 68px 43px;
  }
  #main .methodUl > li .iconTxt span {
    font-size: 18px;
  }
}
/*------------------------------------------------------------
	/products/related/s-cont
------------------------------------------------------------*/
#s-cont .mainImg .textBox .title span {
  font-size: 32px;
}

#s-cont .comLinkBox03 li {
  width: 300px;
}

#s-cont .inBlueBox {
  margin: 0;
}

#s-cont .functionBox {
  margin: 0;
  padding: 50px 0 30px 0;
}

#s-cont .intro {
  padding: 0 0 32px;
  background-color: #052F5F;
  color: #fff;
  text-align: center;
}

#s-cont .intro .arrow {
  position: relative;
  height: 24px;
  margin: 0 0 16px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#s-cont .intro .arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -24px;
  border-style: solid;
  border-width: 24px 24px 0 24px;
  border-color: #f2f2f2 transparent transparent transparent;
}

#s-cont .intro p {
  font-size: 24px;
  font-weight: bold;
}

#s-cont .function2column {
  margin-bottom: 30px;
}

#s-cont .function2column .lBox {
  float: left;
  width: 575px;
  box-sizing: border-box;
  text-align: center;
  border: #002b62 solid 2px;
}

#s-cont .function2column .rBox {
  float: right;
  width: 575px;
  box-sizing: border-box;
  text-align: center;
  border: #002b62 solid 2px;
}

#s-cont .function2column .lBox.bg_gray,
#s-cont .function2column .rBox.bg_gray {
  border: #666 solid 2px;
}

#s-cont .function2column .lBox.bg_green,
#s-cont .function2column .rBox.bg_green {
  border: #4bb1c0 solid 2px;
}

#s-cont .function2column .title {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding: 10px;
  background-color: #002b62;
  color: #fff;
}

#s-cont .function2column .bg_gray .title {
  background-color: #666;
}

#s-cont .function2column .bg_green .title {
  background-color: #4bb1c0;
}

#s-cont .function2column dd {
  padding: 20px;
  background-color: #fff !important;
}

#s-cont .function2column dd .catch {
  font-size: 18px;
  font-weight: bold;
}

#s-cont .checkList {
  margin-bottom: 20px;
}

#s-cont .checkList li {
  margin-bottom: 10px;
  padding: 1px 0 10px 43px;
  background: url(../img/common/icon_check.png) no-repeat 0 0;
  background-size: 30px;
  font-size: 18px;
}

#s-cont #sec02 .checkList li {
  font-size: 20px;
  font-weight: bold;
}

#s-cont #sec02 .title01 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 30px 0;
  vertical-align: center;
}

#s-cont #sec02 .title01 img {
  vertical-align: -20px;
  padding: 0 10px 0 0;
}

#s-cont #sec03 .headLine02,
#s-cont #sec03 .headLine02 span {
  font-size: 18px;
}

#s-cont #sec04 .headLine02,
#s-cont #sec04 .headLine02 span {
  font-size: 22px;
}

#s-cont #sec04 .croud_area {
  padding: 20px 0;
}

#s-cont #sec04 .icon_wrap .txtWeight-b {
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

#s-cont #sec04 .icon_wrap img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

#s-cont #sec05 .headLine01 {
  font-size: 24px;
  margin: 0 0 30px 0;
}

#s-cont #sec05 .wholesale_img {
  max-width: 1200px;
  background: #fff;
  margin: 30px 0 0 0;
  padding: 20px 0 0 0;
  text-align: center;
}

#s-cont #sec06 .croud_area {
  margin: 30px 0 0 0;
}

#s-cont .industry.bgblue {
  background-color: #C3E6EA !important;
}

.croud_area li {
  float: left;
}

.croud_area li.fright {
  padding-right: 0 !important;
  float: right;
}

.croud_area li.fleft {
  padding-left: 0 !important;
  float: left;
}

.croud_area li:first-child,
.croud_area li.fleft {
  padding-right: 17.5px;
  box-sizing: border-box;
}

.croud_area li:last-child,
.croud_area li.fright {
  padding-left: 17.5px;
  box-sizing: border-box;
}

.croud_area li.icon_txt {
  width: 50%;
}

.croud_area .icon_txt dl dt {
  width: 30%;
  float: left;
  text-align: left;
  color: rgb(0, 43, 98);
}

.croud_area .icon_txt dl dd {
  width: 70%;
  float: left;
  text-align: left;
}

.icon_wrap {
  min-height: 122px;
}

.wholesale_txt_area {
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.icon_ttl_wrap {
  padding: 10px 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.point_icon {
  width: 15%;
  height: 25px;
  background: rgb(0, 43, 98);
  color: #fff;
  text-align: center;
  float: left;
  padding: 2px 0;
  margin-top: 6px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
}

.point_ttl {
  width: 85%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  color: rgb(0, 43, 98);
  font-size: 24px;
  padding-bottom: 10px;
}

.point_ttl2 {
  width: 85%;
  float: left;
  box-sizing: border-box;
  padding-bottom: 10px;
}

.point_ttl2 a {
  color: rgb(0, 43, 98);
  font-size: 24px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #s-cont .comLinkBox03 li {
    width: 100%;
  }
  #s-cont .inBlueBox {
    margin: 0;
  }
  #s-cont .functionBox {
    margin: 0;
    padding: 30px 0 10px 0;
  }
  #s-cont .intro p {
    font-size: 18px;
  }
  #s-cont .function2column {
    margin-bottom: 0;
  }
  #s-cont .function2column .lBox {
    float: none;
    width: 100%;
    border: #002b62 solid 1px;
    margin-bottom: 20px;
  }
  #s-cont .function2column .rBox {
    float: none;
    width: 100%;
    border: #002b62 solid 1px;
    margin-bottom: 30px;
  }
  #s-cont .function2column .lBox.bg_gray,
  #s-cont .function2column .rBox.bg_gray {
    border: #666 solid 1px;
  }
  #s-cont .function2column .lBox.bg_green,
  #s-cont .function2column .rBox.bg_green {
    border: #4bb1c0 solid 1px;
  }
  #s-cont .function2column .title {
    font-size: 14px;
  }
  #s-cont .function2column dd {
    padding: 10px;
  }
  #s-cont .function2column dd .catch {
    font-size: 14px;
  }
  #s-cont .checkList {
    margin-bottom: 20px;
  }
  #s-cont .checkList li {
    margin-bottom: 10px;
    padding-left: 30px;
    background-size: 20px;
  }
  #s-cont #sec02 .title01 {
    font-size: 16px;
    margin: 30px 0;
  }
  #s-cont #sec02 .title01 img {
    vertical-align: 0;
    padding: 0;
    width: 30px;
    height: auto;
  }
  #s-cont #sec03 .headLine02,
  #s-cont #sec03 .headLine02 span {
    font-size: 13px;
  }
  #s-cont #sec04 .headLine02,
  #s-cont #sec04 .headLine02 span {
    font-size: 13px;
  }
  #s-cont #sec04 .croud_area {
    padding: 20px 0;
  }
  #s-cont #sec04 .icon_wrap .txtWeight-b {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  #s-cont #sec04 .icon_wrap img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
  }
  #s-cont #sec05 .headLine01 {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
  #s-cont #sec05 .wholesale_img {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
  }
  #s-cont #sec06 .croud_area {
    margin: 20px 0 0 0;
  }
  .croud_area li {
    float: none;
  }
  .croud_area li.fright {
    padding: 0 !important;
    float: none;
  }
  .croud_area li.fleft {
    padding: 0 !important;
    float: none;
  }
  .croud_area li:first-child,
  .croud_area li.fleft {
    padding-left: 0;
  }
  .croud_area li:last-child,
  .croud_area li.fright {
    padding-left: 0;
  }
  .croud_area li.icon_txt {
    width: 100%;
  }
  .croud_area .icon_txt dl dt {
    width: 100%;
    float: none;
  }
  .croud_area .icon_txt dl dd {
    width: 100%;
    float: none;
  }
  .icon_wrap {
    min-height: auto;
  }
  .wholesale_txt_area {
    padding: 10px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .icon_ttl_wrap {
    padding: 10px 0 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }
  .point_icon {
    width: 15%;
    height: 18px;
    float: left;
    padding: 2px 0;
    margin-top: 2px;
    font-size: 11px;
  }
  .point_ttl {
    width: 85%;
    float: left;
    padding-left: 10px;
    font-size: 16px;
    padding-bottom: 10px;
  }
  .point_ttl2 {
    width: 85%;
    float: left;
    box-sizing: border-box;
    padding-bottom: 10px;
  }
  .point_ttl2 a {
    color: rgb(0, 43, 98);
    font-size: 24px;
  }
}
/*------------------------------------------------------------
	column box
------------------------------------------------------------*/
.colBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list2col > div,
.list2col > li {
  width: 48.75%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.list3col > div,
.list3col > li {
  width: 30.67%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media (max-width: 767px) {
  #main section .colBox .textBox,
  #main section .colBox .photoBox {
    width: 100%;
  }
  .list2col > div,
  .list2col > li,
  .list3col > div,
  .list3col > li {
    width: 100%;
  }
}
/*------------------------------------------------------------
	/products/neosarf-pos/
------------------------------------------------------------*/
#neosarf-pos #main {
  margin-bottom: 0;
}

#neosarf-pos #main .retailBox {
  background-color: #F2F2F2;
  margin-bottom: 50px;
}

#neosarf-pos #main .retailBox.caseBox {
  background-color: #C4E6EA;
  margin-bottom: 0;
}

#neosarf-pos #main .retailBox .retailUl .title {
  text-align: center;
}

#neosarf-pos #main .industry {
  margin: 0;
  background-color: transparent;
}

#main .neosarf-posBox {
  margin: 40px 0;
  padding: 40px 0;
  background-color: #f2f2f2;
}

#neosarf-pos #main .blueBox02 {
  margin: 30px 0 0;
}

#neosarf-pos #main .blueBox .title a:hover {
  padding-bottom: 2px;
}

#main .comIndustry.neosarf-pos {
  margin: 0 !important;
  padding: 40px 0 80px !important;
  background-color: #fff !important;
}
#main .comIndustry.neosarf-pos .headLine01 img {
	vertical-align: -20px;
}
#main .comIndustry.neosarf-pos .headLine01 a {
	text-decoration: underline;
}
#main .comIndustry.neosarf-pos .headLine01 a:hover {
	text-decoration: none;
}
#main .comIndustry .textBox {
	padding-top: 0;
}
#main .comIndustry.neosarf-pos .comImgBoxL,
#system #main .comIndustry .comImgBoxL {
		margin-bottom: 80px;
}
#main .comIndustry.neosarf-pos .textBox p {
	font-size: inherit;
}
#main .comIndustry.neosarf-pos .textBox p.title {
	font-size: 24px;
}
#main .comIndustry.neosarf-pos .textBox p.title a,
#system #main .comIndustry .textBox p.title a {
	color: #262626;
	border-color: #262626;
}

#main .comIndustry.neosarf-pos .comImgBoxL {
  background-color: #fff !important;
}

#summary .industry .photoBox {
  width: 540px;
}

#summary .industry .photoBox img {
  width: 100%;
  height: auto;
}

#summary .easeBox02 .rBox,
#summary .easeBox02 .lBox {
  margin: 0;
  padding: 0;
  width: 585px;
  box-sizing: border-box;
  text-align: left;
}

#summary .easeBox02 .icon01 {
  background: #dcdfef url(../img/products/neosarf-pos/summary/icon01.png) no-repeat right 20px bottom 20px;
}

#summary .easeBox02 .icon02 {
  background: #dcdfef url(../img/products/neosarf-pos/summary/icon02.png) no-repeat right 20px bottom 20px;
}

#summary .easeBox02 .icon03 {
  background: #dcdfef url(../img/products/neosarf-pos/summary/icon03.png) no-repeat right 40px bottom 20px;
}

#summary .easeBox02 .icon04 {
  background: #dcdfef url(../img/products/neosarf-pos/summary/icon04.png) no-repeat right 30px bottom 20px;
}

#summary .easeBox02 .rBox {
  float: right;
}

#summary .easeBox02 .lBox {
  float: left;
}

#summary .easeBox02 a,
#summary .easeBox02 a {
  display: block;
}

#summary .easeBox02 a:hover,
#summary .easeBox02 a:hover {
  text-decoration: none;
  opacity: 0.7 !important;
}

#summary .easeBox02 .rBox dt,
#summary .easeBox02 .lBox dt {
  font-size: 18px;
  font-weight: bold;
  background-color: #4c6a91;
  color: #fff;
}

#summary .easeBox02 .rBox dt span,
#summary .easeBox02 .lBox dt span {
  padding: 10px 15px;
  display: inline-block;
}

#summary .easeBox02 .rBox dt .no,
#summary .easeBox02 .lBox dt .no {
  background-color: #052F5F;
  padding: 10px 15px;
}

#summary .easeBox02 .rBox dt small,
#summary .easeBox02 .lBox dt small {
  font-size: 14px;
}

#summary .easeBox02 .rBox dd,
#summary .easeBox02 .lBox dd {
  padding: 20px 20px 40px 20px;
}

#summary .easeBox03 .rBox,
#summary .easeBox03 .lBox {
  margin: 0;
  padding: 0;
  width: 585px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: left;
}

#summary .easeBox03 .rBox img,
#summary .easeBox03 .lBox img {
  width: 100%;
  height: auto;
}

#summary .easeBox03 .rBox {
  float: right;
}

#summary .easeBox03 .lBox {
  float: left;
}

#summary .easeBox03 .rBox p,
#summary .easeBox03 .lBox p {
  margin: 10px 0 0 0;
  font-size: 16px;
}

#summary .easeBox03 .rBox ul,
#summary .easeBox03 .lBox ul {
  margin: 10px 0 0 30px;
  font-size: 16px;
}

#summary .easeBox03 .rBox ul li,
#summary .easeBox03 .lBox ul li {
  list-style: disc;
}
/* #summary renewal */
#summary .easeBox03 .col {
  width: 31.333333%;
}
#summary .easeBox03 .col > a {
  display: block;
}
#summary .easeBox03 .col > a:hover {
  opacity: .7;
  transition: all .3s;
  text-decoration: none;
}
#summary .easeBox03 dl {
  padding: 8px;
  background: #EDEFF3;
}

#summary .easeBox03 dt {
  padding: 5px;
  background: #0F1ED2;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
#summary .easeBox03 dd.txt {
  margin-bottom: 8px;
  padding: 8px;
  background: #DCDFE6;
  font-size: 1.6rem;
}
#summary .easeBox03 figure {
  margin: 0 0 10px;
  background: #fff;
  text-align: center;
}
#summary .useBox {
  margin-bottom: 70px;
}
#summary .useBox .use-title {
  margin-bottom: 24px;
  color: #0F1ED2;
}
#summary .useBox p {
  margin-bottom: 30px;
}
#summary .useBox .photo {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
#summary .useBox .photo:not(:last-child) {
  margin-bottom: 56px;
}
#summary .useBox .photo.wide {
  max-width: none;
}

@media (max-width: 767px) {
  #summary .easeBox03 .col {
    width: 100%;
    margin-bottom: 20px;
  }
  #summary .easeBox03 dt {
    font-size: 1.6rem;
  }
  #summary .easeBox03 dd.txt {
    font-size: 1.4rem;
  }
  #summary .useBox {
  margin-bottom: 32px;
  }
  #summary .useBox .use-title {
    margin-bottom: 12px;
  }
  #summary .useBox p {
  margin-bottom: 20px;
}
}

#summary .easeBox04 {
  margin: 0 0 60px 0;
}

#summary .easeBox04 .rBox,
#summary .easeBox04 .lBox {
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
  background-color: #D5E7FF;
}

#summary .easeBox04 .rBox {
  float: right;
  width: 65%;
}

#summary .easeBox04 .lBox {
  /* float: left; */
  /* width: 33%; */
  width: 100%;
}

#summary .easeBox04 .rBox .title,
#summary .easeBox04 .lBox .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  height: 10px;
		text-align: center;
}

#summary .easeBox04 .rBox .title small,
#summary .easeBox04 .lBox .title small {
  font-size: 12px;
  font-weight: normal;
}

#summary .easeBox04 .rBox ul,
#summary .easeBox04 .lBox ul {
  display: flex;
  font-weight: bold;
}

#summary .easeBox04 .rBox ul li,
#summary .easeBox04 .lBox ul li {
  padding: 20px 10px;
  text-align: center;
  background-color: #fff;
  font-size: 16px;
  box-sizing: border-box;
}

#summary .easeBox04 .rBox ul li {
  margin: 0 10px 0 0;
  width: 50%;
}

#summary .easeBox04 .rBox ul li:last-child {
  margin: 0;
}

#summary .easeBox04 .lBox ul li {
  width: 100%;
}

#summary .easeBox04 ul li a {
  text-decoration: underline;
}

#summary .easeBox04 ul li a:hover {
  text-decoration: none;
}

#summary .easeBoxInner {
  width: 1100px;
  margin: 0 auto 60px auto !important;
}

#summary .easeBoxInner .photo img {
  width: 100%;
  height: auto;
}

#summary .easeBoxInner .triangle {
  margin: 30px 0 10px 0;
}

/* advantage */
#advantage .comSubLinkBox {
  padding: 20px 0;
}
#advantage .comSubLinkBox .neosarf-pos-advantage {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
#advantage .comSubLinkBox .neosarf-pos-advantage li {

}
#advantage .comSubLinkBox .neosarf-pos-advantage li a {
  padding: 2px 24px 2px 20px;
  font-size: 16px;
}
#advantage .useBox {
  margin-bottom: 60px;
}
#advantage .useBox .comImgBoxL .textBox .title {
  margin-bottom: 3px;
  font-size: 18px;
  line-height: 1.2;
}
#advantage .useBox .point {
  padding: 20px;
}
#advantage .point .label {
  position: relative;
  margin: 0 14px 12px 0;
  padding: 7px 14px;
  background: #0F1ED2;
  line-height: 1;
}
#advantage .point .label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-color: #0F1ED2;
  border-width: 16px 14px;
}
#advantage .point .checkList {
  margin-bottom: -12px;
}
#advantage .point .checkList li {
  position: relative;
  margin-bottom: 12px;
  padding: 1px 0 0 42px;
  font-weight: bold;
}
#advantage .point .checkList li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url(/nsi/ss/retail/img/common/icon_check03.png) no-repeat 0 0;
  background-size: contain;
}
#advantage #main .comUl06 li {
  margin: 0 0 10px 30px;
  padding: 0;
  line-height: 1.6;
  list-style: disc;
}
@media (max-width: 767px) {
  #advantage .comSubLinkBox {
    padding: 10px;
  }
  #advantage .comSubLinkBox .neosarf-pos-advantage li {
    width: 50%;
  }
  #advantage .comSubLinkBox .neosarf-pos-advantage li a {
    font-size: 12px;
    padding: 2px 10px;
    border-right: 1px solid #4A5880;
  }
  #advantage .comSubLinkBox .neosarf-pos-advantage li:nth-child(even) a {
    border-right: none;
  }
  #advantage .useBox {
    margin-bottom: 30px;
  }
  #advantage .useBox .comImgBoxL .textBox .title {
    font-size: 16px;
  }
  #advantage .useBox .point {
    padding: 15px;
  }
  #advantage .point .label {
    padding: 5px 12px;
  }
  #advantage .point .label::after {
    border-width: 12px 12px;
  }
  #advantage .point .checkList {
    margin-bottom: -10px;
  }
  #advantage .point .checkList li {
    margin-bottom: 10px;
    padding: 0 0 0 28px;
  }
  #advantage .point .checkList li::before {
    width: 20px;
    height: 20px;
  }
}

#support #main .tableBox table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  margin: 0 0 50px 0;
}

#support #main .tableBox table th,
#support #main .tableBox table td {
  border: solid 1px #ccc;
  padding: 10px;
}

#support #main .tableBox table thead th,
#support #main .tableBox table tbody th {
  background-color: #002b62;
  color: #fff;
}

#support #main .tableBox .nowrap {
  white-space: nowrap;
}

#support #main .tableBox .bg01 {
  background-color: #e5e9ef;
  color: #002b62;
  font-weight: bold;
}

#support #main .tableBox .bg02 {
  background-color: #e9eef9;
  font-weight: bold;
}

#support #main .tableBox .fcred {
  color: #dc434b;
}

#main .easeBox.pos dl {
  margin: 0 0 20px 0;
}

#main .easeBox.pos dl dt {
  font-weight: bold;
  margin: 0 0 5px 0;
}

#main .photoList {
  margin-bottom: 30px;
}

#main .photoList li {
  float: left;
}

#main .photoList li:nth-child(2n) {
  float: right;
}

#main .neosarf-pos-function li:nth-child(6) a {
  border-right: 1px solid #4A5880;
}

#main .neosarf-pos-function li:nth-child(7) a {
  border-right: none;
}

/* cashierType */
#cashierType .lead {
  margin-bottom: 32px;
}

.cashierTypeList li {
  margin-bottom: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cashierTypeList li a {
  display: block;
  border: 2px solid #04127c;
}

.cashierTypeList li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.cashierTypeList .title {
  position: relative;
  padding: 6px 10px;
  background: #04127c;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.cashierTypeList a .title::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 12px;
  margin-top: -7px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cashierTypeList .inner {
  padding: 16px 20px;
}

.cashierTypeList .on {
  border: 2px solid #419b91;
}

.cashierTypeList .on .title {
  background: #419b91;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #neosarf-pos #main .industry {
    padding: 30px 0 20px 0;
  }
  #main .neosarf-posBox {
    margin: 30px 0;
    padding: 30px 0;
  }
  #neosarf-pos #main .blueBox .title a:hover {
    border-bottom: 2px solid #272727;
    padding-bottom: 0;
  }
		#main .comIndustry.neosarf-pos .textBox p.title {
			font-size: 16px;
		}
  #support #main .tableBox .taRight {
    text-align: left !important;
  }
  #main .easeBox.pos {
    margin: 0 0 30px 0;
  }
  #summary .industry .photoBox {
    width: 100%;
  }
  #summary .mb60 {
    margin-bottom: 20px !important;
  }
  #summary #main .easeBox {
    margin-bottom: 0;
  }
  #summary .easeBox02 .rBox,
  #summary .easeBox02 .lBox {
    width: 100%;
    margin: 0 0 20px 0;
  }
  #summary .easeBox02.mb60 {
    margin: 0 0 30px 0 !important;
  }
  #summary .easeBox02 .icon01 {
    background: #dcdfef url(../img/products/neosarf-pos/summary/icon01.png) no-repeat center bottom 10px;
    background-size: auto 40px;
  }
  #summary .easeBox02 .icon02 {
    background: #dcdfef url(../img/products/neosarf-pos/summary/icon02.png) no-repeat center bottom 10px;
    background-size: auto 40px;
  }
  #summary .easeBox02 .icon03 {
    background: #dcdfef url(../img/products/neosarf-pos/summary/icon03.png) no-repeat center bottom 10px;
    background-size: auto 50px;
  }
  #summary .easeBox02 .icon04 {
    background: #dcdfef url(../img/products/neosarf-pos/summary/icon04.png) no-repeat center bottom 10px;
    background-size: auto 50px;
  }
  #summary .easeBox02 .rBox {
    float: none;
  }
  #summary .easeBox02 .lBox {
    float: none;
  }
  #summary .easeBox02 .rBox dt span,
  #summary .easeBox02 .lBox dt span {
    display: block;
    text-align: center;
  }
  #summary .easeBox02 .rBox dt small,
  #summary .easeBox02 .lBox dt small {
    text-align: center;
    display: block;
  }
  #summary .easeBox02 .rBox dd,
  #summary .easeBox02 .lBox dd {
    padding: 20px 20px 60px 20px;
  }
  #summary .easeBox03 .rBox,
  #summary .easeBox03 .lBox {
    width: 100%;
  }
  #summary .easeBox03.mb60 {
    margin: 0 0 20px 0 !important;
  }
  #summary .easeBox03 .rBox {
    float: none;
    margin: 0 0 30px 0;
  }
  #summary .easeBox03 .lBox {
    float: none;
    margin: 0 0 30px 0;
  }
  #summary .easeBox03 .rBox p,
  #summary .easeBox03 .lBox p {
    font-size: 14px;
  }
  #summary .easeBox03 .rBox ul,
  #summary .easeBox03 .lBox ul {
    font-size: 14px;
  }
  #summary .easeBoxInner {
    width: 100%;
    margin: 0 auto 60px auto !important;
  }
  #summary .easeBoxInner .triangle img {
    width: 40%;
  }
  #summary .easeBox04 {
    margin: 0 0 60px 0;
  }
  #summary .easeBox04 .rBox,
  #summary .easeBox04 .lBox {
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    background-color: #D5E7FF;
  }
  #summary .easeBox04 .rBox {
    float: none;
    width: 100%;
  }
  #summary .easeBox04 .lBox {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  #summary .easeBox04 .rBox .title,
  #summary .easeBox04 .lBox .title {
    height: inherit;
    text-align: center;
  }
  #summary .easeBox04 .rBox ul,
  #summary .easeBox04 .lBox ul {
    display: block;
  }
  #summary .easeBox04 .rBox ul li,
  #summary .easeBox04 .lBox ul li {
    padding: 20px 10px;
    text-align: center;
    background-color: #fff;
    font-size: 16px;
  }
  #summary .easeBox04 .rBox ul li {
    margin: 0 0 10px 0;
    width: 100%;
  }
  #summary .easeBox04 .rBox ul li:first-child {
    width: 100%;
  }
  #summary .easeBox04 .rBox ul li:last-child {
    margin: 0;
  }
  #summary .easeBox04 .lBox ul li {
    width: 100%;
  }
  #summary .easeBox04 ul li a {
    text-decoration: underline;
  }
  #summary .easeBox04 ul li a:hover {
    text-decoration: none;
  }
  #main .photoList li {
    padding-bottom: 15px;
    float: none !important;
  }
  #main .photoList li:last-child {
    padding-bottom: 0;
  }
  #main .neosarf-pos-function li,
  #main .neosarf-pos-function li.other,
  #main .neosarf-pos-function li.outside03 {
    width: 49%;
    margin: 10px 0;
  }
  #main .neosarf-pos-function li a {
    padding: 2px 5px;
  }
  #main .neosarf-pos-function li:nth-child(odd) a {
    border-right: 1px solid #4A5880;
  }
  #main .neosarf-pos-function li:nth-child(even) a {
    border-right: none;
  }
  /* cashierType */
  #cashierType .lead {
    margin-bottom: 20px;
  }
  .cashierTypeList .title {
    font-size: 16px;
  }
  .cashierTypeList .inner {
    padding: 15px;
  }
}
/*------------------------------------------------------------
	/products/pos/
------------------------------------------------------------*/
#pos #main {
  margin-bottom: 0;
}

#pos #main .retailBox {
  background-color: #F2F2F2;
}

#pos #main .industry {
  margin: 0;
  background-color: transparent;
}

#pos .industry.bgblue {
  background-color: #C3E6EA !important;
}

#pos #main .retailBox {
  margin-bottom: 50px;
}

#pos #main .retailBox .retailUl .title {
  text-align: center;
}

#pos .comLinkBox02 li {
  width: 400px;
}

#pos .comLinkBox03 li {
  width: 300px;
}

#main .posBox {
  margin: 40px 0;
  padding: 40px 0;
  background-color: #f2f2f2;
}

#pos #main .blueBox02 {
  margin: 30px 0 0;
}

#pos #main .blueBox .title a:hover {
  padding-bottom: 2px;
}

#main .comIndustry.pos {
  margin: 0 !important;
  padding: 40px 0 !important;
  background-color: #f2f2f2 !important;
}

#main .comIndustry.pos .comImgBoxL {
  background-color: #fff !important;
}



#pos .easeBox .rBox {
  margin: 0;
  padding: 0;
  float: right;
  width: 585px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}

#pos .easeBox .lBox {
  margin: 0;
  padding: 0;
  float: left;
  width: 585px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}

#pos .easeBox .rBox p,
#pos .easeBox .lBox p {
  margin: 0 0 30px 0;
  padding: 0;
}

#pos .easeBox02 .rBox {
  width: 400px;
}

#pos .easeBox02 .lBox {
  width: 800px;
  padding: 0 50px 0 0;
  text-align: left;
}

#pos .easeBox03 .rBox,
#pos .easeBox03 .lBox {
  width: 400px;
}

#pos .easeBox03 li {
  width: 378px;
}

#pos .photo.border {
  border: 1px solid #bbb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#pos .easeBox .caption {
  margin-top: 10px !important;
  font-size: 16px;
}

#pos .easeBox .caption02 {
  margin-top: 10px !important;
  font-weight: bold;
}

#pos .easeBox .col {
  width: 48.5%;
  padding: 32px 24px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#pos .easeBox .col .caption {
  display: inline-block;
}

#pos .tableBox {
  width: 80%;
  margin: 0 auto 30px auto;
}

#pos .tableBox table {
  font-size: 14px;
  width: 100%;
  margin: 0 0 10px 0;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

#pos .tableBox table th,
#pos .tableBox table td {
  word-wrap: break-word;
  background: #fff;
  padding: 13px 20px 10px;
  border: 1px solid #bbb;
  text-align: left;
}

#pos .tableBox table th {
  font-weight: normal;
  background: #efefef;
}

#pos .tableBox table thead th {
  background: #d5d5d5;
  font-weight: bold;
  text-align: center;
}

#pos .tableBox ul.list {
  display: table;
  margin: 20px 0 0 0;
}

#pos .tableBox ul.list li {
  display: table-row;
}

#pos .tableBox ul.list li:nth-child(2) {
  float: left;
}

#pos .tableBox ul.list li .mark {
  text-align: left;
  white-space: pre;
  padding: 0 7px 3px 0;
}

#pos .tableBox ul.list li * {
  font-size: 100%;
  vertical-align: top;
  display: table-cell;
}

#pos .tableBox ul.list li .content {
  padding: 0 0 3px 0;
}

#pos .tableBox ul.list li .content *:last-child {
  margin-bottom: 0;
}

#pos .introBox .title {
  margin: 0 10px 16px;
  padding-top: 30px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

#pos .introBox .video {
  padding: 0 10px 30px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #pos #main .industry {
    padding: 0 0 20px;
  }
  #pos .comLinkBox02 li {
    width: 50%;
  }
  #pos .comLinkBox03 li {
    width: 50%;
  }
  #main .posBox {
    margin: 30px 0;
    padding: 30px 0;
  }
  #pos #main .blueBox .title a:hover {
    border-bottom: 2px solid #272727;
    padding-bottom: 0;
  }
  #pos .easeBox .rBox {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
  }
  #pos .easeBox .lBox {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
  }
  #pos .easeBox .rBox p,
  #pos .easeBox .lBox p {
    margin: 0 0 30px 0;
  }
  #pos .easeBox02 .rBox {
    width: 100%;
  }
  #pos .easeBox02 .lBox {
    width: 100%;
    padding: 0;
  }
  #pos .easeBox02 .rBox p,
  #pos .easeBox02 .lBox p {
    margin: 0;
  }
  #pos .easeBox03 .rBox,
  #pos .easeBox03 .lBox {
    width: 100%;
  }
  #pos .easeBox .caption {
    font-size: 14px;
  }
  #pos .easeBox .col {
    width: 100%;
    padding-top: 20px;
  }
  #pos .easeBox .col:not(:last-child) {
    margin-bottom: 16px;
  }
  #pos .tableBox {
    width: auto;
  }
  #pos .tableBox table {
    font-size: 12px;
    table-layout: auto;
  }
  #pos #main .tableBox02 table {
    width: 100% !important;
  }
  #pos .introBox .title {
    padding-top: 20px;
    font-size: 19px;
    line-height: 1.3;
  }
  #pos .introBox .video {
    padding-bottom: 20px;
  }
}
/*------------------------------------------------------------
	/products/change/
------------------------------------------------------------*/
#change .comLinkBox li {
  width: 20%;
}

#change #main .retailBox {
  background-color: #F2F2F2;
  margin: 50px 0 0 0 !important;
}

#change #main .retailBox .retailUl .title {
  text-align: center;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #change .comLinkBox li {
    width: 50%;
  }
  #change .comLinkBox li:last-child {
    width: 50%;
  }
  #change .comLinkBox li:last-child a {
    padding: 13px 5px;
  }
}
@media screen and (max-width: 320px) {
  #change .comLinkBox li {
    width: 50%;
  }
  #change .comLinkBox li:last-child {
    width: 50%;
  }
  #change .comLinkBox li:last-child a {
    padding: 14.5px 5px;
    font-size: 12px;
  }
}
/*------------------------------------------------------------
	/products/related/dm
------------------------------------------------------------*/
#dm #main .comUlBox {
  width: 800px;
}

#dm .iconTitle {
  margin-bottom: 20px;
  text-align: center;
}

#dm .iconTitle img {
  margin-right: 15px;
  vertical-align: middle;
}

#dm .lead {
  margin-bottom: 20px;
}

#dm .dmBox {
  margin-bottom: 40px;
}

#dm .dmBox .photoBox {
  float: none;
  width: 362px;
  padding-top: 0;
  border: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#dm .dmBox .textBox {
  float: none;
  width: 800px;
}

#dm .dmBox .textBox .lead {
  margin-bottom: 1em;
  color: #002b62;
  font-weight: bold;
}

#dm .ul li {
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  position: relative;
}

#dm .ul li::before {
  content: "";
  position: absolute;
  top: 0.54em;
  left: 0.3em;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #404040;
  border-radius: 50%;
  line-height: 1;
}

@media (max-width: 767px) {
  #dm #main .comUlBox {
    width: auto;
  }
  #dm #main .comUlBox li {
    width: 50%;
  }
  #dm .lead {
    margin-bottom: 10px;
  }
  #dm .iconTitle img {
    display: block;
    margin: 0 auto 15px;
    width: 40px;
  }
}
/*------------------------------------------------------------
	/products/ec/
------------------------------------------------------------*/
#main .main_visual {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

#main .main_visual_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1200px;
  min-height: 400px;
  margin: 0 auto;
}

#main .main_visual_inner .copy {
  position: relative;
  min-width: 600px;
  max-width: 60%;
  margin: 32px 0;
  padding: 24px 32px;
  background: rgba(2, 9, 62, 0.8);
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#main .main_visual_inner .copy p {
  font-size: 17px;
  line-height: 1.6;
}

#main .main_visual_inner .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}

#main .main_visual_inner .subTitle {
  font-size: 20px;
  font-weight: bold;
}

#main .main_visual_inner .btnBox {
  width: 80%;
  margin: 20px auto 0;
}

#main .main_visual_inner .comLink {
  width: 240px;
  font-size: 18px;
  text-align: center;
}

#main .main_visual_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#main .main_visual_img img {
  max-width: none;
}

@media (min-width: 768px) and (max-width: 1200px) {
  #main .main_visual_inner {
    max-width: 100%;
  }
}
@media (min-width: 1801px) {
  #main .main_visual_img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #main .main_visual {
    display: table;
  }
  #main .main_visual_inner {
    display: table-cell;
    min-height: auto;
  }
  #main .main_visual_inner .copy {
    min-width: 200px;
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 20px 10px;
    background: rgb(0, 43, 98);
  }
  #main .main_visual_inner .title {
    font-size: 25px;
  }
  #main .main_visual_inner .subTitle {
    font-size: 16px;
  }
  #main .main_visual_inner .btnBox {
    width: 90%;
  }
  #main .main_visual_inner .comLink {
    width: 100%;
    font-size: 15px;
  }
  #main .main_visual_inner .comLink:not(:last-child) {
    margin-bottom: 20px;
  }
  #main .main_visual_img {
    display: table-caption;
    position: relative;
  }
}
.bg_dot {
  background: url(../img/products/ec/bg_dot.png) repeat 0 0;
}

#ec .ecBox {
  width: 84%;
  max-width: 1000px;
  margin: 0 auto 20px;
}

#ec .iconListBox {
  width: 80%;
  margin: 0 auto;
}

#ec .iconList {
  text-align: center;
}

#ec .iconList dt {
  margin-bottom: 10px;
}

#ec .iconList dt p {
  font-size: 20px;
  font-weight: bold;
}

#ec .iconList dt .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin: 0 auto 5px;
}

#ec .checkList {
  margin-bottom: 20px;
}

#ec .checkList li {
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(../img/common/icon_check.png) no-repeat 0 0;
  background-size: 24px;
  font-weight: bold;
}

#ec .dialogue {
  width: 800px;
  margin: 0 auto 40px;
}

#ec .dialogue li {
  margin-bottom: 40px;
}

#ec .dialogue li.dialogL {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#ec .dialogue li .photo {
  width: 120px;
}

#ec .dialogue li .text p {
  width: 100%;
  text-align: center;
}

#ec .dialogue li .text {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: calc(100% - 180px);
  margin: 0;
  padding: 12px 20px 10px;
  background: #fff;
  border: 3px solid #1e32a5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#ec .dialogue li .text:before,
#ec .dialogue li .text:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 60%;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

#ec .dialogue li .text:before {
  margin-top: -13px;
  margin-right: 3px;
  border-color: rgba(30, 50, 165, 0);
  border-top-width: 13px;
  border-bottom-width: 13px;
  border-left-width: 40px;
  border-right-width: 40px;
  border-right-color: #1e32a5;
}

#ec .dialogue li .text:after {
  margin-top: -10px;
  border-color: rgba(209, 226, 245, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 32px;
  border-right-width: 32px;
  border-right-color: #fff;
}

#ec .dialogue li.dialogR .text:before,
#ec .dialogue li.dialogR .text:after {
  right: auto;
  left: 100%;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

#ec .arrowBox {
  width: 62%;
  margin: 0 auto 48px;
  font-size: 20px;
}

#ec .arrowBox::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto 20px;
  border-style: solid;
  border-width: 64px 160px 0 160px;
  border-color: #7f7f7f transparent transparent transparent;
}

#ec .marker {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #eaba7b));
  background: linear-gradient(transparent 60%, #eaba7b 60%);
}

#ec .tabletBox03 table {
  margin-bottom: 10px;
  border-collapse: collapse;
}

#ec .tabletBox03 table tbody td {
  background-color: #b5befd;
  padding: 5px 10px;
}

#ec .tabletBox03 table tbody tr:nth-child(2n) td {
  background-color: #d9d9d9;
}

#ec .notes {
  margin: 10px 0 20px 42%;
  padding-left: 1em;
  text-indent: -1em;
}

@media (max-width: 767px) {
  #ec .ecBox {
    width: 100%;
  }
  #ec .iconListBox {
    width: 100%;
  }
  #ec .iconList:not(:last-child) {
    margin-bottom: 20px;
  }
  #ec .iconList dt {
    margin-bottom: 5px;
  }
  #ec .iconList dt p {
    font-size: 18px;
  }
  #ec .iconList dt .icon {
    width: 60px;
    height: 60px;
  }
  #ec .checkList {
    margin-bottom: 20px;
  }
  #ec .checkList li {
    margin-bottom: 10px;
    background-size: 20px;
  }
  #ec .dialogue {
    width: 100%;
    margin-bottom: 0;
  }
  #ec .dialogue li {
    margin-bottom: 20px;
  }
  #ec .dialogue li .photo {
    width: 80px;
  }
  #ec .dialogue li .text p {
    text-align: left;
  }
  #ec .dialogue li .text {
    width: calc(100% - 120px);
    margin: 0;
    padding: 12px 10px 10px;
  }
  #ec .dialogue li .text:before,
  #ec .dialogue li .text:after {
    top: 50px;
  }
  #ec .arrowBox {
    width: 100%;
    margin-bottom: 20px;
    font-size: 15px;
  }
  #ec .arrowBox::before {
    margin-bottom: 10px;
    border-style: solid;
    border-width: 32px 100px 0 100px;
  }
  #ec .notes {
    margin: 10px 0;
  }
}
#unified-commerce .ucBox {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 20px;
}
#unified-commerce .checkList {
  margin-bottom: 20px;
}
#unified-commerce .checkList li {
  margin-bottom: 1em;
  padding-left: 42px;
  background: url(../img/common/icon_check02.png) no-repeat 0 0;
  background-size: 32px;
}
#unified-commerce .checkList li:last-child {
  margin-bottom: 0;
}
#unified-commerce .marker {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #b7dbd7));
  background: linear-gradient(transparent 60%, #b7dbd7 60%);
}
#unified-commerce .notes {
  margin: 10px 0 20px 42%;
  padding-left: 1em;
  text-indent: -1em;
}
#unified-commerce .whiteBox {
  background-color: #fff;
  padding: 30px;
}
#unified-commerce .whiteBox02 {
  padding: 0;
}
#unified-commerce .retailBox.bg_dot .comImgBoxL {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
#unified-commerce .retailBox.bg_dot .comImgBoxL .textBox {
  width: 700px;
  padding: 0;
}
#unified-commerce .retailBox.bg_dot .comImgBoxL .textBox .headLine01 {
  font-size: 28px;
  margin-bottom: 16px;
}
#unified-commerce .retailBox.bg_dot .comImgBoxL .textBox .catch {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 16px;
}
#unified-commerce .retailBox.bg_dot .comImgBoxL .textBox .text {
  margin-bottom: 16px;
}
#unified-commerce .retailBox.bg_dot .comImgBoxL .textBox .checkList {
  margin-bottom: 0;
}
#unified-commerce .retailBox#sec01 {
  padding-bottom: 50px;
}
#unified-commerce .retailBox#sec01 .exBox {
  display: flex;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 0;
}
#unified-commerce .retailBox#sec01 .exBox .title {
  background-color: #286ebe;
  color: #fff;
  padding: 20px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#unified-commerce .retailBox#sec01 .exBox .title .icon {
  width: 50px;
  margin: 0 auto 16px;
}
#unified-commerce .retailBox#sec01 .exBox .checkList {
  background-color: #D5E7FF;
  margin-bottom: 0;
  padding: 20px 30px;
  display: flex;
  flex-wrap: wrap;
}
#unified-commerce .retailBox#sec01 .exBox .checkList li {
  width: 50%;
  margin: 0.5em 0;
  padding-left: 32px;
  background: url(../img/common/icon_check02bl.png) no-repeat 0 0;
  background-size: 24px;
  font-size: 16px;
}
#unified-commerce .retailBox#sec03 {
  padding-bottom: 40px;
}
#unified-commerce .retailBox#sec03 .comImgBoxR {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
#unified-commerce .retailBox#sec03 .comImgBoxR .textBox {
  width: 610px;
  padding-top: 0;
}
#unified-commerce .retailBox#sec03 .headLine06 {
  color: #000;
}
#unified-commerce .retailBox#sec03 .comLink {
  width: 400px;
  margin: 30px auto 60px;
  text-align: center;
}
#unified-commerce .retailBox#sec03 .checkList {
  margin-bottom: 0;
}
#unified-commerce .retailBox#sec04 {
  padding-bottom: 50px;
}
#unified-commerce .retailBox#sec04 .comImgBoxL {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
#unified-commerce .retailBox#sec04 .comImgBoxL .textBox {
  width: 600px;
  padding: 0;
}
#unified-commerce .retailBox#sec04 .comImgBoxL .textBox .catch {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
#unified-commerce .retailBox#sec05 {
  padding-bottom: 50px;
}
#unified-commerce .retailBox#sec05 .comImgBoxL {
  margin-bottom: 0;
}
#unified-commerce .retailBox#sec05 .comImgBoxL .textBox {
  width: 730px;
  padding: 25px 30px;
}
#unified-commerce .retailBox#sec05 .comImgBoxL .textBox .headLine06 a {
  text-decoration: underline;
}
#unified-commerce .retailBox#sec05 .comImgBoxL .textBox .headLine06 a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  #unified-commerce .ucBox {
    width: 100%;
  }
  #unified-commerce .checkList {
    margin-bottom: 20px;
  }
  #unified-commerce .checkList li {
    margin-bottom: 10px;
    padding-left: 28px;
    background-size: 20px;
  }
  #unified-commerce .notes {
    margin: 10px 0;
  }
  #unified-commerce .whiteBox {
    padding: 10px;
  }
  #unified-commerce .retailBox.bg_dot .comImgBoxL {
    max-width: 100%;
  }
  #unified-commerce .retailBox.bg_dot .comImgBoxL .textBox {
    width: 100%;
  }
  #unified-commerce .retailBox.bg_dot .comImgBoxL .textBox .headLine01 {
    font-size: 20px;
    margin-bottom: 8px;
  }
  #unified-commerce .retailBox.bg_dot .comImgBoxL .textBox .catch {
    font-size: 18px;
    margin-bottom: 8px;
  }
  #unified-commerce .retailBox.bg_dot .comImgBoxL .textBox .text {
    margin-bottom: 8px;
  }
  #unified-commerce .retailBox#sec01 {
    padding-bottom: 30px;
  }
  #unified-commerce .retailBox#sec01 .exBox {
    flex-direction: column;
  }
  #unified-commerce .retailBox#sec01 .exBox .title {
    padding: 10px;
    font-size: 18px;
    justify-content: center;
  }
  #unified-commerce .retailBox#sec01 .exBox .title .icon {
    width: 30px;
    margin-bottom: 10px;
  }
  #unified-commerce .retailBox#sec01 .exBox .checkList {
    margin-bottom: 0;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  #unified-commerce .retailBox#sec01 .exBox .checkList li {
    width: 100%;
    padding-left: 28px;
    background-size: 20px;
  }
  #unified-commerce .retailBox#sec03 {
    padding-bottom: 30px;
  }
  #unified-commerce .retailBox#sec03 .comImgBoxR {
    max-width: 100%;
  }
  #unified-commerce .retailBox#sec03 .comImgBoxR .textBox {
    width: 100%;
  }
  #unified-commerce .retailBox#sec03 .comImgBoxR .photoBox {
    margin-bottom: 20px;
  }
  #unified-commerce .retailBox#sec03 .comLink {
    width: 100%;
    margin: 40px auto;
  }
  #unified-commerce .retailBox#sec04 {
    padding-bottom: 30px;
  }
  #unified-commerce .retailBox#sec04 .comImgBoxL {
    max-width: 100%;
  }
  #unified-commerce .retailBox#sec04 .comImgBoxL .textBox {
    width: 100%;
  }
  #unified-commerce .retailBox#sec04 .comImgBoxL .textBox .catch {
    font-size: 18px;
    margin-bottom: 10px;
  }
  #unified-commerce .retailBox#sec05 {
    padding-bottom: 30px;
  }
  #unified-commerce .retailBox#sec05 .textBox {
    width: 100%;
  }
}
/* noticeBox */
.noticeBox {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 24px;
  border: 1px solid #0F1ED2;
  background: #fff;
}
.noticeBox .title {
  font-weight: bold;
}
.noticeBox p:not([class]) {
  font-size: 16px;
}
@media (max-width: 767px) {
  .noticeBox {
  padding: 10px;
}
.noticeBox .title {
  font-size: 15px;
}
.noticeBox p:not([class]) {
  font-size: 14px;
}
}