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







/* ############################################# */

/************************************
** .page 
************************************/
body.page.merits article {
  padding-top: 55px;
}
body.page article {
  padding-top: 20px;
  padding-bottom: 40px;
}
body.page article aside .asideInner .sideTitle {
  display: none;
}
body.page article aside .asideInner ul {
  border-top: solid 2px;
}
body.page article aside .asideInner ul li {
  border-bottom: #dee0e9 solid 1px;
}
body.page article aside .asideInner ul li.parent {
  font-size: 1.14286em;
  font-weight: bold;
}
body.page article aside .asideInner ul li.parent a {
  height: 4em;
  padding-left: 0.9375em;
}
body.page article aside .asideInner ul li.parent a:before {
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: url("../images/common/icon_arrow_r_w.png");
  background-size: 0.25rem auto;
  border-radius: 0.8125rem;
}
body.page article aside .asideInner ul li a {
  display: flex;
  align-items: center;
  height: 4em;
  background-color: #f4f5f6;
  padding: 0 1.25rem;
  padding-right: 0.625rem;
}
body.page article aside .asideInner ul li a:hover {
  background-color: #dae9f7;
}
body.page article aside .asideInner ul li a:before {
  content: "";
  display: inline-block;
  width: 0.3125rem;
  height: 0.4375rem;
  background-image: url("/img/common/icon_arrow_r.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
}

body.page article aside .asideInner .catalog {
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  border: #dee0e9 solid 5px;
  padding: 0.9375rem;
  margin-bottom: 1.875rem;
}
body.page article aside .asideInner .catalog p {
  line-height: 1;
}
body.page article aside .asideInner .catalog a {
  display: block;
  padding-right: 0;
  padding-left: 0;
  margin-top: 0.625rem;
  font-size: 0.875rem;
}
body.page article .lead {
  margin-bottom: 2.1875em;
  font-size: 1rem;
  line-height: 1.75;
}
body.page article .lead em {
  font-weight: bold;
}
body.page article .fs16 {
  font-size: 1rem;
  line-height: 1.75;
}
body.page article .fs14 {
  font-size: 0.875rem;
  line-height: 1.75;
}
body.page article .mt-60 {
  margin-top: -60px;
}
body.page article .mt1em {
  margin-top: 1em;
}
body.page article a.blue {
  color: #0053ab;
}
body.page article .ribbon-gray {
	background-color: #f4f5f6;
	color: #0053ab;
	font-size: 2em;
	line-height: 1.42857;
	font-weight: bold;
	margin-bottom: 1.07143em;
	padding: 0.46429em;
}
body.page article section div {
  box-sizing: border-box;
}
body.page article section .pageLead {
  margin-bottom: 3.75rem;
}
body.page article section .pageLead .copy {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1em;
}

body.page article section .pageLead .txt {
  font-size: 1rem;
  line-height: 1.75rem;
}
body.page article section.pageSection {
  margin-bottom: 5rem;
}
body.page article section.pageSection:last-child {
  margin-bottom: 0;
}
body.page article section.case .card {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 2.5rem;
  border: #dee0e9 solid 1px;
  margin-top: 1.875rem;
}
body.page article section.case .card:first-child {
  margin-top: 0;
}

body.page article section.case .card img.ss {
}
body.page article section.case .card .data a{
  display: block;
  opacity: 1;
}
body.page article section.case .card .data a:hover {
  opacity: .7;
}

body.page article section.case .card .data {
  flex: 1;
  border-bottom: #dee0e9 solid 1px;
}
body.page article section.case .card .data .logo {
  margin-bottom: 0.9375rem;
}
body.page article section.case .card .data .logo img {
  height: 2.875rem;
  display: block;
}
body.page article section.case .card .data .name {
  font-size: 1rem;
  line-height: 1.875;
  margin-top: 0.625rem;
}
body.page article section.case .card .data .copy {
  font-size: 1.3125rem;
  line-height: 1.45455;
  padding: 1em 0;
  font-weight: bold;
}
body.page article section.case .card .txt {
  width: 100%;
  margin-top: 1.75rem;
}
body.page article section .ribbon {
  color: #fff;
  font-size: 1.3125rem;
  line-height: 1.875rem;
  padding: 0.4375rem 1.25rem;
  border-bottom: #dee0e9 solid 2px;
  font-weight: bold;
  margin-bottom: 2.25rem;
}
body.page article section .ribbon em.light {
  font-weight: normal;
}
body.page article section .txt em {
  font-weight: bold;
}
body.page article section .imgRight {
  display: flex;
  justify-content: space-between;
}
body.page article section .imgRight .txtBox {
  flex: 1;
}
body.page article section .imgRight .txtBox .plain {
  font-weight: bold;
  color: #0053ab;
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}
body.page article section .imgRight .txtBox .txt {
  font-size: 1rem;
  line-height: 1.75;
}
body.page article section .imgRight .txtBox .txt sup {
  font-size: 0.5em;
  vertical-align: super;
}
body.page article section .imgRight .txtBox .att {
  margin-top: 1em;
}
body.page article section .imgRight .imgBox {
  width: 31.03448%;
  margin-left: 2.8125rem;
}
body.page article section .imgRight .imgBox.w160 {
  width: 18.3908%;
}
body.page article section .imgRight .imgBox img {
  width: 100%;
}
body.page article section .imgLeft {
  display: flex;
  justify-content: space-between;
  padding: 2.5rem;
  margin-bottom: 2.5rem;
}
body.page article section .imgLeft:last-child {
  margin-bottom: 0;
}
body.page article section .imgLeft .txtBox {
  flex: 1;
}
body.page article section .imgLeft .txtBox .plain {
  font-weight: bold;
  color: #0053ab;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 1.5625rem;
}
body.page article section .imgLeft .txtBox .txt {
  font-size: 1rem;
  line-height: 1.75;
}
body.page article section .imgLeft .txtBox .txt sup {
  font-size: 0.5em;
  vertical-align: super;
}
body.page article section .imgLeft .txtBox .att {
  margin-top: 1em;
}
body.page article section .imgLeft .imgBox {
  width: 29.3578%;
  margin-right: 2.8125rem;
}
body.page article section .imgLeft .imgBox.w160 {
  width: 18.3908%;
}
body.page article section .imgLeft .imgBox a {
  display: block;
}
body.page article section .imgLeft .imgBox a:hover {
  opacity: .7;
}
body.page article section .imgLeft .imgBox img {
  width: 100%;
}
body.page article section a.pdf {
  border: #0053ab solid 1px;
  font-size: 0.875rem;
  line-height: 2.125;
  padding: 0.14286em 1.78571em 0.14286em 1.28571em;
  background-color: #fff;
  color: #0053ab;
}
body.page article section a.pdf:hover {
  opacity: .7;
}
body.page article section a.pdf:before {
  content: "";
  display: inline-block;
  width: 1.28571em;
  height: 1.57143em;
  background-image: url("/img/page/service/icon_pdf.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.57143em;
}
body.page article section a.pdf:after {
  background-image: url("/img/common/icon_arrow_r.png");
}
body.page article section a.btn.link {
  border: #0053ab solid 1px;
  font-size: 1rem;
  line-height: 1.875;
  padding: 0.4375em 2.5em 0.4375em 1.875em;
  background-color: #fff;
  color: #0053ab;
  margin-top: 1.5625rem;
}
body.page article section a.btn.link:hover {
  opacity: .7;
}
body.page article section a.btn.link:after {
  background-image: url("/img/common/icon_arrow_r.png");
}
body.page article section .foreUp {
  display: flex;
  padding: 0.875rem 3.125rem;
  align-items: center;
  background-color: #dae9f7;
  font-size: 1.5rem;
  line-height: 1.41667;
  font-weight: bold;
}
body.page article section .foreUp.fsUP {
  font-size: 1.75rem;
}
body.page article section .foreUp:before {
  content: "";
  display: inline-block;
  width: 1.75rem;
  height: 2.9375rem;
  margin-right: 0.75em;
  background-image: url("/img/page/icon_points.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
body.page article section .foreUp .small {
  font-size: 1.125rem;
  color: #333333;
  display: inline-block;
  margin-right: 1em;
}
body.page article section .foreUp .small strong {
  font-weight: bold;
  color: #0053ab;
}
body.page article section .bgNet {
  background-image: url("/img/common/bg_net.gif");
}
body.page article section .bgNet a.bullet {
  text-decoration: underline;
}
body.page article section .bgNet a.bulletBtn {
  background-color: #fff;
  padding: 0.3125rem 1.375rem 0.3125rem 1.875rem;
  border: #dee0e9 solid 2px;
  border-radius: 2px;
  display: inline-block;
  text-decoration: none;
  background-position: 1em 50%;
  margin-top: 0.625rem;
}
body.page article section .bgNet a.bulletBtn:hover {
  opacity: .7;
}
body.page article section .bgNet .imgBox img {
  max-width: 100%;
}
body.page article section .bgNet.singleImg {
  padding: 1.875rem 0;
}
body.page article section .bgNet.merit-sales-smp {
  padding: 2.5rem 1.875rem 1.875rem 2.8125rem;
  margin-bottom: 1.875rem;
}
body.page article section .bgNet.merit-sales-smp:last-child {
  margin-bottom: 0;
}
body.page article section .bgNet.merit-sales-smp .txt {
  font-size: 1rem;
  line-height: 1.75;
}
body.page article section .bgNet.merit-sales-smp img.ss {
  width: 57.86164%;
  margin-left: 3.4375rem;
}
body.page article section .bgNet.merit-cost-case {
  margin-bottom: 1.875rem;
  padding: 1.25rem 3.75rem 2.5rem 2.8125rem;
}
body.page article section .bgNet.merit-cost-case:last-child {
  margin-bottom: 0;
}
body.page article section .bgNet.merit-cost-case .txt {
  font-size: 1rem;
  line-height: 1.75;
  padding: 1.25rem 0 0 0;
}
body.page article section .bgNet.merit-cost-case img.ss {
  margin-left: 4.375rem;
  display: block;
  align-self: center;
}
body.page article section .bgNet.merit-cost-case img.ss.mail {
  width: 8.75rem;
}
body.page article section .bgNet.merit-cost-case img.ss.track {
  width: 9.375rem;
}
body.page article section .bgNet.merit-cost-case img.ss.payment {
  width: 13.75rem;
}
body.page article section .bgNet.merit-cost-case img.ss.cancel {
  width: 13.125rem;
  padding: 0 1.25rem;
}
body.page article section .bgNet.merit-cost-case img.ss img {
  max-width: 100%;
}
body.page article section .bgNet.merit-support-option {
  margin-bottom: 1.875rem;
  padding: 1.25rem 3.75rem 2.5rem 2.8125rem;
}
body.page article section .bgNet.merit-support-option:last-child {
  margin-bottom: 0;
}
body.page article section .bgNet.merit-support-option .txt {
  font-size: 1rem;
  line-height: 1.75;
  padding: 1.25rem 0 0 0;
}
body.page article section .bgNet.merit-support-option img.ss {
  margin-left: 2.5rem;
  display: block;
  align-self: center;
}
body.page article section .bgNet.merit-support-option img.ss.invoice {
  width: 13.125rem;
  padding-right: 1.875rem;
}
body.page article section .bgNet.merit-support-option img.ss.make {
  width: 16rem;
}
body.page article section .bgNet.merit-support-option img.ss.system {
  width: 14.375rem;
}
body.page article section .bgNet.merit-support-option img.ss img {
  max-width: 100%;
}
body.page article section .bgNet.merit-promotion-customer {
  padding: 1.5625rem 2.8125rem;
}
body.page article section .bgNet.merit-promotion-customer .graphBox {
  flex-direction: column;
  width: 29.48718%;
}
body.page article section .bgNet.merit-promotion-customer .graphBox .label {
  border: #dee0e9 solid 3px;
  background-color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 2.11111;
  width: 11.25rem;
  text-align: center;
  margin-bottom: 0.625rem;
  box-sizing: border-box;
}
body.page article section .bgNet.merit-promotion-customer .graphBox img {
  max-width: 95.65217%;
}
body.page article section .bgNet.merit-promotion-customer .graphBox:last-child img {
  max-width: 100%;
}
body.page article section .bgNet.merit-promotion-campaign {
  margin-bottom: 1.875rem;
  padding: 1.25rem 2.1875rem 2.5rem 2.8125rem;
}
body.page article section .bgNet.merit-promotion-campaign:last-child {
  margin-bottom: 0;
}
body.page article section .bgNet.merit-promotion-campaign .txt {
  font-size: 1rem;
  line-height: 1.75;
  padding: 1.25rem 0 0 0;
}
body.page article section .bgNet.merit-promotion-campaign img.ss {
  margin-left: 2.5rem;
  display: block;
  align-self: center;
}
body.page article section .bgNet.merit-promotion-campaign img.ss.pointup {
  width: 22.25rem;
}
body.page article section .bgNet.merit-promotion-campaign img.ss.present {
  width: 21.875rem;
}
body.page article section .bgNet.merit-promotion-campaign img.ss.collabo {
  width: 20rem;
}
body.page article section .bgNet.merit-promotion-campaign img.ss img {
  max-width: 100%;
}
body.page article section .bgNet.flow {
  padding: 2.1875rem 3.125rem 3.4375rem;
  margin-bottom: 1.125rem;
}
body.page article section .bgNet.flow .flowHeader {
  font-size: 1rem;
  line-height: 2.25;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 41.55844%;
  margin-bottom: 0.75rem;
}
body.page article section .bgNet.flow .process {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
body.page article section .bgNet.flow .process:last-child {
  margin-bottom: 0;
}
body.page article section .bgNet.flow .process:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  background-image: url("/img/page/service/icon_finger_L_b.png");
  order: 2;
  margin: 0.3125rem 1.5625rem 0 1rem;
}
body.page article section .bgNet.flow .process.double {
  margin-bottom: 4.375rem;
}
body.page article section .bgNet.flow .process.double .leftBox .label {
  width: 46.875%;
  height: auto;
  flex-direction: column;
  padding: 1.125rem 0;
}
body.page article section .bgNet.flow .process.double .leftBox .label img {
  width: 46.66667%;
  padding: 0.40625rem;
  margin-bottom: 0.5rem;
}
body.page article section .bgNet.flow .process.double .leftBox .label:first-child img {
  width: 46.66667%;
  padding: 0;
}
body.page article section .bgNet.flow .process .leftBox {
  width: 41.55844%;
  display: flex;
  justify-content: space-between;
}
body.page article section .bgNet.flow .process .label {
  width: 41.55844%;
  height: 3.75rem;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 2px;
  order: 1;
  font-weight: bold;
  position: relative;
}
body.page article section .bgNet.flow .process .label:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2.5rem;
  top: 100%;
  left: 0;
  margin-top: 2px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 1.875rem;
  background-image: url("/img/page/service/service_flow_arrow_S.png");
}
body.page article section .bgNet.flow .process .label.arrowM:after {
  height: 4.0625rem;
  background-image: url("/img/page/service/service_flow_arrow_M.png");
  background-size: auto 3.75rem;
}
body.page article section .bgNet.flow .process .label.arrowL:after {
  height: 6.5625rem;
  background-image: url("/img/page/service/service_flow_arrow_L.png");
  background-size: auto 6.0625rem;
}
body.page article section .bgNet.flow .process .label.noarrow:after {
  display: none;
}
body.page article section .bgNet.flow .process .txt {
  flex: 1;
  order: 3;
}
body.page article section .bgNet.flow .process.step:before {
  background-image: url("/img/page/service/flow/icon_finger_L_r.png");
}
body.page article section .bgNet.flow .process.step .leftBox {
  justify-content: space-between;
  padding: 1.125rem 1.375rem;
  height: auto;
}
body.page article section .bgNet.flow .process.step .leftBox .left {
  font-size: 1rem;
}
body.page article section .bgNet.flow .process.step .leftBox .left i.num {
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.875rem;
  display: inline-block;
  margin-bottom: 1.375rem;
  text-align: center;
  padding: 0 1em;
  font-weight: normal;
}
body.page article section .bgNet.flow .process.step .leftBox .left i.num em {
  font-size: 1.375rem;
}
body.page article section .bgNet.flow .process.step .leftBox img {
  width: 30.9434%;
  display: block;
}
body.page article section table.pageTable {
  width: 100%;
}
body.page article section table.pageTable th, body.page article section table.pageTable td {
  text-align: center;
  border: #dee0e9 solid 1px;
  font-size: 1.125rem;
  line-height: 1.66667;
}
body.page article section table.pageTable td {
  padding: 1em;
}
body.page article section table.pageTable td.price {
  font-size: 0.875rem;
  font-weight: bold;
}
body.page article section table.pageTable td.price em.large {
  font-size: 2em;
}
body.page article section table.pageTable td.price em.small {
  font-size: 0.85714em;
  font-weight: normal;
}
body.page article section table.pageTable tr.head th {
  background-color: #758396;
  font-weight: bold;
  color: #fff;
  padding: 0.27778rem;
}
body.page article section table.pageTable tr:not(.head) th {
  background-color: #f4f5f6;
}
body.page article section .bgGray {
  background-color: #f4f5f6;
}
body.page article section .numList {
  counter-reset: numList;
}
body.page article section .numList li {
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  padding: 1.25em 0;
  border-bottom: #dee0e9 solid 1px;
}
body.page article section .numList li:first-child {
  padding-top: 0;
}
body.page article section .numList li .liInner {
  flex: 1;
}
body.page article section .numList li:before {
  content: counter(numList,decimal);
  counter-increment: numList;
  color: #fff;
  width: 1.625em;
  height: 1.625em;
  border-radius: 1.625em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1em;
}
body.page article section .numList li .wit {
  background-color: #f4f5f6;
  padding: 0.625em 1.5625em 0.9375em;
  margin-top: 0.875em;
}
body.page article section .numList li .wit .label {
  font-size: 0.875em;
  line-height: 1.71429;
  color: #0053ab;
}
body.page article section .numList li .wit .txt {
  font-size: 0.75em;
  line-height: 2;
}
body.page article section.bordered, body.page article section .bordered {
  border: #dee0e9 solid 5px;
}
body.page article section.bordered .imgRight, body.page article section .bordered .imgRight {
  padding: 2.8125rem;
}
body.page article section .linedBox {
  border: #dee0e9 solid 1px;
  padding: 1.875em;
  margin-top: 1.875em;
  margin-bottom: 1em;
}
body.page article section .linedBox span {
  font-size: 0.875em;
  display: inline-block;
  margin-right: 3.92857em;
}

body.page article section .linedBox span sup {
  font-size: 0.5em;
  vertical-align: super;
}
body.page article section .linedBox .hauler {
  padding-left: 1em;
}
body.page article section .singleImg .txt {
  padding: 0 35px;
  margin-bottom: 1.875em;
}
body.page article section .singleImg img {
  display: block;
  margin: 0 auto;
  max-width: 96%;
}
body.page article section .flex {
  display: flex;
}
body.page article section .flex.between {
  justify-content: space-between;
}
body.page article section .flex.around {
  align-items: space-around;
}
body.page article section .flex.alignCenter {
  align-items: center;
}
body.page article section .QandA {
  padding: 1.875rem 2.8125rem;
}
body.page article section .QandA i.icon_Q {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border: #dee0e9 solid 3px;
  margin-bottom: 0.625rem;
}
body.page article section .QandA i.icon_Q img {
  width: 0.875rem;
}
body.page article section .QandA .clearfix .imgBox {
  width: 44.87179%;
  float: right;
  margin-left: 3.75rem;
}
body.page article section .QandA .clearfix .imgBox img {
  width: 100%;
}
body.page article section .QandA .clearfix h3.plain {
  font-size: 1.57143rem;
  font-weight: bold;
  line-height: 1.54545;
  color: #0053ab;
  margin-bottom: 0.625rem;
}
body.page article section .QandA .clearfix .txt {
  font-size: 1rem;
  line-height: 1.75;
}
body.page article section .QandA .clearfix .txt em {
  font-weight: bold;
}
body.page article section .arrow_down {
  width: 11.3125rem;
  display: block;
  margin: 0.625rem auto;
}
body.page article section .result {
  display: flex;
  margin: 0 auto 1em;
  background-color: #fff;
  box-sizing: border-box;
  width: 86.53846%;
  border: #dee0e9 solid 5px;
  justify-content: center;
  align-items: center;
  padding: 1.5625rem;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.45455;
}
body.page article section .result img {
  margin-right: 1rem;
}
body.page article section .att {
  font-size: 0.75rem;
  line-height: 1.66667;
}

body.page article section .att a:hover {
  text-decoration: none;
}

body.page article .meritTopSection {
  margin-bottom: 4.0625rem;
}
body.page article .meritTopSection .sectionInner ul {
  display: flex;
  justify-content: space-between;
}
body.page article .meritTopSection .sectionInner ul li {
  width: 31.62393%;
}
body.page article .meritTopSection .sectionInner ul li a {
  border-radius: 10px;
  padding: 1.42857em;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  -moz-box-shadow: 0 3px 0 #b0cfed;
  -webkit-box-shadow: 0 3px 0 #b0cfed;
  box-shadow: 0 3px 0 #b0cfed;
}
body.page article .meritTopSection .sectionInner ul li a img {
  max-width: 100%;
}
body.page article .meritTopSection .sectionInner ul li a em {
  font-size: 1.71429em;
  line-height: 1.25em;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 1em 0;
  text-align: center;
}
body.page article .meritTopSection .sectionInner ul li a em:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 0.375rem;
  top: 0;
  right: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/common/icon_arrow_r.png");
}
body.page article .meritTopSection .sectionInner ul li a:hover {
  opacity: .7;
}
body.page article .meritTopSection .sectionInner ul li p.pc {
  margin-top: 1em;
  line-height: 1.71429em;
}
body.page article .meritTopSection.sec2 .sectionInner ul li {
  width: 48.71795%;
}
body.page article .meritTopSection.sec2 .sectionInner ul li a {
  padding: 1.42857em;
  flex-direction: row;
  align-items: center;
}
body.page article .meritTopSection.sec2 .sectionInner ul li a img {
  width: 49.12281%;
  margin-right: 2.57143em;
}
body.page article .meritTopSection.sec2 .sectionInner ul li a em {
  display: block;
  flex: 1;
  text-align: left;
}
body.page article .serviceTopHead {
  height: 21.875rem;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/img/page/service/service_top_vis.jpg");
  display: flex;
}
body.page article .serviceTopHead .copy {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
  padding-left: 4.0625rem;
}
body.page article .serviceTopHead .copy img {
  display: block;
  max-width: 85%;
}
body.page article .serviceTopLead {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body.page article .serviceTopLead .movie iframe {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
body.page article .serviceTopSystem .bgNet {
  padding: 1.875rem 2.1875rem;
  flex-wrap: wrap;
}
body.page article .serviceTopSystem .bgNet .imgBox {
  width: 100%;
  margin-bottom: 1.875rem;
}
body.page article .serviceTopSystem .bgNet .imgBox img {
  display: block;
  margin: 0 auto;
}
body.page article .serviceTopSystem .bgNet .merit {
  width: 48.75%;
  border-radius: 0.625rem;
  background-color: #fff;
  overflow: hidden;
}
body.page article .serviceTopSystem .bgNet .merit .label {
  line-height: 2.25;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
body.page article .serviceTopSystem .bgNet .merit ul {
  background-color: #fff;
  padding: 1rem 2.1875rem;
}
body.page article .serviceTopSystem .bgNet .merit ul li {
  margin-top: 0.875rem;
  font-size: 1.125rem;
  font-weight: bold;
  display: flex;
}
body.page article .serviceTopSystem .bgNet .merit ul li:first-child {
  margin-top: 0;
}
body.page article .serviceTopSystem .bgNet .merit ul li .att {
  font-size: 0.75rem;
  font-weight: normal;
  display: block;
}
body.page article .serviceTopSystem .bgNet .merit ul li:before {
  content: "";
  display: inline-block;
  width: 1.625rem;
  height: 1.5rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/page/service/check_pink.png");
  margin-right: 0.5rem;
  vertical-align: middle;
}

body.page article .serviceTopSystem .bgNet .merit.business ul li:before {
  background-image: url("/img/page/service/check_blue.png");
}
body.page article section.serviceTopStep {
  margin-bottom: 2.5rem;
}
body.page article section.serviceTopStep ul {
  flex-wrap: wrap;
}
body.page article section.serviceTopStep ul li {
  width: 31.03448%;
  margin-bottom: 2.5rem;
}
body.page article section.serviceTopStep ul li .label {
  margin-bottom: 1.125rem;
}
body.page article section.serviceTopStep ul li .label img {
  height: 1.375rem;
  display: block;
  margin: 0 auto;
}
body.page article section.serviceTopStep ul li .img img {
  width: 100%;
  display: block;
}
body.page article section.serviceTopStep ul li .txt p {
  margin-top: 0.625rem;
}
body.page article section.serviceTopInvoice .bgGray {
  padding: 2.5rem 3.125rem;
}
body.page article section.serviceTopInvoice .bgGray .example {
  margin-bottom: 2.5rem;
}
body.page article section.serviceTopInvoice .bgGray .example .ex .label {
  font-weight: bold;
  margin-bottom: 1em;
  text-align: left;
}
body.page article section.serviceTopInvoice .bgGray .example .ex img {
  display: block;
  margin-bottom: 1.25rem;
  width: 100%;
}
body.page article section.serviceTopInvoice .bgGray .example .ex.envelope {
  width: 35.89744%;
}
body.page article section.serviceTopInvoice .bgGray .example .ex.invoice {
  width: 27.5641%;
  text-align: right;
}
body.page article section.serviceTopInvoice .bgGray h3.plain {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
}
body.page article section.serviceTopInvoice .bgGray .txt {
  font-size: 0.75rem;
  line-height: 2;
  margin-bottom: 1.25rem;
}
body.page article section.serviceTopInvoice .bgGray .txt:last-child {
  margin-bottom: 0;
}

body.page article section.serviceTopPerformance .copy {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.66667;
  margin-bottom: 1em;
}

body.page article section.servicePriceCost .wiz {
  border-radius: 4px;
  background-color: #dae9f7;
  font-size: 1rem;
  text-align: left;
  line-height: 1.875;
  padding: 1.25rem 1.6875rem;
  font-weight: bold;
  width: 79.6875%;
  margin: 0 auto;
}
body.page article section.servicePriceCost .wiz a {
  text-decoration: underline;
  color: #0053ab;
}
body.page article section.servicePriceCost .wiz a img {
  height: 1.5em;
  margin-left: 0.3125em;
  vertical-align: top;
}
body.page article section.servicePriceCost .wiz a:hover {
  text-decoration: none;
}
body.page article section.servicePriceCost table.table-plan {
  width: 100%;
  font-size: 1rem;
}
body.page article section.servicePriceCost table.table-plan th, body.page article section.servicePriceCost table.table-plan td {
  text-align: center;
  border: #dee0e9 solid 1px;
}
body.page article section.servicePriceCost table.table-plan tr.head th {
  background-color: #f4f5f6;
  padding: 0.8em;
  font-size: 1.125rem;
}
body.page article section.servicePriceCost table.table-plan th.planname {
  color: #fff;
  background-color: #758396;
  font-size: 1.375rem;
  font-weight: bold;
  padding: 1em;
}
body.page article section.servicePriceCost table.table-plan td em {
  font-weight: bold;
}
body.page article section.servicePriceCost table.table-plan td.percent {
  font-size: 1.375em;
}
body.page article section.servicePriceCost table.table-plan td.percent .large {
  font-size: 1.72727em;
}
body.page article section.servicePriceCost table.table-plan td.cost .large {
  font-size: 2em;
}
body.page article section.servicePriceCost table.table-plan td.cost .larger {
  font-size: 2.75em;
}
body.page article section.servicePriceCost table.table-plan td.invoice {
  padding: 1em;
}
body.page article section.servicePriceCost table.table-plan td.invoice .price {
  font-size: 1.25em;
  margin-bottom: 0.3125rem;
}
body.page article section.servicePriceCost table.table-plan td.invoice .price em {
  font-size: 1.6em;
}
body.page article section.servicePriceCost table.table-plan td.invoice .wiz {
  margin-top: 1rem;
  width: auto;
}
body.page article section.servicePriceCost .plan_att {
  font-size: 0.85714em;
  margin: 1em 0 3.75em;
}

body.page article section.servicePriceOption table.table-option th, body.page article section.servicePriceOption table.table-option td {
  font-size: 1rem;
  padding: 1em;
}
body.page article section.servicePriceOption table.table-option th {
  text-align: left;
}
body.page article section.servicePriceOption table.table-option th a {
  color: #0053ab;
  text-decoration: underline;
  font-weight: bold;
}
body.page article section.servicePriceOption table.table-option th a:hover {
  text-decoration: none;
}
body.page article section.servicePriceOption table.table-option th .small {
  font-size: 0.875em;
}
body.page article section.servicePriceOption table.table-option tr.head th {
  background-color: #758396;
  padding: 0.8em;
  text-align: center;
}
body.page article section.servicePriceOption table.table-option td.ta_L {
  text-align: left;
}
body.page article section.servicePriceOption table.table-option td.cost {
  font-size: 0.875rem;
  font-weight: bold;
  text-align: right;
}
body.page article section.servicePriceOption table.table-option td.cost .small {
  font-size: 0.85714em;
  font-weight: normal;
}
body.page article section.servicePriceOption table.table-option td.cost .large {
  font-size: 1.57143em;
}
body.page article section.servicePriceOption table.table-option td.cost .larger {
  font-size: 2.64286em;
}
body.page article section.servicePriceOption table.table-option td.cost.ta_C {
  text-align: center;
}
body.page article section.servicePriceOption table.table-option td.small {
  font-size: 0.85714em;
  font-weight: normal;
}
body.page article section.servicePriceOption table.table-option td.small strong {
  font-weight: bold;
}
body.page article section.servicePriceOption table.table-option td .bgBlue {
  margin-top: 0.5em;
  background-color: #dae9f7;
  border-radius: 4px;
  padding: 1em 2em;
}
body.page article section.servicePriceOption .alignCenter {
  text-align: center;
  margin-top: 2.5rem;
}
body.page article section.servicePriceOption .alignCenter a.option {
  display: inline-block;
  color: #fff;
}
body.page article section.servicePriceOption .alignCenter a.option:hover {
  opacity: .7;
}
body.page article section.serviceIntroStep .step {
  margin-bottom: 2.5rem;
  position: relative;
}
body.page article section.serviceIntroStep .step:last-child {
  margin-bottom: 0;
}
body.page article section.serviceIntroStep .step:last-child:after {
  display: none;
}
body.page article section.serviceIntroStep .step .boxHead {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.8;
  padding: 0.5rem 2em;
  display: flex;
  align-items: center;
}
body.page article section.serviceIntroStep .step .boxHead i {
  width: 6.375rem;
  height: 1.875rem;
  display: inline-block;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.5rem 1.1875rem;
  margin-right: 1.125rem;
}
body.page article section.serviceIntroStep .step .boxHead i img {
  display: block;
  height: 0.875rem;
}
body.page article section.serviceIntroStep .step .boxBody {
  display: flex;
}
body.page article section.serviceIntroStep .step .boxBody .imgBox {
  width: 27.32558%;
  height: 11.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page article section.serviceIntroStep .step .boxBody .imgBox img {
  display: block;
}
body.page article section.serviceIntroStep .step .boxBody .imgBox img.step01 {
  width: 7.1875rem;
}
body.page article section.serviceIntroStep .step .boxBody .imgBox img.step02 {
  width: 6.25rem;
}
body.page article section.serviceIntroStep .step .boxBody .imgBox img.step03 {
  width: 5.1875rem;
}
body.page article section.serviceIntroStep .step .boxBody .imgBox img.step04 {
  width: 9rem;
}
body.page article section.serviceIntroStep .step .boxBody .right {
  flex: 1;
  padding-right: 3.125rem;
  font-size: 1rem;
  line-height: 1.75;
}
body.page article section.serviceIntroStep .step .boxBody .right a {
  text-decoration: underline;
  color: #0053ab;
}
body.page article section.serviceIntroStep .step .boxBody .right a:hover {
  text-decoration: none;
}
body.page article section.serviceIntroStep .step .boxBody .right .link {
  margin-top: 1em;
}
body.page article section.serviceIntroStep .step:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2.5rem;
  top: 100%;
  left: 0;
  margin-top: 5px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 1.875rem;
  background-image: url("/img/page/service/service_flow_arrow_S.png");
}
body.page article section.serviceIntroDocs .bordered {
  width: 48.27586%;
}
body.page article section.serviceIntroDocs .bordered .boxHead {
  background-color: #dae9f7;
  font-size: 1rem;
  color: #0053ab;
  font-weight: bold;
  line-height: 2.25;
  padding: 0.25rem 1.25em;
  display: flex;
  align-items: center;
}
body.page article section.serviceIntroDocs .bordered .boxBody {
  display: flex;
  flex-direction: column;
  counter-reset: docList;
  padding: 1.25em;
}
body.page article section.serviceIntroDocs .bordered .boxBody li {
  font-size: 0.875rem;
  line-height: 2;
  display: flex;
}
body.page article section.serviceIntroDocs .bordered .boxBody li p span {
  display: block;
}
body.page article section.serviceIntroDocs .bordered .boxBody li:before {
  content: counter(docList,decimal) ".";
  counter-increment: docList;
  color: #0053ab;
  font-weight: bold;
  display: inline-block;
  margin-right: 0.4em;
}
body.page article section.optionTopSection {
  margin-top: 2.25rem;
}
body.page article section.optionTopSection:first-child {
  margin-top: 0;
}
body.page article section.optionIntro .mainVisual {
  margin-bottom: 2.5rem;
}
body.page article section.optionIntro .mainVisual img {
  max-width: 100%;
  display: block;
}
body.page article section.optionIntro .imgRight {
  margin-bottom: 2.5rem;
  align-items: center;
}
body.page article section.optionIntro .imgRight .imgBox {
  width: 22.98851%;
  margin-left: 1.875rem;
  margin-right: 2.8125rem;
}
body.page article section.optionIntro .imgRight .imgBox img {
  display: block;
}
body.page article section.optionIntro .imgCenter .txtBox {
  position: relative;
  z-index: 2;
}
body.page article section.optionIntro .imgCenter .txtBox .txt {
  font-size: 1rem;
  line-height: 1.75;
}
body.page article section.optionIntro .imgCenter .txtBox a {
  text-decoration: underline;
  color: #0053ab;
}
body.page article section.optionIntro .imgCenter .txtBox a:hover {
  text-decoration: none;
}
body.page article section.optionIntro .imgCenter .imgBox {
  position: relative;
  z-index: 1;
}
body.page article section.optionIntro .imgCenter .imgBox img {
  margin: -1rem auto 0;
  display: block;
}
body.page article section.optionIntro .merit {
  padding: 2.1875rem;
  padding-left: 1.875rem;
  display: flex;
  margin-bottom: 1.625rem;
  align-items: center;
}
body.page article section.optionIntro .merit .label {
  display: inline-block;
  margin-right: 1.25rem;
  font-size: 1.125rem;
  line-height: 2.125rem;
  box-sizing: border-box;
  border: #dee0e9 solid 3px;
  background-color: #fff;
  font-weight: bold;
  min-width: 6.6875rem;
  text-align: center;
  align-self: flex-start;
}
body.page article section.optionIntro .merit .label em {
  font-size: 1.5rem;
}
body.page article section.optionIntro .merit .txtBox {
  flex: 1;
  align-self: flex-start;
}
body.page article section.optionIntro .merit .txtBox .copy {
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.54545;
  padding: 0.1875rem 0 0;
  margin-bottom: 1rem;
}

body.page article section.optionIntro .merit .txtBox .txt {
  font-size: 1rem;
  line-height: 1.75;
}

body.page article section.optionIntro .merit .txtBox .txt.fs14 {
  font-size: 0.875rem;
}
body.page article section.optionIntro .merit .txtBox a {
  text-decoration: underline;
  color: #0053ab;
}
body.page article section.optionIntro .merit .txtBox a:hover {
  text-decoration: none;
}
body.page article section.optionIntro .merit .imgBox {
  width: 33.54037%;
  margin-left: 2.1875rem;
}
body.page article section.optionIntro .merit .imgBox.auto {
  width: 25.83851%;
}
body.page article section.optionIntro .merit .imgBox.auto.connect {
  width: 24.47205%;
}
body.page article section.optionIntro .merit .imgBox.free {
  width: 21.73913%;
}
body.page article section.optionIntro .merit .imgBox img {
  display: block;
}
body.page article section.optionIntro .wizExample {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.page article section.optionIntro .wizExample .discBold {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.66667;
  margin-bottom: 0.625rem;
  width: 100%;
}

body.page article section.optionIntro .wizExample .ex {
  box-sizing: border-box;
  border: #dee0e9 solid 3px;
  width: 48.27586%;
}

body.page article section.optionIntro .wizExample .ex .label {
  font-size: 1rem;
  line-height: 2.125;
  padding: 0.0625rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
body.page article section.optionIntro .wizExample .ex img {
  width: 100%;
  display: block;
}
body.page article section.optionFlow .flowWrap {
  background-image: url("/img/common/bg_net.gif");
  padding: 1.5625rem;
}
body.page article section.optionFlow .flowWrap .automation {
  float: right;
  width: 47.56098%;
  padding-top: 1.375rem;
  padding-right: 0.9375rem;
  box-sizing: content-box;
}
body.page article section.optionFlow .flowWrap .automation img {
  width: 91.02564%;
  display: block;
  margin: 0 auto;
}
body.page article section.optionFlow .flowWrap .flowSec {
  width: 45.12195%;
  background-color: #fff;
  padding: 1.5625rem;
}
body.page article section.optionFlow .flowWrap .flowSec.np {
  margin-top: 1.25rem;
}
body.page article section.optionFlow .flowWrap .flowSec .label {
  height: 1.75rem;
  border-radius: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
body.page article section.optionFlow .flowWrap .flowSec .label img {
  height: 1rem;
  display: block;
}
body.page article section.optionFlow .flowWrap .flowSec ul li {
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: solid 0.125rem;
  margin-bottom: 1.5rem;
  position: relative;
}
body.page article section.optionFlow .flowWrap .flowSec ul li img {
  display: block;
}
body.page article section.optionFlow .flowWrap .flowSec ul li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
  height: 1.5rem;
  background-image: url("/img/common/flow_arrow.png");
  background-size: 1.4375rem auto;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.arrowM {
  margin-bottom: 0;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.arrowM:after {
  height: 4.375rem;
  background-image: url("/img/common/flow_arrow_M.png");
}
body.page article section.optionFlow .flowWrap .flowSec ul li.end {
  margin-bottom: 0;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.end:after {
  display: none;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.pink {
  border: solid 0.125rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.entry {
  height: 5rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.entry > img, body.page article section.optionFlow .flowWrap .flowSec ul li.entry > em img {
  height: 3rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.dashed {
  border: dashed 0.125rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.dashed > img {
  height: 1.3125rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.add {
  padding: 0 1rem;
  justify-content: flex-start;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.add em img {
  height: 1.625rem;
  display: block;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.double {
  align-items: stretch;
  justify-content: space-between;
  border: none;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.double:after {
  display: none;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.double .pattern {
  width: 46.875%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: solid 0.125rem;
  position: relative;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.double .pattern > img {
  height: 1rem;
  display: block;
}
body.page article section.optionFlow .flowWrap .flowSec ul li.double .pattern:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
  height: 1.5rem;
  background-image: url("/img/common/flow_arrow.png");
  background-size: 1.4375rem auto;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.page article section.optionFlow .flowWrap .flowSec ul li > img {
  height: 1rem;
  display: block;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip {
  position: absolute;
  left: 100%;
  margin-left: 4.6875rem;
  border: solid 0.125rem;
  box-shadow: 0 0.0625rem 0 0.0625rem #e85384;
  width: 121.875%;
  background-color: #fff;
  padding: 1.0625rem 1.5625rem;
  font-size: 1rem;
  line-height: 1.42857;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.flex {
  padding: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.bottom {
  bottom: -0.25rem;
  top: auto;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.bottom:before {
  bottom: 1.25rem;
  top: auto;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.top {
  top: -0.375rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.top:before {
  top: 1.25rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.pro_flow2 {
  bottom: 0.375rem;
  top: auto;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.pro_flow2:before {
  top: auto;
  bottom: 0.5rem;
  height: 1.6875rem;
  background-image: url("/img/page/option/option_pro_flow_2_skiparrow.png");
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.pro_flow3 {
  top: -1.25rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.pro_flow3:before {
  top: 2.1875rem;
  height: 1.6875rem;
  background-image: url("/img/page/option/option_pro_flow_3_skiparrow.png");
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.pro_flow5 {
  top: 0.375rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.pro_flow5:before {
  top: 1rem;
  height: 1.625rem;
  background-image: url("/img/page/option/option_pro_flow_5_skiparrow.png");
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.connect_flow2 {
  top: -4.0625rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.connect_flow2:before {
  top: 5rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.connect_flow5 {
  top: -0.75rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.connect_flow5 .skipLabel img {
  height: 1.3125rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip.connect_flow5:before {
  top: 3.125rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 2.75rem;
  height: 1.125rem;
  left: -2.75rem;
  top: 50%;
  background-image: url("/img/page/option/option_flow_skiparrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .skipLabel {
  margin-bottom: 1rem;
  display: block;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .txt {
  font-size: 0.875rem;
  line-height: 1.42857;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .txtBox {
  flex: 1;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .txtBox .skipTit {
  margin-bottom: 1rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .txtBox .skipTit img {
  height: 1.25rem;
  display: block;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .txtBox .txt a.bullet {
  text-decoration: underline;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .txtBox .txt a.bullet:hover {
  text-decoration: none;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .imgBox {
  margin-right: 0.9375rem;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .imgBox.print {
  width: 23.0303%;
}
body.page article section.optionFlow .flowWrap .flowSec ul li .skip .imgBox img {
  width: 100%;
}
body.page article section.optionFlow .flowCond {
  margin-top: 1.875rem;
}
body.page article section.optionFlow .flowCond .label {
  display: inline;
  font-size: 1.125rem;
  line-height: 1.66667;
  border: #dee0e9 solid 0.1875rem;
  padding: 0.27778em 1.38889em;
  color: #0053ab;
  font-weight: bold;
  text-align: center;
}
body.page article section.optionFlow .flowCond ul {
  margin-top: 1rem;
}
body.page article section.optionFlow .flowCond ul li {
  display: flex;
  font-size: 1rem;
  line-height: 2;
}

body.page article section.optionFlow .flowCond ul li p {
  flex: 1;
}
body.page article section.optionLogos {
  margin-bottom: 60px;
}
body.page article section.optionLogos ul.logos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-between;
}
body.page article section.optionLogos ul.logos li {
  width: 31.03448%;
  box-sizing: border-box;
  margin-bottom: 1.25rem;
}
body.page article section.optionLogos ul.logos li img {
  box-sizing: border-box;
  width: 100%;
  border: #dee0e9 solid 1px;
}
body.page article section.optionLogos ul.logos li .label {
  font-size: 0.75rem;
  line-height: 2.33333;
}
body.page article section.optionLogos .ta_C {
  padding-top: 1.25rem;
  text-align: center;
}
body.page article section.optionLogos .ta_C a.btn.blue {
  color: #fff;
  padding: 1em 2.8125em;
}
body.page article section.optionPrice table.pageTable tr td.price {
  font-size: 1rem;
}
body.page article section.optionPrice table.pageTable tr td.price .large {
  font-size: 1.875rem;
}
body.page article section.optionPrice table.pageTable tr td.price .small {
  font-size: 1rem;
}
body.page article section.optionPrice table.pageTable tr td.price .light {
  font-weight: normal;
}
body.page article section.optionPrice table.pageTable tr td.ta_L {
  text-align: left;
}
body.page article section.optionPrice table.pageTable tr td.fs18 {
  font-size: 1.125rem;
}
body.page article section.optionPrice table.pageTable tr td .bgBlue {
  font-size: 0.875rem;
  margin-top: 0.5em;
  background-color: #dae9f7;
  border-radius: 4px;
  padding: 1em 2em;
}
body.page article section.optionPrice table.pageTable tr td.mdl {
  width: 54.5977%;
}
body.page article section.optionPrice table.pageTable tr td span.ta_R {
  text-align: right;
  display: inline-block;
}
body.page article section.optionPrice .imgSingle {
  padding: 2.0625rem 0 2.375rem;
}
body.page article section.optionPrice .imgSingle img {
  display: block;
  margin: 0 auto;
  max-width: 75%;
}
body.page article section.optionPrice .att {
  line-height: 2;
}
body.page article section.optionWizInvoice .bgGray {
  background-color: #f4f5f6;
  padding: 2.1875rem 3.4375rem 2.8125rem;
  display: flex;
  margin-bottom: 2.5rem;
}
body.page article section.optionWizInvoice .bgGray .imgBox {
  width: 28.94737%;
  margin-right: 2.5rem;
}
body.page article section.optionWizInvoice .bgGray .imgBox .label {
  font-size: 0.875rem;
  line-height: 1.85714;
  margin-bottom: 1em;
}
body.page article section.optionWizInvoice .bgGray .imgBox img {
  width: 100%;
  display: block;
  margin-bottom: 1.25rem;
}
body.page article section.optionWizInvoice .bgGray .txtBox {
  flex: 1;
  padding-top: 2.5rem;
}
body.page article section.optionWizInvoice .bgGray .txtBox .plain {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: bold;
  color: #0053ab;
  margin-bottom: 1rem;
}
body.page article section.optionWizInvoice .bgGray .txtBox .txt {
  font-size: 0.75rem;
  line-height: 2;
  margin-bottom: 2.5rem;
}

body.page article section.optionWizInvoice .bgGray .txtBox .txt:last-child {
  margin-bottom: 0;
}
body.page article section.optionWizInvoice .bgNet {
  padding: 2.1875rem 3.4375rem 2.8125rem;
}
body.page article section.optionWizInvoice .bgNet .imgRight {
  margin-bottom: 1rem;
}
body.page article section.optionWizInvoice .bgNet .imgRight .imgBox {
  width: 35.52632%;
}
body.page article section.optionWizInvoice .bgNet .recommend {
  margin-bottom: 2.5rem;
}
body.page article section.optionWizInvoice .bgNet .recommend .label {
  font-size: 1rem;
  line-height: 1.75;
  font-weight: bold;
}
body.page article section.optionWizInvoice .bgNet .recommend ul {
  margin-top: 0.25rem;
}
body.page article section.optionWizInvoice .bgNet .recommend ul li {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.71429;
}

body.page article section.optionWizInvoice .bgNet .recommend ul li p {
  flex: 1;
}
body.page article section.optionWizInvoice .bgNet .example {
  display: flex;
}
body.page article section.optionWizInvoice .bgNet .example .ex {
  width: 42.10526%;
  margin-left: 3.75rem;
}
body.page article section.optionWizInvoice .bgNet .example .ex:first-child {
  margin-left: 0;
}
body.page article section.optionWizInvoice .bgNet .example .ex .label {
  font-size: 0.875rem;
  line-height: 1.85714;
  margin-bottom: 1em;
}
body.page article section.optionWizInvoice .bgNet .example .ex img {
  width: 100%;
  display: block;
  margin-bottom: 1.25rem;
}


@media screen and (min-width: 768px) {
body.page h1.title.bgtitle {
    height: 180px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    box-sizing: border-box;
    display: flex;
}
body.page h1.title.bgtitle .bundle {
    display: flex;
    align-items: center;
}
}



/* ############################################# */
/************************************
** .page SP表示
************************************/

@media screen and (max-width: 768px) {
  body.page article {
    padding-top: 9.375vw;
  }
  body.page article .lead {
    font-size: 1rem;
    line-height: 1.78571;
    margin-bottom: 9.375vw;
  }
  
h1.title {
    font-size: 1.21429em;
    line-height: 1.35294;
    padding: 0.82353em 0;
	background-img:none !important;
}
/************************************
** .page .merit
************************************/	
  body.page.merits article {
    padding-top: 1.92308rem;
    padding-bottom: 3.84615rem;
  }

/************************************
** .page aside
************************************/
  body.page article aside {
    margin-top: 14.0625vw;
  }
  body.page article aside .asideInner {
    padding: 0 calc(35/640*100vw);
  }
  body.page article aside .asideInner .sideTitle {
    display: block;
    font-size: 1.30769rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.47059;
    padding: 0.76923rem calc(35/640*100vw);
  }
  body.page article aside .asideInner ul {
    border-top: none;
  }
  body.page article aside .asideInner ul li {
    font-size: 1.07692rem;
  }
  body.page article aside .asideInner ul li.parent {
    font-size: 1.23077rem;
  }
  body.page article aside .asideInner ul li.parent a {
    height: 4.61538rem;
  }
  body.page article aside .asideInner ul li.parent a:before {
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    background-size: 0.26923rem auto;
  }
  body.page article aside .asideInner ul li a {
    height: 3.84615rem;
  }
  body.page article aside .asideInner ul li a:before {
    width: 0.42308rem;
    height: 0.57692rem;
  }
  body.page article aside .asideInner .catalog {
    display: none;
  }
/************************************
** .page section
************************************/
  body.page article section {

  }
  body.page article section h2.ribbon {
    font-size: calc(34/26*1rem);
    line-height: calc(50/34);
    padding: calc(20/34*1em) calc(35/640*100vw);
    border-bottom: #dee0e9 solid 4px;
    margin-bottom: calc(35/640*100vw);
  }
  body.page article section h2.ribbon-gray {
    font-size: 1.30769rem;
    line-height: 1.47059;
    padding: 0.58824rem calc(35/640*100vw);
    margin-bottom: 2.11538rem;
    text-align: left;
  }
  body.page article section .copy {
    font-size: 1.30769rem;
    line-height: 1.47059;
  }
  body.page article section .pageLead .copy {
    font-size: 1.30769rem;
    line-height: 1.47059;
  }
  body.page article section .pageLead > .copy, body.page article section .pageLead > .lead {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section .att {
    font-size: 0.92308rem;
  }
  body.page article section .att.spfs22 {
    font-size: 0.84615rem;
  }
  body.page article section .imgRight {
    flex-direction: column;
  }
  body.page article section .imgRight .txtBox {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section .imgRight .txtBox .txt {
    font-size: 1.07692rem;
    line-height: 1.78571;
  }
  body.page article section .imgRight .imgBox {
    margin: 1.92308rem auto 0;
    width: auto;
    padding: 0 calc(35/640*100vw);
  }
  body.page article section .imgRight .imgBox.w160 {
    width: 49.21875vw;
    padding: 0;
  }
  body.page article section .imgLeft {
    flex-direction: column;
  }
  body.page article section .imgLeft .imgBox {
    width: 100%;
    margin-right: 0;
  }
  body.page article section .imgLeft .txtBox .plain {
    font-weight: normal;
    color: #333333;
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 1.07692rem;
  }
  body.page article section .imgLeft .txtBox p.link {
    width: 73.4375vw;
    margin: 0 auto;
  }
  body.page article section .imgLeft .txtBox p.link a.link {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
  }
  body.page article section a.pdf:after {
    display: inline-block;
  }
  body.page article section a.btn.link:after {
    display: inline-block;
  }
  body.page article section .foreUp {
    margin: 0 calc(35/640*100vw);
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.30769rem;
  }
  body.page article section .foreUp.fsUP {
    font-size: 1.53846rem;
  }
  body.page article section .foreUp:before {
    align-self: flex-start;
  }
  body.page article section .foreUp .titWrap {
    flex: 1;
  }
  body.page article section .foreUp .titWrap .small {
    margin-right: 0;
    display: block;
  }
  body.page article section .foreUp .titWrap .small strong {
    display: block;
  }
  body.page article section .offset {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section .singleImg img {
    max-width: none;
    width: 100%;
  }
  body.page article section .bgNet {
    margin: 0 calc(35/640*100vw) 2.30769rem;
    padding: calc(30/640*100vw) calc(30/640*100vw) 1.92308rem;
  }
  body.page article section .bgNet a.bulletBtn {
    font-size: 0.84615rem;
    padding-left: 1.5rem;
    padding-right: 0.5rem;
  }
  body.page article section .bgNet.flow {
    margin: 0 calc(35/640*100vw) 2.88462rem;
    padding: calc(30/640*100vw) calc(30/640*100vw) 1.92308rem;
  }
  body.page article section .bgNet.flow.flow2 {
    padding-top: 2.30769rem;
  }
  body.page article section .bgNet.flow .flowHeader {
    width: auto;
  }
  body.page article section .bgNet.flow .process {
    position: relative;
    flex-direction: column;
    margin-bottom: 2.88462rem;
  }
  body.page article section .bgNet.flow .process:before {
    display: none;
  }
  body.page article section .bgNet.flow .process .label {
    width: auto;
    position: static;
  }
  body.page article section .bgNet.flow .process .label:after {
    background-size: auto 1.84615rem;
    background-position: 50% 0.3em;
    height: 3.07692rem;
  }
  body.page article section .bgNet.flow .process .label.arrowM:after {
    height: 4.0625rem;
    background-image: url("/img/page/service/service_flow_arrow_M.png");
    background-size: auto 3.75rem;
  }
  body.page article section .bgNet.flow .process .label.arrowL:after {
    height: 6.53846rem;
    background-size: auto 5.92308rem;
  }
  body.page article section .bgNet.flow .process .txt {
    margin-top: 0.92308rem;
    font-size: 0.92308rem;
    line-height: 1.75;
  }
  body.page article section .bgNet.flow .process.step .leftBox .left i.num {
    margin-bottom: 0.76923rem;
  }
  body.page article section .bgNet.flow .process.double .leftBox {
    width: auto;
  }
  body.page article section .bgNet.flow .process.end {
    margin-bottom: 1em;
  }
  body.page article section .bgNet.singleImg {
    padding: calc(30/640*100vw);
  }
  body.page article section .bgNet.singleImg .txt {
    padding: 0;
    font-size: 1.07692rem;
  }
  body.page article section .bgNet.merit-sales-smp {
    flex-direction: column;
    padding: calc(30/640*100vw);
  }
  body.page article section .bgNet.merit-sales-smp .txt {
    font-size: 1.07692rem;
    margin-bottom: calc(35/640*100vw);
  }
  body.page article section .bgNet.merit-sales-smp img.ss {
    width: auto;
    margin: 0 auto;
  }
  body.page article section .bgNet.merit-cost-case {
    flex-direction: column;
    padding: calc(30/640*100vw);
  }
  body.page article section .bgNet.merit-cost-case .txt {
    font-size: 1.07692rem;
    margin-bottom: calc(35/640*100vw);
    order: 2;
  }
  body.page article section .bgNet.merit-cost-case img.ss {
    width: auto;
    margin: 0 auto;
    order: 1;
  }
  body.page article section .bgNet.merit-cost-case img.ss.cancel {
    width: 28.90625vw;
  }
  body.page article section .bgNet.merit-support-option {
    flex-direction: column;
    padding: calc(30/640*100vw);
  }
  body.page article section .bgNet.merit-support-option .txt {
    font-size: 1.07692rem;
    margin-bottom: calc(35/640*100vw);
  }
  body.page article section .bgNet.merit-support-option .txtBox {
    order: 2;
  }
  body.page article section .bgNet.merit-support-option .txtBox .txt:first-child {
    margin-bottom: 0;
  }
  body.page article section .bgNet.merit-support-option img.ss {
    width: auto;
    margin: 0 auto;
    order: 1;
  }
  body.page article section .bgNet.merit-support-option img.ss.cancel {
    width: 28.90625vw;
  }
  body.page article section .bgNet.merit-promotion-customer {
    padding: calc(35/640*100vw) 0;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  body.page article section .bgNet.merit-promotion-customer .graphBox {
    width: 40.625vw;
  }
  body.page article section .bgNet.merit-promotion-customer .graphBox .label {
    font-size: 0.92308rem;
    width: 85.83691%;
  }
  body.page article section .bgNet.merit-promotion-customer .graphBox:last-child {
    margin-top: calc(35/640*100vw);
  }
  body.page article section .bgNet.merit-promotion-campaign {
    flex-direction: column;
    padding: calc(30/640*100vw);
  }
  body.page article section .bgNet.merit-promotion-campaign .txt {
    font-size: 1.07692rem;
    margin-bottom: calc(35/640*100vw);
  }
  body.page article section .bgNet.merit-promotion-campaign .txtBox {
    order: 2;
  }
  body.page article section .bgNet.merit-promotion-campaign .txtBox .txt:first-child {
    margin-bottom: 0;
  }
  body.page article section .bgNet.merit-promotion-campaign img.ss {
    width: auto;
    margin: 0 auto;
    order: 1;
  }
  body.page article section .bgNet.merit-promotion-campaign img.ss.cancel {
    width: 28.90625vw;
  }
  body.page article section .QandA {
    padding: 0;
  }
  body.page article section .QandA:first-child {
    margin-bottom: 2.30769rem;
  }
  body.page article section .QandA .clearfix {
    display: flex;
    flex-direction: column;
  }
  body.page article section .QandA .clearfix h3.plain {
    order: 1;
    font-size: 1.30769rem;
  }
  body.page article section .QandA .clearfix .imgBox {
    order: 2;
    width: auto;
    margin: 0;
  }
  body.page article section .QandA .clearfix .txt {
    order: 3;
    font-size: 1.07692rem;
    margin-top: calc(35/640*100vw);
  }
  body.page article section .arrow_down {
    width: 38.28125vw;
    margin: 1rem auto;
  }
  body.page article section .result {
    width: auto;
    padding: calc(35/640*100vw) calc(30/640*100vw);
    font-size: 1rem;
    line-height: 1.71429;
    align-items: flex-start;
  }
  body.page article section .result img {
    width: 11.25vw;
    margin-right: 0.5rem;
  }
  body.page article section .result span { 
	  display: block;
	  flex:1;
  }
  body.page article section table.pageTable {
    width: 100%;
  }
  body.page article section table.pageTable th, body.page article section table.pageTable td {
    font-size: 1.07692rem;
    line-height: 1.4;
    padding: 0.5em;
  }
  body.page article section table.pageTable td {
    padding: 0.5em;
  }
  body.page article section table.pageTable td.price {
    font-size: 0.875rem;
    font-weight: bold;
  }
  body.page article section table.pageTable td.price em.large {
    font-size: 2em;
  }
  body.page article section table.pageTable td.price em.small {
    font-size: 0.85714em;
    font-weight: normal;
  }
  body.page article section table.pageTable tr.head th {
    background-color: #758396;
    font-weight: bold;
    color: #fff;
    padding: 0.27778rem;
  }
  body.page article section table.pageTable tr:not(.head) th {
    background-color: #f4f5f6;
  }
  body.page article section ul.numList li {
    padding-left: calc(35/640*100vw);
    padding-right: calc(35/640*100vw);
    font-size: 0.92308rem;
    line-height: 1.66667;
  }
  body.page article section ul.numList li:before {
    margin-right: 0.76923rem;
  }
  body.page article section ul.numList li .wit {
    padding: calc(30/640*100vw);
  }
  body.page article section ul.numList li .wit .label {
    font-size: 0.76923rem;
    line-height: 2;
  }
  body.page article section ul.numList li .wit .txt {
    font-size: 0.76923rem;
    line-height: 2;
  }
  body.page article section .linedBox {
    padding: calc(30/640*100vw);
  }
  body.page article section .linedBox span {
    margin-right: 1em;
  }

/************************************
** .page section.pageSection
************************************/
  body.page article section.pageSection {
    margin-bottom: 15.625vw;
  }
  body.page article section.pageSection.bordered {
    margin-left: calc(35/640*100vw);
    margin-right: calc(35/640*100vw);
  }
  body.page article section.pageSection.bordered .imgRight {
    padding: calc(35/640*100vw);
  }
  body.page article section.pageSection.bordered .imgRight .txtBox, body.page article section.pageSection.bordered .imgRight .imgBox {
    padding: 0;
  }
/************************************
** .page section.case
************************************/
  body.page article section.case h2.ribbon {
    margin-bottom: 0.5em;
  }
  body.page article section.case .card {
    border: none;
    border-bottom: #dee0e9 solid 2px;
    margin-top: 0;
    padding: calc(35/640*100vw);
  }
  body.page article section.case .card:before {
    display: none;
  }
  body.page article section.case .card img.ss {
    margin-right: calc(35/640*100vw);
  }
  body.page article section.case .card .data {
    border-bottom: none;
  }
  body.page article section.case .card .data .name {
    font-size: 0.84615rem;
  }
  body.page article section.case .card .copy {
    font-size: 1.07692rem;
    line-height: 1.57143;
    margin-top: calc(35/640*100vw);
    font-weight: bold;
  }
/************************************
** .page section.serviceTopHead
************************************/
  body.page article section.serviceTopHead {
    height: 105.46875vw;
    background-position: 50%;
    background-image: url("/img/page/service/sp/service_top_vis.jpg");
    margin: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopHead .copy {
    align-self: flex-start;
    padding: 6.25vw 0 0;
  }
  body.page article section.serviceTopHead .copy img {
    width: 94.73684%;
    max-width: none;
    margin: 0 auto;
  }
/************************************
** .page section.serviceTopLead
************************************/
  body.page article section.serviceTopLead {
    padding: 7.8125vw calc(35/640*100vw) 10.9375vw;
  }
  body.page article section.serviceTopLead .movie iframe {
    width: 89.0625vw;
    height: 50.09766vw;
  }
/************************************
** .page section.serviceTopSystem
************************************/
  body.page article section.serviceTopSystem {
    padding: 0;
  }
  body.page article section.serviceTopSystem .bgNet {
    padding: calc(30/640*100vw);
    flex-direction: column;
  }
  body.page article section.serviceTopSystem .bgNet .imgBox {
    width: 100%;
  }
  body.page article section.serviceTopSystem .bgNet .merit {
    width: auto;
  }
  body.page article section.serviceTopSystem .bgNet .merit .label {
    font-size: 0.92308rem;
  }
  body.page article section.serviceTopSystem .bgNet .merit ul {
    padding: calc(30/640*100vw) calc(35/640*100vw);
  }
  body.page article section.serviceTopSystem .bgNet .merit ul li {
    font-size: 0.92308rem;
  }
  body.page article section.serviceTopSystem .bgNet .merit ul li .att {
    font-size: 0.83333em;
  }
  body.page article section.serviceTopSystem .bgNet .merit.business {
    margin-top: calc(30/640*100vw);
  }
/************************************
** .page section.serviceTopStep
************************************/
  body.page article section.serviceTopStep .ribbon {
    margin-bottom: 0;
  }
  body.page article section.serviceTopStep ul {
    flex-direction: column;
  }
  body.page article section.serviceTopStep ul li {
    width: auto;
    display: flex;
    padding: calc(35/640*100vw);
    justify-content: space-between;
    border-bottom: #dee0e9 solid 2px;
    margin-bottom: 0;
  }
  body.page article section.serviceTopStep ul li .img {
    width: 33.75vw;
    margin-right: calc(35/640*100vw);
  }
  body.page article section.serviceTopStep ul li .txt {
    flex: 1;
    text-align: left;
  }
  body.page article section.serviceTopStep ul li .txt .label {
    margin-bottom: 1em;
  }
  body.page article section.serviceTopStep ul li .txt .label img {
    height: 1.38462rem;
    margin: 0;
  }
  body.page article section.serviceTopStep ul li .txt p {
    font-size: 1.07692rem;
    line-height: 1.57143;
    margin-top: 0;
  }
/************************************
** .page section.serviceTopInvoice
************************************/
  body.page article section.serviceTopInvoice .lead {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopInvoice .bgGray {
    margin: 0 calc(35/640*100vw);
    padding: calc(30/640*100vw);
  }
  body.page article section.serviceTopInvoice .bgGray .example {
    flex-wrap: wrap;
  }
  body.page article section.serviceTopInvoice .bgGray .example .ex .label {
    font-size: 1.07692rem;
    margin-bottom: 0.19231rem;
  }
  body.page article section.serviceTopInvoice .bgGray .example .ex.envelope {
    width: 100%;
    margin-bottom: 9.375vw;
  }
  body.page article section.serviceTopInvoice .bgGray .example .ex.envelope img {
    width: 50.78125vw;
  }
  body.page article section.serviceTopInvoice .bgGray .example .ex.invoice {
    width: 36.40625vw;
  }
  body.page article section.serviceTopInvoice .bgGray h3.plain {
    font-size: 1.07692rem;
    line-height: 1.42857;
  }
  body.page article section.serviceTopInvoice .bgGray .txt {
    font-size: 0.84615rem;
    line-height: 1.81818;
    margin-bottom: 1.92308rem;
  }
/************************************
** .page section.serviceTopPerformance
************************************/
  body.page article section.serviceTopPerformance .copy {
    padding: 0 calc(35/640*100vw);
    font-size: 1.30769rem;
    line-height: 1.47059;
  }
  body.page article section.serviceTopPerformance .lead {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopPerformance .singleImg {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopPerformance .singleImg img {
    max-width: none;
    width: 100%;
  }
/************************************
** .page section.servicePriceCost
************************************/
  body.page article section.servicePriceCost table.table-plan {
    width: 100%;
  }
  body.page article section.servicePriceCost table.table-plan th, body.page article section.servicePriceCost table.table-plan td {
    text-align: center;
    border: #dee0e9 solid 1px;
    font-size: 0.76923rem;
  }
  body.page article section.servicePriceCost table.table-plan tr.head th {
    background-color: #f4f5f6;
    padding: 0.5em;
    font-size: 0.76923rem;
  }
  body.page article section.servicePriceCost table.table-plan th.planname {
    color: #fff;
    background-color: #758396;
    font-size: 0.76923rem;
    font-weight: bold;
    padding: 0.5em;
  }
  body.page article section.servicePriceCost table.table-plan th.planname em {
    display: block;
    font-size: 1.07692rem;
  }
  body.page article section.servicePriceCost table.table-plan td em {
    font-weight: bold;
  }
  body.page article section.servicePriceCost table.table-plan td.percent {
    font-size: 0.76923em;
  }
  body.page article section.servicePriceCost table.table-plan td.percent .large {
    font-size: 1.9em;
  }
  body.page article section.servicePriceCost table.table-plan td.cost {
    text-align: right;
    padding: 0.5em;
    line-height: 1.2;
  }
  body.page article section.servicePriceCost table.table-plan td.cost .large {
    font-size: 1.30769em;
  }
  body.page article section.servicePriceCost table.table-plan td.cost .larger {
    font-size: 2.30769em;
  }
  body.page article section.servicePriceCost table.table-plan td.cost .small {
    font-size: 0.61538em;
    font-weight: normal;
  }
  body.page article section.servicePriceCost table.table-plan td.invoice {
    padding: 0.5em;
  }
  body.page article section.servicePriceCost table.table-plan td.invoice .price {
    font-size: 0.92308em;
    margin-bottom: 0.3125rem;
  }
  body.page article section.servicePriceCost table.table-plan td.invoice .price em {
    font-size: 1.46154em;
  }
  body.page article section.servicePriceCost .wiz {
    width: auto;
    margin: 1.92308rem calc(30/640*100vw) calc(30/640*100vw);
    padding: calc(30/640*100vw);
    font-size: 0.92308rem;
    position: relative;
  }

  body.page article section.servicePriceCost .wiz:before {
    position: absolute;
    top: -4.3rem;
    right: 1em;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 1.15385rem solid transparent;
    border-top: 2.69231rem solid transparent;
    border-bottom: 2.69231rem solid #dae9f7;
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  body.page article section.servicePriceCost .plan_att {
    margin-bottom: 2.11538rem;
  }
/************************************
** .page section.servicePriceOption
************************************/
  body.page article section.servicePriceOption table.table-option th, body.page article section.servicePriceOption table.table-option td {
    font-size: 0.84615rem;
    line-height: 1.4;
    padding: 0.5em;
  }
  body.page article section.servicePriceOption table.table-option th {
    text-align: left;
  }
  body.page article section.servicePriceOption table.table-option th a {
    color: #0053ab;
    text-decoration: underline;
    font-weight: bold;
    background-position: top left;
    padding-top: 1em;
    padding-left: 0;
  }
  body.page article section.servicePriceOption table.table-option th a:hover {
    text-decoration: none;
  }
  body.page article section.servicePriceOption table.table-option th .small {
    font-size: 0.875em;
  }
  body.page article section.servicePriceOption table.table-option tr.head th {
    background-color: #758396;
    padding: 0.8em;
    text-align: center;
  }
  body.page article section.servicePriceOption table.table-option td.ta_L {
    text-align: left;
  }
  body.page article section.servicePriceOption table.table-option td.cost {
    font-size: 0.76923rem;
    font-weight: bold;
    text-align: right;
  }
  body.page article section.servicePriceOption table.table-option td.cost .small {
    font-size: 1em;
    font-weight: normal;
  }
  body.page article section.servicePriceOption table.table-option td.cost .large {
    font-size: 1.4em;
  }
  body.page article section.servicePriceOption table.table-option td.cost .larger {
    font-size: 3em;
  }
  body.page article section.servicePriceOption table.table-option td.cost.ta_C {
    text-align: right;
  }
  body.page article section.servicePriceOption table.table-option td.small {
    font-size: 0.85714em;
    font-weight: normal;
  }
  body.page article section.servicePriceOption table.table-option td.small strong {
    font-weight: bold;
  }
  body.page article section.servicePriceOption table.table-option td .bgBlue {
    margin-top: 0.5em;
    background-color: #dae9f7;
    border-radius: 4px;
    padding: 0.5em;
  }
  body.page article section.servicePriceOption .alignCenter {
    text-align: center;
    margin-top: 2.5rem;
  }
  body.page article section.servicePriceOption .alignCenter a.option {
    font-weight: bold;
    display: block;
    margin: 0 auto;
    width: 62.5vw;
  }
  body.page article section.servicePriceOption .alignCenter a.option:after {
    display: inline-block;
    background-image: url("/img/common/icon_arrow_r_w.png");
  }
  body.page article section.servicePriceOption .alignCenter a.option:hover {
    opacity: .7;
  }
/************************************
** .page section.serviceIntroStep
************************************/
  body.page article section.serviceIntroStep .step {
    margin-bottom: 2.5rem;
    position: relative;
  }
  body.page article section.serviceIntroStep .step:last-child {
    margin-bottom: 0;
  }
  body.page article section.serviceIntroStep .step:last-child:after {
    display: none;
  }
  body.page article section.serviceIntroStep .step .boxHead {
    background-color: #dae9f7;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.8;
    padding: 0.5rem calc(30/640*100vw);
    display: flex;
    align-items: center;
  }
  body.page article section.serviceIntroStep .step .boxHead i {
    width: 6.375rem;
    height: 1.875rem;
    display: inline-block;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0.5rem 1.1875rem;
    margin-right: 1.125rem;
  }
  body.page article section.serviceIntroStep .step .boxHead i img {
    display: block;
    height: 0.875rem;
  }
  body.page article section.serviceIntroStep .step .boxBody {
    display: flex;
    padding: calc(35/640*100vw) calc(30/640*100vw);
  }
  body.page article section.serviceIntroStep .step .boxBody .imgBox {
    flex: 1;
    width: auto;
    height: auto;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;
    margin-right: 1rem;
  }
  body.page article section.serviceIntroStep .step .boxBody .imgBox img {
    display: block;
  }
  body.page article section.serviceIntroStep .step .boxBody .imgBox img.step01 {
    width: 17.96875vw;
  }
  body.page article section.serviceIntroStep .step .boxBody .imgBox img.step02 {
    width: 15.625vw;
  }
  body.page article section.serviceIntroStep .step .boxBody .imgBox img.step03 {
    width: 12.96875vw;
  }
  body.page article section.serviceIntroStep .step .boxBody .imgBox img.step04 {
    width: 22.5vw;
  }
  body.page article section.serviceIntroStep .step .boxBody .right {
    flex: initial;
    width: 51.5625vw;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.71429;
  }
  body.page article section.serviceIntroStep .step .boxBody .right a {
    text-decoration: underline;
    color: #0053ab;
  }
  body.page article section.serviceIntroStep .step .boxBody .right a:hover {
    text-decoration: none;
  }
  body.page article section.serviceIntroStep .step .boxBody .right .link {
    margin-top: 1em;
  }
  body.page article section.serviceIntroStep .step:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2.5rem;
    top: 100%;
    left: 0;
    margin-top: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 1.875rem;
    background-image: url("/img/page/service/service_flow_arrow_S.png");
  }
/************************************
** .page section.serviceIntroDocs
************************************/
  body.page article section.serviceIntroDocs .flex {
    flex-wrap: wrap;
    flex-direction: column;
  }
  body.page article section.serviceIntroDocs .flex .bordered {
    width: auto;
  }
  body.page article section.serviceIntroDocs .flex .bordered:first-child {
    margin-bottom: 1.92308rem;
  }
  body.page article section.serviceIntroDocs .flex .bordered .boxHead {
    font-size: 1.23077rem;
  }
  body.page article section.serviceIntroDocs .flex .bordered .boxBody li {
    font-size: 0.92308rem;
    line-height: 1.83333;
  }
/************************************
** .page section.meritTopSection
************************************/
  body.page article section.meritTopSection, body.page article section.meritTopSection.sec2 {
    margin-bottom: 2.69231rem;
  }
  body.page article section.meritTopSection .sectionInner, body.page article section.meritTopSection.sec2 .sectionInner {
    padding: 0 calc(20/640*100vw);
  }
  body.page article section.meritTopSection .sectionInner ul, body.page article section.meritTopSection.sec2 .sectionInner ul {
    flex-direction: column;
    flex-wrap: wrap;
  }
  body.page article section.meritTopSection .sectionInner ul li, body.page article section.meritTopSection.sec2 .sectionInner ul li {
    width: auto;
    margin-top: calc(35/640*100vw);
  }
  body.page article section.meritTopSection .sectionInner ul li:first-child, body.page article section.meritTopSection.sec2 .sectionInner ul li:first-child {
    margin-top: 0;
  }
  body.page article section.meritTopSection .sectionInner ul li a, body.page article section.meritTopSection.sec2 .sectionInner ul li a {
    display: flex;
    padding: calc(25/640*100vw);
    flex-direction: row;
    align-items: center;
  }
  body.page article section.meritTopSection .sectionInner ul li a img, body.page article section.meritTopSection.sec2 .sectionInner ul li a img {
    width: 31.25vw;
    margin-right: calc(35/640*100vw);
  }
  body.page article section.meritTopSection .sectionInner ul li a em, body.page article section.meritTopSection.sec2 .sectionInner ul li a em {
    flex: 1;
    text-align: left;
    font-size: 1.30769rem;
    padding-right: 0.5rem;
  }
/************************************
** .page section.optionIntro
************************************/
  body.page article section.optionIntro .mainVisual {
    padding: 0 calc(35/640*100vw);
    margin-bottom: calc(35/640*100vw);
  }
  body.page article section.optionIntro .mainVisual img {
    width: 100%;
  }
  body.page article section.optionIntro .imgRight .imgBox {
    width: 51.5625vw;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  body.page article section.optionIntro .imgCenter .txtBox {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section.optionIntro .imgCenter .imgBox img {
    margin-top: 0;
  }
  body.page article section.optionIntro .merit {
    padding: calc(30/640*100vw) calc(30/640*100vw) calc(40/640*100vw);
    flex-direction: column;
  }
  body.page article section.optionIntro .merit .txtBox {
    margin-top: 0.5rem;
  }
  body.page article section.optionIntro .merit .txtBox .copy {
    font-size: 1.23077rem;
  }
  body.page article section.optionIntro .merit .imgBox {
    width: auto;
    margin-top: 1rem;
    margin-left: 0;
  }
  body.page article section.optionIntro .merit .imgBox img {
    width: 100%;
  }
  body.page article section.optionIntro .merit .imgBox.auto, body.page article section.optionIntro .merit .imgBox.auto.connect {
    width: 50vw;
    margin-top: 0;
  }
  body.page article section.optionIntro .merit .imgBox.free {
    width: 45.3125vw;
  }
  body.page article section.optionIntro .wizExample {
    padding: 1rem calc(35/640*100vw) 0;
    flex-direction: column;
  }
  body.page article section.optionIntro .wizExample .ex {
    width: 100%;
    border: #dee0e9 solid 0.11538rem;
  }
  body.page article section.optionIntro .wizExample .ex.np {
    margin-bottom: 1rem;
  }
  body.page article section.optionIntro .wizExample .ex .label {
    font-size: 1.15385rem;
    line-height: 1.53333;
    padding: 0.23333em 0;
  }
/************************************
** .page section.optionFlow
************************************/
  body.page article section.optionFlow .flowWrap {
    background-image: none;
    padding: 0;
  }
  body.page article section.optionFlow .flowWrap .automation {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
  }
  body.page article section.optionFlow .flowWrap .automation img {
    width: 100%;
  }
  body.page article section.optionFlow .flowWrap .flowSec {
    background-image: url("/img/common/bg_net.gif");
    padding: 1.92308rem calc(30/640*100vw) 2.11538rem;
    width: auto;
  }
  body.page article section.optionFlow .flowWrap .flowSec .label {
    padding: 0.65385rem 0;
    height: auto;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li {
    background-color: #fff;
    height: 3.61538rem;
    margin-bottom: 1.92308rem;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li:after {
    height: 1.92308rem;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.arrowM:after {
    height: 5.19231rem;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.add {
    padding: 0;
    background-color: #fff;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.add em {
    padding: 0 0.76923rem;
    height: 2.92308rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    width: 100%;
    box-sizing: border-box;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.add em img {
    height: 1.57692rem;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.add .skip {
    position: static;
    margin-left: 0;
    width: 100%;
    border: none;
    padding: calc(35/640*100vw);
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.add .skip .txtBox .skipTit {
    display: none;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.add .skip .txtBox .txt {
    font-size: 0.92308rem;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.dashed, body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed {
    padding: 0;
    background-color: transparent;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    border: none;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.dashed em, body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed em {
    padding: 1rem 0.76923rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    border: dashed 0.125rem;
    background-color: #fff;
    flex-direction: column;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.dashed em img, body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed em img {
    height: auto;
    width: 85.29412%;
    display: block;
    margin: 0 auto;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.dashed .skip, body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed .skip {
    position: static;
    margin-left: 0;
    width: 100%;
    border: none;
    padding: 0;
    background-color: transparent;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.dashed .skip .skipLabel, body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed .skip .skipLabel {
    display: none;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.dashed .skip .txt, body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed .skip .txt {
    margin: 0.5em 0;
    font-size: 0.92308rem;
    line-height: 1.75;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed em {
    padding: calc(30/640*100vw);
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed em img {
    width: 62.5vw;
    margin: 0;
    align-self: flex-start;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed em span.bgGray {
    display: block;
    width: auto;
    padding: 0.76923rem;
    margin-bottom: 0.76923rem;
    align-self: stretch;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.spDashed em span.bgGray img {
    width: 60.9375vw;
    margin: 0 auto;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.double {
    background-color: transparent;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.double .pattern {
    background-color: #fff;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.double .pattern img {
    height: 0.92308rem;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li.double .pattern:after {
    height: 1.92308rem;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li .skip {
    box-shadow: none;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li .skip:before {
    display: none;
  }
  body.page article section.optionFlow .flowWrap .flowSec ul li .skip .imgBox.print {
    width: 3.84615rem;
    margin-right: 0.5rem;
  }
/************************************
** .page section.optionWizInvoice
************************************/
  body.page article section.optionWizInvoice a.pdf {
    font-size: calc(20/26*1rem);
  }
  body.page article section.optionWizInvoice .bgGray {
    margin-left: calc(35/640*100vw);
    margin-right: calc(35/640*100vw);
    padding: calc(30/640*100vw);
    flex-direction: column;
    align-items: center;
  }
  body.page article section.optionWizInvoice .bgGray .imgBox {
    width: 37.5vw;
    margin: 0;
  }
  body.page article section.optionWizInvoice .bgGray .imgBox .label {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  body.page article section.optionWizInvoice .bgNet {
    padding: calc(30/640*100vw) calc(30/640*100vw) 1.92308rem;
  }
  body.page article section.optionWizInvoice .bgNet .imgRight .txtBox {
    order: 2;
    padding: 0;
    margin-top: 1rem;
  }
  body.page article section.optionWizInvoice .bgNet .imgRight .txtBox .txt {
    font-size: 1rem;
  }
  body.page article section.optionWizInvoice .bgNet .imgRight .imgBox {
    order: 1;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  body.page article section.optionWizInvoice .bgNet .imgRight .imgBox img {
    width: 100%;
  }
  body.page article section.optionWizInvoice .bgNet .reccomend {
    margin-bottom: 1.92308rem;
  }
  body.page article section.optionWizInvoice .bgNet .reccomend .label {
    font-size: 1rem;
  }
  body.page article section.optionWizInvoice .bgNet .reccomend ul li {
    font-size: 0.92308rem;
  }
  body.page article section.optionWizInvoice .bgNet .example {
    flex-direction: column;
    align-items: center;
  }
  body.page article section.optionWizInvoice .bgNet .example .ex {
    width: 59.375vw;
    margin-top: 1.5rem;
    margin-left: 0;
    text-align: center;
  }
  body.page article section.optionWizInvoice .bgNet .example .ex:first-child {
    margin-top: 0;
  }
  body.page article section.optionWizInvoice .bgNet .example .ex .label {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    text-align: left;
  }
/************************************
** .page section.optionLogos
************************************/
  body.page article section.optionLogos .lead {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section.optionLogos ul.logos {
    padding: 0 calc(35/640*100vw);
  }
  body.page article section.optionLogos ul.logos li {
    width: 42.1875vw;
  }
  body.page article section.optionLogos ul.logos li .label {
    line-height: 1.27273;
  }
  body.page article section.optionLogos .ta_C a.btn.blue {
    font-size: 1.07692rem;
    line-height: 1.07143;
    font-weight: bold;
    padding: 1.25em 0;
    display: block;
    width: 62.5vw;
    margin: 0 auto;
  }
  body.page article section.optionLogos .ta_C a.btn.blue:after {
    display: inline-block;
  }
/************************************
** .page section.optionPrice
************************************/
  body.page article section.optionPrice table.pageTable tr.head th {
    padding: 1rem 0;
    font-size: 1rem;
  }
  body.page article section.optionPrice table.pageTable tr.head.small th {
    font-size: 0.76923rem;
  }
  body.page article section.optionPrice table.pageTable tr td.price {
    padding: 1rem 0.5rem;
    font-size: 0.76923rem;
  }
  body.page article section.optionPrice table.pageTable tr td.price .larger {
    font-size: 1.46154rem;
  }
  body.page article section.optionPrice table.pageTable tr td.price .large {
    font-size: 1.07692rem;
  }
  body.page article section.optionPrice table.pageTable tr td.fs18 {
    width: 50%;
    font-size: 0.84615rem;
    padding: 1em;
  }
  body.page article section.optionPrice table.pageTable tr td .bgBlue {
    font-size: 0.76923rem;
    line-height: 1.5;
    padding: 1em;
  }
  body.page article section.optionPrice ul.att {
    line-height: 1.66667;
  }
  body.page article section.optionPrice .imgSingle {
    padding: calc(40/640*100vw);
  }
  body.page article section.optionPrice .imgSingle img {
    width: 75.78125vw;
    max-width: none;
  }

}