@charset "utf-8";

/* main */

.how2Flow {
  display: flex;
}

.how2Flow > div:first-child {
  display: flex;
  flex-flow: column;
  margin: 0 10px 0 auto;
  width: 35%;
}

.how2Flow > div:last-child {
  width: 65%;
}

.flow-box {
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
}

.flow-box:last-child {
  margin-bottom: 0;
}

.flow-box p {
  margin: 0;
}

.heading,
.flow-box > div:first-child {
  background-color: #A8D76D;
  font-weight: bold;
  padding: 1.5%;
}

.flow-box > div:not(:first-child) {
  background-color: #E1F3D4;
  padding: 15px;
  text-align: left;
}

.flow-box:not(:last-child)::after {
  border: 15px solid transparent;
  border-top: 15px solid #E1F3D4;
  content: "";
  left: 50%;
  margin-left: -15px;
  position: absolute;
}

.flow-flexBox p:first-child {
  background-color: #ffffff;
  border: 1px solid #808080;
  padding: 1%;
  text-align: center;
}

.heading {
  background-color: #fd9d9d;
}

.alert {
  background-color: #E1F3D4;
  border: 1px solid #fd9d9d;
  flex: 1 0 auto;
  width: calc(100% - 2px);
}

.alert p {
  padding: 10px;
}

.alert ol {
  counter-reset: alert-counter;
  list-style: none;
  margin: 0;
  padding: 15px;
  text-align: left;
}

.alert li {
  display: flex;
  margin-bottom: 10px;
  position: relative;
}

.alert li:last-child {
  margin-bottom: 0;
}

.alert li::before {
  border: solid 1px #000000;
  border-radius: 50%;
  content: counter(alert-counter);
  counter-increment: alert-counter;
  display: block;
  height: calc(16.5px);
  line-height: 17.5px;
  margin-right: 10px;
  margin-top: 2.5px;
  text-align: center;
  width: calc(16.5px);
}

.alert li span {
  display: block;
  width: calc(100% - 24px);
}

.service div {
  background-color: #E1F3D4;
}

.serviceBox {
  padding: 10px;
  text-align: left;
}

.serviceFlex {
  display: flex;
}

.serviceFlex h4 {
  margin-left: 5px;
  text-align: center;
}

.serviceFlex div {
  padding: 15px;
}

.serviceFlex img {
  height: 268px;
}

.printerService div {
  width: calc(35% - 30px);
}

.printerService table {
  text-align: center;
  width: 65%;
}

table {
  background-color: #ffffff;
  border-collapse: separate;
  width: 100%;
}

th,
td {
  border: 0 solid #ffffff;
  padding: 1%;
}

th {
  background-color: #A8D76D;
}

td {
  background-color: #E1F3D4;
}

.reduction-table th:nth-child(2),
.reduction-table td:nth-child(2) {
  width: 70%;
}

.reduction-table td:nth-child(2) {
  text-align: left;
}

.reduction-table th:nth-child(1),
.reduction-table td:nth-child(1),
.reduction-table th:nth-child(3),
.reduction-table td:nth-child(3) {
  text-align: center;
  width: 15%;
}

.in-box {
  background-color: #E1F3D4;
  padding: 30px;
  text-align: left;
}

.in-box ul {
  list-style-position: outside;
  margin: 0 auto;
  padding: 0;
  width: 704px;
}